:root{--bg:#080a0b;--ink:#efefe9;--lime:#d2ff5a;--muted:#8a9090;--line:#ffffff20}*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;overflow-x:clip;color:var(--ink);background:var(--bg);font-family:Arial,"PingFang SC","Microsoft Yahei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);position:relative;z-index:3;background:var(--bg)}.brand{font-weight:850;font-size:23px;letter-spacing:-1.2px;display:flex;gap:8px;align-items:center}.brand svg{width:27px;height:34px;fill:var(--lime)}.brand-cn{font-size:12px;font-weight:400;letter-spacing:3px;border-left:1px solid #ffffff40;padding-left:14px;margin-left:5px}nav{display:flex;gap:38px;font-size:12px}nav a{color:#c1c4c1}nav a:hover{color:var(--lime)}.edition{font:10px monospace;letter-spacing:1px}.edition span{color:var(--lime);font:24px Arial;margin-left:24px}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.025;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='.96' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero{min-height:760px;height:calc(100svh - 88px);max-height:1100px;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(25% - 1px),#ffffff08 25%,transparent calc(25% + 1px),transparent calc(75% - 1px),#ffffff08 75%,transparent calc(75% + 1px))}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.topline{position:absolute;left:4.5%;right:4.5%;top:32px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.6px;color:#a8b2ad;pointer-events:none}.topline i{display:inline-block;background:var(--lime);height:5px;width:5px;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #d2ff5a}.index{color:#6f7878}.hero-copy{position:absolute;left:8%;top:18%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;color:#a2a8a5;margin-bottom:27px}h1{font-size:clamp(75px,9vw,150px);line-height:.91;letter-spacing:-.075em;font-weight:900;margin:0;white-space:nowrap}.outline{color:transparent;-webkit-text-stroke:1px #c5c8c2}.lime{color:var(--lime)}.hero-copy p{font-size:15px;line-height:1.9;letter-spacing:1px;margin-top:30px}.hero-copy p span{font-size:12px;color:#929b99}.launch{pointer-events:auto;background:var(--lime);color:#101508;border:0;border-radius:100px;font-size:12px;padding:15px 20px 15px 25px;display:flex;align-items:center;gap:32px;margin-top:25px;transition:transform .2s,box-shadow .2s}.launch:hover{transform:translateY(-3px);box-shadow:0 6px 30px #d2ff5a30}.launch span{font-size:21px}.orb-label{position:absolute;top:15%;left:57%;font:9px monospace;letter-spacing:1px;color:#949d9b;display:flex;align-items:center;gap:15px;pointer-events:none}.cross{font-size:24px;color:var(--lime)}.orb-label .line{width:60px;height:1px;background:#ffffff30}.side-label{position:absolute;right:25px;top:40%;writing-mode:vertical-rl;font:9px monospace;letter-spacing:3px;color:#788280}.scene-meta{position:absolute;right:9%;bottom:20%;display:flex;gap:18px;align-items:center;pointer-events:none}.meta-number{font-size:53px;font-weight:200;letter-spacing:-4px;color:#d2ff5a}.scene-meta div>span{font-size:14px;letter-spacing:3px}.scene-meta small{display:block;font-size:10px;color:#87928f;margin-top:9px;letter-spacing:1px}.bottom-bar{position:absolute;bottom:65px;left:4.5%;right:4.5%;border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:36px}.modes{display:flex;gap:28px}.modes button{border:0;background:none;color:#7c8986;font-size:11px;padding:6px 0;transition:color .2s}.modes button span{font:9px monospace;margin-right:9px;color:#66716c}.modes button.active,.modes button:hover{color:var(--lime)}.modes button.active span{color:var(--lime)}.tools{display:flex;gap:10px;margin-left:auto}.tools button{width:32px;height:32px;border:1px solid #ffffff25;border-radius:50%;background:#10151488;color:#b6c2bb;font:19px Arial}.tools button:hover{border-color:var(--lime);color:var(--lime)}.scroll-link{font-size:10px;color:#b6bfba;display:flex;gap:35px;align-items:center;margin-left:18px}.scroll-link span{font-size:20px}.interaction-hint{position:absolute;bottom:22px;left:4.5%;font-size:9px;letter-spacing:1px;color:#596560}.interaction-hint span{padding:0 8px}.ticker{overflow:hidden;background:var(--lime);color:#11180b;padding:21px 0;font-size:27px;font-weight:800;letter-spacing:-1px;white-space:nowrap;transform:rotate(-1.5deg);width:100%;margin:18px 0 25px}.ticker div{width:max-content;animation:marquee 32s linear infinite}.ticker span{margin:0 45px;font-size:32px}.about{padding:100px 8% 45px}.section-tag{display:flex;justify-content:space-between;color:#99a29b;font:10px monospace;letter-spacing:1px}.section-tag span:last-child{font-family:inherit}.about-body{display:grid;grid-template-columns:1.7fr 1fr;gap:50px;margin-top:65px;margin-bottom:80px}h2{font-size:clamp(30px,4.6vw,72px);line-height:1.45;letter-spacing:-3px;font-weight:500;margin:0}h2 span{color:var(--lime)}.about-note{position:relative;padding-left:45px;padding-top:8px}.asterisk{position:absolute;left:0;top:4px;font-size:29px;color:var(--lime)}.about-note p{font-size:13px;line-height:2;color:#d6d9d1;margin:0 0 20px}.about-note p.muted{font-size:11px;color:#78867c}.back-lab{font-size:12px;display:inline-flex;gap:50px;border-bottom:1px solid #71815c;padding-bottom:10px}.back-lab span{color:var(--lime)}.tech-line{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.5px;color:#657368}footer{display:flex;align-items:center;gap:40px;padding:35px 4.5%;border-top:1px solid var(--line)}footer>.brand{font-size:18px}footer>span{font-size:11px;color:#a4afa5}footer small{margin-left:auto;font:8px monospace;color:#748174}footer>a:last-child{margin-left:25px;font-size:25px}#notice{position:fixed;left:50%;bottom:35px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;background:#d2ff5a;color:#18200b;border-radius:30px;padding:12px 22px;font-size:12px;transition:.25s}#notice.show{opacity:1;transform:translate(-50%,0)}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.hero-copy{top:20%}}@media(max-width:900px){.edition{display:none}.hero-copy{left:6%;top:19%}.hero{min-height:740px}.scene-meta{right:6%;bottom:21%}.orb-label{left:62%}.about{padding-left:6%;padding-right:6%}h1{font-size:clamp(72px,11vw,110px)}.side-label{display:none}.scroll-link{display:none}.about-body{gap:20px}footer>span{display:none}}@media(max-width:600px){header{height:72px;padding:0 6%}.brand{font-size:20px}.brand-cn{font-size:10px}nav{gap:22px;font-size:10px}.hero{height:calc(100svh - 72px);min-height:790px;max-height:950px}.topline{left:6%;right:6%;font-size:7px;letter-spacing:1px;top:23px}.index{display:none}.hero-copy{top:13%;left:6%}.eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:clamp(46px,12.5vw,72px);letter-spacing:-5px}.hero-copy p{font-size:12px;margin-top:22px}.hero-copy p span{font-size:10px}.launch{padding:10px 17px 10px 21px;font-size:11px;margin-top:19px}.orb-label{top:51%;left:6%;font-size:8px}.orb-label .line{width:35px}.scene-meta{bottom:20%;right:6%;gap:12px}.meta-number{font-size:40px}.scene-meta div>span{font-size:12px}.scene-meta small{font-size:8px;letter-spacing:0}.bottom-bar{left:6%;right:6%;bottom:65px;gap:8px;flex-wrap:wrap;padding-top:17px}.modes{gap:18px}.modes button{font-size:10px}.modes button span{font-size:8px;margin-right:5px}.tools{gap:5px}.tools button{width:26px;height:26px;font-size:16px}.interaction-hint{left:6%;font-size:8px}.ticker{font-size:22px;padding:15px 0}.ticker span{margin:0 22px}.about{padding-top:60px}.section-tag{font-size:8px}.about-body{grid-template-columns:1fr;gap:35px;margin-top:40px;margin-bottom:45px}h2{font-size:36px;letter-spacing:-1.5px}.about-note{padding-left:42px}.tech-line{gap:20px;font-size:7px;line-height:1.6}footer{padding:25px 6%;gap:10px;flex-wrap:wrap}footer small{font-size:7px}footer .brand-cn{display:none}footer>a:last-child{margin-left:5px}.about-note p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}*{transition:none!important}}