:root{--c-bg-deep:#0a1226;--c-ink:#101828;--c-ink-2:#475069;--c-ink-3:#8b95ad;--glass-bg:linear-gradient(145deg, #ffffff6b 0%, #ffffff29 50%, #ffffff4d 100%);--glass-bg-strong:linear-gradient(145deg, #ffffff8a 0%, #ffffff3d 50%, #fff6 100%);--glass-bg-weak:linear-gradient(145deg, #fff3 0%, #ffffff1a 100%);--glass-border:#fff6;--glass-blur:26px;--glass-saturate:240%;--glass-shadow:0 8px 32px #0a122624;--glass-highlight:inset 0 1px 0 #ffffff80, inset 0 -1px 0 #ffffff0f;--shadow-1:0 2px 8px #0a122614;--shadow-2:0 8px 28px #0a122624;--shadow-3:0 16px 48px #0a122638;--primary:#4f7cff;--primary-light:#7ab8ff;--primary-deep:#2f5ae0;--primary-soft:#4f7cff24;--accent:#ff8a4c;--accent-soft:#ff8a4c29;--gold:#f5b84b;--gold-2:#ffd98a;--gold-soft:#f5b84b29;--rose:#ff7a9d;--rose-soft:#ff7a9d29;--mint:#34d399;--mint-soft:#34d39929;--purple:#9b7bff;--purple-soft:#9b7bff29;--teal:#2dd4bf;--teal-soft:#2dd4bf29;--grad-brand:linear-gradient(135deg, #7ab8ff 0%, #4f7cff 55%, #9b7bff 100%);--grad-gold:linear-gradient(135deg, #ffd98a, #f5a623);--grad-mint:linear-gradient(135deg, #2dd4bf, #0ca678);--grad-text:linear-gradient(120deg, #9bd0ff 0%, #7ab8ff 40%, #c4a5ff 100%);--r-xl:28px;--r-lg:22px;--r-md:16px;--r-sm:12px;--r-pill:999px;--font-sans:"M PLUS 1", "MiSans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;--font-weight-body:450;--font-weight-title:650;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur:.45s;--text-1:#f4f7ff;--text-2:#f4f7ffd1;--text-3:#f4f7ff99;--scene-grad:linear-gradient(160deg, #7fb2ff 0%, #c3d9ff 60%, #ffe8c7 100%);--scene-grad-2:radial-gradient(1200px 700px at 78% 12%, #ffecbebf, transparent 60%)}html[data-scene-light=true]{--text-1:#101828;--text-2:#101828c7;--text-3:#1018288c}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-weight:var(--font-weight-body);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--c-bg-deep);overflow:hidden}h1,h2,h3{font-weight:var(--font-weight-title)}::selection{background:#4f7cff59}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}input:focus,textarea:focus,select:focus,button:focus-visible{outline:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#788cb459;border-radius:8px}::-webkit-scrollbar-track{background:0 0}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-highlight), var(--glass-shadow);position:relative}.glass-strong{background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--glass-highlight), var(--glass-shadow);position:relative}.glass:after,.glass-strong:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(60% 30% at 18% 0,#ffffff52,#0000 70%),radial-gradient(40% 20% at 100% 100%,#ffffff14,#0000 70%);position:absolute;inset:0}.glass-hover{transition:transform .35s var(--ease-out), box-shadow .35s var(--ease-out), border-color .35s var(--ease-out), background .35s var(--ease-out)}.glass-hover:hover{box-shadow:var(--glass-highlight), var(--shadow-3);background:var(--glass-bg-strong);border-color:#a0c8ff99;transform:translateY(-3px)}.no-drag{-webkit-user-select:none;user-select:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-soft{0%,to{opacity:1;transform:scale(1)}50%{opacity:.86;transform:scale(1.04)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.fade-up{animation:fadeUp var(--dur) var(--ease-out) both}.fade-in{animation:fadeIn var(--dur) ease both}.app-root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.scene-backdrop{transition:background 2.4s;position:absolute;inset:0;overflow:hidden}.scene-photo{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity 1.6s ease, transform 3s var(--ease-out);pointer-events:none;position:absolute;inset:0;transform:scale(1.02)}.scene-photo.loaded{opacity:1;transform:scale(1)}.photo-shade{pointer-events:none;background:linear-gradient(#080c1a6b 0%,#080c1a2e 26%,#080c1a00 52%),linear-gradient(#080c1a00 68%,#080c1a57 100%),radial-gradient(120% 100%,#0000 55%,#080c1a4d 100%);position:absolute;inset:0}.cloud{filter:blur(46px);background:#ffffff29;border-radius:999px;animation:60s linear infinite drift;position:absolute}.cloud-a{width:520px;height:120px;animation-duration:90s;top:16%;left:-10%}.cloud-b{width:400px;height:100px;animation-duration:120s;animation-delay:-40s;top:46%;left:60%}.cloud-c{width:340px;height:90px;animation-duration:75s;animation-delay:-20s;top:28%;left:30%}@keyframes drift{0%{transform:translate(-12%)}to{transform:translate(130vw)}}.star{opacity:.85;background:#fff;border-radius:50%;animation:3.2s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.95}}.celestial{border-radius:50%;transition:all 2.4s;position:absolute}.celestial.sun{background:radial-gradient(circle at 38% 38%,#fff8e1,#ffd27a 55%,#ffab4a)}.celestial.moon{background:radial-gradient(circle at 36% 34%,#fff,#e4eaff 62%,#b8c6ee)}.hills{pointer-events:none}.scene-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#0a0e1e47 100%);position:absolute;inset:0}.period-badge{color:var(--text-2);z-index:30;animation:fadeUp .5s var(--ease-out) both;border-radius:999px;padding:8px 16px;font-size:12.5px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hero-magazine{border-radius:var(--r-xl);background:linear-gradient(135deg, #10183061, #1018302e), var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));box-shadow:var(--shadow-2);padding:30px 34px 26px;position:relative;overflow:hidden}.hm-rule{background:linear-gradient(90deg,#0000,#ffffff8c,#0000);height:1px;position:absolute;top:0;left:34px;right:34px}.hm-meta{border-bottom:1px solid #ffffff1f;flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:18px;display:flex}.hm-meta-item{flex-direction:column;gap:2px;display:flex}.hm-meta-label{letter-spacing:2.5px;color:#f4f7ff73;font-size:9.5px;font-weight:700}.hm-meta-value{color:var(--text-1);font-variant-numeric:tabular-nums;font-size:15px;font-weight:650}.hm-meta-value.hm-gold{color:var(--gold-2)}.hm-meta-sep{background:#ffffff2e;width:1px;height:26px}.hm-headline{padding:26px 0 4px}.hm-eyebrow{letter-spacing:4px;color:var(--primary-light);text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:700}.hm-title{letter-spacing:2px;color:var(--text-1);text-shadow:0 4px 32px #080c1a59;font-size:clamp(40px,6.5vw,68px);font-weight:850;line-height:1.08}.hm-sub{color:var(--text-2);letter-spacing:.5px;margin-top:14px;font-size:15px;font-weight:400}.hm-stats{border-top:1px solid #ffffff1f;gap:0;margin-top:26px;padding-top:20px;display:flex}.hm-stat{border-right:1px solid #ffffff1f;flex:1;padding:0 22px}.hm-stat:first-child{padding-left:0}.hm-stat:last-child{border-right:none}.hm-stat-num{color:var(--text-1);font-variant-numeric:tabular-nums;letter-spacing:1px;font-size:30px;font-weight:800;line-height:1}.hm-stat-label{color:var(--text-2);margin-top:6px;font-size:12.5px;font-weight:600}.hm-stat-sub{letter-spacing:2px;color:#f4f7ff66;margin-top:2px;font-size:9px;font-weight:700}@media (width<=820px){.hero-magazine{padding:22px 20px 18px}.hm-title{letter-spacing:1px;font-size:clamp(34px,9vw,52px)}.hm-stat{padding:0 12px}.hm-stat-num{font-size:24px}.hm-rule{left:20px;right:20px}}.topnav{z-index:20;-webkit-backdrop-filter:none;background:0 0;border:none;flex-shrink:0;margin:12px 16px 0;padding:6px 8px;position:relative}.topnav-inner{align-items:center;gap:18px;max-width:1280px;margin:0 auto;display:flex}.brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.brand-mark{background:var(--grad-brand);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 18px #4f7cff73,inset 0 0 0 1px #ffffff26}.brand-text{flex-direction:column;display:flex}.brand-name{letter-spacing:2px;font-size:17px;font-weight:750;line-height:1.1}.brand-en{color:var(--text-3);letter-spacing:1.5px;margin-top:2px;font-size:9.5px}.nav-list{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-item{color:var(--text-2);letter-spacing:.2px;transition:all .25s var(--ease-out);text-align:left;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:8px 13px;font-size:14.5px;font-weight:450;display:flex;position:relative}.nav-item:hover{color:var(--text-1);background:#ffffff1a}.nav-item.active{color:var(--text-1);background:#7ab8ff29;font-weight:550;box-shadow:inset 0 0 0 1px #ffffff2e}.nav-icon{font-size:16px}.nav-dot{background:var(--gold);width:6px;height:6px;box-shadow:0 0 8px var(--gold);border-radius:50%;position:absolute;top:4px;right:5px}.topnav-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.topnav-pill{border:1px solid var(--glass-border);color:var(--text-2);white-space:nowrap;background:#ffffff1f;border-radius:999px;padding:6px 10px;font-size:12px;transition:all .3s}.topnav-pill.pill-on{color:var(--text-1);background:linear-gradient(135deg,#34d39959,#4f7cff4d)}.topnav-time{font-variant-numeric:tabular-nums;font-weight:600}.topnav-member{color:var(--text-2);border:1px solid var(--glass-border);cursor:pointer;transition:all .25s var(--ease-out);background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:7px 14px;font-size:12.5px;font-weight:650;display:inline-flex}.topnav-member:hover{color:var(--text-1);background:#fff3}.topnav-member.member-on{color:var(--gold-2);background:linear-gradient(135deg,#f5b84b42,#ff7a9d33)}.main-area{z-index:10;flex-direction:column;flex:1;align-self:center;width:100%;min-width:0;max-width:1400px;min-height:0;margin:0 16px 16px;display:flex;position:relative}.content-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;margin-top:16px;padding:2px 6px 30px 2px;overflow-y:auto}.content-inner{animation:fadeUp .45s var(--ease-out) both}@media (width<=820px){.app-root{flex-direction:column}.topnav{z-index:100;padding:8px 6px calc(10px + env(safe-area-inset-bottom,0px));background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:none;border-top:1px solid var(--glass-border);border-radius:24px 24px 0 0;margin:0;position:fixed;inset:auto 0 0;box-shadow:0 -8px 32px #0a122633}.topnav-inner{gap:0}.brand,.topnav-right{display:none}.nav-list{flex:1;justify-content:space-around;gap:2px}.nav-item{border-radius:14px;flex-direction:column;gap:3px;padding:6px 10px;font-size:10.5px}.nav-icon{width:auto;font-size:20px}.nav-dot{width:6px;height:6px;top:4px;right:6px}.main-area{padding:12px 12px calc(84px + env(safe-area-inset-bottom,0px));flex:1;max-width:none;margin:0;overflow:hidden}.content-scroll{margin-top:12px;padding:2px 2px 20px}.glass,.glass-strong{border-radius:var(--r-lg)}.content-inner>div{gap:14px}}@media (width<=420px){.main-area{padding-left:8px;padding-right:8px}}@media (width<=820px){.content-inner div[style*="flex: 0 0 300px"]{flex:1 0 100%!important}.content-inner .scene-timeline{width:100%!important}.content-inner h1{font-size:30px!important}.content-inner h2{font-size:18px!important}.content-inner .glass,.content-inner .glass-strong{padding:16px!important}}