/* ADR-7513:品牌段落组件,首页与价格页共用(从 home.css 原样移出,类名不变)。叠在 site.css 与 site-sections.css(眉题、收尾带)之上,
   页面自己的样式表在它之后。新介绍页拼这些组件,不另写一套:
   · 区块节奏与标题:--home-section(112px,窄屏 72px)、main h2 用 --home-h2;任意区块加 .brand-block 即得同一节奏。
   · .offer-cards / .offer / .offer-kicker:白卡(基础样式在 site.css);.point-icon:40px 琥珀淡底图标块。
   · .trust-grid / .trust-card / .trust-num:大数字卡(.trust-grid.is-four 四列)。
   · .faq / .faq-item:居中 860px 折叠问答,自绘 +/−。 */
:root{--home-h2:clamp(30px,3.4vw,44px);--home-section:112px}
:root:lang(zh-CN),:root:lang(zh-TW),:root:lang(ja),:root:lang(ko){--home-h2:clamp(28px,3vw,40px)}
@media(max-width:720px){:root{--home-section:72px}}
body{font-size:16px}
main h2{font-size:var(--home-h2);line-height:1.15;letter-spacing:-.01em;line-break:strict}
:root:lang(zh-CN) main h2,:root:lang(zh-TW) main h2,:root:lang(ja) main h2,:root:lang(ko) main h2{letter-spacing:0}
.point-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#F5A62333;color:var(--bright)}
/* 模块节奏:统一 112px(窄屏 72px);标题下的说明 17px。 */
.offers,.flow-compare,.compare,.export-feature,.trust,.faq,.brand-block{padding-block:var(--home-section) 0}
:is(.offers,.flow-compare,.compare,.export-feature,.trust,.brand-block)>h2{margin:0 0 16px;max-width:20em}
.flow-compare>h2,.compare>h2,.trust>h2{margin-bottom:40px}
.offers-intro,.export-feature>p,.brand-block>.brand-lead{font-size:17px;line-height:1.7;margin:0 0 40px;max-width:60ch}
@media(max-width:600px){.flow-compare>h2{word-break:normal}}
.offer-cards{gap:20px}
.offer{padding:34px 30px 30px;border-radius:22px;gap:12px}
.offer-kicker{font-size:12.5px;letter-spacing:.04em;color:var(--home-eyebrow)}
.offer h3{font-size:24px;line-height:1.3}
.offer p{font-size:15px;line-height:1.65}
:root:lang(zh-CN) .offer h3,:root:lang(zh-TW) .offer h3,:root:lang(ja) .offer h3,:root:lang(zh-CN) .faq-item h3,:root:lang(zh-TW) .faq-item h3{word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
/* 信任带:三张数字卡。 */
.trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.trust-card{container-type:inline-size;padding:30px;border-radius:22px;background:var(--surface);border:1px solid var(--line)}
.trust-num{display:block;font-family:var(--serif);font-size:clamp(40px,4.4vw,56px);font-weight:900;line-height:1;letter-spacing:-.02em;color:var(--text)}
/* 量级词（数百 / Hundreds）随卡片宽度收缩，三列窄屏不出卡；字重低一档，不压过数字。 */
.trust-num.is-word{font-size:min(clamp(40px,4.4vw,56px),16cqi);font-weight:800}
.trust-card strong{display:block;margin:16px 0 6px;font-size:17px;color:var(--text)}
.trust-card p{margin:0;font-size:14.5px}
@media(max-width:720px){.trust-card{padding:22px}.trust-card p{font-size:14px}.trust-card strong{margin-top:12px}}
.trust-link{display:inline-flex;align-items:center;gap:3px;min-height:44px;margin-top:4px;font-size:14.5px;font-weight:650;color:var(--wt-link);text-decoration:none}
.trust-link:hover{text-decoration:underline;text-underline-offset:4px}[dir=rtl] .trust-link svg{transform:rotate(180deg)}
.trust-grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1060px){.trust-grid.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.trust-grid{grid-template-columns:1fr}}
@media(max-width:480px){.trust-grid.is-four{grid-template-columns:1fr}}

/* FAQ:居中 860px,自绘 +/−,问题改衬线。 */
.faq{max-width:860px;margin-inline:auto}
.faq>.eyebrow,.faq>h2{text-align:center;margin-inline:auto}.faq>h2{margin-bottom:40px}
.faq-item{margin-bottom:12px}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:var(--soft) var(--home-plus) center/14px no-repeat}
:root{--home-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2322303F' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M8 3.5v9M3.5 8h9'/%3E%3C/svg%3E")}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--home-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23E8ECEF' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M8 3.5v9M3.5 8h9'/%3E%3C/svg%3E")}}
:root[data-theme="dark"]{--home-plus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23E8ECEF' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M8 3.5v9M3.5 8h9'/%3E%3C/svg%3E")}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary h3{flex:1;font-family:var(--serif);font-size:18px;font-weight:600}
.faq-item p,.faq-rows{font-size:15px}
.faq-more{text-align:center;margin:28px auto 0;font-size:15px;max-width:none}.faq-more a{color:var(--wt-link);font-weight:650;text-decoration:none}.faq-more a:hover{text-decoration:underline;text-underline-offset:4px}
@media(prefers-reduced-motion:no-preference){.faq-item summary::after{transition:transform .25s}}
@media(max-width:720px){.faq-item summary{padding:18px 18px}}

