:root{--bg:#f7f9fc;--ink:#142033;--muted:#637083;--line:#dce3ee;--card:#fff;--a:#2563eb;--b:#06b6d4;--c:#16a34a;--dark:#0b1424}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.72}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{max-height:36px}.nav nav{margin-left:auto;display:flex;gap:20px;color:var(--muted);font-weight:700}.top-btn,.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:6px;font-weight:900}.top-btn,.btn.primary{background:var(--a);color:#fff}.btn.ghost{border:1px solid rgba(255,255,255,.45);color:#fff}.actions{display:flex;gap:12px;margin-top:28px}.lead{font-size:18px;color:rgba(255,255,255,.8);max-width:680px}
.radar-hero,.doc-hero,.mobile-hero,.clash-hero,.vpn-hero,.page-hero{color:#fff}.radar-hero{background:linear-gradient(135deg,#07111f,#153e75 55%,#0e7490)}.doc-hero{background:linear-gradient(135deg,#eef7ff,#dff3ff);color:#102033}.mobile-hero{background:linear-gradient(135deg,#111827,#334155 56%,#0891b2)}.clash-hero{background:#101827}.vpn-hero{background:linear-gradient(135deg,#0b1424,#134e4a 58%,#155e75)}.hero-grid{min-height:610px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:46px}.doc-hero .wrap,.clash-hero .wrap,.page-hero .wrap{padding:90px 0}.radar-hero h1,.mobile-hero h1,.vpn-hero h1,.clash-hero h1,.doc-hero h1{font-size:54px;line-height:1.08;margin:0 0 18px;letter-spacing:0}.doc-hero span,.page-hero span{color:#617083}.clash-hero span{color:rgba(255,255,255,.72)}
.score-card,.phone-card,.globe-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:34px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.score-card strong,.globe-card strong{display:block;font-size:78px}.phone-card{min-height:430px;display:grid;align-content:center;text-align:center;border-radius:28px}.phone-card span{font-size:52px;color:#5eead4}.phone-card strong{font-size:28px}
.rank-grid,.os-grid,.feature-row,.metric-grid,.protocol-grid,.benefit-grid,.article-cards,.platform-grid,.plan-grid{display:grid;gap:18px;padding:64px 0}.rank-grid,.feature-row,.protocol-grid{grid-template-columns:repeat(4,1fr)}.os-grid,.plan-grid{grid-template-columns:repeat(3,1fr)}.metric-grid{grid-template-columns:repeat(4,1fr);padding-top:28px}.benefit-grid{grid-template-columns:repeat(4,1fr)}.article-cards{grid-template-columns:repeat(3,1fr)}.platform-grid{grid-template-columns:repeat(3,1fr)}
article,.metric-grid article,.platform-grid a,.plan-grid article,.content,aside{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:26px}.rank-grid b,.metric-grid strong{display:block;font-size:34px;color:var(--a)}article p,.faq-list p,.content{color:var(--muted)}.band{background:#edf5fb}.featured{border-color:var(--a);box-shadow:0 18px 50px rgba(37,99,235,.14)}.read,.plan-grid a{color:var(--a);font-weight:900}.page-hero{background:var(--dark)}.page-hero h1{font-size:44px;margin:0 0 8px}.article-list,.faq-list{display:grid;gap:18px;padding:56px 0 76px}.show-grid{display:grid;grid-template-columns:1fr 280px;gap:24px;padding:56px 0 80px}aside{align-self:start}aside a,.site-footer a{display:block;margin:8px 0;color:var(--muted)}
.theme-radar{--a:#0ea5e9;--b:#22c55e}.theme-doc{--a:#2563eb;--b:#0f766e}.theme-mobile{--a:#0891b2;--b:#14b8a6}.theme-clash{--a:#4f46e5;--b:#06b6d4}.theme-vpn{--a:#0f766e;--b:#2563eb}
.site-footer{background:#0b1424;color:#fff;padding-top:52px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:28px}.site-footer p,.site-footer a{color:rgba(255,255,255,.68)}.copy{text-align:center;border-top:1px solid rgba(255,255,255,.12);padding:18px;margin-top:34px;color:rgba(255,255,255,.58)}
@media(max-width:900px){.nav{flex-wrap:wrap;padding:14px 0}.nav nav{order:3;width:100%;overflow:auto}.hero-grid,.rank-grid,.os-grid,.feature-row,.metric-grid,.protocol-grid,.benefit-grid,.article-cards,.platform-grid,.plan-grid,.show-grid,.footer-grid{grid-template-columns:1fr}.radar-hero h1,.mobile-hero h1,.vpn-hero h1,.clash-hero h1,.doc-hero h1{font-size:38px}.hero-grid{min-height:auto;padding:62px 0}.top-btn{margin-left:auto}}
.auth-layout{padding:62px 0 88px;display:grid;grid-template-columns:1fr 340px;gap:24px}.auth-card,.auth-side,.about-grid article{background:#fff;border:1px solid var(--line,#dde5ef);border-radius:8px;padding:30px}.auth-actions{display:flex;gap:12px;margin-top:24px}.btn.outline{border:1px solid var(--blue,var(--a,#2563eb));color:var(--blue,var(--a,#2563eb));background:#fff}.auth-side ul{margin:0;padding-left:20px;color:var(--muted,#647084)}.about-grid{padding:62px 0 88px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.brand-text{font-weight:900;line-height:1.25}@media(max-width:900px){.auth-layout,.about-grid{grid-template-columns:1fr}.auth-actions{flex-wrap:wrap}}