/* ============================================================
   index.html 专属样式(home.css)
   首屏眉标与呼吸方点 / 大印飞白层 / 平台入口卡 / 三步上手
   信任台账与克隆命令框 / 问答精选 / 「查看更多」墨链
   颜色一律引用 base.css 设计令牌,零圆角零投影零渐变
   ============================================================ */

/* ——— 首屏:版心收拢 + 眉标 ——— */
.hero-grid{max-width:var(--wrap-max);margin-inline:auto}
.hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:2px;
  color:var(--ochre);
  border:1px solid var(--ink);
  background:var(--paper-panel);
  padding:7px 13px;
  margin-bottom:22px;
  max-width:100%;
}
.hero-eyebrow .dot{
  flex:none;
  width:8px;
  height:8px;
  background:var(--cinnabar);
  animation:dotPulse 2.4s ease-in-out infinite;
}
@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ——— 大印:飞白层 / 长字印蜕 / 拉丁印面 ——— */
.seal-flywhite{fill:var(--paper)}
.mini-seal-long{font-size:8.5px;letter-spacing:0}
.feat-seal-latin{font-size:15px;letter-spacing:0;padding-left:0}

/* ——— 区块引文 ——— */
.sec-lead{
  max-width:680px;
  margin:-6px 0 28px;
  font-size:15px;
  line-height:1.9;
  color:var(--text-muted);
}
.sec-lead a{color:var(--cinnabar);border-bottom:1px solid var(--cinnabar)}
.sec-lead a:hover{color:var(--cinnabar-dark);border-bottom-color:var(--cinnabar-dark)}

/* ——— 「查看更多」墨链 ——— */
.more-row{margin-top:24px}
.more-link{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:1.5px;
  color:var(--cinnabar);
  border-bottom:1px solid var(--cinnabar);
  padding-bottom:2px;
}
.more-link:hover{color:var(--cinnabar-dark);border-bottom-color:var(--cinnabar-dark)}

/* ——— 平台入口卡 ——— */
.plat-sec{border-top:1px solid var(--ink)}
.pf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:16px}
.pf-grid>*{min-width:0}
.pf-card{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:12px;
  border:1px solid var(--ink);
  background:var(--paper-panel);
  padding:22px;
  min-width:0;
}
.pf-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:var(--cinnabar);
  opacity:0;
  transition:opacity .18s ease;
}
.pf-card:hover::before{opacity:1}
.pf-icon{width:40px;height:40px;flex:none;color:var(--text)}
.pf-card:hover .pf-icon{color:var(--cinnabar)}
.pf-card h3{font-size:18px;letter-spacing:1px}
.pf-card p{font-size:13px;line-height:1.85;color:var(--text-muted)}
.pf-go{
  margin-top:auto;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:1.5px;
  color:var(--cinnabar);
}
.pf-go:hover{color:var(--cinnabar-dark)}

/* ——— 快速上手三步 ——— */
.qs-sec{border-top:1px solid var(--ink)}
.qs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.qs-grid>*{min-width:0}
.qs-step{
  border:1px solid var(--ink);
  background:var(--paper-panel);
  padding:22px 24px;
  min-width:0;
}
.qs-no{
  display:block;
  font-family:var(--font-mono);
  font-size:24px;
  letter-spacing:2px;
  color:var(--cinnabar);
  margin-bottom:10px;
}
.qs-step h3{font-size:17px;letter-spacing:1px;margin-bottom:8px}
.qs-step p{font-size:13.5px;line-height:1.85;color:var(--text-muted)}

/* ——— 信任台账 + 克隆命令框 ——— */
.trust-sec{border-top:1px solid var(--ink)}
.trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.trust-grid>*{min-width:0}
.trust-cell{
  position:relative;
  border:1px solid var(--ink);
  background:var(--paper-panel);
  padding:22px 24px;
  min-width:0;
}
.trust-cell::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:var(--cinnabar);
  opacity:0;
  transition:opacity .18s ease;
}
.trust-cell:hover::before{opacity:1}
.trust-cell h3{font-size:17px;letter-spacing:1px;margin-bottom:8px}
.trust-cell p{font-size:13.5px;line-height:1.9;color:var(--text-muted)}
.clone-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px 20px;
  flex-wrap:wrap;
  border:1px solid var(--ink);
  background:var(--paper-panel-2);
  padding:18px 22px;
  margin-top:16px;
}
.clone-meta{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;min-width:0}
.clone-label{
  flex:none;
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:2px;
  color:var(--ochre);
}
.clone-meta code{font-size:12.5px}
.copy-temp{position:fixed;left:-9999px;top:0;opacity:0}

/* ——— 问答精选 ——— */
.qa-sec{border-top:1px solid var(--ink)}
.qa-list{border:1px solid var(--ink);background:var(--paper-panel)}
.qa-row{
  display:flex;
  gap:16px;
  padding:18px 22px;
  border-top:1px solid var(--ink-faint);
  min-width:0;
}
.qa-row:first-child{border-top:0}
.qa-no{
  flex:none;
  width:44px;
  padding-top:5px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:2px;
  color:var(--ochre);
}
.qa-body{min-width:0}
.qa-body h3{font-size:16px;letter-spacing:.5px;margin-bottom:6px}
.qa-body h3 a:hover{color:var(--cinnabar)}
.qa-body p{font-size:13.5px;line-height:1.85;color:var(--text-muted)}
.qa-body p a{color:var(--cinnabar);border-bottom:1px solid var(--cinnabar)}
.qa-body p a:hover{color:var(--cinnabar-dark);border-bottom-color:var(--cinnabar-dark)}

/* ——— 博客预览 ——— */
.blog-sec{border-top:1px solid var(--ink)}

/* ——— 响应式 ——— */
@media (max-width:900px){
  .qs-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .qa-no{width:36px}
  .clone-box{padding:16px 18px}
}

/* ——— 减少动态偏好 ——— */
@media (prefers-reduced-motion:reduce){
  .hero-eyebrow .dot{animation:none}
  .pf-card::before,.trust-cell::before{transition:none}
}