/* ==========================================================================
   Clash百科 · home.css —— 首页专属样式
   特性词条 tab / 平台格补充 / 信任区谱系网格 / 源码复制框。
   颜色只引用 base.css 的设计令牌。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 卷Ⅰ 特性词条:词条名即 tab,点击展开详释
   -------------------------------------------------------------------------- */
.entry-item-name{flex:1;min-width:0}
.entry-tab{
  display:flex;align-items:baseline;width:100%;
  padding:1px 0;font:inherit;letter-spacing:inherit;color:inherit;
  text-align:left;cursor:pointer;
}
.entry-tab::after{
  content:"+";margin-left:auto;padding-left:14px;flex-shrink:0;
  font-family:var(--font-mono);font-size:15px;color:var(--cinnabar);
}
.entry-tab[aria-selected="true"]::after{content:"–"}
.entry-tab:hover{color:var(--cinnabar)}
.entry-detail{
  margin-top:12px;padding:13px 16px;
  border:1px solid var(--ink);border-left:4px solid var(--cinnabar);
  background:var(--panel);
}
.entry-detail[hidden]{display:none}
.entry-detail-kicker{
  display:block;margin-bottom:5px;
  font-size:10.5px;letter-spacing:.24em;color:var(--cinnabar);
}
.entry-detail p{font-size:13.5px;line-height:1.85;color:var(--ink)}

/* --------------------------------------------------------------------------
   2. Hero 平台格:条目名链接化
   -------------------------------------------------------------------------- */
.cell-platforms a.n{color:inherit;text-decoration:none}
.cell-platforms a.n:hover{border-bottom:1px solid var(--ink)}

/* --------------------------------------------------------------------------
   3. 卷Ⅱ 平台格:蚀刻线图标与适用说明
   -------------------------------------------------------------------------- */
.os-ico{width:26px;height:26px;color:var(--ink);flex-shrink:0}
.os-note{font-size:12.5px;line-height:1.75;color:var(--text-muted)}
.sec-more{margin-top:22px}

/* --------------------------------------------------------------------------
   4. 卷Ⅳ 信任区:谱系正文 + 源码面板双栏
   -------------------------------------------------------------------------- */
.trust-grid{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:28px;align-items:start;
}
.trust-grid > *{min-width:0}
.trust-prose h3{margin:1.3em 0 .4em;font-size:18px}
.trust-prose h3:first-child{margin-top:0}
.trust-prose p{font-size:14px;line-height:1.9;color:var(--ink)}
.clone-panel p{font-size:13.5px;line-height:1.85;color:var(--ink)}
.clone-box{
  display:flex;flex-wrap:wrap;gap:10px;
  align-items:center;justify-content:space-between;
  margin:12px 0;padding:10px 12px;
  border:1px solid var(--ink);background:var(--paper);
}
.clone-box code{padding:0;background:none;border:0;font-size:12px}
.clone-note{font-size:12.5px;color:var(--text-muted)}

/* 剪贴板回退用的屏外文本框(home.js 引用) */
.clipboard-proxy{
  position:absolute;left:-9999px;top:0;
  width:1px;height:1px;overflow:hidden;
}

/* --------------------------------------------------------------------------
   5. 响应式
   -------------------------------------------------------------------------- */
@media (max-width:900px){
  .trust-grid{grid-template-columns:1fr}
}