:root{--bg:#040814;--panel:#0c1428;--silver:#d4e4ff;--blue:#5b8def;--glow:rgba(91,141,239,.35);--text:#e8eef8;--muted:#6a7d9a;--line:rgba(91,141,239,.2);--font:"Segoe UI","PingFang SC",sans-serif;--mono:Consolas,monospace}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.65;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 80% 20%,rgba(255,255,255,.25),transparent);background-size:200px 200px;pointer-events:none;opacity:.5}
.st-orbit-nav{position:relative;height:100px;margin:0 auto;max-width:900px;display:flex;justify-content:center;align-items:flex-end;padding-top:16px}
.st-orbit-nav nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:10px 16px;background:rgba(12,20,40,.85);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(10px)}
.st-orbit-nav a{padding:8px 16px;font-size:11px;font-weight:800;color:var(--muted);text-decoration:none;border-radius:999px;transition:all .25s}
.st-orbit-nav a:hover,.st-orbit-nav a.is-on{color:var(--silver);background:var(--glow);box-shadow:0 0 20px var(--glow)}
.st-orbit-nav a.st-dl{background:var(--blue);color:#040814}
.st-wrap{max-width:1080px;margin:0 auto;padding:24px 20px 80px}
.st-hero{text-align:center;padding:40px 20px 48px;position:relative}
.st-ring{width:160px;height:160px;margin:0 auto 28px;border:2px solid var(--line);border-radius:50%;position:relative;animation:stspin 12s linear infinite}
.st-ring::before{content:"";position:absolute;inset:12px;border:1px dashed var(--blue);border-radius:50%;opacity:.5}
.st-ring::after{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;background:var(--silver);border-radius:50%;transform:translateX(-50%);box-shadow:0 0 12px var(--silver)}
@keyframes stspin{to{transform:rotate(360deg)}}
.st-hero h1{font-size:clamp(28px,4.5vw,48px);font-weight:900;margin-bottom:12px}
.st-hero h1 em{color:var(--blue);font-style:normal}
.st-hero p{color:var(--muted);font-size:14px;max-width:560px;margin:0 auto 18px}
.st-kw{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}
.st-kw span{font-size:10px;padding:5px 12px;border:1px solid var(--line);color:var(--silver);border-radius:4px;background:rgba(91,141,239,.08)}
.btn-st{display:inline-flex;padding:13px 30px;background:var(--blue);color:#040814;font-weight:900;font-size:14px;text-decoration:none;border-radius:6px;box-shadow:0 0 24px var(--glow)}
.btn-st-o{display:inline-flex;padding:13px 22px;margin-left:10px;border:1px solid var(--silver);color:var(--silver);font-weight:700;font-size:13px;text-decoration:none;border-radius:6px}
.st-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:44px}
.st-metrics div{padding:20px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;position:relative}
.st-metrics div::before{content:"";position:absolute;top:8px;left:8px;width:6px;height:6px;background:var(--blue);border-radius:50%}
.st-metrics b{display:block;font-size:26px;color:var(--silver);font-family:var(--mono)}
.st-metrics small{font-size:10px;color:var(--muted)}
.st-sec{padding:44px 0;border-top:1px solid var(--line)}
.st-sec-hd{margin-bottom:26px}
.st-sec-hd h2{font-size:clamp(20px,2.8vw,28px);font-weight:900}
.st-sec-hd h2 span{color:var(--blue)}
.st-sec-hd p{color:var(--muted);font-size:13px;margin-top:8px}
.st-hex{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.st-hex-cell{padding:22px 18px;background:var(--panel);border:1px solid var(--line);clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);min-height:120px}
.st-hex-cell h3{font-size:14px;font-weight:800;color:var(--silver);margin-bottom:8px}
.st-hex-cell p{font-size:11px;color:var(--muted);line-height:1.55}
.st-hex-cell.w2{grid-column:span 2;clip-path:none;border-radius:12px}
.st-dl-panel{padding:36px 28px;text-align:center;background:linear-gradient(180deg,rgba(91,141,239,.1),transparent);border:1px solid var(--line);border-radius:16px}
.st-guide{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.st-guide article{display:flex;gap:14px;padding:18px;background:var(--panel);border-radius:10px;border-left:3px solid var(--blue)}
.st-guide b{font-family:var(--mono);font-size:18px;color:var(--blue);flex-shrink:0}
.st-guide h3{font-size:13px;font-weight:800;margin-bottom:4px}
.st-guide p{font-size:11px;color:var(--muted)}
.st-shots{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.st-shots figure{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}
.st-shots .st-shot-main{grid-row:span 2}
.st-shots figcaption{padding:8px 12px;font-size:10px;color:var(--muted);font-family:var(--mono)}
.st-shots img{display:block;width:100%;height:auto}
.st-secure{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.st-secure div{padding:18px;text-align:center;border:1px solid var(--line);border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--panel)}
.st-secure h3{font-size:11px;font-weight:800;color:var(--silver)}
.st-secure p{font-size:9px;color:var(--muted);margin-top:4px}
.st-changelog{display:flex;flex-direction:column;gap:12px}
.st-log{display:flex;gap:16px;padding:16px;background:var(--panel);border-radius:10px;border:1px solid var(--line)}
.st-log-date{font-family:var(--mono);font-size:11px;color:var(--blue);min-width:90px;flex-shrink:0}
.st-log h3{font-size:13px;font-weight:800;margin-bottom:4px}
.st-log p{font-size:11px;color:var(--muted)}
.st-news{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.st-news article{padding:18px;background:var(--panel);border-radius:12px;border:1px solid var(--line)}
.st-news h3{font-size:13px;font-weight:800;margin-bottom:6px;color:var(--silver)}
.st-news p{font-size:11px;color:var(--muted)}
.faq-item{border:1px solid var(--line);margin-bottom:8px;background:var(--panel);border-radius:8px}
.faq-q{width:100%;text-align:left;padding:14px 16px;background:none;border:none;color:var(--text);font-size:13px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}
.faq-q::after{content:"+";color:var(--blue)}
.faq-item.open .faq-q::after{content:"−"}
.faq-a{display:none;padding:0 16px 14px;font-size:12px;color:var(--muted);line-height:1.65}
.faq-item.open .faq-a{display:block}
.st-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.st-quotes blockquote{padding:16px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:var(--muted);background:var(--panel)}
.st-quotes cite{display:block;margin-top:8px;font-size:10px;color:var(--blue);font-style:normal}
.related-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.related-link-card{display:block;padding:12px 14px;border:1px solid var(--line);background:var(--panel);border-radius:8px;transition:border-color .2s;text-decoration:none}
.related-link-card:hover{border-color:var(--blue)}
.related-link-desc{font-size:11px;font-weight:700;color:var(--text);line-height:1.5;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.related-link-url{font-size:10px;color:var(--muted);margin-top:5px;opacity:.8;word-break:break-all}
.rel-sec{border-top:2px solid var(--blue)}
.st-foot{text-align:center;padding:36px 0;font-size:11px;color:var(--muted)}
.st-foot nav{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:12px}
.st-foot a{color:var(--blue);text-decoration:none}
.st-brand{display:block;text-align:center;padding:12px 0;font-weight:900;font-size:13px;color:var(--silver);text-decoration:none}
.st-brand i{color:var(--blue)}
.err-wrap{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:48px 20px;flex-direction:column}
.err-code{font-size:72px;font-weight:900;color:var(--blue);line-height:1;margin-bottom:12px}
@media(max-width:800px){
  .st-metrics,.st-hex,.st-guide,.st-shots,.st-secure,.st-news,.st-quotes,.related-links-grid{grid-template-columns:1fr}
  .st-hex-cell.w2{grid-column:span 1}
  .st-shots .st-shot-main{grid-row:auto}
}
/* ===== 全局组件 ===== */
.float-dl-banner{position:fixed;bottom:16px;left:50%;transform:translateX(-50%) translateY(120%);z-index:9000;width:min(400px,calc(100% - 32px));background:var(--panel);border:1px solid var(--blue);opacity:0;pointer-events:none;transition:transform .35s,opacity .35s;border-radius:12px}
.float-dl-banner.is-show{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto}
.float-dl-close{position:absolute;top:4px;right:8px;border:none;background:none;color:var(--muted);font-size:18px;cursor:pointer}
.float-dl-link{display:flex;align-items:center;gap:10px;padding:12px 36px 12px 14px;color:var(--text);text-decoration:none}
.float-dl-icon{width:32px;height:32px;background:var(--blue);border-radius:8px}
.float-dl-text strong{display:block;font-size:13px}
.float-dl-text small{font-size:10px;color:var(--muted)}
.back-to-top{position:fixed;right:20px;bottom:24px;z-index:9100;width:42px;height:42px;border:1px solid var(--blue);background:var(--panel);color:var(--blue);cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;border-radius:50%}
.back-to-top.is-visible{opacity:1;visibility:visible}