:root{font-family:"DM Sans","Noto Sans SC",system-ui,sans-serif;color:#202923;background:#eef3ef;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#202923;--muted:#758278;--line:#dce5dd;--paper:#fafcf9;--green:#315c45;--mint:#e4ede3;--orange:#e8754e}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh}a{color:inherit}a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.site-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:72px;padding:12px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid #dce5ddcf;background:#eef3efed;backdrop-filter:blur(14px)}
.site-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:18px;font-weight:900;text-decoration:none;white-space:nowrap}.site-brand small{display:block;margin-top:2px;color:#91a097;font:8px "DM Mono",monospace;letter-spacing:1px}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border-radius:9px 9px 9px 2px;background:var(--green);color:#eaf1e8;font-size:14px}
.site-nav{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px}.site-nav a,.site-footer nav a{padding:8px 10px;border-radius:4px;color:#68756c;font-size:12px;text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a.current{background:#e2ece2;color:var(--green);font-weight:700}
.page-shell{width:min(1050px,100% - 40px);margin:0 auto;padding:42px 0 58px}.home-hero{padding:clamp(25px,6vw,62px);border-radius:8px;background:#315c45;color:white}.eyebrow{margin:0 0 10px;color:#718579;font-size:11px;font-weight:700;letter-spacing:1.2px}.home-hero .eyebrow{color:#c0d8c1}.home-hero h1{max-width:700px;margin:0;font-size:clamp(34px,7vw,62px);line-height:1.18;letter-spacing:-1px}.home-hero h1 span{color:#c4dec3}.lead{max-width:670px;color:#d2e1d2;font-size:15px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #ffffff70;border-radius:4px;color:white;font-size:13px;text-decoration:none}.button.primary{border-color:#edf5eb;background:#edf5eb;color:#315c45;font-weight:700}.button:hover{transform:translateY(-1px)}
.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:36px}.quick-links a{display:grid;gap:6px;padding:15px;border:1px solid #ffffff35;border-radius:5px;background:#ffffff0a;text-decoration:none}.quick-links a>span,.card-number{color:#a9c6aa;font:10px "DM Mono",monospace}.quick-links strong{font-size:14px}.quick-links small{color:#d2e1d2;font-size:11px}
.content-section{margin-top:48px}.section-heading{margin-bottom:16px}.section-heading h2,.page-title{margin:0;color:#2c3a30;font-size:clamp(22px,4vw,32px);line-height:1.35}.section-heading>p:last-child,.page-lead{max-width:750px;margin:8px 0 0;color:#78867c;font-size:14px;line-height:1.9}
.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.content-card,.panel,.faq-item{border:1px solid var(--line);border-radius:6px;background:var(--paper)}.content-card{display:flex;min-height:205px;flex-direction:column;padding:18px;text-decoration:none;transition:transform .18s,border-color .18s}.content-card:hover{transform:translateY(-2px);border-color:#a8bda9}.content-card h3{margin:14px 0 6px;color:#304236;font-size:17px}.content-card p{margin:0 0 14px;color:#7d897f;font-size:13px;line-height:1.8}.text-link{margin-top:auto;color:#396849;font-size:12px;font-weight:700}
.notice{margin-top:28px;padding:15px 17px;border-left:3px solid #d19b66;background:#f7f2e9;color:#80694f}.notice strong{font-size:13px}.notice p{margin:5px 0 0;font-size:12px;line-height:1.8}
.page-heading{margin-bottom:25px}.page-heading .eyebrow{margin-bottom:7px}.page-title{font-size:clamp(27px,5vw,40px)}.panel{margin-top:16px;padding:clamp(16px,3vw,24px)}.panel h2{margin:0 0 9px;color:#304236;font-size:20px}.panel h3{margin:18px 0 6px;color:#35473a;font-size:16px}.panel p,.panel li{color:#718076;font-size:14px;line-height:1.9}.panel p:last-child{margin-bottom:0}.panel ul,.panel ol{padding-left:22px}.data-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{min-width:110px;padding:13px 15px;border-bottom:1px solid #e4eae3;text-align:left;vertical-align:top}.data-table th{background:#f3f7f2;color:#425246;font-size:12px}.data-table td{color:#657369}.data-table tr:last-child td{border-bottom:0}.badge{display:inline-block;padding:3px 7px;border-radius:3px;background:var(--mint);color:#416749;font-size:11px}
.faq-list{display:grid;gap:9px}.faq-item{padding:0 16px}.faq-item summary{padding:15px 0;color:#405045;font-size:14px;font-weight:700;cursor:pointer}.faq-item p{margin:0;padding:0 0 16px;color:#718076;font-size:13px;line-height:1.9}
.article-shell{width:min(790px,100% - 40px);margin:0 auto;padding:38px 0 56px}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;color:#89958c;font-size:12px}.article-breadcrumb a{color:#55745d;text-decoration:none}.article-header{padding-bottom:22px;border-bottom:1px solid var(--line)}.article-header .eyebrow{margin-bottom:9px}.article-header h1{margin:0;color:#26382d;font-size:clamp(28px,5vw,42px);line-height:1.35}.article-deck{margin:12px 0 0;color:#718076;font-size:16px;line-height:1.9}.article-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:15px;color:#8b978e;font-size:11px}.article-body{padding-top:14px}.article-body h2{margin:32px 0 9px;color:#304236;font-size:22px;line-height:1.45}.article-body h3{margin:22px 0 7px;color:#35473a;font-size:17px}.article-body p,.article-body li{color:#58675c;font-size:15px;line-height:2}.article-body ul,.article-body ol{padding-left:24px}.article-body a{color:#315c45;text-decoration-thickness:1px;text-underline-offset:3px}.article-callout{margin:20px 0;padding:15px 17px;border-left:3px solid #d19b66;background:#f7f2e9;color:#80694f;font-size:14px;line-height:1.9}.article-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.article-links a{padding:14px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:#315c45;font-size:13px;font-weight:700;text-decoration:none}.article-links a:hover{border-color:#a8bda9}.article-back{display:inline-block;margin-top:24px;color:#55745d;font-size:13px;text-decoration:none}.article-index .content-card{min-height:215px}
.catalog{margin-top:24px}.catalog-toolbar{display:flex;align-items:center;gap:10px}.catalog-search{display:flex;align-items:center;gap:9px;min-width:180px;flex:1;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:#819087}.catalog-search>span{font-size:19px}.catalog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:13px}.catalog-search kbd{padding:2px 5px;border:1px solid var(--line);border-radius:3px;font-size:10px}.catalog-sort{display:flex;align-items:center;gap:7px;color:#758278;font-size:12px}.catalog-sort select,.catalog-view{min-height:38px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:#68756c;font:inherit;font-size:12px}.catalog-view{cursor:pointer}.catalog-view.active{border-color:#9ab39b;background:#eaf1e9;color:#315c45}.catalog-view span{margin-left:4px}.catalog-filters{display:flex;align-items:center;gap:7px;margin:14px 0;overflow-x:auto}.filter{flex:0 0 auto;min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#707d73;font-size:12px;cursor:pointer}.filter.active{border-color:#315c45;background:#315c45;color:white}.filter span{margin-left:5px;color:#c7dbc8;font-size:10px}.catalog-note{margin-left:auto;color:#99a49b;font-size:11px;white-space:nowrap}.catalog-summary{display:flex;align-items:baseline;justify-content:space-between;margin:18px 0 12px;color:#839087;font-size:12px}.catalog-summary h2{margin:0;color:#304236;font-size:19px}.catalog-summary strong{color:#315c45}.catalog-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-card{min-width:0;padding:17px;border:1px solid var(--line);border-radius:6px;background:var(--paper);transition:transform .18s,border-color .18s}.catalog-card:hover{transform:translateY(-2px);border-color:#b5c9b6}.catalog-card-top{display:flex;align-items:flex-start;gap:10px}.catalog-rank{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border:1px solid #d8e4d7;border-radius:4px;background:#eaf1e8;color:#41684a;font:12px "DM Mono",monospace}.catalog-title{min-width:0;flex:1}.catalog-title h3{overflow:hidden;margin:0 0 4px;color:#2b392f;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.catalog-subtitle{color:#89958c;font-size:10px}.catalog-score{flex:0 0 auto;padding:5px 7px;border-radius:3px;background:#eaf1e8;color:#416749;font:11px "DM Mono",monospace}.catalog-snapshot{display:inline-block;margin-top:11px;padding:4px 6px;background:#f4ece1;color:#9a704a;font-size:10px}.catalog-description{min-height:40px;margin:9px 0 12px;color:#6c7a70;font-size:12px;line-height:1.7}.catalog-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #e4eae3;border-bottom:1px solid #e4eae3}.catalog-spec{min-width:0;padding:9px 7px 9px 0}.catalog-spec+.catalog-spec{padding-left:8px;border-left:1px solid #e4eae3}.catalog-spec dt{margin-bottom:5px;color:#99a49b;font-size:9px}.catalog-spec dd{overflow:hidden;margin:0;color:#48574b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.catalog-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin-top:11px}.catalog-action{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 9px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#69786d;font:inherit;font-size:10px;text-decoration:none;cursor:pointer}.catalog-action:hover,.catalog-action.selected{border-color:#a9bda9;color:#315c45}.catalog-action.selected{background:#eaf1e9}.catalog-action.favorite{width:32px;padding:0;font-size:15px}.catalog-action.favorite.saved{border-color:#efc9b6;color:#d96c4f}.catalog-action.disabled{cursor:default}.catalog-empty{padding:50px 15px;text-align:center}.catalog-empty h2{color:#35463a;font-size:18px}.catalog-empty p{color:#849087;font-size:13px}.catalog-compare-bar{position:fixed;right:20px;bottom:16px;z-index:6;display:flex;align-items:center;justify-content:space-between;width:min(600px,calc(100vw - 40px));min-height:60px;margin:auto;padding:10px 14px;border:1px solid #315c45;border-radius:6px;background:var(--paper);box-shadow:0 8px 28px #1833211c}.catalog-compare-bar[hidden],.catalog-empty[hidden],.catalog-toast[hidden]{display:none}.catalog-compare-bar strong,.catalog-compare-bar span{display:block}.catalog-compare-bar strong{color:#304d39;font-size:13px}.catalog-compare-bar span{margin-top:3px;color:#8a968d;font-size:10px}.catalog-compare-actions{display:flex;gap:7px}.catalog-compare-actions button{min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#617166;cursor:pointer}.catalog-compare-actions button.primary{border-color:#315c45;background:#315c45;color:white}.catalog-dialog{width:min(700px,calc(100vw - 26px));max-height:85vh;padding:0;overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #18261b40}.catalog-dialog::backdrop{background:#1b2c2180;backdrop-filter:blur(3px)}.catalog-dialog .dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border-bottom:1px solid #e3e9e2;background:#fafcf9ed}.catalog-dialog .dialog-head p{margin:0 0 3px;color:#8d998f;font:10px "DM Mono",monospace;letter-spacing:1px}.catalog-dialog .dialog-head h2{margin:0;font-size:17px}.catalog-dialog .close{display:grid;width:30px;height:30px;place-items:center;border:1px solid #e0e7df;border-radius:50%;background:transparent;color:#66736a;font-size:18px;cursor:pointer}.catalog-dialog .dialog-content{padding:17px}.catalog-dialog .dialog-notice{margin-bottom:14px;padding:10px 12px;border-left:2px solid #d19b66;background:#f5eee4;color:#80674c;font-size:12px;line-height:1.7}.catalog-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;border:1px solid #e2e9e1;background:#e2e9e1}.catalog-detail-item{padding:11px;background:#f8faf7}.catalog-detail-item dt{color:#96a198;font-size:10px}.catalog-detail-item dd{margin:5px 0 0;color:#435348;font-size:12px}.catalog-detail-copy{color:#718076;font-size:12px;line-height:1.9}.catalog-toast{position:fixed;right:18px;bottom:90px;z-index:10;padding:10px 14px;border-radius:4px;background:#263b2d;color:white;font-size:12px;box-shadow:0 5px 20px #18261b25}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(1050px,100% - 40px);margin:0 auto;padding:18px 0 25px;border-top:1px solid var(--line);color:#89958c;font-size:11px}.site-footer nav{display:flex;flex-wrap:wrap;gap:2px}.site-footer nav a{font-size:11px}
@media(max-width:760px){.site-header{position:static;display:block;padding:14px 18px}.site-brand{margin-bottom:11px}.site-nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto}.site-nav a{padding:7px 9px;font-size:11px}.page-shell{width:calc(100% - 30px);padding-top:23px}.quick-links,.tile-grid{grid-template-columns:1fr}.quick-links{margin-top:25px}.content-section{margin-top:35px}.content-card{min-height:0}.site-footer{width:calc(100% - 30px);align-items:flex-start;flex-direction:column}.site-footer nav{margin-left:-9px}.data-table{font-size:12px}.data-table th,.data-table td{padding:10px 11px}.catalog-toolbar{flex-wrap:wrap}.catalog-search{flex-basis:100%}.catalog-sort{flex:1}.catalog-sort select{flex:1}.catalog-cards{grid-template-columns:1fr}.catalog-description{min-height:0}.catalog-note{font-size:10px}.catalog-compare-bar{right:10px;bottom:10px;left:10px;width:auto}.catalog-card{padding:14px}}
@media(max-width:760px){.article-shell{width:calc(100% - 32px);padding-top:23px}.article-deck{font-size:14px}.article-body h2{font-size:20px}.article-body p,.article-body li{font-size:14px}.article-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* 新增：答案块、FAQ 速览、内联代码、锚点定位（GEO 可引用性优化） */
.answer-block{margin-top:24px;padding:clamp(18px,3vw,26px);border:1px solid #cddccd;border-left:3px solid var(--green);border-radius:6px;background:linear-gradient(180deg,#f4f8f3,#fafcf9)}
.answer-block h2{margin:0 0 10px;color:#2b3d30;font-size:19px;line-height:1.45}
.answer-block p{margin:0;color:#55685a;font-size:14px;line-height:1.95}
.answer-block p strong,.answer-block li strong{color:#315c45;font-weight:700}
.answer-block ul{margin:12px 0 0;padding-left:20px}
.answer-block li{margin-top:7px;color:#55685a;font-size:14px;line-height:1.9}
.answer-block a{color:#2f6142;text-underline-offset:3px}
.faq-preview{margin-top:48px}
.faq-preview-list{margin:16px 0 0;padding:clamp(16px,3vw,22px);border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.faq-preview-list dt{margin-top:16px;color:#2f4436;font-size:14px;font-weight:700}
.faq-preview-list dt:first-child{margin-top:0}
.faq-preview-list dd{margin:6px 0 0;color:#6b7a70;font-size:13px;line-height:1.9}
.faq-preview-list a{color:#2f6142;text-underline-offset:3px}
a[id],section[id]{scroll-margin-top:86px}
.panel code,.faq-item code,.answer-block code{overflow-wrap:anywhere;padding:2px 5px;border-radius:3px;background:#eaf1e8;color:#2f6142;font:12px "DM Mono",monospace}
@media(max-width:760px){.answer-block,.faq-preview-list{padding:15px}.answer-block h2{font-size:17px}.answer-block p,.answer-block li{font-size:13px}}
