:root{--primary:#1a56c4;--accent:#ff6b35;--ink:#1a1a2e;--muted:#666;--bg:#f7f8fa;--line:#e4e7ee}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7;font-size:16px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;gap:24px;height:64px;flex-wrap:wrap}
.nav a.logo{font-weight:800;font-size:20px;color:var(--primary);text-decoration:none}
.nav a.logo small{display:block;font-size:11px;color:var(--muted);font-weight:400}
nav.links{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
nav.links a{color:var(--ink);text-decoration:none;font-size:15px}
nav.links a:hover{color:var(--primary)}
.lang{border:1px solid var(--line);border-radius:6px;padding:4px 10px;font-size:13px;text-decoration:none;color:var(--muted)}
.hero{background:linear-gradient(135deg,#0f2d6b,#1a56c4);color:#fff;padding:72px 0}
.hero h1{font-size:36px;line-height:1.3;margin-bottom:12px;font-weight:800}
.hero .hero-sub{font-size:20px;font-weight:600;opacity:.96;margin-bottom:16px;letter-spacing:.02em}
.hero p.lead{font-size:16px;opacity:.9;max-width:760px;margin-bottom:18px}
.hero .kty-tag{display:inline-block;background:rgba(255,107,53,.18);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:20px;padding:4px 16px;font-size:13px;font-weight:600;margin-right:10px}
.hero .tags{margin-bottom:24px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 26px;border-radius:8px;text-decoration:none;font-weight:600;margin-right:12px}
.btn.ghost{background:transparent;border:2px solid #fff}
.btn.ghost.dark{border-color:#1a56c4;color:#1a56c4}
section{padding:56px 0}
section.alt{background:var(--bg)}
h2.sec{font-size:26px;margin-bottom:8px}
p.sub{color:var(--muted);margin-bottom:28px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;transition:box-shadow .2s,transform .2s}
.card:hover{box-shadow:0 8px 24px rgba(15,45,107,.12);transform:translateY(-2px)}
.card h3{font-size:18px;margin-bottom:8px;color:var(--primary)}
.card p{font-size:14px;color:var(--muted)}
table{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
th,td{border:1px solid var(--line);padding:10px 14px;text-align:left}
th{background:#eef2fb;color:#0f2d6b}
.note{font-size:13px;color:var(--muted);margin-top:14px}
.badge{display:inline-block;background:#fff3ec;color:#c2410c;border:1px solid #ffd9c2;border-radius:20px;padding:2px 12px;font-size:13px;font-weight:600}
.badge.blue{background:#eaf1fe;color:#1a56c4;border-color:#c6d8fa}
.callout{background:#fff8f3;border-left:4px solid var(--accent);padding:16px 20px;border-radius:0 8px 8px 0;margin:24px 0;font-size:15px}
footer{background:#0f2d6b;color:#cfd9ee;padding:32px 0;font-size:14px}
footer a{color:#fff}
.crumbs{font-size:13px;color:var(--muted);margin:20px 0}
h2.sec{margin-top:40px}
table.about th,table td th{white-space:nowrap}
section ol{margin:8px 0 16px 22px;line-height:1.8}
section ol li{margin-bottom:6px}