:root{--bg:#070b12;--bg2:#0a101b;--bg3:#0d1524;--panel:rgba(255,255,255,.035);--panel2:rgba(255,255,255,.055);--line:rgba(148,163,184,.16);--line-cyan:rgba(34,211,238,.32);--ink:#e9f0f9;--mut:#9aa9bd;--faint:#61708a;--cyan:#22d3ee;--cyan-d:#0891a8;--green:#34d399;--gold:#f5b544;--gold2:#f59e0b;--red:#fb7185;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;--sans:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--maxw:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.mono{font-family:var(--mono)}.bgfx{position:fixed;inset:0;z-index:-2;background:radial-gradient(900px 520px at 78% -8%,rgba(34,211,238,.14),transparent 60%),radial-gradient(760px 520px at 8% 12%,rgba(245,181,68,.08),transparent 60%),radial-gradient(1000px 700px at 50% 110%,rgba(8,145,168,.1),transparent 62%),var(--bg)}.gridfx{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 50% 18%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 18%,#000 0%,transparent 72%)}header.nav{position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#070b12b8;border-bottom:1px solid var(--line)}.nav-in{max-width:var(--maxw);margin:0 auto;padding:0 28px;height:66px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:17px;letter-spacing:.5px;white-space:nowrap}.brand .logo{width:30px;height:30px;flex:0 0 auto}.brand small{display:block;font-size:10px;font-weight:500;color:var(--faint);letter-spacing:2px;font-family:var(--mono)}nav.menu{display:flex;gap:4px;margin-left:auto}nav.menu a{padding:8px 13px;border-radius:9px;font-size:14.5px;color:var(--mut);font-weight:500;transition:.18s}nav.menu a:hover{color:var(--ink);background:var(--panel2)}.nav-cta{margin-left:6px}.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;color:var(--ink);cursor:pointer;margin-left:auto}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:12px;font-weight:700;font-size:15.5px;cursor:pointer;border:1px solid transparent;transition:.2s;white-space:nowrap;font-family:var(--sans)}.btn-primary{background:linear-gradient(135deg,#f8c25c,var(--gold2));color:#1a1206;box-shadow:0 8px 26px #f59e0b52}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 34px #f59e0b6b}.btn-cyan{background:linear-gradient(135deg,#2dd4e0,var(--cyan-d));color:#04222a;box-shadow:0 8px 26px #22d3ee47}.btn-cyan:hover{transform:translateY(-2px)}.btn-ghost{border-color:var(--line-cyan);color:var(--cyan);background:#22d3ee0f}.btn-ghost:hover{background:#22d3ee21}.btn-sm{padding:9px 16px;font-size:14px;border-radius:10px}.hero{padding:150px 0 70px;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.kline{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12.5px;color:var(--cyan);letter-spacing:1.5px;border:1px solid var(--line-cyan);background:#22d3ee0f;padding:6px 13px;border-radius:999px;margin-bottom:24px}.kline .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}h1.hero-t{font-size:clamp(34px,5vw,58px);line-height:1.14;font-weight:900;letter-spacing:.5px}h1.hero-t .grad{background:linear-gradient(100deg,var(--cyan) 10%,#7dd3fc 45%,var(--gold) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-p{margin:22px 0 30px;color:var(--mut);font-size:17px;max-width:520px}.hero-p b{color:var(--ink);font-weight:700}.hero-cta{display:flex;gap:14px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:46px}.stat{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px 16px 14px}.stat .n{font-family:var(--mono);font-size:25px;font-weight:700;color:var(--cyan);line-height:1.1}.stat .n.gold{color:var(--gold)}.stat .l{font-size:12.5px;color:var(--faint);margin-top:5px}.gauge-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:linear-gradient(180deg,#ffffff0d,#ffffff04);box-shadow:0 30px 70px #00000080,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.gauge-card:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(245,181,68,.16),transparent 70%)}.gc-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;color:var(--faint);letter-spacing:1px;margin-bottom:6px}.gauge{position:relative;text-align:center}.gauge .pct{position:absolute;left:0;right:0;top:46%;transform:translateY(-50%);font-family:var(--mono);font-size:40px;font-weight:700;color:var(--gold)}.gauge .pct small{font-size:15px;color:var(--mut)}.gauge .gt{position:absolute;left:0;right:0;top:62%;font-size:13px;color:var(--mut)}.frames{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 14px}.fr{border:1px solid var(--line);border-radius:11px;padding:10px 8px;text-align:center;background:#00000038}.fr .v{font-family:var(--mono);font-size:18px;font-weight:700}.fr .v.cy{color:var(--cyan)}.fr .v.gn{color:var(--green)}.fr .v.go{color:var(--gold)}.fr .k{font-size:11px;color:var(--faint);margin-top:3px}.lamps{display:flex;flex-wrap:wrap;gap:7px}.lamp{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--mut);background:#ffffff05}.lamp i{width:7px;height:7px;border-radius:50%}.lamp.bad i{background:var(--red);box-shadow:0 0 8px var(--red)}.lamp.ok i{background:var(--green);box-shadow:0 0 8px var(--green)}.fpsline{margin-top:14px;border:1px solid var(--line);border-radius:11px;background:#00000040;padding:8px 10px 4px}.fpsline .cap{font-family:var(--mono);font-size:10.5px;color:var(--faint);letter-spacing:1px;display:flex;justify-content:space-between}section.block{padding:78px 0;position:relative}.sec-tag{font-family:var(--mono);font-size:12.5px;color:var(--cyan);letter-spacing:2px;margin-bottom:12px}.sec-tag:before{content:"// "}h2.sec-h{font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:.5px;margin-bottom:14px}.sec-d{color:var(--mut);max-width:680px;margin-bottom:42px;font-size:16px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:18px;padding:26px 24px;background:linear-gradient(180deg,var(--panel2),rgba(255,255,255,.015));transition:.22s;position:relative;overflow:hidden;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:var(--line-cyan);box-shadow:0 22px 50px #00000073}.card .ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#22d3ee1a;border:1px solid var(--line-cyan);margin-bottom:16px}.card .ico.gold{background:#f5b5441a;border-color:#f5b54459}.card .ico.green{background:#34d3991a;border-color:#34d39952}.card h3{font-size:18.5px;font-weight:700;margin-bottom:9px}.card p{color:var(--mut);font-size:14.5px;flex:1}.card .meta{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--mono);font-size:11px;padding:4px 9px;border-radius:7px;border:1px solid var(--line);color:var(--mut);letter-spacing:.5px}.tag.hot{color:var(--gold);border-color:#f5b54466;background:#f5b54414}.tag.free{color:var(--green);border-color:#34d39966;background:#34d39914}.tag.soon{color:var(--faint)}.card.feature{grid-column:span 1;background:linear-gradient(180deg,#f5b54417,#ffffff05);border-color:#f5b54466}.tool-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.tool-main{border:1px solid rgba(245,181,68,.4);border-radius:20px;padding:32px;background:linear-gradient(180deg,#f5b54414,#ffffff05);display:flex;flex-direction:column;position:relative;overflow:hidden}.tool-main h3{font-size:23px;font-weight:900;margin:14px 0 10px}.tool-main p{color:var(--mut);font-size:15px;flex:1}.tool-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.tstep{border:1px solid var(--line);border-radius:12px;padding:13px;background:#00000038;font-size:13px;color:var(--mut)}.tstep b{color:var(--ink);display:block;font-family:var(--mono);font-size:12px;color:var(--cyan);margin-bottom:4px}.tool-side{display:flex;flex-direction:column;gap:20px}.mini{border:1px dashed var(--line);border-radius:18px;padding:22px;background:#ffffff04;flex:1}.mini h4{font-size:16px;font-weight:700;margin-bottom:7px;color:var(--mut)}.mini p{font-size:13.5px;color:var(--faint)}.ai-band{background:linear-gradient(180deg,#0d152499,#0a101b33);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.live{border:1px solid var(--line-cyan);border-radius:24px;padding:46px 44px;background:radial-gradient(600px 260px at 12% 0%,rgba(34,211,238,.14),transparent 60%),linear-gradient(180deg,#22d3ee0f,#ffffff05);display:grid;grid-template-columns:1.4fr .8fr;gap:30px;align-items:center}.live .sch{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 24px}.day{font-family:var(--mono);font-size:13px;border:1px solid var(--line);border-radius:9px;padding:8px 12px;color:var(--mut);background:#0003}.day.on{color:var(--gold);border-color:#f5b54473;background:#f5b54414}.tl{position:relative;margin-top:10px;display:grid;grid-template-columns:150px 40px 1fr;row-gap:30px}.tl .yr{font-family:var(--mono);color:var(--cyan);font-weight:700;font-size:15px;text-align:right;padding-right:18px;align-self:center}.tl .ax{position:relative;display:flex;justify-content:center}.tl .ax:before{content:"";position:absolute;top:6px;bottom:-34px;width:2px;background:linear-gradient(var(--line-cyan),transparent)}.tl-row:last-child .ax:before{display:none}.tl .ax i{width:13px;height:13px;border-radius:50%;background:var(--bg);border:3px solid var(--cyan);z-index:1;margin-top:4px;box-shadow:0 0 12px #22d3ee99}.tl .ev{align-self:center}.tl .ev h4{font-size:16.5px;font-weight:700;margin-bottom:4px}.tl .ev p{color:var(--mut);font-size:14px}.coop{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer{border-top:1px solid var(--line);background:#060a11;padding:56px 0 34px;margin-top:20px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-bottom:36px}.foot-grid h5{font-size:13.5px;color:var(--ink);margin-bottom:14px;font-weight:700}.foot-grid a,.foot-grid span{display:block;color:var(--faint);font-size:13.5px;margin-bottom:9px}.foot-grid a:hover{color:var(--cyan)}.foot-brand p{color:var(--faint);font-size:13px;margin-top:14px;max-width:300px}.foot-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--faint);font-size:12px;font-family:var(--mono)}.mpanel{display:none;position:fixed;top:66px;left:0;right:0;z-index:49;background:#080d16f7;border-bottom:1px solid var(--line);padding:14px 24px 22px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mpanel.open{display:block}.mpanel a{display:block;padding:13px 6px;color:var(--mut);border-bottom:1px solid rgba(148,163,184,.1);font-size:16px}.mpanel .btn{margin-top:16px;width:100%;justify-content:center}.contents{display:contents}.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.rv.in{opacity:1;transform:none}#gaugeArc{stroke-dashoffset:var(--full,289);transition:stroke-dashoffset 1.4s cubic-bezier(.22,.8,.36,1)}#gaugeArc.play{stroke-dashoffset:var(--end)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}#gaugeArc{transition:none;stroke-dashoffset:var(--end)!important}*{animation:none!important;transition:none!important}}.article{max-width:820px;margin:0 auto;padding:130px 24px 80px}.article h1{font-size:clamp(26px,4vw,38px);font-weight:900;line-height:1.25;margin-bottom:14px}.article .a-meta{font-family:var(--mono);font-size:12.5px;color:var(--faint);margin-bottom:34px;display:flex;gap:14px;flex-wrap:wrap}.prose{font-size:16px;line-height:1.9;color:var(--ink)}.prose h2{font-size:23px;font-weight:900;margin:44px 0 16px;padding-left:14px;border-left:4px solid var(--cyan);line-height:1.3}.prose h3{font-size:18px;font-weight:700;margin:26px 0 10px;color:#cde7ee}.prose p{margin:12px 0}.prose ul,.prose ol{padding-left:1.4em;margin:12px 0}.prose li{margin:7px 0}.prose li::marker{color:var(--cyan)}.prose b,.prose strong{color:#fff;font-weight:700}.prose code{font-family:var(--mono);background:#22d3ee1a;color:#8fe3f0;padding:.12em .42em;border-radius:6px;font-size:.88em}.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:10px 13px;text-align:left;vertical-align:top}.prose th{background:#22d3ee1a;color:#cde7ee;font-weight:700;white-space:nowrap}.prose td{color:var(--mut)}.prose img{max-width:100%;border-radius:12px}.list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:34px}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:40px}.cards{grid-template-columns:repeat(2,1fr)}.tool-layout{grid-template-columns:1fr}.live{grid-template-columns:1fr;padding:36px 28px}.foot-grid{grid-template-columns:1fr 1fr}.coop{grid-template-columns:1fr}}@media(max-width:760px){body{font-size:15px}.wrap{padding:0 18px}nav.menu,.nav-cta{display:none}.burger{display:block}.hero{padding:120px 0 50px}.hero-cta .btn{width:100%;justify-content:center}.stats{grid-template-columns:repeat(2,1fr)}.cards,.list-grid,.tool-steps{grid-template-columns:1fr}.tl{grid-template-columns:84px 28px 1fr}.tl .yr{font-size:13px;padding-right:10px}.foot-grid{grid-template-columns:1fr 1fr;gap:22px}.frames{grid-template-columns:repeat(3,1fr)}section.block{padding:56px 0}.btn{min-height:44px}nav.menu a,.mpanel a{min-height:44px;display:flex;align-items:center}}