*,*::before,*::after{box-sizing:border-box}
:root{--font:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--font-head:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;
--bg:#f3f8f6;--surface:#fff;--ink:#12302c;--muted:#4c6863;--line:#cfe0db;--primary:#0f766e;--primary-ink:#fff;--accent:#e2503b;--accent-soft:#ffe6e0;--link:#0b5e57;--link-h:#073f3a;--focus:#e2503b;--soft:#e3f1ee;--ok:#0f766e;--warn:#b45309;--radius:20px;--radius-s:14px}
[data-theme=dark]{--bg:#0b1917;--surface:#122522;--ink:#e3f2ef;--muted:#9ebbb5;--line:#26433e;--primary:#4fd1c0;--primary-ink:#06201d;--accent:#ff8a75;--accent-soft:#3a201b;--link:#7fe3d6;--link-h:#b7f3ec;--focus:#ff8a75;--soft:#183330;--ok:#4fd1c0;--warn:#f5b45a}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 var(--font);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
a{color:var(--link);text-underline-offset:3px}a:hover{color:var(--link-h)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
h1,h2,h3{margin:0;line-height:1.35;color:var(--ink)}p{margin:0 0 1em}
code{font:.9em var(--mono);background:var(--soft);padding:.1em .4em;border-radius:6px}
pre{background:#0d2422;color:#d7efe9;padding:14px 16px;border-radius:12px;overflow:auto;font:13.5px/1.6 var(--mono)}pre code{background:none;color:inherit;padding:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip:focus{position:static;width:auto;height:auto;clip:auto;display:block;background:#fff;color:#000;padding:6px}
.col{width:min(760px,100% - 32px);margin-inline:auto}
/* 顶栏：极简，一条细进度线 */
.bar{background:var(--surface);border-bottom:1px solid var(--line)}
.bar .col{display:flex;align-items:center;gap:12px;padding:12px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto}
.logo i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:var(--primary-ink);font:800 1.15rem/1 var(--font);font-style:normal}
.logo b{font-size:1.05rem}.logo small{display:block;font-size:.72rem;color:var(--muted);line-height:1.2}
.bar button,.chip-btn{font:inherit;font-size:.85rem;border:1.5px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:.25em .9em;cursor:pointer}
.dots{display:flex;gap:6px;justify-content:center;padding:0 0 12px}
.dots a{font-size:.8rem;text-decoration:none;color:var(--muted);padding:.1em .7em;border-radius:99px}
.dots a[aria-current]{background:var(--soft);color:var(--ink);font-weight:700}
.dots a:hover{color:var(--ink)}
@media(max-width:560px){.dots{flex-wrap:wrap}.logo small{display:none}}
/* 首页向导 */
.wz{padding:34px 0 10px}
.wz h1{font-size:clamp(1.7rem,5vw,2.4rem);margin:0 0 10px}
.wz .lead{color:var(--muted);margin:0 0 20px}
.stepbar{display:flex;gap:8px;margin:0 0 18px}.stepbar i{flex:1;height:6px;border-radius:9px;background:var(--line)}.stepbar i.on{background:var(--primary)}
.qcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 24px;box-shadow:0 10px 30px -18px rgba(15,118,110,.45)}
.qcard h2{font-size:1.25rem;margin:0 0 4px}.qcard .hint{color:var(--muted);font-size:.9rem;margin:0 0 14px}
.opts{display:grid;gap:10px}
.opts button{font:inherit;text-align:left;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:14px;padding:.75em 1em;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center}
.opts button span{font-size:.82rem;color:var(--muted)}
.opts button:hover{border-color:var(--primary)}
.opts button[aria-pressed=true]{border-color:var(--primary);background:var(--soft);box-shadow:inset 0 0 0 1px var(--primary)}
.wz-nav{display:flex;justify-content:space-between;margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:99px;background:var(--primary);color:var(--primary-ink);padding:.6em 1.4em;font:700 .98rem var(--font);cursor:pointer;text-decoration:none}
.btn:hover{filter:brightness(1.08);color:var(--primary-ink)}.btn[disabled]{opacity:.4;cursor:not-allowed}
.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.btn-aff{background:var(--accent);color:#fff}.btn-aff:hover{color:#fff}
.btn-lg{padding:.75em 1.6em}
.res{margin-top:6px;display:grid;gap:12px}
.res-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 16px}
.res-item.first{border:2px solid var(--accent)}
.res-item h3{font-size:1.05rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.res-item p{margin:.3em 0;font-size:.92rem;color:var(--muted)}
.feat{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);padding:20px 22px;margin:0 0 6px;box-shadow:0 14px 34px -22px var(--accent)}
.feat-tag{display:inline-block;background:var(--accent);color:#fff;font-weight:800;font-size:.78rem;padding:.1em .8em;border-radius:99px}
.feat-h{font-size:1.6rem;margin:6px 0 4px}.feat-p{margin:0 0 8px;color:var(--muted)}.feat-s{margin:8px 0 0;font-size:.86rem;color:var(--muted)}
.feat-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.feat-list li{background:var(--soft);border-radius:99px;padding:.15em .9em;font-size:.9rem}
.feat-act{text-align:center}.feat-act small{display:block;margin-top:6px;color:var(--muted);font-size:.75rem}
@media(max-width:640px){.feat{grid-template-columns:1fr}}
.tagx{font-size:.72rem;font-weight:700;padding:.05em .6em;border-radius:99px;background:var(--accent-soft);color:var(--accent)}
.tagm{font-size:.72rem;padding:.05em .6em;border-radius:99px;border:1px solid var(--line);color:var(--muted)}
.next-read{background:var(--soft);border-radius:var(--radius-s);padding:12px 16px;margin-top:6px;font-size:.95rem}
.after{padding:14px 0 40px}
.after h2{font-size:1.15rem;margin:26px 0 10px}
.mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none;margin:0;padding:0}
.mini a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:11px 14px;text-decoration:none;color:var(--ink);height:100%}
.mini a b{display:block;font-size:.95rem}.mini a span{font-size:.82rem;color:var(--muted)}
.mini a:hover{border-color:var(--primary)}
/* 问题页 */
.qpage{padding:26px 0 46px}
.qpill{display:inline-block;font-size:.78rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:.1em .8em;margin-bottom:8px}
.qpage h1{font-size:clamp(1.55rem,4.4vw,2.1rem);margin:0 0 8px}
.crumbs{font-size:.84rem;color:var(--muted);margin:0 0 12px}.crumbs a{color:var(--muted)}.crumbs i{font-style:normal;margin:0 .45em;opacity:.6}
.lede{color:var(--muted);font-size:1.02rem;margin:0 0 16px}
.meta{font-size:.8rem;color:var(--muted);margin:0 0 18px}
.ans{background:var(--surface);border:1px solid var(--line);border-left:8px solid var(--accent);border-radius:var(--radius-s);padding:14px 18px;margin:0 0 22px}
.ans b{display:block;font-size:.78rem;letter-spacing:.06em;color:var(--accent);margin-bottom:2px}.ans p{margin:0;font-size:1.04rem}
.body h2{font-size:1.3rem;margin:1.8em 0 .5em}
.body h3{font-size:1.05rem;margin:1.3em 0 .3em}
.lst{padding-left:1.3em;margin:0 0 1.1em}.lst li{margin:.3em 0}
.callout{display:flex;gap:10px;background:var(--soft);border-radius:14px;padding:12px 14px;margin:0 0 1.2em;font-size:.95rem}
.callout b{flex:none;font-size:.76rem;background:var(--primary);color:var(--primary-ink);border-radius:99px;padding:.1em .7em;height:fit-content;margin-top:.2em}
.callout.warn b{background:var(--warn);color:#fff}
.tbl-wrap{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.tbl{width:100%;border-collapse:collapse;font-size:.92rem;min-width:500px}
.tbl th,.tbl td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.tbl thead th{background:var(--soft);white-space:nowrap}.tbl tbody th{white-space:nowrap}.tbl tr:last-child>*{border-bottom:0}
.tbl.wide{min-width:820px}
.bubbles{list-style:none;margin:0 0 1.3em;padding:0;counter-reset:b}
.bubbles li{position:relative;padding:0 0 14px 46px;counter-increment:b}
.bubbles li::before{content:counter(b);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--primary);color:var(--primary-ink);display:grid;place-items:center;font-weight:800}
.bubbles h3{margin:0 0 2px!important;font-size:1.02rem}.bubbles p{margin:0}
.bubbles pre{margin-top:6px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:0 0 8px;padding:0 16px}
.faq summary{cursor:pointer;padding:11px 0;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:"+";color:var(--accent);font-weight:800}.faq details[open] summary::after{content:"−"}
.faq summary::-webkit-details-marker{display:none}
.faq{margin:1.6em 0 1em}
.faq>h2{margin-bottom:10px}
.ctabox{background:var(--surface);border:2px dashed var(--accent);border-radius:var(--radius-s);padding:16px 18px;margin:1.4em 0;text-align:center}
.ctabox-t{font-weight:700;margin:0 0 10px}.bc-disc{display:block;font-size:.78rem;color:var(--muted);margin-top:8px}
.linkcards{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:8px}
.linkcards li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 14px}
.linkcards a{font-weight:700}.linkcards span{display:block;font-size:.85rem;color:var(--muted)}
.cross{background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:9px 14px;margin:0 0 1.2em;font-size:.92rem}.cross-lead{color:var(--muted);margin-right:.5em}
.chips{list-style:none;margin:0 0 1.2em;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:var(--soft);border-radius:99px;padding:.1em .9em;font-size:.9rem}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:32px 0 0}
.pn a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--ink)}
.pn a small{display:block;color:var(--muted);font-size:.75rem}.pn a b{font-size:.95rem}.pn a:last-child{text-align:right}.pn a:hover{border-color:var(--primary)}
.pn span{display:block}
/* 品牌卡：适合回答哪些问题 */
.bc-list{display:grid;gap:12px;margin:0 0 1.4em}
.bc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 16px}
.bc.is-top{border:2px solid var(--accent)}
.bc h3{font-size:1.06rem;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.bc h3 small{color:var(--muted);font-weight:400}
.bc-tag{margin:.3em 0 .5em;color:var(--muted);font-size:.93rem}
.qa{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 .6em;font-size:.88rem}
.qa div{background:var(--bg);border-radius:10px;padding:8px 10px}.qa b{display:block;font-size:.74rem;color:var(--muted)}
.bc-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ft{border-top:1px solid var(--line);background:var(--surface);padding:22px 0 26px;font-size:.88rem;color:var(--muted)}
.ft ul{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 16px}.ft a{color:var(--ink)}
.ft p{margin:0 0 6px}
.notfound{text-align:center;padding:80px 0}.notfound b{display:block;font-size:4.5rem;color:var(--primary)}
@media(max-width:560px){.mini,.pn,.qa{grid-template-columns:1fr}.pn a:last-child{text-align:left}}

.friend-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;border-top:1px solid var(--line);padding:18px 0;margin:24px 0 16px}
.friend-links .label{font-weight:700;font-size:.88rem;color:var(--muted);margin-right:4px}
.friend-links a{font-size:.88rem;color:var(--muted);text-decoration:none}
.friend-links a:hover{color:var(--link);text-decoration:underline}