@charset "utf-8";
/* ==========================================================================
   v2rayNG安卓版 · download.css
   下载页专属:页头节奏 / 平台面板布局 / 主次下载按钮 / arm64 小字入口 /
   要求表与安装步骤 / 文末引导卡
   ========================================================================== */

/* ---------------------------------------------------------------
   1. 页头
   --------------------------------------------------------------- */
.dl-intro{padding-top:64px;padding-bottom:56px}
.dl-intro-tip{margin-top:26px}
.dl-intro .callout a{
  color:var(--accent-dark);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------------------------------------------------------------
   2. 平台面板布局(左卡片 / 右要求表与步骤)
   --------------------------------------------------------------- */
.dl-sec .tabs{margin-top:34px}
.plat-layout{
  display:grid;
  grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:20px;
  align-items:start;
}
.plat-layout > *{min-width:0}
.dl-grid.is-stack{grid-template-columns:minmax(0,1fr)}
.plat-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.plat-h{margin:0 0 14px;font-size:16px;font-weight:800;letter-spacing:-.01em}

.plat-steps{
  counter-reset:ps;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.plat-steps li{
  position:relative;
  padding-left:34px;
  font-size:14.5px;
  line-height:1.75;
  color:var(--text-muted);
}
.plat-steps li::before{
  counter-increment:ps;
  content:counter(ps);
  position:absolute;
  left:0;
  top:2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--tint-accent);
  color:var(--accent-dark);
  font-family:var(--font-mono);
  font-size:11.5px;
  font-weight:700;
}

/* ---------------------------------------------------------------
   3. 卡片头部补丁与下载明细行
   --------------------------------------------------------------- */
.dl-head-text{flex:1 1 auto;min-width:0}
.dl-foot > span{min-width:0;overflow-wrap:anywhere}
.dl-foot code{font-size:11.5px;color:var(--text)}

/* ---------------------------------------------------------------
   4. 主次下载按钮:主按钮为卡内实色强调块
   --------------------------------------------------------------- */
.dl-link.is-primary{
  min-height:56px;
  padding:14px 18px;
  background:var(--accent);
  border-color:var(--accent);
  color:var(--bg-panel-2);
  box-shadow:var(--shadow-cta);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;
}
.dl-link.is-primary .dl-link-label{color:var(--bg-panel-2);font-size:15.5px}
.dl-link.is-primary .dl-link-note{color:var(--bg-panel-2);opacity:.74}
.dl-link.is-primary svg{color:var(--bg-panel-2)}
.dl-link.is-primary:hover{
  background:var(--accent);
  border-color:var(--accent);
  transform:translateY(-2px);
  box-shadow:var(--shadow-cta-hover);
}
.dl-link.is-primary:hover svg{color:var(--bg-panel-2)}

.dl-link.is-alt{background:var(--bg);border-color:var(--border)}
.dl-link.is-alt:hover{background:var(--bg-panel);border-color:var(--text-muted)}

/* ---------------------------------------------------------------
   5. arm64 小字入口(Linux 面板)
   --------------------------------------------------------------- */
.dl-alt{
  margin-top:4px;
  padding:14px 16px;
  background:var(--bg-panel);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
}
.dl-alt-title{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.04em;
  color:var(--text-muted);
}
.dl-alt-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.dl-alt-link{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 10px;
  padding:9px 12px;
  background:var(--bg);
  border:1px solid var(--border);
  border-radius:var(--radius-xs);
  transition:border-color .18s ease;
}
.dl-alt-link:hover{border-color:var(--text-muted)}
.dl-alt-name{font-size:13.5px;font-weight:700;color:var(--text)}
.dl-alt-file{font-size:11.5px;color:var(--text-muted);overflow-wrap:anywhere}

/* ---------------------------------------------------------------
   6. 文末引导卡(深底区)
   --------------------------------------------------------------- */
.dl-next-grid{margin-top:32px}
.card-surface.dl-next{
  display:flex;
  flex-direction:column;
  gap:10px;
  background:var(--hero-chip);
  color:var(--hero-text);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.card-surface.dl-next:hover{
  border-color:var(--hero-text-mute);
  transform:translateY(-3px);
  box-shadow:var(--shadow-device-b);
}
.dl-next p{font-size:14.5px;line-height:1.75;color:var(--hero-text-dim)}
.dl-next-more{
  margin-top:auto;
  padding-top:6px;
  font-family:var(--font-mono);
  font-size:12.5px;
  font-weight:600;
  color:var(--accent);
}

/* ---------------------------------------------------------------
   7. 响应式
   --------------------------------------------------------------- */
@media (max-width:1000px){
  .plat-layout{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:768px){
  .dl-intro{padding-top:44px;padding-bottom:40px}
  .dl-sec .tabs{margin-top:26px}
  .dl-link.is-primary{min-height:52px;padding:12px 16px}
  .dl-next-grid{margin-top:26px}
}
@media (max-width:640px){
  .dl-intro{padding-top:36px;padding-bottom:32px}
  .dl-alt{padding:12px}
  .plat-steps li{padding-left:30px}
}

@media (prefers-reduced-motion:reduce){
  .dl-link.is-primary:hover{transform:none}
  .card-surface.dl-next:hover{transform:none}
}