/* ==========================================================================
   首页专属样式:Hero 呼吸点 / 窄屏迷你版画 / 平台插座网格 /
   信任底账 / 常见问题精选 / 博客预览
   ========================================================================== */

/* —— kicker 呼吸圆点 —— */
.live-dot{
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--volt);
  border:2px solid var(--ink);
  flex-shrink:0;
  margin-right:8px;
  vertical-align:middle;
  animation:dot-breath 2.4s ease-in-out infinite;
}
@keyframes dot-breath{
  0%,100%{opacity:1;}
  50%{opacity:.35;}
}

/* —— Hero 场景:完整版画 / 窄屏迷你版切换 —— */
.scene-mini{display:none;}

@media (max-width:1080px){
  .scene-full{display:none;}
  .scene-mini{
    display:block;
    padding-bottom:28px;
  }
  .mini-cat{
    display:block;
    width:150px;
    height:auto;
    margin-inline:auto;
  }
  .mini-wire{
    width:6px;
    height:34px;
    background:var(--ink);
    border-radius:3px;
    margin:6px auto 14px;
  }
  .mini-sockets{
    list-style:none;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }
  .mini-sockets li{min-width:0;}
  .mini-socket{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--card);
    border:var(--rule);
    border-radius:var(--rad-md);
    padding:13px 16px;
    font-weight:800;
    font-family:var(--ft-display);
    font-size:15px;
  }
  .mini-socket:hover{background:var(--volt);}
  .ms-pin{
    width:10px;
    height:10px;
    background:var(--volt);
    border:2px solid var(--ink);
    border-radius:3px;
    flex-shrink:0;
    animation:dot-breath 2.8s ease-in-out infinite;
  }
}

/* —— 检修带窄屏收敛 —— */
@media (max-width:640px){
  .pk-opt{display:none;}
}

/* —— 平台插座网格 —— */
.plat-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:16px;
  margin-top:30px;
}
.plat-grid > *{min-width:0;}
.plat-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  background:var(--card);
  border:var(--rule);
  border-radius:var(--rad-lg);
  padding:20px 22px;
}
.plat-card:hover{background:var(--volt);}
.plat-ic{
  width:32px;
  height:32px;
  fill:var(--ink);
  color:var(--ink);
  flex-shrink:0;
  margin-bottom:4px;
}
.plat-t{
  font-family:var(--ft-display);
  font-weight:900;
  font-size:18px;
}
.plat-d{
  font-size:13.5px;
  line-height:1.7;
  color:var(--ink-soft);
}
.plat-card:hover .plat-d{color:var(--ink);}
.plat-go{
  margin-top:auto;
  font-family:var(--ft-mono);
  font-size:12.5px;
  font-weight:700;
  color:var(--flame);
  padding-top:8px;
}
.plat-more{
  background:var(--panel);
  border:var(--rule-thick);
  border-style:dashed;
}

/* —— 信任底账 —— */
.trust-grid{
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:32px;
  margin-top:26px;
}
.trust-grid > *{min-width:0;}
.trust-copy p{
  font-size:15px;
  line-height:1.95;
  margin-bottom:16px;
  max-width:70ch;
}
.clone-slip{
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--ink);
  color:var(--paper);
  border:var(--rule);
  border-radius:var(--rad-md);
  padding:12px 16px;
  margin-top:20px;
}
.clone-slip code{
  font-family:var(--ft-mono);
  font-size:13px;
  background:none;
  border:none;
  padding:0;
  color:var(--paper);
  overflow-x:auto;
  white-space:nowrap;
  flex:1;
  min-width:0;
}
.copy-btn{
  flex-shrink:0;
  font-family:var(--ft-mono);
  font-size:12.5px;
  font-weight:700;
  background:var(--volt);
  color:var(--ink);
  border:2px solid var(--paper);
  border-radius:var(--rad-sm);
  padding:6px 14px;
  white-space:nowrap;
}
.copy-btn:hover{background:var(--volt-deep);}
.trust-side{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-self:start;
}
.fact-slip{
  display:flex;
  flex-direction:column;
  gap:2px;
  background:var(--card);
  border:var(--rule);
  border-radius:var(--rad-md);
  padding:12px 16px;
}
.fact-k{
  font-family:var(--ft-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
  color:var(--flame);
}
.fact-v{
  font-size:14px;
  font-weight:700;
}
@media (max-width:860px){
  .trust-grid{grid-template-columns:1fr;}
}

/* —— 常见问题精选 —— */
.qa-line{
  list-style:none;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:8px;
}
.qa-line li{
  min-width:0;
  background:var(--card);
  border:var(--rule);
  border-radius:var(--rad-md);
  padding:16px 20px;
  font-size:14.5px;
  line-height:1.85;
}
.qa-line strong{
  display:block;
  font-weight:800;
  margin-bottom:4px;
}
.qa-line a{
  color:var(--flame);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:4px;
}
@media (max-width:720px){
  .qa-line{grid-template-columns:1fr;}
}

/* —— 博客预览尾行 —— */
.more-line{margin-top:24px;}
.more-link{
  font-family:var(--ft-mono);
  font-size:14px;
  font-weight:700;
  color:var(--flame);
  border-bottom:3px solid var(--volt);
  padding-bottom:2px;
}
.more-link:hover{color:var(--ink);}
</style>