:root{--bg:#030509;--bg-soft:#070b12;--panel:#0a1018;--panel-2:#0d1520;--line:#0096e629;--line-strong:#00b4ff59;--text:#c9d7e6;--dim:#7f92a6;--faint:#6b8095;--accent:#00c2ff;--accent-2:#1b8adf;--accent-dim:#00c2ff1f;--font-display:"Rajdhani", "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--font-body:"Segoe UI", "Microsoft YaHei", "PingFang SC", "Helvetica Neue", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.15s;--dur-med:.25s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-color:#0096e659 #05080e;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#05080e}::-webkit-scrollbar-thumb{background:#0096e64d;border:2px solid #05080e;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0096e680}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.75;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#0096e607 1px,#0000 1px),linear-gradient(90deg,#0096e607 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0}::selection{color:#fff;background:#00c2ff59}a{color:var(--accent);text-decoration:none}img{max-width:100%;display:block}.wrap{z-index:1;max-width:1080px;margin:0 auto;padding:0 24px;position:relative}.nav{z-index:100;background:linear-gradient(#030509eb,#030509bf);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:64px;padding:0 28px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04070cf5;height:56px}.brand{color:#fff;align-items:center;gap:12px;display:flex}.brand img{width:auto;height:30px}.brand .b-name{font-family:var(--font-display);letter-spacing:4px;font-size:20px;font-weight:700}.brand .b-sub{letter-spacing:3px;color:var(--dim);margin-top:-4px;font-size:11px;display:block}.nav-links{align-items:center;gap:34px;display:flex}.nav-links a{font-family:var(--font-display);letter-spacing:3px;color:var(--text);padding:6px 0;font-size:15px;font-weight:600;transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--accent)}.nav-links a.active:after{content:"";background:var(--accent);height:2px;box-shadow:0 0 8px var(--accent);position:absolute;bottom:-2px;left:0;right:0}.nav-links a.nav-cta{border:1px solid var(--line-strong);color:var(--accent);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:7px 18px;transition:background .2s,color .2s}.nav-links a.nav-cta:hover{background:var(--accent-dim);color:#fff}.nav-right{align-items:center;gap:20px;display:flex}.lang-toggle{font-family:var(--font-display);letter-spacing:1.5px;color:var(--accent);border:1px solid var(--line-strong);cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:0 0;padding:5px 12px;font-size:13.5px;font-weight:700;transition:background .2s,color .2s}.lang-toggle:hover{background:var(--accent-dim);color:#fff}.nav-burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-burger span{background:var(--accent);width:24px;height:2px;transition:transform var(--dur-med) var(--ease-out), opacity var(--dur-med)}.nav-burger.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{text-align:center;background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:110px 24px 60px;display:flex;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{object-fit:cover;opacity:.5;width:100%;height:100%}.hero-bg:after{content:"";background:radial-gradient(65% 55% at 50% 42%,#003c7829,#0000 70%),linear-gradient(#030509db 0%,#03050980 45%,#030509f0 100%);position:absolute;inset:0}.hero-inner{z-index:1;max-width:980px;position:relative}.hero-kicker{font-family:var(--font-display);letter-spacing:6px;color:var(--accent);margin-bottom:26px;font-size:14px;font-weight:600}.hero-title{font-family:var(--font-display);letter-spacing:5px;color:#fff;text-shadow:0 0 30px #0096eb80;margin-bottom:22px;font-size:clamp(30px,5.2vw,60px);font-weight:700;line-height:1.2}.hero-sub{font-family:var(--font-display);letter-spacing:8px;color:var(--accent);margin-bottom:16px;font-size:clamp(16px,2.4vw,22px);font-weight:600}.hero-tag{color:var(--dim);letter-spacing:2px;margin-bottom:40px;font-size:15px}.hero-tag .sep{color:var(--accent-2);margin:0 10px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.btn{font-family:var(--font-display);letter-spacing:3px;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);align-items:center;gap:10px;padding:13px 34px;font-size:17px;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#02131f}.btn-primary:hover{background:#3fd4ff;box-shadow:0 0 24px #00c2ff73}.btn-line{border:1px solid var(--line-strong);color:var(--accent)}.btn-line:hover{background:var(--accent-dim);color:#fff}.scroll-hint{color:var(--faint);letter-spacing:3px;font-size:11px;animation:2.4s ease-in-out infinite hintPulse;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes hintPulse{0%,to{opacity:.4}50%{opacity:1}}.section{padding:96px 0;scroll-margin-top:56px}.section-line{background:linear-gradient(90deg, transparent, var(--line) 18%, var(--line) 82%, transparent);height:1px}.overline{font-family:var(--font-display);letter-spacing:6px;color:var(--accent);align-items:center;gap:14px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.overline:before{content:"";background:var(--accent);width:34px;height:1px}.overline.center{justify-content:center}.overline.center:after{content:"";background:var(--accent);width:34px;height:1px}h2.sec-title{font-family:var(--font-display);letter-spacing:4px;color:#fff;margin-bottom:10px;font-size:clamp(26px,4vw,38px);font-weight:700}h2.sec-title .zh{color:var(--dim);letter-spacing:6px;margin-left:14px;font-size:.62em}.map-panel{border:1px solid var(--line);background:var(--bg-soft);margin-top:44px;padding:14px;position:relative}.map-panel:before,.map-panel:after,.map-corners:before,.map-corners:after{content:"";border-color:var(--accent);border-style:solid;width:18px;height:18px;position:absolute}.map-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.map-panel:after{border-width:2px 2px 0 0;top:-1px;right:-1px}.map-corners:before{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.map-corners:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.map-panel img{width:100%}.map-caption{font-family:var(--font-display);letter-spacing:2.5px;color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:12px;padding:0 4px;font-size:12.5px;display:flex}.map-caption .live{color:var(--accent)}.map-caption .live:before{content:"●";margin-right:8px;animation:2s infinite hintPulse}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070c1499}.strip-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 0;padding:26px 10px;display:flex}.strip-item{font-family:var(--font-display);letter-spacing:4px;color:var(--dim);border-right:1px solid var(--line);text-align:center;padding:0 34px;font-size:15px;font-weight:600}.strip-item:last-child{border-right:none}.strip-item b{color:var(--accent);letter-spacing:2px;font-variant-numeric:tabular-nums;font-size:24px;display:block}.strip-item b[data-i18n=strip_sz_b]{letter-spacing:1px;padding-top:5px;font-size:17px}.about-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:54px;margin-top:46px;display:grid}.about-text p{color:var(--text);margin-bottom:18px}.about-text .lead{color:#e2eefb;font-size:18px}.about-text em{color:var(--accent);font-style:normal}.about-aside{border:1px solid var(--line);background:var(--panel);padding:26px}.about-aside img{width:88%;margin:0 auto 22px}.fact{border-top:1px dashed #0096e638;justify-content:space-between;gap:12px;padding:11px 2px;font-size:14.5px;display:flex}.fact .k{font-family:var(--font-display);letter-spacing:2px;color:var(--faint);font-weight:600}.fact .v{color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.fact .v.hl{color:var(--accent)}.join{text-align:center;background:radial-gradient(ellipse 60% 80% at 50% 50%, #005aaa1f, transparent 70%), var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.join p.desc{max-width:560px;color:var(--dim);margin:14px auto 36px}.tg-btn{font-family:var(--font-display);letter-spacing:3px;color:#02131f;background:var(--accent);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);align-items:center;gap:14px;padding:17px 44px;font-size:20px;font-weight:700;display:inline-flex}.tg-btn svg{fill:currentColor;width:22px;height:22px}.tg-btn:hover{background:#3fd4ff;transform:translateY(-2px);box-shadow:0 0 34px #00c2ff80}.join .hint{color:var(--faint);letter-spacing:1px;margin-top:18px;font-size:13.5px}.mem-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px;display:grid}.mem-card{border:1px solid var(--line);background:var(--panel);transition:border-color var(--dur-med) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-med) var(--ease-out);color:var(--text);padding:24px 24px 20px;display:block;position:relative}.mem-card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 10px 34px #0078c829}.mem-card:before{content:"";border-top:2px solid var(--accent);border-left:2px solid var(--accent);opacity:.7;width:14px;height:14px;position:absolute;top:-1px;left:-1px}.mem-year{font-family:var(--font-display);letter-spacing:3px;color:var(--accent);font-size:15px;font-weight:700}.mem-date{color:var(--faint);letter-spacing:2px;font-variant-numeric:tabular-nums;margin-left:10px;font-size:12px}.mem-card h3{color:#eaf3fc;margin:10px 0 8px;font-size:18px;line-height:1.45}.mem-card p{color:var(--dim);font-size:14px;line-height:1.7}.mem-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mem-tags span{letter-spacing:1px;color:var(--accent-2);border:1px solid #0096e64d;padding:2px 9px;font-size:11.5px}.mem-btnrow{margin-top:14px}.mem-btn{font-family:var(--font-display);letter-spacing:2px;color:var(--accent);border:1px solid var(--line-strong);align-items:center;padding:5px 14px;font-size:12.5px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.mem-btn:hover{background:var(--accent-dim);color:#fff}.mem-btn:after{content:" →"}.mem-more{text-align:center;margin-top:40px}.mem-empty{color:var(--faint);letter-spacing:2px;border:1px dashed #0096e64d;justify-content:center;align-items:center;min-height:150px;font-size:14px;display:flex}.page-head{text-align:center;background:radial-gradient(60% 70% at 50% 0,#005aaa24,#0000 70%);padding:150px 0 44px}.page-head h1{font-family:var(--font-display);letter-spacing:10px;color:#fff;text-shadow:0 0 22px #0af6;font-size:clamp(30px,5vw,48px);font-weight:700}.page-head .p-sub{color:var(--dim);letter-spacing:2px;margin-top:10px;font-size:15px}.year-block{border-top:1px solid var(--line);grid-template-columns:150px 1fr;gap:30px;padding:40px 0;display:grid}.year-num{font-family:var(--font-display);letter-spacing:2px;color:#00c2ffcc;text-shadow:0 0 18px #00aaff59;font-size:44px;font-weight:700;line-height:1;position:sticky;top:90px}.year-num small{letter-spacing:3px;color:var(--faint);margin-top:8px;font-size:12px;display:block}.year-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.year-cards .mem-card{padding:20px 20px 16px}.year-cards .mem-card h3{font-size:16.5px}.article{z-index:1;max-width:800px;margin:0 auto;padding:150px 24px 90px;position:relative}.article-head{border-bottom:1px solid var(--line);margin-bottom:36px;padding-bottom:26px}.article-head h1{font-family:var(--font-display);letter-spacing:2px;color:#fff;margin:14px 0 10px;font-size:clamp(26px,4vw,40px);font-weight:700;line-height:1.3}.article-meta{color:var(--faint);letter-spacing:2px;font-variant-numeric:tabular-nums;font-size:14px}.article-meta .mem-tags{margin-top:0;margin-left:14px;display:inline-flex}.article-body p{color:var(--text);margin-bottom:20px}.article-body h2{font-family:var(--font-display);color:#fff;letter-spacing:2px;margin:36px 0 14px;font-size:22px}.article-body img{border:1px solid var(--line);margin:24px 0}.article-body blockquote{background:var(--panel);color:var(--dim);border-left:1px solid #00c2ff8c;margin:22px 0;padding:14px 20px}.back-link{font-family:var(--font-display);letter-spacing:3px;margin-top:44px;font-size:15px;font-weight:600;display:inline-block}footer{border-top:1px solid var(--line);text-align:center;z-index:1;padding:40px 24px 46px;position:relative}footer img{opacity:.9;width:72px;margin:0 auto 14px}footer .f-name{font-family:var(--font-display);letter-spacing:5px;color:var(--text);font-size:15px;font-weight:600}footer .f-est{font-family:var(--font-display);color:var(--accent);letter-spacing:3px;margin:6px 0 14px;font-size:12.5px}footer .f-note{color:var(--faint);max-width:720px;margin:0 auto;font-size:11.5px;line-height:1.8}.friend-links{counter-reset:fl;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.friend-links .fl-label{font-family:var(--font-display);letter-spacing:2px;color:var(--faint);margin-right:4px;font-size:12px}.friend-links a{counter-increment:fl;letter-spacing:1px;color:#7f92a6bf;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:1px solid #0096e633;padding:3px 12px;font-size:12px;transition:background .2s,color .2s}.friend-links a:before{content:counter(fl, decimal-leading-zero);font-family:var(--font-display);letter-spacing:1px;color:#5a789699;margin-right:7px;font-size:10.5px}.friend-links a.fl-gh{counter-increment:none;justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.friend-links a.fl-gh:before{content:none}.friend-links a.fl-gh svg{fill:currentColor;width:15px;height:15px}.friend-links a.fl-gh:hover{color:#cfe7ff}.friend-links a.fl-gh:hover:before{content:none}.friend-links a:hover{background:var(--accent-dim);color:#cfe7ff}.friend-links a:hover:before{color:var(--accent)}.song-grid{grid-template-columns:1.25fr 1fr;gap:22px;margin-top:44px;display:grid}.song-media{flex-direction:column;gap:8px;display:flex}.song-video{border:1px solid var(--line);background:var(--panel);padding-top:56.25%;position:relative}.song-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.song-card{border:1px solid var(--line);background:var(--panel);flex-direction:column;align-self:start;width:100%;padding:26px;display:flex}.song-card .fact:first-child{border-top:none;padding-top:2px}.song-links{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.song-embed{border:1px solid var(--line)}.song-embed iframe{border:0;width:100%;height:66px;display:block}.skip-link{z-index:300;background:var(--accent);color:#02131f;font-family:var(--font-display);letter-spacing:1px;padding:10px 18px;font-size:14px;font-weight:600;transition:top .2s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}.nav-cta:focus-visible,.lang-toggle:focus-visible,.btn:focus-visible,.tg-btn:focus-visible,.friend-links a:focus-visible,.mem-btn:focus-visible{outline-offset:-5px;outline:2px solid #eaf6ff}.btn:active,.tg-btn:active,.lang-toggle:active,.mem-btn:active,.friend-links a:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal,.js .reveal.in{opacity:1!important;animation:none!important;transform:none!important}}.js .reveal{opacity:0}.js .reveal.in{opacity:1;animation:rise .7s var(--ease-out) backwards}@keyframes rise{0%{opacity:0;transform:translateY(26px)}}.mem-grid>.in:nth-child(2),.year-cards>.in:nth-child(2){animation-delay:80ms}.mem-grid>.in:nth-child(3),.year-cards>.in:nth-child(3){animation-delay:.16s}@media (width<=860px){.about-grid{grid-template-columns:1fr;gap:34px}.mem-grid,.song-grid{grid-template-columns:1fr}.year-block{grid-template-columns:1fr;gap:18px}.year-num{font-size:36px;position:static}.strip-item{padding:0 18px;font-size:13px}.strip-item b{font-size:20px}}@media (width<=760px){.nav{padding:0 18px}.brand .b-sub{display:none}.nav-right{gap:14px}.nav-burger{display:flex}.nav-links{border-bottom:1px solid var(--line);opacity:0;visibility:hidden;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out), visibility 0s linear var(--dur-med);background:#04070cfa;flex-direction:column;gap:0;position:fixed;top:56px;left:0;right:0;transform:translateY(-8px)}.nav-links.open{opacity:1;visibility:visible;transition:opacity var(--dur-med) var(--ease-out), transform var(--dur-med) var(--ease-out);transform:none}.nav-links a{text-align:center;border-top:1px solid #0096e614;width:100%;padding:16px 0}.nav-links a.active:after{display:none}.nav-links a.nav-cta{border:none;margin-bottom:14px}.hero{padding-top:90px}.section{padding:68px 0}.hero-title{letter-spacing:3px}.hero-sub{letter-spacing:2px;font-size:15px}}.about-page{padding-top:150px}