@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&family=Noto+Serif+TC:wght@400;600&display=swap";:root{--ink:#0b0a09;--paper:#e8e2d8;--muted:#968f86;--line:#e8e2d82e}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{color:var(--paper);background:var(--ink);margin:0;font-family:Noto Sans TC,sans-serif}a{color:inherit;text-decoration:none}body:before{content:"";pointer-events:none;opacity:.07;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");position:fixed;inset:0}.site-header{z-index:5;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;padding:28px 4vw;display:flex;position:absolute;top:0;left:0}.brand{flex-direction:column;gap:4px;display:flex}.brand span,.eyebrow,.archive-heading,.scroll-cue,footer,.ig-link{letter-spacing:.22em;font-size:10px}.brand strong{letter-spacing:.18em;font:500 17px Noto Serif TC}.ig-link{color:#beb6aa}.hero{background:radial-gradient(circle at 80% 38%,#621b2252,#0000 32%),linear-gradient(135deg,#0a0908 0%,#100e0c 55%,#170b0c 100%);flex-direction:column;justify-content:center;min-height:96vh;padding:130px 7vw 80px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(2px);background:linear-gradient(90deg,#0000,#7a392f21);width:42vw;height:62vh;position:absolute;top:19vh;right:-8vw;transform:skew(-9deg)}.eyebrow{color:#a88b78;margin-bottom:24px}.hero h1{letter-spacing:.1em;z-index:1;margin:0;font:400 clamp(44px,7vw,102px) Noto Serif TC;position:relative}.owner-words{color:#bcb4a9;letter-spacing:.1em;margin-top:48px;font:300 clamp(14px,1.25vw,18px)/1.15 Noto Serif TC}.owner-words p{margin:0 0 12px}.scroll-cue{color:#746d65;align-items:center;gap:14px;display:flex;position:absolute;bottom:38px;left:7vw}.scroll-cue i{background:#746d65;width:52px;height:1px}.archive{padding:90px 4vw 150px}.archive-heading{border-bottom:1px solid var(--line);color:#7e776e;justify-content:space-between;margin-bottom:55px;padding-bottom:18px;display:flex}.reels-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 3vw;max-width:1500px;margin:auto;display:grid}.person-card{min-width:0}.reel-frame{aspect-ratio:2/3;background:#15110e;border:1px solid #ffffff14;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000059}.reel-frame iframe{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;width:100%;height:100%}.grain{pointer-events:none;opacity:.055;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.reel-placeholder{background:linear-gradient(160deg,#35141a,#0e0d0b 63%);flex-direction:column;justify-content:space-between;height:100%;padding:25px;display:flex}.reel-placeholder span{letter-spacing:.2em;color:#8e7267;font-size:11px}.reel-placeholder b{color:#e8e2d824;font:400 clamp(32px,4vw,72px)/.95 Georgia,serif}.person-copy{padding-top:25px}.person-number{color:#766e65;letter-spacing:.2em;font-size:9px}.person-copy h2{letter-spacing:.14em;margin:10px 0 14px;font:400 clamp(25px,2.3vw,38px) Noto Serif TC}.person-copy>p{color:#a9a198;min-height:54px;margin:0 0 24px;font-size:14px;line-height:1.9}.theme-song{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 0;transition:all .3s;display:grid}.theme-song:hover{color:#fff;border-color:#ffffff73;padding-left:8px}.music-mark{border:1px solid #6e665e;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.theme-song small{letter-spacing:.18em;color:#746c64;margin-bottom:4px;font-size:8px;display:block}.theme-song b{letter-spacing:.08em;font:400 13px Noto Serif TC}.theme-song i{letter-spacing:.13em;color:#8a8179;font-size:8px;font-style:normal}footer{border-top:1px solid var(--line);color:#706961;justify-content:space-between;margin:0 4vw;padding:34px 0 48px;display:flex}footer p{letter-spacing:.08em;color:#aaa198;margin:0;font:400 13px Noto Serif TC}.admin-page{background:#11100e;min-height:100vh;padding:50px max(24px,5vw)}.admin-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;padding-bottom:24px;display:flex}.admin-head h1{font:400 38px Noto Serif TC}.admin-grid{gap:16px;margin-top:30px;display:grid}.editor-card{border:1px solid var(--line);background:#171513;padding:22px}.editor-card input,.editor-card textarea{color:#eee;width:100%;font:inherit;background:#0d0c0b;border:1px solid #3c3833;margin:6px 0;padding:12px}.editor-card textarea{min-height:90px}.editor-actions{gap:10px;margin-top:12px;display:flex}.editor-actions button,.add-button{color:#eee;cursor:pointer;background:0 0;border:1px solid #8b7669;padding:10px 16px}.editor-actions .danger{color:#b98686;border-color:#5d3333}.status{color:#a99b8c;font-size:13px}@media (width<=900px){.reels-grid{grid-template-columns:repeat(2,1fr);gap:60px 20px}.hero{min-height:82vh}.hero h1{font-size:12vw}.owner-words{line-height:1.35}.site-header{padding:22px 20px}.archive{padding:70px 20px 100px}.ig-link{display:none}footer{margin:0 20px}footer p{display:none}}@media (width<=560px){.reels-grid{grid-template-columns:1fr;gap:80px}.reel-frame{max-height:76vh}.person-copy>p{min-height:auto}.hero{padding-left:24px;padding-right:24px}.scroll-cue{left:24px}.archive-heading{margin-bottom:30px}.theme-song i{display:none}footer{font-size:8px}.brand strong{font-size:14px}}body.modal-open{overflow:hidden}.reel-cover{width:100%;height:100%;color:var(--paper);cursor:pointer;text-align:left;background:#0d0c0b;border:0;padding:0;position:relative;overflow:hidden}.reel-cover img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s;display:block}.reel-cover:hover img{filter:brightness(.82);transform:scale(1.025)}.cover-shade{background:linear-gradient(#0000 48%,#05040380 100%);position:absolute;inset:0}.play-disc{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08070640;border:1px solid #ffffffb8;border-radius:50%;place-items:center;width:66px;height:66px;transition:transform .3s,background .3s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reel-cover:hover .play-disc{background:#0807068c;transform:translate(-50%,-50%)scale(1.08)}.play-disc i{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:11px solid #f4eee5;width:0;height:0;margin-left:4px;display:block}.cover-label{letter-spacing:.2em;font-size:8px;position:absolute;bottom:20px;left:22px}.cover-fallback{text-align:center;letter-spacing:.08em;color:#e8e2d826;background:radial-gradient(circle at 55% 35%,#5e1d21a6,#0000 44%),#11100e;place-items:center;font:400 clamp(30px,4vw,58px)/.95 Georgia,serif;display:grid;position:absolute;inset:0}.reel-modal{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;background:#050403e8;border:0;position:absolute;inset:0}.modal-player{z-index:1;background:#0b0a09;border:1px solid #dac29a47;flex-direction:column;width:min(430px,100vw - 36px);display:flex;position:relative;box-shadow:0 30px 100px #000000b3}.modal-player iframe{background:#0b0a09;border:0;width:100%;height:min(72vh,760px);display:block}.modal-bar{border-bottom:1px solid var(--line);letter-spacing:.16em;color:#9b9186;justify-content:space-between;align-items:center;height:45px;padding:0 14px;font-size:8px;display:flex}.modal-bar button{color:#d2c8bb;letter-spacing:.12em;cursor:pointer;background:0 0;border:0;font-size:9px}.open-instagram{text-align:center;border-top:1px solid var(--line);letter-spacing:.14em;color:#baa98e;padding:13px;font-size:9px}.grain{z-index:3}.reel-cover{z-index:1}@media (width<=560px){.play-disc{width:58px;height:58px}.modal-player iframe{height:70vh}.modal-bar{height:42px}}.cover-editor{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:22px;margin-bottom:18px;padding-bottom:20px;display:grid}.cover-preview{aspect-ratio:2/3;color:#8f857c;text-align:center;letter-spacing:.1em;background:linear-gradient(150deg,#3b171b,#0e0d0c 70%);border:1px solid #403934;place-items:center;width:150px;font-size:11px;line-height:1.8;display:grid;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.cover-controls{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.cover-controls strong{letter-spacing:.06em;font:400 17px Noto Serif TC}.cover-controls p{color:#8e857c;margin:8px 0 14px;font-size:12px}.cover-controls small{color:#b3a28d;min-height:18px;margin-top:10px;font-size:11px;display:block}.upload-button,.remove-cover{color:#eee;cursor:pointer;background:0 0;border:1px solid #8b7669;justify-content:center;align-items:center;padding:10px 15px;font-size:12px;display:inline-flex}.upload-button input{opacity:0;pointer-events:none;width:1px!important;height:1px!important;position:absolute!important}.remove-cover{color:#a99d92;border-color:#554842;margin-top:8px}.publish-check{color:#c0b6aa;align-items:center;gap:8px;margin-top:8px;font-size:13px;display:flex}.publish-check input{width:auto;margin:0}@media (width<=620px){.admin-head{align-items:flex-start;gap:16px}.admin-head h1{font-size:30px}.cover-editor{grid-template-columns:110px 1fr;gap:14px}.cover-preview{width:110px}.cover-controls p{font-size:11px}.editor-card{padding:15px}}.theme-song{display:block}.theme-song:hover{padding-left:0}.song-heading{align-items:center;gap:13px;display:flex}.music-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px;display:grid}.platform-link{color:#aaa198;border:1px solid #e8e2d82e;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;min-height:38px;padding:0 11px;transition:border-color .2s,color .2s,background .2s;display:grid}.platform-link svg{width:18px;height:18px}.platform-link span{letter-spacing:.1em;font-size:9px}.platform-link i{color:#756d65;font-size:9px;font-style:normal;display:block!important}.platform-link:hover{color:#fff;background:#ffffff09;border-color:#ffffff6b}.platform-link.youtube:hover svg{color:#ff3b30}.platform-link.spotify:hover svg{color:#1ed760}@media (width<=560px){.music-links{gap:7px}.platform-link{grid-template-columns:17px 1fr auto;padding:0 9px}.platform-link svg{width:17px;height:17px}}.hero-logo{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 38px #ffb2001a);width:min(1100px,88vw);height:auto;display:block;position:relative}.hero .hero-logo+h1{letter-spacing:.26em;color:#d3c8b8;margin-top:32px;font-size:clamp(25px,2.2vw,38px)}.hero .owner-words{margin-top:36px}@media (width<=900px){.hero-logo{width:min(880px,92vw)}.hero .hero-logo+h1{margin-top:26px;font-size:24px}}@media (width<=560px){.hero-logo{width:100%}.hero .hero-logo+h1{letter-spacing:.2em;margin-top:22px;font-size:20px;line-height:1.5}.hero .owner-words{margin-top:30px}}