/* ============================================================
   天才交易员 · 下载站样式表
   设计基线：移动优先 440px / 单强调色 / 无重卡片 / 靠留白与细线分组
   ============================================================ */

:root{
  /* 表面 */
  --bg:#F6F7F9;
  --surface:#FFFFFF;
  /* 文字（三档，不用纯黑） */
  --ink-1:#10151C;
  --ink-2:#3F4753;
  --ink-3:#7C8798;
  --ink-4:#A2ABB9;
  /* 线条 */
  --line:#E8EBF0;
  --line-2:#D6DBE4;
  /* 唯一强调色（低饱和蓝） */
  --accent:#33587F;
  --accent-soft:#EEF3F9;
  /* 主按钮：近黑，不用纯黑 */
  --btn:#121820;
  --ease:cubic-bezier(.16,1,.3,1);
  --r:12px;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}

html{background:var(--bg)}

body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;
  font-size:14px;line-height:1.65;color:var(--ink-2);background:var(--bg);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}

.wrap{max-width:440px;margin:0 auto;padding:0 20px 72px}

/* ---------------- 顶栏 ---------------- */
.hd{
  position:sticky;top:0;z-index:20;
  max-width:440px;margin:0 auto;padding:0 20px;
  height:56px;display:flex;align-items:center;gap:10px;
  background:rgba(246,247,249,.82);
  -webkit-backdrop-filter:saturate(180%) blur(14px);
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);
}
.hd img{width:26px;height:26px;border-radius:8px;display:block}
.hd-nm{font-size:13.5px;font-weight:700;color:var(--ink-1);letter-spacing:-.01em;text-decoration:none}
.hd-ver{
  margin-left:auto;font-size:11px;color:var(--ink-3);
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
}

/* ---------------- Hero（左对齐） ---------------- */
.hero{padding:28px 0 20px}
.hero .mark{
  width:56px;height:56px;border-radius:15px;display:block;
  box-shadow:0 1px 2px rgba(16,21,28,.10),0 10px 24px -14px rgba(16,21,28,.45);
}
.hero h1{
  font-size:27px;font-weight:800;line-height:1.18;letter-spacing:-.025em;
  color:var(--ink-1);margin-top:18px;
}
.hero .en{
  font-size:12.5px;font-weight:600;color:var(--ink-3);
  letter-spacing:.01em;margin-top:7px;
}
.hero .sub{font-size:13px;color:var(--ink-3);margin-top:10px;line-height:1.6}

/* 一行规格信息，替代原来的三个胶囊标签 */
.spec{
  display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;
  margin-top:16px;font-size:11.5px;color:var(--ink-3);
}
.spec b{font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}
.spec .dot{width:3px;height:3px;border-radius:50%;background:var(--line-2);flex:none}

/* ---------------- 正文段落（无框） ---------------- */
.lead{font-size:13.5px;line-height:1.85;color:var(--ink-2);margin-top:18px}
.lead strong{color:var(--ink-1);font-weight:600}

/* ---------------- 按钮 ---------------- */
.cta{display:grid;gap:10px;margin-top:22px}

.btn{
  display:flex;align-items:center;justify-content:center;gap:9px;
  height:52px;border-radius:var(--r);text-decoration:none;
  font-size:15px;font-weight:600;letter-spacing:.01em;
  transition:transform .16s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease);
  will-change:transform;
}
.btn:active{transform:scale(.985)}
.btn .ico{width:18px;height:18px;flex:none}

