/* ============================================================
   subpage.css — 子页面扩展组件（依赖 base.css 的变量与基础类）
   ============================================================ */

/* ---- 面包屑 ---- */
.crumb{
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
  color:var(--dim);padding:96px 0 0;
}
.crumb a{color:var(--dim)}
.crumb a:hover{color:var(--teal);text-decoration:none}
.crumb .sep{margin:0 8px;color:rgba(138,163,156,.5)}
.crumb .cur{color:var(--mist)}

/* ---- 子页 Hero（比首页矮，无整屏 canvas）---- */
.subhero{
  position:relative;overflow:hidden;
  padding:30px 0 80px;
  border-bottom:1px solid var(--line-soft);
}
.subhero.flag{
  background:
    radial-gradient(900px 520px at 80% 10%, rgba(217,168,78,.09), transparent 62%),
    radial-gradient(680px 460px at 8% 90%, rgba(69,224,200,.07), transparent 60%),
    var(--ink-2);
}
.subhero.teal{
  background:
    radial-gradient(900px 520px at 78% 12%, rgba(69,224,200,.10), transparent 62%),
    var(--ink-2);
}
.subhero-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:.7}
.subhero-veil{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 420px at 20% 50%, rgba(6,16,15,.86), rgba(6,16,15,.2) 66%, transparent 80%);}
.subhero-inner{position:relative;z-index:2}
.subhero .kicker{
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.3em;font-weight:500;
  color:var(--teal);text-transform:uppercase;display:flex;align-items:center;gap:13px;
}
.subhero.flag .kicker{color:var(--gold)}
.subhero .kicker::before{content:"";width:30px;height:1px;background:currentColor;opacity:.8}
.subhero h1{
  font-family:var(--font-cjk-display);font-weight:800;
  font-size:clamp(36px,5.6vw,64px);letter-spacing:.08em;line-height:1.18;
  margin:22px 0 8px;color:#f6fbf8;
}
.subhero h1 .en{
  display:block;font-family:var(--font-display);font-weight:700;
  font-size:.52em;letter-spacing:.04em;color:var(--teal);margin-bottom:6px;
}
.subhero.flag h1 .en{color:var(--gold)}
.subhero .tagline{
  font-family:var(--font-cjk-display);font-weight:700;
  font-size:clamp(18px,2.3vw,26px);letter-spacing:.14em;color:var(--mist);
  margin:18px 0 0;max-width:780px;
}
.subhero .intro{
  margin-top:22px;max-width:660px;color:#a6bdb6;font-size:16.5px;line-height:1.82;
}
.subhero .intro strong{color:#f6fbf8;font-weight:550}
.subhero .cta-row{margin-top:34px}

/* 子页 hero 小数据条 */
.mini-stats{
  display:flex;flex-wrap:wrap;gap:14px 40px;margin-top:38px;
}
.mini-stats .ms{display:flex;flex-direction:column;gap:4px}
.mini-stats .ms b{
  font-family:var(--font-mono);font-size:23px;color:#f6fbf8;font-weight:500;
  letter-spacing:-.01em;font-feature-settings:"tnum" 1,"lnum" 1;
}
.mini-stats .ms span{font-size:12.5px;color:var(--dim)}
.mini-stats .ms.gold b{color:var(--gold)}

/* ---- 交替特性行 ---- */
.feature-row{
  display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;
  padding:64px 0;border-bottom:1px solid var(--line-soft);
}
.feature-row:last-child{border-bottom:none}
.feature-row.flip .fr-text{order:2}
.feature-row.flip .fr-visual{order:1}
.fr-text .fr-k{
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.24em;font-weight:500;
  color:var(--teal);text-transform:uppercase;
}
.fr-text h3{
  font-family:var(--font-cjk-display);font-weight:700;
  font-size:clamp(22px,2.8vw,30px);letter-spacing:.08em;line-height:1.4;
  color:#f6fbf8;margin:14px 0 14px;
}
.fr-text p{color:#a6bdb6;font-size:15.5px;line-height:1.82}
.fr-text p + p{margin-top:12px}
.fr-text .fr-list{list-style:none;margin:16px 0 0;padding:0}
.fr-text .fr-list li{
  position:relative;padding-left:18px;font-size:14.5px;color:var(--dim);
  line-height:1.7;margin-bottom:9px;
}
.fr-text .fr-list li::before{
  content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;
  border-radius:50%;background:var(--teal);opacity:.7;
}
.fr-text .fr-list li b{color:var(--mist);font-weight:550}
.fr-visual{
  border:1px solid var(--line);border-radius:4px;overflow:hidden;
  background:rgba(6,16,15,.45);
}
.fr-visual svg{display:block;width:100%;height:auto}
@media (max-width:860px){
  .feature-row{grid-template-columns:1fr;gap:30px;padding:48px 0}
  .feature-row.flip .fr-text{order:1}
  .feature-row.flip .fr-visual{order:2}
}

/* ---- 通用卡片网格（3 列）---- */
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-soft);border:1px solid var(--line-soft)}
.tri-cell{background:var(--ink-2);padding:34px 30px}
.tri-cell .k{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;font-weight:500;color:var(--teal);text-transform:uppercase}
.tri-cell h3{font-family:var(--font-cjk-display);font-size:19px;font-weight:700;letter-spacing:.1em;color:#f6fbf8;margin:12px 0 10px}
.tri-cell p{font-size:14px;color:var(--dim);line-height:1.74}
@media (max-width:860px){.tri{grid-template-columns:1fr}}

/* ---- 规格 / 参数列表 ---- */
.spec{border:1px solid var(--line-soft);border-radius:4px;overflow:hidden}
.spec-row{display:grid;grid-template-columns:200px 1fr;gap:0;border-top:1px solid var(--line-soft)}
.spec-row:first-child{border-top:none}
.spec-row dt{
  padding:18px 24px;background:rgba(10,26,24,.5);
  font-family:var(--font-mono);font-size:12.5px;letter-spacing:.06em;color:var(--teal);
}
.spec-row dd{padding:18px 24px;font-size:14.5px;color:var(--mist);line-height:1.7}
.spec-row dd b{color:#f6fbf8;font-weight:550}
@media (max-width:640px){.spec-row{grid-template-columns:1fr}.spec-row dt{padding-bottom:6px}.spec-row dd{padding-top:6px}}

/* ---- FAQ 手风琴（FAQPage schema 落地）---- */
.faq{border-top:1px solid var(--line-soft)}
.faq details{border-bottom:1px solid var(--line-soft)}
.faq summary{
  list-style:none;cursor:pointer;padding:24px 44px 24px 0;position:relative;
  font-family:var(--font-cjk-display);font-weight:700;font-size:17px;letter-spacing:.04em;
  color:#f6fbf8;transition:color .2s;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--teal)}
.faq summary::after{
  content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);
  font-family:var(--font-mono);font-size:22px;color:var(--teal);transition:transform .25s;
}
.faq details[open] summary::after{content:"−"}
.faq .faq-a{padding:0 44px 26px 0;color:#a6bdb6;font-size:15px;line-height:1.82}
.faq .faq-a p + p{margin-top:12px}

/* ---- CTA 收束带 ---- */
.cta-band{
  border-top:1px solid var(--line-soft);
  background:radial-gradient(700px 360px at 50% 0%, rgba(69,224,200,.07), transparent 70%), var(--ink-2);
  text-align:center;
}
.cta-band.flag{background:radial-gradient(700px 360px at 50% 0%, rgba(217,168,78,.08), transparent 70%), var(--ink-2);}
.cta-band h2{
  font-family:var(--font-cjk-display);font-weight:800;
  font-size:clamp(26px,3.6vw,38px);letter-spacing:.08em;line-height:1.4;
  color:#f6fbf8;margin-bottom:16px;
}
.cta-band p{color:#a6bdb6;font-size:16px;line-height:1.8;max-width:600px;margin:0 auto 32px}
.cta-band .cta-row{justify-content:center}

/* ---- 相关产品卡（页脚前的交叉链接）---- */
.crosslink{border-top:1px solid var(--line-soft)}
.crosslink .cl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cl-card{
  border:1px solid var(--line-soft);border-radius:3px;padding:26px 26px;
  background:var(--ink-2);transition:border-color .25s,transform .25s;display:block;
}
.cl-card:hover{border-color:rgba(69,224,200,.4);transform:translateY(-2px);text-decoration:none}
.cl-card .cl-name{font-family:var(--font-mono);font-size:16px;color:#f6fbf8;letter-spacing:.01em}
.cl-card .cl-sub{font-family:var(--font-cjk-display);font-weight:700;font-size:14px;color:var(--mist);margin:8px 0 8px;letter-spacing:.1em}
.cl-card p{font-size:13px;color:var(--dim);line-height:1.7}
.cl-card .cl-go{font-family:var(--font-mono);font-size:12px;color:var(--teal);margin-top:12px;display:inline-block}
@media (max-width:860px){.crosslink .cl-grid{grid-template-columns:1fr}}

/* ---- prose（About 长文）---- */
.prose{max-width:760px}
.prose p{color:#b3c8c1;font-size:16px;line-height:1.9;margin-bottom:20px}
.prose p strong{color:#f6fbf8;font-weight:550}
.prose h3{
  font-family:var(--font-cjk-display);font-weight:700;font-size:22px;letter-spacing:.08em;
  color:#f6fbf8;margin:44px 0 16px;
}
.prose .lead{font-size:18px;color:#cfe0da;line-height:1.85}