:root{--blue:#79c5e3;--deep:#285d76;--ink:#25485b;--pale:#eaf8fd;--white:#fff;--pink:#f8d9e2;--shadow:0 18px 55px #1c65802b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;background:#f8fcff}button,a{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #245978;outline-offset:4px}.site-header{height:74px;position:absolute;z-index:4;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,100px);color:white}.brand{text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.15em}.brand span{font-size:1.4rem;margin-left:8px}.site-header nav{display:flex;gap:35px}.site-header nav a{font-size:.85rem;text-decoration:none;opacity:.95}.site-header nav a:hover{text-decoration:underline}.header-music{background:#ffffff30;border:1px solid #ffffff90;border-radius:40px;color:white;padding:9px 17px}.hero{min-height:690px;position:relative;overflow:hidden;background:linear-gradient(135deg,#61b7dc 0%,#80cae8 50%,#a6dff0 100%);color:white}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 12%,#ffffff4a,transparent 32%),linear-gradient(transparent 70%,#b8e7f170)}.hero-inner{max-width:1250px;min-height:660px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:100px 55px 50px;gap:20px;position:relative;z-index:1}.hero-copy{z-index:2}.eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:600}.hero h1{font-size:clamp(5rem,10vw,9rem);font-weight:500;letter-spacing:.15em;line-height:1.2;margin:25px 0 0;text-shadow:0 5px 25px #3d9db640}.roman{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.5rem,3vw,2.6rem);margin:0 0 36px}.hero-verse{font-size:1.08rem;line-height:2.2;letter-spacing:.12em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:40px;padding:13px 22px;text-decoration:none;font-size:.88rem;font-weight:600;border:1px solid transparent}.primary{background:white;color:#317f9d}.ghost{background:#ffffff17;border-color:#fff;color:#fff}.hero-art{height:500px;position:relative}.vinyl{position:absolute;width:340px;height:340px;border-radius:50%;background:repeating-radial-gradient(circle,#1d4b66 0 3px,#2b6483 4px 6px,#244f6b 7px 9px);right:0;top:100px;box-shadow:0 20px 45px #235e7b66;display:grid;place-items:center;transform:rotate(-18deg)}.vinyl:before{content:"";position:absolute;inset:35px;border:1px solid #ffffff30;border-radius:50%}.vinyl-label{width:112px;height:112px;background:linear-gradient(145deg,#bce7f4,#5fb9d9);border-radius:50%;display:grid;place-content:center;text-align:center;line-height:1.2;letter-spacing:.2em;font-size:1.2rem}.record-cover{position:absolute;left:15px;top:50px;width:270px;height:310px;background:linear-gradient(160deg,#eafaffb0,#6fb8d7a6),radial-gradient(circle at 75% 25%,white,transparent 55%);border:10px solid #f8ffff;box-shadow:var(--shadow);transform:rotate(-9deg);padding:35px 20px;z-index:1}.record-cover>span{font-size:1.3rem;letter-spacing:.2em;font-family:Georgia,serif}.record-lines{font-size:2.8rem;margin-top:60px;transform:rotate(-10deg)}.polaroid{position:absolute;right:25px;bottom:5px;background:white;padding:11px 11px 20px;color:#6794ab;width:180px;transform:rotate(12deg);box-shadow:var(--shadow);z-index:2;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:.8rem}.photo-sky{height:145px;background:linear-gradient(#80c9e7,#e9faff 75%,#b1dce9)}.headphones{position:absolute;left:90px;bottom:15px;font-size:5rem;opacity:.65}.cloud-one,.cloud-two{position:absolute;border-radius:50%;background:#ffffff22;filter:blur(30px)}.cloud-one{width:300px;height:100px;top:100px;right:5%}.cloud-two{width:370px;height:140px;bottom:20px;left:-5%}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;max-width:1250px;padding:0 55px 26px;margin:auto;font-size:.65rem;letter-spacing:.15em}.tracks-section{max-width:1160px;margin:auto;padding:100px 35px 115px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end}.dark{color:#68afcd}.section-top h2,.about-section h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2.1rem,4vw,3.5rem);font-weight:500;margin:14px 0}.section-top h2 span{font-size:.55em;color:#83b7cc;font-style:italic}.section-desc{color:#6a8798;line-height:1.8}.track-count{text-align:right;display:flex;flex-direction:column;color:#7ebed9}.track-count strong{font-size:4.5rem;font-weight:300;line-height:1}.track-count span{font-size:.65rem;letter-spacing:.13em}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0 23px}.chip{border:1px solid #d2e9f3;background:#eaf7fc;color:#4c7c93;padding:10px 18px;border-radius:40px;font-size:.84rem}.chip.active,.chip:hover{background:#6db9da;color:white;border-color:#6db9da}.track-list{border-top:1px solid #d5e7f0}.track-row{display:flex;align-items:center;gap:22px;padding:19px 12px;border-bottom:1px solid #d5e7f0;background:transparent}.track-row:hover{background:#eff8fc}.track-number{font-size:1.2rem;color:#6db9da;font-family:Georgia,serif;min-width:35px}.track-info{flex:1;min-width:0}.track-title{font-size:1.06rem;font-weight:600;margin:0 0 8px}.track-tags{display:flex;flex-wrap:wrap;gap:7px}.tag{font-size:.72rem;border-radius:40px;background:#e2f4fb;color:#5387a0;padding:4px 11px}.tag.adult{background:#fbe4e9;color:#a45d70}.play-track{width:38px;height:38px;border:0;border-radius:50%;background:#6db9da;color:white;font-size:1rem}.empty-state{text-align:center;padding:70px 20px;color:#6c92a6;line-height:2}.empty-state strong{display:block;color:#477b96;font-size:1.2rem}.about-section{background:#eaf8fd;padding:90px max(35px,calc((100vw - 1060px)/2));display:grid;grid-template-columns:210px 1fr;gap:60px;align-items:center}.about-note{height:210px;border:2px solid #aad8e9;border-radius:50%;display:grid;place-items:center;color:#6bb7d6;font-size:7rem}.about-section p{line-height:2}.disclaimer{font-size:.8rem;color:#7995a4}footer{padding:28px clamp(20px,6vw,100px);display:flex;justify-content:space-between;gap:15px;color:#6e9bb1;font-size:.72rem;letter-spacing:.08em}dialog{border:0;padding:0;max-width:min(94vw,760px);max-height:90vh;border-radius:16px;box-shadow:0 30px 100px #123b5b60;color:var(--ink)}dialog::backdrop{background:#123d58b8;backdrop-filter:blur(5px)}.reader-dialog{width:760px}.reader-shell{padding:clamp(25px,5vw,70px);max-height:90vh;overflow-y:auto}.close{float:right;background:transparent;border:0;font-size:2rem;color:#7298aa}.reader-shell h2{font-size:2.2rem;font-weight:500}.reader-meta{display:flex;gap:8px;flex-wrap:wrap}.reader-body{font-size:1.04rem;line-height:2.25;white-space:pre-wrap;margin:45px 0;color:#365363;overflow-wrap:anywhere}.reader-nav{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #d7eaf2;padding-top:20px}.reader-nav button{border:0;background:#e9f6fb;color:#497f99;border-radius:30px;padding:10px 14px}.reader-nav button:disabled{opacity:.35;cursor:not-allowed}.age-dialog{max-width:430px}.age-inner{text-align:center;padding:35px}.age-icon{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#f6cbd8;color:#a84d6c;font-weight:700}.age-inner p{line-height:1.9;color:#67869a}.age-actions{display:flex;gap:10px;justify-content:center}.light{background:#e8f4fa;color:#3d728b}.blue{background:#69b7d9;color:white}.music-dialog{width:680px;background:linear-gradient(150deg,#69b9db,#a0d9ed);color:white}.music-shell{padding:30px}.music-shell .close{color:white}.music-shell h2{font-size:2rem;margin:10px 0}.music-shell p{line-height:1.8}.video-wrap{aspect-ratio:16/9;background:#285d76;border-radius:12px;overflow:hidden;display:grid;place-items:center}.video-wrap iframe{width:100%;height:100%;border:0}.music-note{font-size:.8rem}.music-note a{text-decoration:underline}@media(max-width:800px){.site-header{height:66px;padding:0 22px}.site-header nav{gap:13px}.site-header nav a{font-size:.72rem}.header-music span{display:none}.hero-inner{grid-template-columns:1fr;min-height:840px;padding:125px 26px 40px;align-content:start}.hero h1{font-size:clamp(4.5rem,15vw,7rem)}.hero-art{height:300px;max-width:440px;width:100%;margin:auto}.vinyl{width:240px;height:240px;top:20px;right:0}.vinyl-label{width:85px;height:85px}.record-cover{width:190px;height:230px;top:0;left:12px;padding:18px}.record-cover>span{font-size:.9rem}.record-lines{font-size:1.9rem;margin-top:45px}.polaroid{width:115px;right:4px;bottom:-5px;padding:7px 7px 13px}.photo-sky{height:90px}.hero-bottom{padding:0 24px 20px}.tracks-section{padding:65px 22px}.about-section{padding:65px 25px;grid-template-columns:1fr;gap:20px}.about-note{width:120px;height:120px;font-size:4rem}.track-count strong{font-size:3rem}}@media(max-width:460px){.brand{font-size:.65rem}.site-header nav a:first-child,.site-header nav a:last-child{display:none}.hero-inner{min-height:800px}.hero-actions{flex-direction:column;align-items:start}.section-top{align-items:start}.track-count span{max-width:85px}.track-row{gap:12px;padding:16px 3px}.track-title{font-size:.95rem}.hero-bottom span:last-child{display:none}footer{flex-direction:column}.reader-nav button{font-size:.7rem;padding:9px 8px}}