:root{color:#f4f7ff;background:#02040a;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;--ink: #f8fbff;--muted: #aab5c7;--neon: #00f076;--blue: #16a7ff;--deep: #02040a;--panel: rgba(6, 12, 22, .78);--line: rgba(255, 255, 255, .18)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;background:linear-gradient(180deg,#02040a00,#02040a 44%),repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 76px),#02040a}.hero{position:relative;min-height:92vh;overflow:hidden;isolation:isolate;padding:22px clamp(18px,4vw,56px) 34px}.hero:after{position:absolute;inset:auto -8vw -18vh;height:45vh;content:"";background:linear-gradient(0deg,#00f07638,#00f07600);filter:blur(28px);opacity:calc(var(--spotlight) / 100);z-index:-1}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(1.14) contrast(1.08);opacity:.48;z-index:-3}.stage-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#02040af0,#02040aa8 42%,#02040a38 68%,#02040ae0),radial-gradient(ellipse at 63% 18%,rgba(28,171,255,.42),transparent 31%),linear-gradient(180deg,#02040a1a,#02040a 94%);z-index:-2}.topline{display:flex;justify-content:flex-end;gap:8px;position:relative;z-index:2}.topline a{border:1px solid var(--line);border-radius:999px;color:#f8fbffc7;font-size:12px;letter-spacing:0;padding:9px 13px;text-transform:uppercase;transition:border-color .18s ease,color .18s ease,background .18s ease}.topline a:hover{background:#00f07624;border-color:#00f076c2;color:var(--ink)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,420px);align-items:end;gap:clamp(22px,5vw,72px);min-height:calc(92vh - 72px)}.hero-copy{padding:10vh 0 6vh}.kicker,.section-label{color:#f8fbffb3;font-size:clamp(11px,1.4vw,15px);font-weight:700;letter-spacing:0;text-transform:uppercase}.hero h1{font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(76px,18vw,238px);line-height:.78;margin:16px 0 12px;text-transform:uppercase;text-shadow:0 0 34px rgba(22,167,255,.34),0 6px 0 rgba(0,0,0,.32)}.tagline{color:var(--neon);font-family:Marker Felt,Comic Sans MS,cursive;font-size:clamp(34px,7vw,78px);font-weight:800;line-height:.95;margin:0 0 18px;text-shadow:0 0 18px rgba(0,240,118,.52);transform:rotate(-5deg);transform-origin:left center}.intro{color:#f8fbffc7;font-size:clamp(16px,2vw,21px);line-height:1.8;max-width:610px;margin:0;overflow-wrap:anywhere}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-action,.ghost-action,.note-form button,.poster-meta button{min-height:44px;border-radius:4px;border:1px solid rgba(255,255,255,.22);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:0;padding:12px 18px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.primary-action,.note-form button{background:var(--neon);border-color:var(--neon);color:#02100a}.ghost-action,.poster-meta button{background:#ffffff14}.primary-action:hover,.ghost-action:hover,.note-form button:hover,.poster-meta button:hover{transform:translateY(-2px)}.poster-console{align-self:center;background:#02040a7a;border:1px solid rgba(255,255,255,.18);border-radius:8px;box-shadow:0 30px 80px #0000006b;padding:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.poster-frame{aspect-ratio:9 / 16;border:1px solid rgba(248,251,255,.22);border-radius:6px;overflow:hidden}.poster-frame img,.feature-poster img{width:100%;height:100%;display:block;object-fit:cover}.switch-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.switch{min-height:42px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff14;color:#f8fbffc2}.switch.active{background:#00f0762e;border-color:var(--neon);color:var(--ink)}.poster-console p{color:var(--muted);line-height:1.7;margin:0}.ticker{display:flex;gap:clamp(18px,5vw,70px);overflow:hidden;border-block:1px solid rgba(255,255,255,.12);background:#050912;color:#f8fbffb8;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(15px,3vw,34px);letter-spacing:0;padding:14px clamp(18px,4vw,56px);text-transform:uppercase}.ticker span:nth-child(3n){color:var(--neon)}.archive-section,.timeline-section,.letter-section{padding:clamp(60px,10vw,116px) clamp(18px,4vw,56px)}.section-copy,.letter-copy{max-width:980px;margin-bottom:32px}.section-copy h2,.letter-copy h2,.letter-modal h2{font-size:clamp(32px,6vw,78px);line-height:1;margin:0}.archive-layout{display:grid;grid-template-columns:minmax(280px,520px) minmax(280px,1fr);gap:clamp(18px,4vw,54px);align-items:stretch}.feature-poster{min-height:600px;position:relative;border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden;background:#050912}.poster-meta{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#02040ac7;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.poster-meta span{color:var(--ink);font-weight:900;text-transform:uppercase}.details-panel{display:grid;gap:12px;align-content:start}.detail-row,.spotlight-control,.moment-card,.note-form,.note-card{background:var(--panel);border:1px solid rgba(255,255,255,.16);border-radius:8px;box-shadow:0 24px 70px #00000042}.detail-row{display:grid;grid-template-columns:120px 1fr;gap:18px;min-height:86px;align-items:center;padding:18px}.detail-row span,.spotlight-control span,.moment-card span{color:var(--neon);font-size:12px;font-weight:900;text-transform:uppercase}.detail-row strong{color:var(--ink);font-size:clamp(18px,2vw,28px);line-height:1.2}.spotlight-control{display:grid;gap:14px;padding:20px}.spotlight-control input{accent-color:var(--neon);width:100%}.timeline-section{background:linear-gradient(180deg,#ffffff09,#fff0),#03060d}.timeline-layout{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:18px}.moment-tabs{display:grid;gap:10px}.moment-tab{min-height:82px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff0f;color:#f8fbffb8;display:grid;justify-items:start;gap:8px;padding:17px;text-align:left}.moment-tab span{color:var(--neon);font-weight:900}.moment-tab.active{background:#00f07624;border-color:#00f076c2;color:var(--ink)}.moment-card{min-height:266px;padding:clamp(22px,5vw,54px)}.moment-card h3{font-size:clamp(38px,6vw,86px);line-height:.95;margin:14px 0 22px;text-transform:uppercase}.moment-card p{color:#f8fbffc7;font-size:clamp(18px,2vw,24px);line-height:1.8;max-width:720px;margin:0;overflow-wrap:anywhere}.letter-section{background:linear-gradient(90deg,rgba(0,240,118,.1),transparent 38%),#02040a}.note-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;margin-bottom:18px}.note-form textarea{min-height:92px;resize:vertical;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff0f;color:var(--ink);line-height:1.7;padding:14px}.note-form textarea::placeholder{color:#f8fbff70}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.note-card{min-height:138px;padding:20px}.note-card p{color:#f8fbffd6;font-size:18px;line-height:1.7;margin:0;overflow-wrap:anywhere}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#02040ac7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.letter-modal{width:min(720px,100%);border:1px solid rgba(0,240,118,.52);border-radius:8px;background:linear-gradient(135deg,rgba(0,240,118,.14),transparent 34%),#050912;box-shadow:0 40px 110px #0000009e;padding:clamp(22px,5vw,48px);position:relative}.letter-modal p:not(.section-label){color:#f8fbffc7;font-size:20px;line-height:1.8;overflow-wrap:anywhere}.close-button{position:absolute;top:12px;right:12px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:#ffffff14;color:var(--ink);min-height:36px;padding:0 12px}@media(max-width:900px){.hero{min-height:auto}.hero-grid,.archive-layout,.timeline-layout{grid-template-columns:1fr}.hero-copy{padding:9vh 0 2vh}.poster-console{max-width:430px;width:100%}.feature-poster{min-height:auto;aspect-ratio:9 / 16}.note-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.hero{padding:16px 14px 24px}.topline{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.topline a{flex:0 0 auto}.hero h1{font-size:clamp(70px,28vw,116px)}.tagline{font-size:42px}.hero-actions,.poster-meta,.note-form{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.primary-action,.ghost-action,.note-form button,.poster-meta button{width:100%}.archive-section,.timeline-section,.letter-section{padding:52px 14px}.detail-row{grid-template-columns:1fr;gap:8px}.note-grid{grid-template-columns:1fr}.ticker{gap:24px;padding-inline:14px}}