:root{--blue:#0b66ff;--cyan:#0ea5e9;--ink:#0f172a;--muted:#5b6575;--line:#dbe4ef;--soft:#f6f9fd;--white:#fff}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:#f7f9fc;line-height:1.75}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{max-width:1200px;margin:0 auto;min-height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand img{display:block;width:244px;height:52px;object-fit:contain}.links{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.links a{padding:8px 10px;border-radius:8px;color:#475569;font-size:14px}.links a:hover,.links .active{background:#eaf2ff;color:var(--blue);text-decoration:none}.links .console{background:var(--ink);color:#fff}
.wrap{max-width:1200px;margin:0 auto;padding:42px 24px}.hero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:28px;align-items:center;padding:32px 0 28px}.kicker{display:inline-flex;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}h1{font-size:46px;line-height:1.12;margin:16px 0 12px;letter-spacing:0}h2{font-size:28px;margin:38px 0 14px}h3{font-size:18px;margin:0 0 8px}.lead{font-size:18px;color:#4b5563;max-width:820px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;font-weight:700;border:1px solid var(--line)}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.secondary{background:#fff;color:var(--blue)}
.panel,.card,.section{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 12px 30px rgba(15,23,42,.05)}.panel{padding:20px}.panel strong{display:block;font-size:18px;margin-bottom:8px}.panel p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.stat{border:1px solid #e5edf7;background:#f8fbff;border-radius:8px;padding:12px}.stat b{display:block;font-size:22px;color:var(--blue)}.stat span{font-size:13px;color:#64748b}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{padding:18px}.card p{margin:0;color:var(--muted);font-size:15px}.card .tag{display:inline-flex;margin-bottom:10px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700}.section{padding:28px;margin-top:22px}.section p{color:#4b5563}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.table th,.table td{padding:12px 14px;border-bottom:1px solid #e5eaf1;text-align:left;vertical-align:top}.table th{background:#f8fafc}.table tr:last-child td{border-bottom:0}.note{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:8px;padding:15px 17px;margin:16px 0}.footer{border-top:1px solid var(--line);background:#fff;margin-top:42px}.foot{max-width:1200px;margin:0 auto;padding:22px 24px;color:#64748b;font-size:14px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.foot a{color:#64748b}
@media(max-width:920px){.nav{align-items:flex-start;flex-direction:column;padding:14px 22px}.links{justify-content:flex-start}.hero,.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}h1{font-size:34px}.brand img{width:210px;height:auto}}