/* ============================================================
   PKSport — "Studio Dark" theme layer
   高级深色编辑风：Mona Sans 宽体大标题 + neutral 近黑 + 单一柠檬强调
   结构层，最后链入，覆盖各页内联样式。配合 apply_theme.py studio-dark 调色。
   ============================================================ */

@font-face {
  font-family: 'Mona Sans';
  font-weight: 200 900;
  font-display: swap;
  font-style: normal;
  font-stretch: 75% 125%;
  src: url('/assets/fonts/Mona-Sans.var.woff2') format('woff2');
}

:root {
  --pk-bg: #0a0a0a;
  --pk-card: #161616;
  --pk-line: #262626;
  --pk-txt: #ededed;
  --pk-mut: #a3a3a3;
  --pk-accent: #c2f04a;
  --pk-display: 'Mona Sans', ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", Segoe UI, sans-serif;
}

/* —— 基础排版 —— */
body {
  font-family: var(--pk-display) !important;
  background: var(--pk-bg) !important;
  color: var(--pk-txt) !important;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.011em;
}
.wrap { max-width: 1080px !important; }

/* Studio 招牌：宽体(125%)、紧行距、负字距的展示型标题 */
h1, h2, h3, .feat .t, .card .t {
  font-family: var(--pk-display) !important;
  font-stretch: 125% !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
h1 {
  font-size: clamp(34px, 5vw, 56px) !important;
  line-height: 1.02 !important;
  margin-bottom: 14px !important;
}
h2 {
  font-size: 22px !important;
  line-height: 1.15 !important;
  margin: 40px 0 14px !important;
}
.lead {
  color: var(--pk-mut) !important;
  font-size: 16px !important;
  font-stretch: normal !important;
  border-bottom: 1px solid var(--pk-line) !important;
  padding-bottom: 22px !important;
  margin-bottom: 26px !important;
  max-width: 64ch;
}

/* —— 卡片：扁平、细边、大圆角、留白 —— */
.feat, .card, .exist {
  background: var(--pk-card) !important;
  border: 1px solid var(--pk-line) !important;
  border-radius: 18px !important;
  transition: border-color .18s ease !important;
}
.feat { padding: 24px !important; border-left: 3px solid var(--pk-accent) !important; }
.feat:hover, .card:hover { border-color: #3d3d3d !important; transform: none !important; }
.feat .t { font-size: 22px !important; color: var(--pk-txt) !important; }
.feat .d, .card .d { color: var(--pk-mut) !important; font-stretch: normal !important; }
.card { padding: 18px !important; }
.card .t { font-size: 15.5px !important; color: var(--pk-txt) !important; }
.grid { gap: 14px !important; }

/* 强调点缀：克制——featured 左条、关键数字、链接 */
.links a, .lang b { color: var(--pk-accent) !important; }

/* —— 数据表：编辑风、对齐数字、前六高亮 —— */
table { font-size: 14px !important; }
th {
  color: var(--pk-mut) !important;
  font-stretch: normal !important;
  font-weight: 600 !important;
  letter-spacing: .04em !important;
  border-bottom: 1px solid var(--pk-line) !important;
}
td { border-bottom: 1px solid #1c1c1c !important; }
tr:nth-child(-n+6) td.p { color: var(--pk-accent) !important; }
td.t { font-weight: 600 !important; }

/* 赛季总结 / 比赛行 */
.m { border-bottom: 1px solid #1c1c1c !important; }
.m .sc { color: var(--pk-accent) !important; }

/* —— 胶囊按钮（Studio 招牌 rounded-full）—— */
.btn, button.gen, a.cta {
  border-radius: 9999px !important;
  font-stretch: normal !important;
  font-weight: 600 !important;
}

/* 面包屑 */
.crumb { font-size: 12.5px !important; color: var(--pk-mut) !important; margin: 2px 0 16px !important; }
.crumb a { color: var(--pk-mut) !important; text-decoration: none !important; }
.crumb a:hover { color: var(--pk-accent) !important; }
.crumb span { color: var(--pk-txt) !important; }

/* 语言切换条 / 页脚 */
.lang, .lang a { color: var(--pk-mut) !important; }
.foot {
  color: var(--pk-mut) !important;
  border-top: 1px solid var(--pk-line) !important;
  font-stretch: normal !important;
}
