/* 公开内容页的图示组件：摘要卡片、步骤条、修复对比、问答、信任信息。沿用 film-pages.css 的墨绿与纸色。 */
.film-page .fp-ico{width:32px;height:32px;flex-shrink:0;fill:none;stroke:var(--hf-accent);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fp-wrap{max-width:1440px;margin:auto;padding-inline:var(--hf-gutter)}

/* 一分钟读完 / 一分钟看懂 */
.fp-digest{padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--hf-line)}
.fp-digest>h2{margin-top:20px;font-size:clamp(26px,2.6vw,36px)}
.fp-digest-group+.fp-digest-group{margin-top:40px}
.fp-digest-group>h3{margin:32px 0 16px;font-size:var(--pub-size-control,16px);font-family:var(--vg-sans);font-weight:500;color:var(--hf-accent);letter-spacing:.12em}
.fp-digest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px;list-style:none;padding:0}
.fp-digest-grid.is-3{grid-template-columns:repeat(3,1fr)}
.fp-digest-grid li{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid var(--hf-line);background:rgba(215,232,183,.03)}
.fp-digest-grid li>div{display:flex;flex-direction:column;gap:8px}
.fp-digest-grid strong{font-family:var(--vg-serif);font-weight:600;font-size:20px;line-height:1.5;color:var(--hf-paper)}
.fp-digest-grid span{font-size:var(--pub-size-caption,14px);line-height:1.8;color:var(--hf-muted)}

/* 步骤条 */
.fp-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;padding:0;margin:48px 0 0;border-top:1px solid var(--hf-line)}
.fp-steps li{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 24px 8px 0}
.fp-steps li::before{counter-increment:step;content:"0" counter(step);font-size:13px;letter-spacing:.16em;color:var(--hf-accent)}
.fp-steps li::after{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--hf-accent)}
.fp-steps strong{font-family:var(--vg-serif);font-weight:600;font-size:20px;line-height:1.5}
.fp-steps span{font-size:var(--pub-size-caption,14px);line-height:1.8;color:var(--hf-muted)}

/* 修复前后对比 */
.fp-compare{padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--hf-line)}
.fp-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
.fp-compare figure{position:relative}
.fp-compare figure img{width:100%;aspect-ratio:4/3}
.fp-compare .fp-tag{position:absolute;left:12px;top:12px;padding:4px 12px;background:rgba(8,14,12,.78);color:var(--hf-paper);font-size:13px;letter-spacing:.12em}
.fp-compare figure:last-child .fp-tag{background:var(--hf-accent);color:var(--hf-deep)}
.fp-compare figcaption{margin-top:12px;font-size:12px;color:var(--hf-muted)}

/* 问答 */
.fp-qa{padding-block:clamp(48px,7vw,96px);border-top:1px solid var(--hf-line);display:grid;grid-template-columns:1fr 2fr;gap:24px 64px}
.fp-qa>.fp-eyebrow,.fp-qa>h2{grid-column:1}
.fp-qa-list{grid-column:2;grid-row:1/4}
.fp-qa details{border-bottom:1px solid var(--hf-line)}.fp-qa details:first-child{border-top:1px solid var(--hf-line)}
.fp-qa summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:18px 0;font-size:var(--pub-size-body,18px);font-weight:500;line-height:1.75}
.fp-qa summary::-webkit-details-marker{display:none}
.fp-qa summary::after{content:'＋';flex-shrink:0;font-size:24px;color:var(--hf-accent)}.fp-qa details[open] summary::after{content:'−'}
.fp-qa details>div{padding:0 32px 24px 0;color:var(--hf-muted);font-size:var(--pub-size-body,18px);line-height:var(--pub-leading-body,1.9)}
.fp-qa a{color:var(--hf-accent);text-decoration:underline;text-underline-offset:4px}

/* 费用与主体信息 */
.fp-facts{padding-block:clamp(40px,6vw,72px);border-top:1px solid var(--hf-line)}
.fp-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}
.fp-facts-grid>div{padding-top:24px;border-top:1px solid var(--hf-line)}
.fp-facts-grid h3{font-size:20px}.fp-facts-grid p{margin-top:12px;font-size:var(--pub-size-caption,14px);line-height:1.9;color:var(--hf-muted)}
.fp-facts-grid a{color:var(--hf-accent);text-decoration:underline;text-underline-offset:4px}

/* 帮助页英文行：降低存在感，不与中文抢视线 */
.film-page [lang="en"]{display:block;margin-top:8px;font-size:var(--pub-size-caption,14px);line-height:1.8;opacity:.72}

/* 页脚备案 */
.fp-footer nav a[href*="beian"]{font-size:13px;color:var(--hf-muted)}

@media(max-width:900px){.fp-digest-grid,.fp-digest-grid.is-3{grid-template-columns:1fr 1fr}.fp-steps{grid-template-columns:1fr 1fr;row-gap:16px}.fp-qa{grid-template-columns:1fr}.fp-qa-list{grid-column:1;grid-row:auto}.fp-facts-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.fp-digest-grid,.fp-digest-grid.is-3,.fp-steps,.fp-compare-grid{grid-template-columns:1fr}.fp-digest-grid li{flex-direction:row;align-items:flex-start;gap:16px}.fp-qa details>div{padding-right:0}}
@media print{.fp-steps,.fp-digest-grid{break-inside:avoid}.fp-qa details>div{display:block}}

