
:root{color-scheme:light;--blue:#3d8ef2;--navy:#172b55;--text:#243247;--muted:#65748b;--line:#e7edf5;--bg:#f5f8fc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
a{color:#246fce;text-decoration:none}
a:hover{text-decoration:underline}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.nav-wrap{max-width:1160px;margin:0 auto;padding:12px 24px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;min-width:160px}
.brand img{display:block;max-width:220px;max-height:52px;object-fit:contain}
nav[aria-label="主导航"]{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
nav[aria-label="主导航"] a{color:#34465e;font-size:15px}
nav[aria-label="主导航"] .active{color:var(--blue);font-weight:700}
nav[aria-label="主导航"] .login{padding:7px 18px;border:1px solid #dce7f7;border-radius:20px}
.page-shell{max-width:1160px;margin:0 auto;padding:24px}
.breadcrumbs{display:flex;align-items:center;gap:10px;color:#8a97a9;font-size:14px;margin:3px 0 20px}
.breadcrumbs a{color:#718096}
.article-card,.category-hero,.category-help{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(32,65,110,.04)}
.article-card{max-width:900px;margin:0 auto;padding:44px 56px}
.eyebrow{margin:0 0 8px;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.04em}
h1{color:var(--navy);font-size:32px;line-height:1.42;margin:0 0 12px}
h2{color:var(--navy);font-size:23px;line-height:1.45;margin:34px 0 12px}
h3{color:var(--navy);font-size:18px;margin:24px 0 8px}
.article-meta{font-size:13px;color:#8a97a9;margin:0 0 22px}
.lead{font-size:17px;color:#46566d;background:#f4f8ff;border-left:4px solid var(--blue);padding:16px 20px;border-radius:0 8px 8px 0;margin:0 0 28px}
.article-body p{margin:12px 0}
.article-body ul,.article-body ol{padding-left:1.5em}
.article-body li{padding-left:4px;margin:7px 0}
.article-body table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.article-body th,.article-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.article-body th{background:#f4f7fb;color:var(--navy)}
.article-body code{padding:2px 6px;background:#f1f4f8;border-radius:4px;color:#204c83}
.notice{margin:30px 0 0;padding:14px 16px;background:#fff9e9;color:#75612d;border:1px solid #f3e6bd;border-radius:8px;font-size:14px}
.related{margin-top:30px;padding-top:4px;border-top:1px solid var(--line)}
.related h2{font-size:18px;margin:20px 0 8px}
.related ul{padding-left:1.25em;margin:8px 0}
.related li{margin:6px 0}
.cta{margin-top:28px;padding:20px 24px;background:#f3f8ff;border-radius:10px}
.cta strong{color:var(--navy)}
.cta p{margin:5px 0 14px;color:var(--muted)}
.button{display:inline-block;background:var(--blue);color:#fff;padding:8px 19px;border-radius:6px;font-size:14px}
.button:hover{background:#2879db;color:#fff;text-decoration:none}
.category-hero{padding:40px 46px;margin-bottom:24px;background:linear-gradient(120deg,#fff 0%,#f2f8ff 100%)}
.category-hero h1{margin-bottom:12px}
.category-hero>p:last-child{max-width:820px;margin:0;color:#53637a}
.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.guide-card{background:#fff;padding:24px;border:1px solid var(--line);border-radius:12px;transition:transform .15s ease,box-shadow .15s ease}
.guide-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(32,65,110,.08)}
.guide-card h2{font-size:20px;margin:4px 0 8px}
.guide-card h2 a{color:var(--navy)}
.guide-card>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 12px}
.read-more{font-size:14px;font-weight:650}
.category-help{padding:24px 30px;margin-top:24px}
.category-help h2{font-size:20px;margin:0 0 8px}
.category-help p{margin:0 0 14px;color:var(--muted)}
.site-footer{margin-top:36px;padding:24px;background:#334a78;color:#e5ebf5}
.footer-inner{max-width:1112px;margin:0 auto;display:flex;justify-content:space-between;gap:18px}
.site-footer a{color:#fff}
.site-footer p{max-width:1112px;margin:10px auto 0;color:#c6d0e2;font-size:13px}
@media(max-width:700px){.nav-wrap{padding:10px 16px;min-height:auto;align-items:flex-start;flex-direction:column;gap:10px}.brand img{max-width:185px;max-height:42px}nav[aria-label="主导航"]{gap:16px}nav[aria-label="主导航"] a{font-size:14px}.page-shell{padding:16px}.article-card{padding:26px 20px}.category-hero{padding:28px 22px}h1{font-size:26px}h2{font-size:20px}.lead{font-size:16px}.guide-grid{grid-template-columns:1fr;gap:13px}.guide-card{padding:20px}.article-body table{font-size:13px}.article-body th,.article-body td{padding:8px 7px}.footer-inner{flex-direction:column}.site-footer{padding:22px 18px}}
