/* ==========================================================================
   home.css — 首页专属样式
   只补充 base.css / components.css 未覆盖的部分,全部取值走 :root 令牌。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 首屏平台标识行:整行可点,链接形态保持与纯文本一致
   -------------------------------------------------------------------------- */

.plat-row a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:inherit;
  transition:color .16s ease;
}
.plat-row a:hover{color:var(--text);}

/* --------------------------------------------------------------------------
   2. 信任背书区:左正文 + 右侧内核说明卡
   -------------------------------------------------------------------------- */

.trust-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:44px;
  align-items:start;
}

.trust-side{
  display:flex;
  flex-direction:column;
  gap:16px;
  min-width:0;
}
.trust-side .card h3{margin:0 0 8px;font-size:15.5px;}
.trust-side .card p{margin:0;font-size:13.5px;line-height:1.8;color:var(--text-muted);}

.trust-tag{
  display:inline-block;
  margin-bottom:10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--success);
}

/* --------------------------------------------------------------------------
   3. 快速上手预览:三步序号列表
   -------------------------------------------------------------------------- */

.steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  counter-reset:step;
}
.steps > li{
  min-width:0;
  padding:24px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow-soft);
}
.steps > li::before{
  counter-increment:step;
  content:counter(step);
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  margin-bottom:14px;
  border-radius:var(--r-pill);
  background:var(--coral-wash);
  color:var(--accent-dark);
  font-family:var(--font-mono);
  font-size:13px;
  font-weight:700;
}
.steps h3{margin:0 0 8px;font-size:16px;}
.steps p{margin:0;font-size:13.5px;line-height:1.8;color:var(--text-muted);}

/* --------------------------------------------------------------------------
   4. 常见问题精选
   -------------------------------------------------------------------------- */

.qa-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(268px,1fr));
  gap:20px;
}
.qa-item{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:0;
}
.qa-q{
  margin:0;
  font-size:15px;
  font-weight:700;
  line-height:1.55;
  color:var(--text);
}
.qa-a{
  margin:0;
  font-size:13.5px;
  line-height:1.8;
  color:var(--text-muted);
}
.qa-item .link-quiet{margin-top:auto;align-self:flex-start;}

/* --------------------------------------------------------------------------
   5. 区块末尾的细链接行
   -------------------------------------------------------------------------- */

.plat-more{margin:26px 0 0;}

/* --------------------------------------------------------------------------
   6. 响应式
   -------------------------------------------------------------------------- */

@media (max-width:900px){
  .trust-grid{grid-template-columns:minmax(0,1fr);gap:28px;}
  .steps{grid-template-columns:minmax(0,1fr);gap:16px;}
}

@media (max-width:640px){
  .steps > li{padding:20px;}
  .qa-grid{gap:16px;}
}