:root{--bg:#f6f7fa;--ink:#172033;--sub:#6d7687;--brand:#5163de;--brand-light:#eef1ff;--grad:linear-gradient(135deg,#6976ef,#4d60d7);--line:#e8ebf1}
body{background:radial-gradient(ellipse at 85% 0,#e9ecfa80,transparent 45%),#f6f7fa}
.nav{height:68px;padding:0 34px;border-bottom:1px solid #e8ebf1;background:#ffffffce;backdrop-filter:blur(20px)}
.brand{gap:10px}.logo{width:33px;height:33px;border-radius:10px;box-shadow:0 4px 10px #5163de13}.brand h1{font-size:17px;letter-spacing:-.3px;font-weight:650}.brand .tag{font-size:10px;font-weight:500;border-radius:5px;background:#eef1f7;color:#7a8496;padding:4px 7px}
.ghost{height:32px;padding:0 13px;border-radius:8px;font-size:11px;font-weight:500;background:#ffffff90;border:1px solid #e7eaf1;color:#596579}.ghost:hover{background:#fff;border-color:#d4daec;color:#3346b6}
#osWrap{padding:26px 34px 40px;max-width:1500px;margin:0 auto}.seo{display:none}
.nav a:focus-visible{outline:3px solid #a0b3ff;outline-offset:3px}
@media(max-width:760px){.nav{height:60px;padding:0 16px}.brand .tag{display:none}.brand h1{font-size:15px}.nav-r{gap:5px}.ghost{font-size:10px;padding:0 9px}#osWrap{padding:20px 12px 30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}