/* ==========================================================================
   Clash免费下载 · 首页专属样式(home.css)
   依赖 base.css / components.css 的设计令牌,本文件不新增颜色值。
   ========================================================================== */

/* ============ 下载入口:五平台网格 ============ */
.os-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.os-grid>*{min-width:0}
.os-card{display:flex;flex-direction:column;padding:24px}
.os-ico{
  width:46px;height:46px;flex:none;display:flex;align-items:center;justify-content:center;
  border:1px solid var(--accent-28);border-radius:14px;background:var(--accent-08);
  color:var(--accent-2);box-shadow:0 0 18px -6px var(--accent-35);
}
.os-ico svg{width:22px;height:22px}
.os-card h3{margin:14px 0 8px;font-size:17px}
.os-card p{margin:0 0 18px;color:var(--text-muted);font-size:13px;line-height:1.85}
.os-card .btn{margin-top:auto;align-self:flex-start}
.os-more{margin:28px 0 0;text-align:center}
@media (max-width:1100px){.os-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.os-grid{grid-template-columns:1fr}}

/* ============ 信任背书 ============ */
.trust-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}
.trust-grid>*{min-width:0}
.trust-txt h3{margin:0 0 10px;font-size:18px}
.trust-txt h3:not(:first-child){margin-top:26px}
.trust-txt p{margin:0;color:var(--text-muted);font-size:14px;line-height:1.95}
.trust-side{display:flex;flex-direction:column;gap:18px;min-width:0}
.clone-box{padding:26px}
.clone-cap{margin:0 0 10px;font:600 11px/1 var(--font-mono);letter-spacing:.24em;color:var(--accent-2)}
.clone-desc{margin:0 0 16px;color:var(--text-muted);font-size:13.5px;line-height:1.85}
.clone-cmd{
  padding:14px 16px;margin-bottom:16px;
  border:1px solid var(--border);border-radius:var(--r-s);background:var(--bg);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.clone-cmd code{
  background:none;border:0;padding:0;
  font:500 13px/1.7 var(--font-mono);color:var(--text);white-space:nowrap;
}
.clone-copy svg{width:14px;height:14px}
@media (max-width:900px){.trust-grid{grid-template-columns:1fr}}

/* ============ 博客预览补充 ============ */
.blog-more{margin:26px 0 0}