/* ==========================================================================
   首页专属样式(home.css)
   首屏徽章、平台入口网格、快速上手、信任背书、FAQ 精选
   颜色只引用 base.css 的设计令牌
   ========================================================================== */

/* ---------- 首屏小标签徽标 ---------- */
.hero-badge{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--font-mono);
  font-size:12.5px;letter-spacing:2px;
  color:var(--text-muted);
  border:1px dashed var(--line-soft);border-radius:var(--radius);
  padding:6px 14px;
  margin-bottom:20px;
}
.hero-badge-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--accent);
  flex-shrink:0;
}

/* ---------- 下载入口:五平台网格 ---------- */
.plat-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
.plat-grid > *{min-width:0}
.plat-card{
  background:var(--paper);
  color:var(--ink);
  border-radius:var(--radius);
  box-shadow:0 1px 0 var(--shade-md),0 10px 24px var(--shade-md);
  padding:22px 20px 20px;
  display:flex;flex-direction:column;gap:10px;
}
.plat-card:nth-child(odd){transform:rotate(-.35deg)}
.plat-card:nth-child(even){transform:rotate(.3deg)}
.plat-ico{
  width:46px;height:46px;
  border:2px solid var(--accent-dark);border-radius:var(--radius);
  background:var(--accent-12);
  color:var(--accent-deep);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.plat-ico svg{width:24px;height:24px}
.plat-card h3{font-size:17px;font-weight:700;letter-spacing:.5px}
.plat-card p{font-size:13px;line-height:1.85;color:var(--ink-soft)}
.plat-link{
  margin-top:auto;
  font-family:var(--font-mono);font-size:13px;
  color:var(--accent-deep);
}
.plat-link:hover{
  text-decoration:underline wavy var(--accent-dark) 1px;
  text-underline-offset:4px;
}
.plat-note{
  max-width:56em;
  margin:20px auto 0;
  text-align:center;
  font-size:13px;line-height:1.9;
}
.plat-all{margin-top:26px;text-align:center}
.plat-all-link{
  font-family:var(--font-mono);font-size:14px;letter-spacing:1px;
  color:var(--accent);
  text-decoration:underline wavy var(--accent) 1px;
  text-underline-offset:5px;
}
.plat-all-link:hover{color:var(--accent-dark)}
@media (max-width:1000px){.plat-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.plat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:430px){.plat-grid{grid-template-columns:1fr}}

/* ---------- 快速上手预览 ---------- */
.quick-paper{max-width:860px;margin-inline:auto}
.quick-more{margin-top:24px;text-align:right}
.quick-more a{
  font-family:var(--font-mono);font-size:14px;letter-spacing:1px;
  color:var(--accent-deep);
  text-decoration:underline wavy var(--accent-dark) 1px;
  text-underline-offset:5px;
}
.quick-more a:hover{color:var(--accent-dark)}

/* ---------- 信任背书 ---------- */
.trust-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:22px;
}
.trust-grid > *{min-width:0}
.trust-card{padding:26px 28px 24px}
.trust-card:nth-child(odd){transform:rotate(-.3deg)}
.trust-card:nth-child(even){transform:rotate(.3deg)}
.trust-card h3{
  font-family:var(--font-display);
  font-size:20px;letter-spacing:2px;
  margin-bottom:10px;
}
.trust-card p{font-size:14px;line-height:1.9;color:var(--ink-soft)}
.trust-cmd{max-width:860px;margin:28px auto 0}
.trust-note{margin-top:12px;font-size:13px;text-align:center}
@media (max-width:700px){.trust-grid{grid-template-columns:1fr}}

/* ---------- 常见问题精选 ---------- */
.faq-mini{max-width:860px;margin-inline:auto}
.faq-mini .faq-a a{
  color:var(--accent-deep);
  text-decoration:underline wavy var(--accent-dark) 1px;
  text-underline-offset:4px;
}
.faq-mini .faq-a a:hover{color:var(--accent-dark)}