:root{--bg:#080a0d;--panel:#11151a;--line:#252b33;--muted:#aab3be;--text:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header{height:72px;display:flex;align-items:center;gap:40px;padding:0 max(24px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:#080a0de8;backdrop-filter:blur(16px);z-index:10}.brand{font-size:19px;margin-right:auto}nav{display:flex;gap:28px;color:#b8c0ca}nav a.active,nav a:hover{color:#fff}.lang{border:1px solid var(--line);padding:9px 13px;border-radius:12px}.hero{padding:100px 24px 76px;text-align:center;background:radial-gradient(circle at 50% 15%,#263b7b 0,transparent 38%)}.eyebrow{color:#8facff;font-size:12px;letter-spacing:.18em;font-weight:800}.hero h1{font-size:clamp(46px,7vw,86px);margin:18px 0 15px;letter-spacing:-.055em}.hero p{max-width:780px;margin:auto;color:#b7c0cb;font-size:19px;line-height:1.75}.stats{margin-top:30px;color:#b7c0cb}.stats b{color:#fff}.market,.knowledge,.guide,.sources{max-width:1240px;margin:auto;padding:70px 24px}.toolbar{display:flex;gap:14px}.toolbar label{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0 16px;flex:1}.toolbar input{width:100%;background:transparent;border:0;color:#fff;font-size:16px;padding:16px 0;outline:0}.toolbar select{background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px}.chips{display:flex;gap:9px;overflow:auto;padding:20px 0}.chips button{white-space:nowrap;background:#13171c;color:#b7c0cb;border:1px solid var(--line);border-radius:99px;padding:9px 14px}.chips button.on{background:#fff;color:#090b0d}.chips i{font-style:normal;opacity:.65}.notice{display:flex;gap:15px;background:#191812;border:1px solid #4e4523;border-radius:14px;padding:16px 18px;margin:2px 0 24px;color:#c9c3a6}.notice b{color:#ffe89a;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{min-width:0;background:linear-gradient(145deg,#13181e,#0d1014);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between}.icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#294cbb;font-weight:800}.kind{color:#aab6c5;font-size:12px;background:#202630;border-radius:99px;padding:7px 10px}.card h2{margin:20px 0 5px;font-size:21px}.owner{color:#84a1ff;font-size:13px}.card p{color:var(--muted);line-height:1.6;height:76px;overflow:hidden}.meta{display:flex;gap:13px;color:#98a2ae;font-size:12px;margin:auto 0 14px}.card code{display:block;background:#080a0d;border:1px solid #20252c;border-radius:10px;padding:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b6c2d0}.actions{display:flex;gap:9px;margin-top:12px}.actions button,.actions a,.more{border:0;border-radius:10px;padding:11px 13px;font-weight:700;cursor:pointer}.actions button{background:#fff;color:#090b0d}.actions a{background:#242a32}.more{display:block;margin:30px auto;background:#fff}.knowledge{padding-top:110px}.knowledge h2,.guide h2,.sources h2{font-size:clamp(32px,5vw,58px);letter-spacing:-.04em;margin:15px 0}.lead,.guide p,.sources p{color:#b9c2cd;font-size:18px;line-height:1.7}.compare{margin-top:35px;border-top:1px solid var(--line)}.compare>div{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;padding:18px 0;border-bottom:1px solid var(--line)}.compare span{color:#b6bec8}.guide{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.guide li{padding:10px}.guide pre{background:#11161c;border:1px solid var(--line);border-radius:22px;padding:28px;line-height:1.8;overflow:auto;color:#e6ebf2}.guide pre span{color:#71809a}.sources{border-top:1px solid var(--line)}.sources a{color:#89a6ff;text-decoration:underline}footer{text-align:center;border-top:1px solid var(--line);padding:30px;color:#7f8995}@media(max-width:900px){header nav{display:none}.grid{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr;gap:20px}}@media(max-width:600px){.grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar select{height:48px}.notice{display:block}.compare>div{grid-template-columns:1fr}.compare>div>*{padding:5px 0}.hero{padding-top:70px}.market,.knowledge,.guide,.sources{padding-left:16px;padding-right:16px}}