.btn-primary{
  background:var(--btn);color:#fff;
  box-shadow:0 1px 2px rgba(16,21,28,.18),0 10px 26px -16px rgba(16,21,28,.55);
}
.btn-primary:active{background:#0B1017}

.btn-secondary{
  background:var(--surface);color:var(--ink-1);
  border:1px solid var(--line-2);
}
.btn-secondary:active{background:#FBFCFD}

.btn-tertiary{
  display:flex;align-items:center;gap:9px;width:100%;
  height:46px;padding:0 14px;border-radius:11px;text-decoration:none;
  background:var(--surface);border:1px solid var(--line);
  font-size:13.5px;font-weight:600;color:var(--ink-1);
  transition:transform .16s var(--ease),border-color .16s var(--ease);
}
.btn-tertiary:active{transform:scale(.99);border-color:var(--line-2)}
.btn-tertiary .ico{width:16px;height:16px;color:var(--accent);flex:none}
.btn-tertiary .arw{margin-left:auto;width:14px;height:14px;color:var(--ink-4);flex:none}

.cta-note{
  display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;
  font-size:11.5px;color:var(--ink-3);margin-top:2px;line-height:1.6;
}
.cta-note .dot{width:3px;height:3px;border-radius:50%;background:var(--line-2);flex:none}

/* ---------------- 分节 ---------------- */
.sec{margin-top:34px}
.sec-t{
  display:flex;align-items:center;gap:10px;
  font-size:12px;font-weight:700;letter-spacing:.05em;color:var(--ink-3);
  margin-bottom:4px;
}
.sec-t::after{content:'';flex:1;height:1px;background:var(--line)}

/* ---------------- 列表式功能项（不用卡片） ---------------- */
.list{display:block}
.li{
  display:flex;align-items:flex-start;gap:13px;
  padding:17px 0;border-bottom:1px solid var(--line);
}
.li:last-child{border-bottom:none;padding-bottom:4px}
.li-ic{
  width:20px;height:20px;flex:none;margin-top:2px;
  color:var(--accent);
}
.li-body{flex:1;min-width:0}
.li-t{font-size:13.5px;font-weight:600;color:var(--ink-1);line-height:1.4}
.li-d{font-size:12.5px;color:var(--ink-3);line-height:1.65;margin-top:4px}

/* ---------------- 平台下载行 ---------------- */
.row{
  display:flex;align-items:center;gap:12px;
  padding:15px 0;border-bottom:1px solid var(--line);
}
.row:last-child{border-bottom:none;padding-bottom:4px}
.row-ic{
  width:34px;height:34px;border-radius:10px;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:var(--accent-soft);color:var(--accent);
}
.row-ic svg{width:18px;height:18px}
.row-body{flex:1;min-width:0}
.row-t{font-size:13.5px;font-weight:600;color:var(--ink-1);line-height:1.4}
.row-m{font-size:11.5px;color:var(--ink-3);margin-top:3px;font-variant-numeric:tabular-nums}
.row-go{
  flex:none;font-size:12.5px;font-weight:600;color:var(--accent);text-decoration:none;
  padding:8px 13px;border-radius:9px;border:1px solid var(--line-2);
  background:var(--surface);white-space:nowrap;transition:transform .16s var(--ease);
}
.row-go:active{transform:scale(.96)}

/* ---------------- 截图（出血横滑） ---------------- */
.shots{
  display:flex;gap:10px;overflow-x:auto;
  margin:16px -20px 0;padding:0 20px 6px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
}
.shots::-webkit-scrollbar{display:none}
.shot{
  width:158px;height:auto;border-radius:12px;flex:none;
  border:1px solid var(--line);scroll-snap-align:start;
  background:var(--surface);
}

/* ---------------- 步骤（编号式，无彩色圆点） ---------------- */
.steps{counter-reset:st;margin-top:6px}
.step{
  position:relative;counter-increment:st;
  padding:0 0 20px 32px;
}
.step:last-child{padding-bottom:0}
.step::before{
  content:counter(st,decimal-leading-zero);
  position:absolute;left:0;top:0;
  font-size:11px;font-weight:700;color:var(--ink-3);
  letter-spacing:.04em;font-variant-numeric:tabular-nums;
}
.step-t{font-size:13.5px;font-weight:600;color:var(--ink-1);line-height:1.45;margin-bottom:4px}
.step-d{font-size:12.5px;color:var(--ink-3);line-height:1.7}

/* ---------------- 表格（细线，固定布局防溢出） ---------------- */
.tbl{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:14px;table-layout:fixed}
.tbl thead th{
  font-size:11px;font-weight:600;color:var(--ink-3);letter-spacing:.04em;
  text-align:left;padding:0 0 9px;border-bottom:1px solid var(--line-2);
}
.tbl tbody td{
  padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink-2);
  vertical-align:top;line-height:1.55;word-break:normal;overflow-wrap:break-word;
}
.tbl tbody tr:last-child td{border-bottom:none;padding-bottom:0}
.tbl tbody td:first-child{font-weight:600;color:var(--ink-1);padding-right:10px}
.tbl th+th,.tbl td+td{padding-left:8px}
.tbl td.fn{font-size:11.5px;word-break:break-all;overflow-wrap:anywhere}
.tbl a{color:var(--accent);text-decoration:none}
/* 列宽：3 列表 */
.tbl.c3 th:nth-child(1),.tbl.c3 td:nth-child(1){width:23%}
.tbl.c3 th:nth-child(2),.tbl.c3 td:nth-child(2){width:37%}
/* 列宽：平台 / 文件名 / 大小 */
.tbl.c3b th:nth-child(1),.tbl.c3b td:nth-child(1){width:21%}
.tbl.c3b th:nth-child(2),.tbl.c3b td:nth-child(2){width:52%}
.tbl.c3b th:nth-child(3),.tbl.c3b td:nth-child(3){width:27%}

/* ---------------- 长文 ---------------- */
.art{font-size:13px;line-height:1.9;color:var(--ink-2)}
.art p{margin-top:13px}
.art p:first-child{margin-top:0}
.art strong,.art b{color:var(--ink-1);font-weight:600}
.art h3{
  font-size:13px;font-weight:700;color:var(--ink-1);
  margin-top:22px;letter-spacing:-.005em;line-height:1.5;
}
.art h3:first-child{margin-top:0}
.art ul,.art ol{margin:10px 0 0 17px}
.art li{margin-top:6px}
.art code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;
  background:#EFF2F6;border-radius:5px;padding:1px 5px;color:var(--ink-1);
}

