/* 本文件已由 scripts/scope-landing-css.mjs 加 .tb-landingpage 作用域；从兄弟仓同步后须重跑该脚本，勿手改 */
/* faq 挂件（参考实现；线上路径 /css/faq.css）：点击展开的问答；颜色取主题变量，四套主题自动适配 */
.tb-landingpage .lp-faq-list.is-accordion h3 { padding:0 !important; margin:0; }
.tb-landingpage .lp-faq-list.is-accordion h3::before { top:22px !important; }                 /* 编号圆点与问题第一行对齐 */
.tb-landingpage .lp-faq-q { all:unset; box-sizing:border-box; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; width:100%; cursor:pointer;
  padding:22px 0 22px 44px; font:600 18px/1.45 var(--lp-font-sans); color:var(--lp-ink); transition:color .15s ease; }
.tb-landingpage .lp-faq-q:hover { color:var(--lp-brand); }
.tb-landingpage .lp-faq-q:focus-visible { outline:2px solid var(--lp-brand); outline-offset:4px; border-radius:8px; }
/* 右侧 + / − 图标：圆形浅底，展开时竖线收起变成 − */
.tb-landingpage .lp-faq-q::after { content:""; flex:none; width:28px; height:28px; margin-top:-2px; border-radius:50%;
  background:linear-gradient(var(--lp-brand), var(--lp-brand)) center / 11px 2px no-repeat, linear-gradient(var(--lp-brand), var(--lp-brand)) center / 2px 11px no-repeat, var(--lp-tint-2, #eef);
  transition:background-size .2s ease, transform .2s ease; }
.tb-landingpage h3.is-open .lp-faq-q::after { background-size:11px 2px, 2px 0, auto; transform:rotate(180deg); }
/* 答案：grid 行高 0fr → 1fr 平滑展开 */
.tb-landingpage .lp-faq-a { display:grid; grid-template-rows:0fr; transition:grid-template-rows .25s ease; border-bottom:1px solid var(--lp-line); }
.tb-landingpage .lp-faq-a > p { overflow:hidden; min-height:0; margin:0; padding:0 48px 0 44px !important; border:0 !important; opacity:0; transition:opacity .2s ease, padding .25s ease; }
.tb-landingpage .lp-faq-a.is-open { grid-template-rows:1fr; }
.tb-landingpage .lp-faq-a.is-open > p { padding-bottom:22px !important; opacity:1; }
.tb-landingpage .lp-faq-list.is-accordion > .lp-faq-a:last-child { border-bottom:0; }
@media (prefers-reduced-motion: reduce) { .tb-landingpage .lp-faq-a, .tb-landingpage .lp-faq-a > p, .tb-landingpage .lp-faq-q::after { transition:none; } }
@media (max-width:700px) { .tb-landingpage .lp-faq-q { font-size:16.5px; padding:18px 0 18px 38px; } .tb-landingpage .lp-faq-a > p { padding-left:38px !important; padding-right:0 !important; } }