.fp-wrap-steps{padding-block:0 clamp(32px,5vw,56px)}
.fp-help-steps{padding-block:48px 24px;border-top:1px solid var(--hf-line)}
.fp-help-steps .fp-steps{margin-top:24px}
.fp-digest--doc{padding-inline:0;max-width:1440px;margin-inline:auto;border-top:0;padding-bottom:24px}

/* 示例回忆录：深色页面里的一本纸质书 */
.example-page .fp-help-lead{max-width:820px;margin-top:32px;color:var(--hf-muted);line-height:var(--pub-leading-body,1.9)}
.example-page .fp-example-toc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px;margin-block:32px;padding-block:12px;border-block:1px solid var(--hf-line)}
.example-page .fp-example-toc a,.example-page .fp-example-toc button{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:var(--hf-accent);font-size:var(--pub-size-control,16px);background:none;border:0;font-family:inherit;cursor:pointer}
.example-page .fp-example-toc button{margin-left:auto;border-bottom:1px solid var(--hf-line);color:var(--hf-paper)}
.fp-book{max-width:820px;margin:40px auto 0;padding:clamp(28px,6vw,72px);background:var(--hf-paper);color:var(--hf-deep);box-shadow:0 24px 64px rgba(0,0,0,.3)}
.fp-book section+section{margin-top:72px;padding-top:56px;border-top:1px solid rgba(8,14,12,.18)}
.fp-book-no{font-size:13px;letter-spacing:.2em;color:#6a6a52}
.fp-book h2{margin-top:8px;color:var(--hf-deep);font-size:clamp(30px,3.4vw,44px)}
.fp-book h3{margin-top:28px;color:var(--hf-deep)}
.fp-book p{color:#242b26;font-size:18px;line-height:2.05}.fp-book p+p{margin-top:16px}
.fp-book .fp-book-meta{margin-top:4px;font-size:14px;color:#6a6a52}
.fp-book-figure{margin:32px 0 0}.fp-book-figure img{width:100%;aspect-ratio:4/3;filter:saturate(.75)}.fp-book-figure figcaption{margin-top:8px;font-size:13px;color:#6a6a52}
.example-page .fp-cta{margin-top:var(--fp-section)}
@media print{.example-page .fp-book{box-shadow:none;padding:0;background:none}.example-page .fp-book p,.example-page .fp-book h2,.example-page .fp-book h3{color:#111}.example-page .fp-book section+section{break-before:page}.example-page .demo-navigation,.example-page .fp-help-lead{display:none}}

/* 首页 FAQ：接在纸色终章之后，同一套纸色与墨绿 */
#landing .hf-faq{background:#c7cfb6;color:#1a2b22;padding:clamp(56px,8vw,112px) var(--hf-gutter);border-top:1px solid rgba(20,40,30,.18)}
#landing .hf-faq-inner{max-width:900px;margin:auto}
#landing .hf-faq .hf-eyebrow{color:#3c5142}
#landing .hf-faq h2{margin:16px 0 32px;font-size:clamp(28px,3.4vw,44px);line-height:1.5}
#landing .hf-faq details{border-bottom:1px solid rgba(20,40,30,.25)}#landing .hf-faq details:first-child{border-top:1px solid rgba(20,40,30,.25)}
#landing .hf-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:16px 0;font-size:18px;font-weight:500;line-height:1.7}
#landing .hf-faq summary::-webkit-details-marker{display:none}
#landing .hf-faq summary::after{content:'＋';font-size:22px;flex-shrink:0}#landing .hf-faq details[open] summary::after{content:'−'}
#landing .hf-faq details>div{padding:0 32px 22px 0;font-size:16px;line-height:1.95;color:#2f4236}
#landing .hf-faq summary:focus-visible,#landing .hf-faq-more a:focus-visible{outline:3px solid #1a2b22;outline-offset:4px}
#landing .hf-faq-more{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:32px;font-size:15px}
#landing .hf-faq-more a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid rgba(20,40,30,.3)}
#landing .hf-faq-more a:hover{color:#101e16;border-color:#101e16}

/* 首页首屏：副文案不留孤字；辅助说明不小于 12px */
#landing .hf-hero-description{text-wrap:balance}
#landing .hf-hero-foot,#landing .hf-hero-foot span{font-size:12px}
@media(max-width:600px){#landing .hf-nav-caption{display:none}#landing .hf-hero-description{max-width:15em}}

@media(max-width:600px){
  .fp-steps{border-top:0;margin-top:32px;row-gap:0}
  .fp-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:4px;padding:20px 0;border-top:1px solid var(--hf-line)}
  .fp-steps li::before{display:none}.fp-steps li::after{display:none}
  .fp-steps li>div{grid-row:1/3}
  .fp-steps strong{font-size:19px}
}