/* 主样式文件 - 补充内联关键CSS之外的非首屏内容 */
:root {
  --c-bg:#F5F8FB;
  --c-primary:#1D4F91;
  --c-primary-dark:#163963;
  --c-accent:#FF8A3D;
  --c-accent-dark:#e46f1e;
  --c-text:#1A1F29;
  --c-muted:#5A6473;
  --c-border:#E1E6EC;
  --c-danger:#c9352d;
  --radius:10px;
  --shadow-sm:0 2px 4px -1px rgba(0,0,0,.08);
  --shadow-md:0 6px 16px -4px rgba(0,0,0,.12);
  --max-w:1040px;
  --font-stack:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans','Microsoft Yahei',sans-serif;
}

html { -webkit-text-size-adjust:100%; }
body { font-feature-settings:"kern" 1; }
.lead { font-size:1.05rem; }

/* =====================================
  移动端优化（结构/间距/可读性）
  ===================================== */
/* 基础可点击目标最小高度 */
button, .cta-btn, a.cta-btn { min-height:44px; }

/* 复用类 */
.container { max-width:var(--max-w); margin:0 auto; }
.text-center { text-align:center; }
.mt-0 { margin-top:0; }
.hidden { display:none !important; }

/* Hero 信息面板 */
.hero-panel { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-start; gap:.95rem; padding:1.4rem 1.5rem 1.6rem; max-width:330px; margin:auto; height:fit-content; background:rgba(255,255,255,.78); backdrop-filter:blur(12px) saturate(1.4); border:1px solid rgba(255,255,255,.7); border-radius:22px; box-shadow:0 10px 28px -8px rgba(31,69,118,.18); }
.hero-panel .panel-head { display:flex; align-items:center; gap:.6rem; }
.panel-badge { background:linear-gradient(135deg,#1D4F91,#3472c4); color:#fff; font-size:.65rem; font-weight:600; padding:.35rem .55rem; border-radius:6px; letter-spacing:.5px; }
.panel-title { font-size:1rem; font-weight:600; margin:0; }
.mini-scale { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.mini-scale-item { position:relative; padding:.55rem .55rem .5rem; border-radius:10px; font-size:.65rem; line-height:1.2; display:flex; flex-direction:column; gap:.25rem; border:1px solid var(--c-border); background:#fff; }
.mini-scale-item .label { font-weight:600; font-size:.7rem; }
.mini-scale-item.normal { background:linear-gradient(135deg,#e3f7f0,#ffffff); }
.mini-scale-item.mild { background:linear-gradient(135deg,#fff4e2,#ffffff); }
.mini-scale-item.moderate { background:linear-gradient(135deg,#ffe6e0,#ffffff); }
.mini-scale-item.severe { background:linear-gradient(135deg,#ffd2d2,#ffffff); }
.mini-benefits { list-style:none; padding:0; margin:.2rem 0 0; display:flex; flex-direction:column; gap:.4rem; font-size:.7rem; }
.mini-benefits li { display:flex; align-items:center; gap:.4rem; color:var(--c-text); }
.b-ic { width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; font-size:.8rem; }
.micro-note { font-size:.55rem; letter-spacing:.5px; text-transform:uppercase; color:var(--c-muted); background:#f1f4f7; padding:.4rem .55rem; border-radius:6px; width:max-content; }
.panel-cta { align-self:flex-start; margin-top:.2rem; background:var(--c-primary); color:#fff; text-decoration:none; font-size:.75rem; padding:.55rem .9rem; border-radius:8px; font-weight:600; letter-spacing:.5px; box-shadow:0 4px 12px -2px rgba(29,79,145,.35); transition:.25s; }
.panel-cta:hover,.panel-cta:focus { background:#163963; }

@media (max-width:900px){
  .hero-panel { position:static; width:100%; max-width:100%; backdrop-filter:none; background:#fff; margin-top:1rem; flex-direction:row; flex-wrap:wrap; padding:1rem 1rem 1.2rem; }
  .hero-panel .panel-head { flex-basis:100%; }
  .mini-scale { order:3; grid-template-columns:repeat(4,minmax(0,1fr)); }
  .mini-benefits { flex-direction:row; flex-wrap:wrap; font-size:.65rem; order:2; }
  .mini-benefits li { background:#f6f8fa; padding:.35rem .5rem; border-radius:6px; }
  .panel-cta { order:4; }
}

@media (max-width:520px){
  .mini-scale-item { padding:.45rem .45rem .4rem; }
  .mini-benefits li { margin:0; }
}

/* 响应式辅助 */
@media (max-width:760px){
  .hero-inner { grid-template-columns:1fr !important; gap:2.2rem !important; }
  .site-header nav a.cta-btn { display:none; }
  .hero { padding-top:3.25rem; min-height:auto; }
  .section { padding:3.2rem 1rem; }
  .value-grid { gap:1rem; }
  .card { padding:1.05rem .95rem; }
}
@media (max-width:520px){
  h1 { font-size:1.78rem !important; }
  .lead { font-size:.95rem; }
  .cta-btn { font-size:.9rem; padding:.75rem 1.05rem; }
  .section { padding:2.8rem .9rem; }
  .value-grid { grid-template-columns:repeat(auto-fit,minmax(160px,1fr)) !important; }
  .result-scale { flex-direction:column; }
  .scale-item { width:100%; }
}

/* 极小屏幕（窄于360）进一步压缩排版 */
@media (max-width:360px){
  h1 { font-size:1.6rem !important; }
  .hero-bullets .chip { font-size:.68rem; padding:.35rem .55rem; }
  .mini-benefits li { font-size:.6rem; }
  .panel-cta { font-size:.65rem; }
}

/* 深色模式（可选） */
@media (prefers-color-scheme:dark){
  :root { --c-bg:#0f1822; --c-text:#e4e9ef; --c-muted:#9aa3ae; --c-border:#223444; }
  body { background:var(--c-bg); color:var(--c-text); }
  .section.alt, .section.light { background:#111e2b; }
  .card, details { background:#142332; border-color:#223444; }
  .cta-section { background:linear-gradient(135deg,#163963,#0d2239); }
  .tag, .chip { background:#142332; }
  .footer { background:#081320; }
}

/* 动画延迟基于data-animate顺序 */
[data-animate]{will-change:transform,opacity;}
[data-animate].in{transition-delay:.05s;}
[data-animate].in:nth-of-type(2){transition-delay:.15s;}
[data-animate].in:nth-of-type(3){transition-delay:.25s;}

/* 减少动效偏好：关闭动画与平滑滚动 */
@media (prefers-reduced-motion:reduce){
  html { scroll-behavior:auto; }
  [data-animate]{opacity:1 !important; transform:none !important; transition:none !important; }
  .cta-btn, .panel-cta, .card:before{ transition:none !important; }
}

/* FAQ 细节增强 */
details[open] summary { color:var(--c-primary); }
summary::-webkit-details-marker { display:none; }
summary::after { content:'+'; float:right; transition:.3s; }
details[open] summary::after { content:'−'; }
summary:focus { outline:none; }

/* 按钮可访问状态 */
.cta-btn:focus-visible { box-shadow:0 0 0 4px rgba(255,138,61,.35),0 4px 12px -2px rgba(255,138,61,.38); }

/* (已移除浮动CTA) */

/* A/B 变体简单示例：B 变体使用渐变按钮 */
html[data-variant='B'] .cta-btn:not(.cta-ghost) { background:linear-gradient(135deg,var(--c-accent),#ffa055); box-shadow:0 4px 14px -3px rgba(255,138,61,.55); }
html[data-variant='B'] .hero-illus::before { background:radial-gradient(circle at 30% 30%,#ffffff,rgba(255,255,255,0) 60%),linear-gradient(120deg,#c4ddff,#f6f9fc); }

/* 打印模式隐藏不必要元素 */
@media print {
  .hero-illus, .floating-cta, .site-header nav, .scroll-hint { display:none !important; }
  a.cta-btn { display:none !important; }
}