/* ---------------- FAQ ---------------- */
.faq{margin-top:2px}
.faq .q{font-size:13.5px;font-weight:600;color:var(--ink-1);margin-top:20px;line-height:1.5}
.faq .q:first-child{margin-top:0}
.faq .a{font-size:12.5px;color:var(--ink-2);line-height:1.75;margin-top:5px}

/* ---------------- 相关页 ---------------- */
.rel{display:block}
.rel a{
  display:flex;align-items:center;gap:12px;
  padding:15px 0;border-bottom:1px solid var(--line);
  text-decoration:none;font-size:13.5px;font-weight:600;color:var(--ink-1);
  transition:opacity .16s var(--ease);
}
.rel a:last-child{border-bottom:none;padding-bottom:0}
.rel a:active{opacity:.55}
.rel a i{font-style:normal;font-size:11.5px;font-weight:400;color:var(--ink-3);margin-left:auto;flex:none}
.rel a svg{width:14px;height:14px;color:var(--ink-4);flex:none}

/* ---------------- 免责声明 ---------------- */
.fineprint{
  font-size:11.5px;color:var(--ink-3);line-height:1.8;
  padding-left:12px;border-left:2px solid var(--line-2);
  margin-top:30px;
}
.fineprint b{color:var(--ink-2);font-weight:600}

/* 兼容旧类名 */
.note{font-size:11.5px;color:var(--ink-3);line-height:1.8;
  padding-left:12px;border-left:2px solid var(--line-2)}
.note b{color:var(--ink-2);font-weight:600}
.ios{font-size:12px;color:var(--ink-3);line-height:1.8;margin-top:22px}
.ios b{color:var(--ink-2);font-weight:600}
.ios a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line-2)}

/* 内容页标题 */
.page-h1{
  font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.022em;
  color:var(--ink-1);margin-top:6px;
}
.page-lead{font-size:13.5px;line-height:1.85;color:var(--ink-2);margin-top:12px}
.crumb{font-size:11.5px;color:var(--ink-3);margin-bottom:14px;display:flex;align-items:center;gap:6px}
.crumb a{color:var(--ink-3);text-decoration:none}
.crumb span{color:var(--ink-4)}

/* ---------------- 页脚 ---------------- */
.foot{
  margin-top:40px;padding-top:20px;border-top:1px solid var(--line);
  font-size:11px;color:var(--ink-3);line-height:1.95;
}
.foot a{color:var(--ink-3);text-decoration:none;transition:color .16s var(--ease)}
.foot a:active{color:var(--ink-1)}
.foot .sep{margin:0 7px;color:var(--line-2)}

/* ---------------- 无障碍 / 减少动效 ---------------- */
@media (prefers-reduced-motion:reduce){
  *{transition-duration:.01ms!important;animation-duration:.01ms!important}
}