/* =========================================================
   clashguanfang.com · 首页专属样式
   依赖 base.css / components.css 的设计令牌与组件
   ========================================================= */

/* 特性设置窗口:右侧面板容器 */
.feat-main{min-width:0}
.feat-win .win-side{justify-content:flex-start}

/* 侧栏 tab 选中态兜底(与 .is-on 同款视觉) */
.side-item[aria-selected="true"]{
  background:var(--tint-accent);
  color:var(--c-accent-dark);
  box-shadow:inset 0 1px 0 var(--edge-light-soft);
}

/* 平台入口网格 */
.plat-grid{
  margin-top:26px;
  display:grid;gap:16px;
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.plat-grid>*{min-width:0}
.plat-desc{font-size:13px;line-height:1.75;color:var(--c-muted)}
.plat-card .plat-go{margin-top:auto}

/* 区块尾部链接 */
.sec-more{
  margin-top:24px;
  display:inline-flex;align-items:center;gap:6px;
  font-size:14px;font-weight:700;color:var(--c-accent-dark);
}
.sec-more:hover{text-decoration:underline}

/* 快速上手三步卡 */
.qs-num{
  width:34px;height:34px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--tint-accent);color:var(--c-accent-dark);
  font-family:var(--f-mono);font-size:14px;font-weight:700;
}
.qs-card h3{margin-top:14px}
.qs-card p{margin-top:8px;font-size:14px;line-height:1.85;color:var(--c-muted)}
.qs-card code{color:var(--c-text)}

/* 信任背书区 */
.trust-grid{
  margin-top:6px;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 34px;
}
.trust-grid>*{min-width:0}
.trust-item h3{font-size:16.5px}
.trust-item p{margin-top:8px;font-size:14px;line-height:1.9;color:var(--c-muted)}
.trust-cmd{margin-top:28px}

/* 常见问题精选 */
.mini-item{display:flex;flex-direction:column}
.mini-q{font-family:var(--f-display);font-size:15.5px;font-weight:700}
.mini-a{margin-top:8px;font-size:13.5px;line-height:1.8;color:var(--c-muted)}
.mini-a code{color:var(--c-text)}
.mini-link{
  margin-top:12px;
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;font-weight:700;color:var(--c-accent-dark);
}
.mini-link:hover{text-decoration:underline}

/* 博客预览尾链间距 */
#blog-preview .grid{margin-top:26px}
#features .feat-win{margin-top:26px}
#quickstart .grid,#faq-picks .grid{margin-top:26px}
#opensource .panel{margin-top:26px}

/* 响应式 */
@media (max-width:1180px){
  .plat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .plat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trust-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .plat-grid{grid-template-columns:1fr}
}
</parameter>