*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;background:#f7fbff;color:#202124;line-height:1.72}a{color:inherit;text-decoration:none}button{font:inherit}:root{--bg:#f7fbff;--surface:#ffffff;--primary:#0b57d0;--primary-dark:#174ea6;--text:#202124;--muted:#5f6368;--radius:24px;--shadow:0 18px 45px rgba(66,133,244,.14)}
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.nav-wrap{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--primary-dark)}.brand-mark{width:28px;height:28px;border-radius:50%;background:conic-gradient(#4285f4 0 28%,#34a853 0 55%,#fbbc05 0 76%,#ea4335 0)}.nav-links{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.48);padding:6px;border:1px solid rgba(0,0,0,.06)}.nav-link{padding:9px 15px;border-radius:999px;color:var(--muted);transition:.2s ease}.nav-link:hover,.nav-link.active{background:var(--primary);color:#fff}
main{max-width:1180px;margin:0 auto;padding:28px 20px 56px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:54px;border-radius:var(--radius);background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--primary) 8%,var(--surface)));box-shadow:var(--shadow);margin:28px 0}.eyebrow{margin:0 0 10px;color:var(--primary);font-weight:800;letter-spacing:.04em}h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.08;margin:0 0 18px}h2{font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.2;margin:0 0 14px}h3{margin:0 0 10px;font-size:1.08rem}p{margin:0 0 14px}.lead{font-size:1.15rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:800;transition:.2s ease}.btn.primary,.btn.small,.btn.large{background:var(--primary);color:#fff}.btn.secondary{background:var(--surface);color:var(--primary-dark);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn:disabled{opacity:.72;cursor:wait}.btn.small{padding:9px 13px;font-size:.92rem}.btn.large{padding:15px 24px;font-size:1.05rem}.icon{width:22px;height:22px;flex:0 0 auto}.hero-visual{display:flex;align-items:center;justify-content:center}.browser-card{width:min(420px,100%);min-height:270px;border-radius:24px;background:var(--surface);box-shadow:var(--shadow);padding:20px;border:1px solid rgba(0,0,0,.06)}.browser-card>span{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;background:var(--primary)}.address{margin:18px 0;padding:12px 14px;border-radius:999px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--muted)}.window-lines i{display:block;height:14px;border-radius:10px;background:color-mix(in srgb,var(--primary) 12%,var(--surface));margin:14px 0}.window-lines i:nth-child(2){width:78%}.window-lines i:nth-child(3){width:62%}.window-lines i:nth-child(4){width:88%}
.section{margin:26px 0;padding:34px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.section-heading{max-width:780px;margin-bottom:22px}.feature-grid,.platform-grid,.download-grid,.scenario-grid,.guide-columns,.shortcut-grid{display:grid;gap:18px}.feature-grid{grid-template-columns:repeat(3,1fr)}.platform-grid,.download-grid{grid-template-columns:repeat(5,1fr)}.scenario-grid,.guide-columns,.shortcut-grid{grid-template-columns:repeat(2,1fr)}.feature-card,.platform-card,.download-card,.scenario-grid article,.guide-columns article,.stat-card{padding:22px;border-radius:calc(var(--radius) - 6px);background:color-mix(in srgb,var(--primary) 6%,var(--surface));border:1px solid rgba(0,0,0,.06)}.feature-card .icon,.platform-card .icon,.security-box .icon{color:var(--primary);margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:transparent;box-shadow:none;padding:0}.stat-card strong{display:block;font-size:2rem;color:var(--primary)}.stat-card span{color:var(--muted)}.resource-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.resource-strip span{padding:9px 13px;border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary-dark);font-weight:700}.faq-list{display:grid;gap:12px}details{padding:16px 18px;border-radius:calc(var(--radius) - 8px);background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px solid rgba(0,0,0,.06)}summary{cursor:pointer;font-weight:800}summary+p{margin-top:10px;color:var(--muted)}.download-panel,.security-box{display:flex;align-items:center;justify-content:space-between;gap:24px}.clean-list{padding-left:20px;color:var(--muted)}.timeline{list-style:none;padding:0;margin:0;display:grid;gap:14px}.timeline li{display:grid;grid-template-columns:120px 150px 1fr;gap:12px;align-items:start;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.article{max-width:900px}.article p{font-size:1.02rem}.site-footer{background:color-mix(in srgb,var(--primary-dark) 92%,#000);color:#fff}.footer-inner{max-width:1180px;margin:0 auto;padding:28px 20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-inner p{margin:0;max-width:620px}
.hero{align-items:center;text-align:left}.nav-wrap{border:1px solid rgba(11,87,208,.12)}.resource-strip{justify-content:center}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (max-width:980px){.hero,.download-panel,.security-box{grid-template-columns:1fr;display:grid;padding:30px}.feature-grid,.platform-grid,.download-grid,.stats{grid-template-columns:repeat(2,1fr)}.timeline li{grid-template-columns:1fr}}
@media (max-width:640px){.nav-wrap,.nav-links,.footer-inner{flex-direction:column;align-items:stretch}.nav-links{display:grid;grid-template-columns:1fr}main{padding:18px 14px 42px}.hero,.section{padding:24px;border-radius:22px}.feature-grid,.platform-grid,.download-grid,.scenario-grid,.guide-columns,.shortcut-grid,.stats{grid-template-columns:1fr}h1{font-size:2rem}}
