:root{--ink:#142033;--muted:#637187;--bg:#f6f8fb;--card:#fff;--line:#dfe6f1;--blue:#105fd6;--dark:#0b1c38;--gold:#dca22d;--green:#0a9b68;--red:#d73345}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.78}a{text-decoration:none;color:inherit}p{margin:0 0 10px}
.top{background:var(--dark);color:#dce8fa;font-size:13px}.top div{max-width:1220px;margin:auto;padding:8px 18px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{max-width:1220px;margin:auto;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.logo{font-size:26px;font-weight:900;color:var(--blue)}.logo span{font-size:15px;color:#1f2937;margin-left:6px}.menu{display:flex;gap:8px;flex-wrap:wrap}.menu a{padding:8px 14px;border-radius:6px;font-weight:800;color:#33435e}.menu a.active,.menu a:hover{background:var(--blue);color:#fff}
.hero{background:linear-gradient(135deg,#071a35,#123f7d 60%,#0c2b54);color:#fff}.hero-inner{max-width:1220px;margin:auto;padding:64px 18px;display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center}.tag{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 14px;font-weight:900}.hero h1{font-size:43px;line-height:1.22;margin:16px 0 12px}.hero p{font-size:17px;color:#dce8fb}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{padding:12px 22px;border-radius:8px;font-weight:900}.primary{background:var(--gold);color:#111}.ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.pro-card{background:#fff;color:var(--ink);border-radius:18px;padding:23px;box-shadow:0 18px 42px rgba(0,0,0,.22)}.pro-card h2{margin:0 0 14px}.pro-row{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid var(--line);padding:13px 0}.pro-row:first-of-type{border-top:0}.mark{background:#eaf3ff;color:var(--blue);border-radius:999px;padding:4px 10px;font-weight:900}
.main{max-width:1220px;margin:auto;padding:38px 18px}.layout{display:grid;grid-template-columns:2fr 340px;gap:22px}.block{background:#fff;border:1px solid var(--line);border-radius:13px;padding:24px;margin-bottom:22px}.block h2{font-size:24px;margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#f9fbff;border:1px solid var(--line);border-radius:11px;padding:18px}.card b{display:block;color:var(--blue);font-size:18px;margin-bottom:7px}.card small{color:var(--muted)}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left}th{background:#f0f6ff}.ok{color:var(--green);font-weight:900}.hot{color:var(--red);font-weight:900}.columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.list{margin:0;padding-left:20px;color:#4d5b70}.note{background:#fff8e8;border:1px solid #efd196;border-radius:11px;padding:15px;color:#65440d}
.sidebox{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:18px}.sidebox a{display:block;padding:9px 0;border-bottom:1px dashed #d2dce9;color:#2d5792}.sidebox a:last-child{border-bottom:0}.sidebox p{color:var(--muted)}
.news article,.faq{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:17px}.news h2,.faq h2{font-size:20px;margin:0 0 9px}.faq h2{color:var(--blue)}.date{color:var(--muted);font-size:13px}.faq p{margin:0;color:#536177}.article-meta{font-size:13px;color:var(--blue);font-weight:900;margin-bottom:8px}
.footer{background:var(--dark);color:#dce8fa;text-align:center;padding:31px 18px;margin-top:28px;font-size:13px}.footer a{margin:0 10px;color:#fff}
@media(max-width:880px){.hero-inner,.layout,.columns{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.hero h1{font-size:31px}.nav{align-items:flex-start;flex-direction:column}}