/* ==========================================================================
   Clash资源站 · home.css — 首页专属样式
   状态栏装饰条 / 平台入口网格 / 快速上手 / 信任背书 / 常见问题摘卡 / 博客预览
   ========================================================================== */

/* ---------- 区块引言段 ---------- */
.sec-lede{
  margin-top:20px;
  margin-bottom:26px;
  max-width:760px;
  font-size:14.5px;
  line-height:1.9;
  color:var(--ink);
}

/* ---------- 箭头式文字链接 ---------- */
.arrow-link{
  font-size:14.5px;
  font-weight:600;
  color:var(--ink);
  border-bottom:2px solid var(--stamp);
  padding-bottom:2px;
}
.arrow-link:hover{color:var(--stamp)}

/* ---------- 状态栏装饰条(静态事实) ---------- */
.status-strip{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  border:1px solid var(--oak);
  background:var(--card);
  box-shadow:3px 3px 0 var(--shade-oak);
}
.st-cell{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding-top:9px;
  padding-bottom:9px;
  padding-left:16px;
  padding-right:16px;
  border-right:1px solid var(--thread);
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--ink);
  letter-spacing:0.03em;
  min-width:0;
}
.st-cell:last-child{border-right:none}
.st-cell b{
  color:var(--stamp);
  font-size:10px;
  letter-spacing:0.2em;
  font-weight:700;
  flex-shrink:0;
}
@media (max-width:820px){
  .status-strip{flex-direction:column}
  .st-cell{border-right:none;border-bottom:1px solid var(--thread)}
  .st-cell:last-child{border-bottom:none}
}

/* ---------- 平台入口网格 ---------- */
.platform-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.platform-grid > *{min-width:0}
.platform-card{
  background:var(--card);
  border:1px solid var(--ink);
  box-shadow:3px 3px 0 var(--shade-oak);
  padding-top:18px;
  padding-bottom:20px;
  padding-left:18px;
  padding-right:18px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.platform-ico{
  width:26px;
  height:26px;
  color:var(--oak);
  flex-shrink:0;
}
.platform-no{
  font-family:var(--font-mono);
  font-size:10.5px;
  letter-spacing:0.2em;
  color:var(--stamp);
  font-weight:700;
}
.platform-name{
  font-family:var(--font-display);
  font-weight:700;
  font-size:17px;
  line-height:1.3;
}
.platform-use{
  font-size:13px;
  line-height:1.75;
  color:var(--ink-2);
  flex-grow:1;
}
.platform-foot{
  margin-top:24px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.kernel-note{
  font-size:13px;
  color:var(--ink-2);
}
.kernel-note a{
  color:var(--ink);
  font-weight:600;
  border-bottom:1px solid var(--stamp);
}
.kernel-note a:hover{color:var(--stamp)}
@media (max-width:1000px){
  .platform-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:680px){
  .platform-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:420px){
  .platform-grid{grid-template-columns:1fr}
}

/* ---------- 快速上手三步 ---------- */
.quick-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.quick-grid > *{min-width:0}
.quick-title{
  font-size:16px;
  line-height:1.45;
  margin-bottom:8px;
}
.quick-text{
  font-size:13.5px;
  line-height:1.85;
  color:var(--ink);
}
.quick-foot{margin-top:24px}
@media (max-width:820px){
  .quick-grid{grid-template-columns:1fr}
}

/* ---------- 信任背书网格 ---------- */
.trust-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.trust-grid > *{min-width:0}
.trust-cap{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.24em;
  color:var(--stamp);
  font-weight:700;
  margin-bottom:8px;
}
.trust-body{
  font-size:14px;
  line-height:1.9;
  color:var(--ink);
}
@media (max-width:720px){
  .trust-grid{grid-template-columns:1fr}
}

/* ---------- git clone 命令框 ---------- */
.clone-box{
  margin-top:22px;
  border:1px solid var(--oak);
  background:var(--paper-deep);
  box-shadow:3px 3px 0 var(--shade-oak);
  padding-top:14px;
  padding-bottom:16px;
  padding-left:18px;
  padding-right:18px;
}
.clone-cap{
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:0.26em;
  color:var(--ink-2);
  margin-bottom:10px;
}
.clone-row{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.clone-cmd{
  flex:1 1 320px;
  min-width:0;
  display:block;
  background:var(--card);
  border:1px solid var(--oak);
  padding-top:9px;
  padding-bottom:9px;
  padding-left:14px;
  padding-right:14px;
  font-family:var(--font-mono);
  font-size:13px;
  overflow-x:auto;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
}
.clone-btn{flex-shrink:0}

/* ---------- 常见问题摘卡 ---------- */
.miniqa-list{
  list-style:none;
  padding-left:0;
  border:1px solid var(--oak);
  background:var(--card);
  box-shadow:3px 3px 0 var(--shade-oak);
}
.miniqa-item{
  display:flex;
  gap:16px;
  align-items:baseline;
  padding-top:14px;
  padding-bottom:14px;
  padding-left:18px;
  padding-right:18px;
  border-bottom:1px solid var(--thread);
  min-width:0;
}
.miniqa-item:last-child{border-bottom:none}
.miniqa-q{
  flex:0 0 240px;
  font-weight:700;
  font-size:14.5px;
  min-width:0;
}
.miniqa-a{
  flex:1 1 auto;
  font-size:14px;
  line-height:1.8;
  color:var(--ink-2);
  min-width:0;
}
.miniqa-a a{
  color:var(--ink);
  font-weight:600;
  border-bottom:1px solid var(--stamp);
}
.miniqa-a a:hover{color:var(--stamp)}
@media (max-width:680px){
  .miniqa-item{flex-direction:column;gap:5px}
  .miniqa-q{flex-basis:auto}
}

/* ---------- 博客预览区尾行 ---------- */
.post-foot{margin-top:24px}
</style-placeholder-removed>