/* ============================================================
   clashsg.com · download.html 页面专属样式
   依赖 base.css / components.css 的设计令牌与组件。
   ============================================================ */

/* —— 顶部区 —— */
.dl-top{
  padding-bottom:56px;
}
.dl-title{
  margin-top:10px;
  font-family:var(--font-display);
  font-size:clamp(26px,4.2vw,36px);
  font-weight:800;
  letter-spacing:-.015em;
  line-height:1.25;
  color:var(--text);
}
.dl-sub{
  margin-top:12px;
  max-width:72ch;
  font-size:15px;
  line-height:1.75;
  color:var(--text-muted);
}
.dl-live{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-top:18px;
  padding:7px 18px;
  border:1px solid var(--border);
  border-radius:var(--radius-chip);
  background:var(--bg-panel);
  font-size:13px;
  color:var(--text-muted);
}
.live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--success);
  flex-shrink:0;
}

/* —— 平台 tab 条 —— */
.dl-tabs{
  margin-top:26px;
}

/* —— 平台面板内部 —— */
.plat-h{
  font-size:22px;
  font-weight:700;
  letter-spacing:-.01em;
  color:var(--text);
}
.plat-intro{
  margin-top:10px;
  max-width:74ch;
  font-size:14.5px;
  line-height:1.8;
  color:var(--text-muted);
}
.plat-grid{
  margin-top:26px;
}

/* —— 系统要求小表 —— */
.req-block{
  margin-top:36px;
}
.req-h{
  font-size:16px;
  font-weight:700;
  color:var(--text);
}
.req-block .table-wrap{
  margin-top:14px;
}

/* —— 站内/官网文字链接 —— */
.site-link{
  color:var(--accent-dark);
  text-decoration:underline;
  text-decoration-color:var(--border);
  text-underline-offset:3px;
}
.site-link:hover{
  text-decoration-color:var(--accent-dark);
}

/* —— 内核区表格文件链接 —— */
.core-table{
  margin-top:22px;
}
.core-get{
  font-family:var(--font-mono);
  font-size:13px;
  color:var(--accent-dark);
  word-break:break-all;
}
.core-get:hover{
  text-decoration:underline;
}

/* —— FAQ 区 —— */
.faq-wrap{
  margin-top:26px;
}
.faq-a a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-decoration-color:var(--border);
  text-underline-offset:3px;
}
.faq-a a:hover{
  text-decoration-color:var(--accent-dark);
}

/* —— 响应式 —— */
@media (max-width:760px){
  .dl-top{padding-bottom:44px;}
  .plat-h{font-size:20px;}
}
@media (max-width:480px){
  .client-acts .btn-sm{
    flex:1 1 auto;
    min-width:0;
  }
  .dl-live{
    font-size:12px;
    padding:6px 14px;
  }
}