:root{color-scheme:dark;--bg:#101c19;--panel:#192b25;--cream:#e9eee4;--muted:#91a69a;--lime:#c6ed78;--coral:#e39b7c;--line:#436052}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--bg);color:var(--cream);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.page{min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden}.page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 45%,#4272594d,transparent 37%),radial-gradient(circle at 9% 90%,#2b4d3f4d,transparent 43%);z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.16;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}.topbar,.foot{width:min(1380px,calc(100% - 96px));margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.topbar{height:104px;border-bottom:1px solid #91a69a2b}.brand{font-size:27px;font-weight:800;letter-spacing:-2px;line-height:1}.brand span{color:var(--coral)}.top-label,.overline,.access label,.hint,.foot,.index,.core small{font-family:"DM Mono","Noto Sans SC",monospace;letter-spacing:1.3px}.top-label{font-size:10px;color:#b3c8b9}.top-label i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:10px;box-shadow:0 0 13px var(--lime)}.top-label em{font-style:normal;color:#627a69;margin:0 12px}.stage{width:min(1380px,calc(100% - 96px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,1fr);align-items:center;gap:8%;padding-block:65px 75px}.copy{position:relative;z-index:1}.overline{font-size:10px;color:var(--lime);margin:0 0 30px;white-space:nowrap}.dash{display:inline-block;width:22px;height:1px;background:var(--lime);vertical-align:middle;margin-right:10px}.copy h1{font-size:clamp(54px,6.4vw,100px);line-height:1.17;letter-spacing:-.055em;margin:0;font-weight:700}.copy h1 em{font-style:normal;color:var(--lime)}.lead{font-size:15px;color:#b3c8b9;line-height:2.05;margin:34px 0 55px}.access{max-width:470px}.access label{display:block;color:var(--muted);font-size:10px;margin-bottom:12px}.field{display:flex;border:1px solid #70927b;background:#182b24;min-height:66px;transition:border-color .2s,box-shadow .2s}.field:focus-within{border-color:var(--lime);box-shadow:0 0 0 4px #c6ed7815}.field input{min-width:0;flex:1;padding:0 20px;background:transparent;color:var(--cream);border:0;outline:0;letter-spacing:3px;font-size:17px}.field input::placeholder{font-size:11px;letter-spacing:2px;color:#7d9b87}.field button{border:0;border-left:1px solid #70927b;background:var(--lime);color:#12231a;padding:0 22px;min-width:117px;font-size:13px;font-weight:700;display:flex;gap:15px;align-items:center;justify-content:space-between}.field button:hover{background:#ddf7a9}.field button span:last-child{font-size:20px}.hint{font-size:10px;color:#91a69a;margin-top:15px}.hint span{color:var(--lime);margin-left:4px}.visual{height:min(44vw,570px);min-height:410px;position:relative;border:1px solid #56726370;background:radial-gradient(circle at center,#254535 0%,#1a3127 35%,#11231d 75%);overflow:hidden}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#b3c8b910 1px,transparent 1px),linear-gradient(90deg,#b3c8b910 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 20%,transparent 78%)}.halo{position:absolute;border:1px solid #acd4a458;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.halo-outer{width:79%;aspect-ratio:1;border-style:dashed;animation:orbit 90s linear infinite}.halo-outer:after{content:"";position:absolute;width:9px;height:9px;background:var(--lime);border-radius:50%;left:13%;top:14%;box-shadow:0 0 18px var(--lime)}.halo-inner{width:54%;aspect-ratio:1;border-color:#d6f9ad4f;box-shadow:0 0 50px #b0e18918}.axis{position:absolute;background:#9cbc9e30}.axis-h{height:1px;left:9%;right:9%;top:50%}.axis-v{width:1px;top:8%;bottom:8%;left:50%}.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#c6ed78;color:#162a20;box-shadow:0 0 0 10px #c6ed7814,0 0 90px #b7e5742b}.core>span{font-size:clamp(45px,6vw,80px);line-height:1;font-weight:700;letter-spacing:-5px}.coral{color:#d87855}.core small{font-size:7px;margin-top:15px;white-space:nowrap;letter-spacing:1px}.index{position:absolute;color:#a4c6ad;font-size:9px}.index-a{top:10%;left:8%}.index-b{right:7%;top:21%}.index-c{bottom:10%;left:10%}.corner{position:absolute;width:15px;height:15px;border-color:var(--lime);border-style:solid}.corner-tl{top:18px;left:18px;border-width:1px 0 0 1px}.corner-br{right:18px;bottom:18px;border-width:0 1px 1px 0}.foot{min-height:78px;border-top:1px solid #91a69a2b;font-size:10px;color:#96aa9b;gap:20px}.foot a{border-bottom:1px solid #78937e}.foot a:hover{color:var(--lime);border-color:var(--lime)}@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:950px){.stage{grid-template-columns:1fr;gap:48px}.visual{height:520px;max-width:620px;width:100%;margin:auto}.copy h1{font-size:clamp(58px,10vw,86px)}.lead{margin-bottom:35px}}
@media(max-width:600px){.topbar,.foot,.stage{width:calc(100% - 40px)}.topbar{height:72px}.top-label{font-size:9px}.stage{padding-block:55px;gap:42px}.overline{font-size:8px;letter-spacing:.7px}.copy h1{font-size:clamp(50px,14vw,70px)}.lead{font-size:13px;margin:25px 0 34px}.field{min-height:60px}.field button{min-width:95px;padding:0 15px}.visual{height:350px;min-height:0}.core small{font-size:5px;margin-top:8px}.index{font-size:7px}.foot{align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;padding-block:18px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.halo-outer{animation:none}.field{transition:none}}
.access .error{font-size:12px;color:#f4ab91;margin:12px 0 0;line-height:1.6}