:root{--bg:#10120f;--panel:#1a1d17;--ink:#f1f2e9;--muted:#a5aa9c;--accent:#d8fa57;--line:#33382b;--gutter:clamp(24px,6.3vw,110px);font-family:Inter,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--bg)}img{display:block;width:100%;object-fit:cover}p{line-height:1.8}em{font-style:normal;color:var(--accent)}.skip{position:fixed;top:-100px;background:var(--accent);color:#111;padding:15px;z-index:99}.skip:focus{top:12px}.read-progress{height:3px;position:fixed;left:0;top:0;background:var(--accent);width:0;z-index:60}header{height:92px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:28px;border-bottom:1px solid #ffffff1c;background:#10120fe8;backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:750;letter-spacing:2px}.brand-mark{font-size:38px;line-height:1;letter-spacing:-6px;margin-right:7px;color:var(--accent);font-style:italic}.brand small{display:block;font-size:10px;letter-spacing:1.8px;margin-top:7px;font-weight:400;color:#bec4b5}nav{display:flex;gap:32px;font-size:14px}nav a{padding:30px 0;position:relative}nav a:hover,nav a.active{color:var(--accent)}.archive-tag{border:1px solid #697151;border-radius:30px;padding:12px 18px;font-size:13px;white-space:nowrap}.archive-tag span{margin-left:15px;color:var(--accent)}.hero{min-height:740px;height:calc(100svh - 92px);max-height:1050px;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('assets/hero.jpg') center 45%/cover no-repeat;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090c0af2 0%,#090c0aca 30%,#090c0a30 70%),linear-gradient(0deg,#10120f 0%,transparent 30%,#10120f30 100%)}.hero-content{position:relative;padding:65px var(--gutter) 150px;max-width:950px}.eyebrow{font-size:12px;font-weight:550;letter-spacing:2.4px;color:var(--accent);margin:0 0 28px}.issue{font-size:14px;display:flex;gap:18px;align-items:center;margin:35px 0 20px}.issue span{font-size:12px;border-left:1px solid #939886;padding-left:18px;color:#bac0ae}h1{font-size:clamp(46px,5.3vw,84px);letter-spacing:-3px;line-height:1.16;margin:0 0 27px;font-weight:800}h1>span{display:block;font-size:clamp(44px,5.1vw,80px);line-height:1.25;font-weight:350;color:var(--accent);margin-top:9px;letter-spacing:-2px}.hero-copy{font-size:16px;color:#c5c9bf;line-height:1.9}.pill{padding:16px 24px;border-radius:32px;display:inline-flex;align-items:center;gap:30px;font-size:14px;font-weight:650;transition:transform .25s,background .25s}.primary{background:var(--accent);color:#171d0c}.pill:hover{transform:translateY(-3px);background:#e6ff94}.hero-content .pill{margin-top:15px}.hero-bottom{position:absolute;bottom:34px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:11px;letter-spacing:2px;line-height:1.8;color:#d7ddce}.hero-bottom b{font-weight:400;color:#939c89;font-size:10px}.hero-bottom a{font-size:10px}.vertical-note{position:absolute;right:0;bottom:135px;writing-mode:vertical-rl;font-size:12px;letter-spacing:5px}.ticker{background:var(--accent);color:#161b0b;overflow:hidden;height:66px;display:flex;align-items:center}.ticker>div{white-space:nowrap;font-size:24px;font-weight:750;letter-spacing:2px;animation:marquee 35s linear infinite;width:max-content}.ticker span{padding:0 45px}.ticker:hover>div{animation-play-state:paused}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:108px var(--gutter)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-head .eyebrow{margin-bottom:18px}h2{font-size:clamp(28px,3.05vw,46px);letter-spacing:-1.6px;line-height:1.4;font-weight:650;margin:0}h2 em{font-weight:350}.section-head>p{font-size:14px;color:var(--muted);margin:0;line-height:1.9}.stage-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);margin-bottom:34px}.stage-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:19px 8px 22px;text-align:left;color:var(--muted);font-size:15px}.stage-tabs button>span{margin:0 15px;font-size:13px}.stage-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.stage-feature{display:grid;grid-template-columns:1.45fr 1fr;gap:0;border:1px solid var(--line)}.stage-visual{position:relative;min-height:390px;background:#080a08;overflow:hidden}.stage-visual img{height:100%;position:absolute;inset:0;transition:transform .7s;object-fit:cover}.stage-visual:hover img{transform:scale(1.035)}.stage-visual:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#090d0aaa,transparent 45%)}.image-chip{position:absolute;top:22px;left:22px;background:#10120fac;border:1px solid #ffffff40;padding:8px 12px;border-radius:20px;font-size:12px;backdrop-filter:blur(10px);z-index:1}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ffffff99;background:#ffffff15;backdrop-filter:blur(8px);height:78px;width:78px;border-radius:50%;font-size:24px;padding-left:10px;z-index:2;transition:background .2s}.play-button:hover{background:var(--accent);color:#111;border-color:var(--accent)}.visual-caption{position:absolute;bottom:24px;left:24px;font-size:12px;letter-spacing:3px;z-index:2}.stage-info{background:#1a1d17;padding:40px}.mini-label{font-size:12px;letter-spacing:1.4px;color:var(--accent)}.stage-info h3{font-size:47px;letter-spacing:-2px;font-weight:600;line-height:1.2;margin:22px 0 8px}.stage-info h3 span{font-weight:350}.performers{color:#b9bfad;font-size:14px}.stage-info>p:not(.performers){font-size:16px;color:#c4c9bc}.listen-notes{border-top:1px solid var(--line);padding-top:18px;margin:25px 0}.listen-notes>span{font-size:12px;color:var(--accent)}.listen-notes p{font-size:14px;color:var(--muted);margin:8px 0 0}.text-link{background:none;border:0;padding:0 0 5px;border-bottom:1px solid #809340;display:inline-flex;gap:24px;font-size:14px;color:var(--accent);line-height:1.8}.data-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 0 25px}.data-strip>div{border-right:1px solid var(--line);padding-left:32px;display:flex;flex-direction:column;gap:11px}.data-strip>div:first-child{padding-left:0}.data-strip>div:last-child{border:0}.data-strip strong{font-size:56px;line-height:1;font-weight:450;letter-spacing:-2px}.data-strip strong small{font-size:14px;letter-spacing:0;margin-left:8px;color:#b6bdab}.data-strip span{font-size:13px;color:var(--muted)}.data-strip a{color:var(--accent)}.data-note{font-size:12px;color:#8d9683;line-height:1.8}.band-section{background:#d8fa57;color:#182010;display:grid;grid-template-columns:1fr 1fr}.band-photo{min-height:720px;position:relative;overflow:hidden}.band-photo img{height:100%;position:absolute;inset:0;object-position:center}.band-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#10120f99,transparent 50%)}.band-photo>span{position:absolute;bottom:30px;left:40px;z-index:1;font-size:12px;letter-spacing:3px;color:white}.band-content{padding:64px clamp(30px,4.5vw,76px)}.band-content .eyebrow{color:#455b1c}.band-content h2{font-size:32px;letter-spacing:-.7px}.band-content em{color:#40571b}.band-en{font-size:clamp(54px,6.2vw,94px);font-weight:850;letter-spacing:-6px;line-height:.88;margin:36px 0;position:relative}.band-en span{font-size:22px;vertical-align:top;letter-spacing:0;margin-left:7px}.band-content>p:not(.eyebrow):not(.band-en){font-size:15px;line-height:1.9;color:#394822}.members{display:flex;flex-wrap:wrap;gap:22px 26px;margin:29px 0}.members>div{display:flex;flex-direction:column;gap:5px}.members b{font-size:14px;font-weight:600}.members span{font-size:12px;color:#4c5e2c}.band-content .text-link{color:#20310a;border-color:#5a7829}.record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.record{border:0;background:transparent;padding:0;text-align:left;min-width:0}.record-art{aspect-ratio:1;position:relative;background:#272d20;overflow:hidden}.record-art img{height:100%;transition:transform .65s,filter .3s}.record:hover img{transform:scale(1.06);filter:brightness(.8)}.record-art>span{position:absolute;bottom:14px;right:14px;width:42px;height:42px;border-radius:50%;background:var(--accent);color:#111;display:grid;place-items:center;font-size:20px;transform:translateY(70px);transition:transform .3s}.record:hover .record-art>span,.record:focus-visible .record-art>span{transform:translateY(0)}.record h3{font-size:20px;font-weight:550;line-height:1.5;margin:18px 0 6px;letter-spacing:-.4px}.record p{font-size:12px;letter-spacing:1px;color:var(--muted);margin:0}.record .record-note{margin-top:10px;font-size:14px;letter-spacing:0}.journey{padding-top:0}.timeline{display:grid;grid-template-columns:repeat(4,1fr)}.timeline article{border-top:1px solid #586044;position:relative;padding:35px 30px 0 0}.timeline article:before{content:"";position:absolute;top:-5px;left:0;background:var(--accent);width:9px;height:9px;border-radius:50%}.timeline article>span{font-size:40px;letter-spacing:-1px;color:var(--accent);font-weight:350}.timeline h3{font-size:18px;font-weight:550;margin:17px 0 10px}.timeline p{font-size:14px;line-height:1.9;color:var(--muted)}.timeline a{font-size:12px;color:#b9c3a8}.community{background:#181c15}.community-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.community-controls button{border:1px solid #434b36;background:transparent;border-radius:25px;padding:10px 19px;font-size:14px;color:#b7bfad}.community-controls button.active{color:#17200c;background:var(--accent);border-color:var(--accent)}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;min-height:315px}.social-card{padding:27px;border:1px solid #3d4433;background:#1e231a;transition:transform .25s,border-color .25s;display:flex;flex-direction:column;min-height:295px}.social-card:hover{transform:translateY(-5px);border-color:#8b9c62}.social-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);gap:8px}.platform{color:#f1f2e9;font-size:14px;display:flex;align-items:center;gap:9px}.platform-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#ff755629;color:#ff987d}.douyin .platform-icon{background:#69dcc621;color:#77e6d1}.rednote .platform-icon{background:#fb42642c;color:#ff93a6;font-size:10px}.social-card h3{font-size:23px;line-height:1.6;font-weight:500;margin:26px 0 14px}.social-card p{font-size:14px;color:#acb69f;margin:0 0 20px}.social-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:12px;color:#a5b38e;padding-top:18px;border-top:1px solid #37402c}.social-bottom b{font-size:17px;color:var(--accent);font-weight:450}.topics{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:35px 0 24px;font-size:14px}.topics>span{font-size:12px;color:var(--muted);margin-right:8px}.topics a{color:#d2dfb7;border-bottom:1px solid #495438;padding-bottom:5px}.sources{padding-top:50px;padding-bottom:50px}.sources summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px}.sources summary::-webkit-details-marker{display:none}.sources small{font-size:10px;color:var(--muted);letter-spacing:2px;margin-left:20px}.sources-body{font-size:13px;line-height:1.9;color:var(--muted);padding-top:25px;overflow-wrap:anywhere}.sources-body a{color:#dae5c4}.sources-body p{margin:9px 0}footer{border-top:1px solid var(--line);padding:75px var(--gutter) 30px;text-align:center}footer h2{font-size:clamp(36px,5vw,68px);margin:15px 0}footer p{color:var(--muted);font-size:15px}.footer-mark{color:var(--accent);font-style:italic;font-size:45px;font-weight:800;letter-spacing:-6px}.footer-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;text-align:left;margin-top:80px;font-size:10px;line-height:1.8;letter-spacing:1px;color:#9da591}.footer-bottom>a{color:#dce7ca}.footer-bottom>span:last-child{text-align:right}dialog{border:1px solid #647144;padding:0;max-width:720px;width:calc(100% - 32px);max-height:88svh;background:#1a2015;color:var(--ink);overflow:auto;box-shadow:0 30px 150px #000;border-radius:6px}dialog::backdrop{background:#080b09cc;backdrop-filter:blur(12px)}.dialog-close{position:absolute;top:15px;right:17px;background:#111b;border:1px solid #ffffff50;border-radius:50%;height:38px;width:38px;font-size:24px;z-index:5}#dialog-content{padding:40px}#dialog-content>img{max-height:320px;aspect-ratio:16/9;margin:-40px -40px 30px;width:calc(100% + 80px)}#dialog-content>img.album-dialog{aspect-ratio:1;width:220px;margin:0 0 28px;max-height:none}#dialog-content h2{font-size:34px}#dialog-content p{color:#bdc7ad;font-size:15px}#dialog-content .dialog-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}#dialog-content .dialog-fine{font-size:12px;color:#909e7e;margin-top:24px}.reveal{transition:opacity .7s,transform .7s}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(22px)}@media(min-width:1600px){.hero-content{padding-top:100px}}@media(max-width:1100px){header{gap:18px}nav{gap:20px}.archive-tag{display:none}.stage-info{padding:28px}.stage-tabs button>span{margin:0 8px}.data-strip strong{font-size:44px}.band-photo{min-height:650px}.band-content{padding:46px 34px}.record-grid{gap:18px}.record h3{font-size:18px}.social-card{padding:22px}.social-card h3{font-size:21px}}@media(max-width:760px){html{scroll-padding-top:120px}header{height:auto;min-height:108px;padding:16px 24px 0;flex-wrap:wrap;gap:10px}.brand{font-size:17px}.brand small{font-size:9px}nav{width:100%;justify-content:space-between;gap:8px}nav a{padding:11px 0 14px;font-size:13px}.hero{min-height:690px;height:calc(100svh - 108px);max-height:850px}.hero-photo{background-position:65% 45%}.hero-shade{background:linear-gradient(90deg,#0a0e0bec,#0a0e0b66 100%),linear-gradient(0deg,#10120f,transparent 65%)}.hero-content{padding-top:42px;padding-bottom:130px}.hero .eyebrow{font-size:10px;letter-spacing:1.5px}.issue{margin-top:32px;font-size:13px;gap:12px}.issue span{font-size:10px;padding-left:12px}h1{font-size:50px;letter-spacing:-2px}h1>span{font-size:46px;margin-top:15px}.hero-copy{font-size:14px}.hero-bottom{bottom:26px;font-size:9px;letter-spacing:1px}.hero-bottom b{font-size:8px}.hero-bottom a{font-size:8px}.vertical-note{display:none}.ticker{height:52px}.ticker>div{font-size:20px}.section{padding-top:68px;padding-bottom:68px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px;font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.9px}.stage-tabs{margin-bottom:24px}.stage-tabs button{font-size:13px;line-height:1.7;padding:13px 5px;display:flex;flex-direction:column;align-items:start;gap:3px}.stage-tabs button>span{margin:0;font-size:12px}.stage-feature{grid-template-columns:1fr}.stage-visual{min-height:230px;aspect-ratio:16/10}.stage-info{padding:27px}.stage-info h3{font-size:40px}.data-strip{grid-template-columns:repeat(2,1fr);gap:29px 0;padding:34px 0 22px}.data-strip>div{padding-left:22px}.data-strip>div:nth-child(3){padding-left:0}.data-strip>div:nth-child(2){border:0}.data-strip strong{font-size:43px}.data-strip span{font-size:12px}.band-section{grid-template-columns:1fr}.band-photo{min-height:0;height:380px}.band-content{padding:40px 24px 45px}.band-content h2{font-size:30px}.band-en{font-size:83px;letter-spacing:-5px}.members{gap:20px 26px}.record-grid{grid-template-columns:repeat(2,1fr);gap:30px 17px}.record h3{font-size:17px;margin-top:12px}.record .record-note{font-size:12px}.record-art>span{transform:none;width:30px;height:30px;font-size:16px;bottom:10px;right:10px}.timeline{grid-template-columns:1fr}.timeline article{border-top:0;border-left:1px solid #586044;padding:0 0 30px 27px;margin-left:5px}.timeline article:before{top:14px;left:-5px}.timeline article>span{font-size:35px}.timeline h3{margin:9px 0}.timeline p{margin:8px 0}.journey{padding-top:0}.social-grid{grid-template-columns:1fr;min-height:0}.social-card{min-height:250px}.community-controls{gap:8px}.community-controls button{padding:10px 15px;font-size:12px}.topics{gap:16px;font-size:13px}.topics>span{width:100%}.sources{padding-top:34px;padding-bottom:34px}.sources small{font-size:8px;margin-left:8px;letter-spacing:1px}footer{padding-top:48px}.footer-bottom{margin-top:50px;gap:24px;flex-wrap:wrap;font-size:9px}.footer-bottom>span:last-child{display:none}#dialog-content{padding:28px}#dialog-content>img{margin:-28px -28px 25px;width:calc(100% + 56px)}#dialog-content h2{font-size:28px}.pill{padding:13px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}
