/* ============================================================
   PC28老三 · 素白描金视觉体系  laosan.css
   ------------------------------------------------------------
   设计定位：高端珠宝行 / 素纸描金。
      · 底：暖白 #f7f5f1（不是死白，避免刺眼和「廉价 PPT 感」）
      · 面：纯白卡片 + 1px 极淡描边 + 极轻投影，靠留白分层
      · 主色：深铜金 #a8813f（白底上必须加深才有对比），金色底配深墨字
      · 字体：大标题走衬线（宋），正文无衬线，数字等宽
      · 线条：细金线 / 极淡墨线，不用粗边框和重阴影
   与「景天」的苹果风（纯黑 + 苹果蓝 + 无衬线 + 大胶囊）刻意区别。
   ------------------------------------------------------------
   加载顺序：app.css → apple.css → (dash-dark.css) → 本文件
   本文件只做覆盖，不含任何布局与业务样式。
   ============================================================ */

:root {
  /* —— 主色阶（白底专用，比暗色版整体加深一档）—— */
  --ls-gold: #a8813f;
  --ls-gold-hi: #c9a15a;
  --ls-gold-mid: #b8924a;
  --ls-gold-lo: #7d5f28;
  --ls-gold-ink: #1a1208;          /* 金色底上的文字色 */
  --ls-gold-line: rgba(168, 129, 63, .20);
  --ls-gold-line-hi: rgba(168, 129, 63, .42);

  /* —— 底色阶 —— */
  --ls-bg0: #f7f5f1;
  --ls-bg1: #ffffff;
  --ls-bg2: #f2efe8;
  --ls-card: #ffffff;
  --ls-card-2: #ffffff;

  /* —— 字体 —— */
  --ls-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC",
              "STSong", "SimSun", Georgia, "Times New Roman", serif;

  /* —— 覆盖 apple.css / app.css 的全部 token —— */
  --bg0: var(--ls-bg0);
  --bg1: var(--ls-bg1);
  --bg2: var(--ls-bg2);
  --card: var(--ls-card);
  --card2: var(--ls-card-2);
  --line: rgba(28, 26, 23, .10);
  --line2: rgba(28, 26, 23, .055);
  --a1: var(--ls-gold);
  --a2: var(--ls-gold-lo);
  --a3: var(--ls-gold-hi);
  --txt: #1c1a17;
  --txt2: #6f6a60;
  --txt3: #9a948a;
  --r: 16px;
  --r2: 22px;

  --c-bg: var(--ls-bg0);
  --c-bg-soft: var(--ls-bg1);
  --c-card: #ffffff;
  --c-primary: var(--ls-gold);
  --c-primary-hover: var(--ls-gold-lo);
  --c-primary-soft: rgba(168, 129, 63, .10);
  --c-text: #1c1a17;
  --c-text-2: #6f6a60;
  --c-muted: #9a948a;
  --c-border: rgba(28, 26, 23, .10);
  --c-border-light: rgba(28, 26, 23, .055);

  /* 语义色：白底必须压暗，原来的荧光色系会发飘 */
  --c-big: #c0453a;
  --c-small: #3f7d94;
  --c-success: #4a8a5c;
  --c-warning: #c8813a;
  --c-ds-dadan: #c0453a;
  --c-ds-dashuang: #c8813a;
  --c-ds-xiaodan: #3f7d94;
  --c-ds-xiaoshuang: #4a8a5c;
  --red: #c0453a;
  --blue: #3f7d94;
  --green: #4a8a5c;
  --orange: #c8813a;
  --yellow: var(--ls-gold-hi);

  /* 头卡渐变：浅金纸感 + 深墨字，不再是深铜 */
  --header-gradient: linear-gradient(135deg, #fbf8f2 0%, #f3ece0 52%, #eadfcb 100%);
  --shadow-sm: 0 1px 2px rgba(28, 26, 23, .05);
  --shadow-primary: 0 10px 24px -14px rgba(125, 95, 40, .55);
  --shadow-md: 0 18px 44px -28px rgba(28, 26, 23, .38);

  /* 圆角体系 */
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 22px;
}

/* ============================ 1. 底色 ============================ */
html,
body {
  background:
    radial-gradient(1100px 560px at 50% -12%, rgba(201, 161, 90, .10), transparent 62%),
    radial-gradient(820px 480px at 90% 108%, rgba(63, 125, 148, .05), transparent 60%),
    var(--ls-bg0) !important;
  background-attachment: fixed;
  color: var(--txt) !important;
  font-variant-numeric: tabular-nums;
}

::selection { background: rgba(201, 161, 90, .28); color: #1a1208; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(28, 26, 23, .16);
  border-radius: 99px;
  border: 3px solid var(--ls-bg0);
}
::-webkit-scrollbar-thumb:hover { background: rgba(168, 129, 63, .45); }

/* ============================ 2. 标题衬线化 ============================ */
h1, h2, h3,
.page-title,
.sec-title,
.section-title,
.hero-title,
.card-title,
.hd-title,
.me-hero .name,
.predict-hero .ttl,
.brand-name,
.brand-tx {
  font-family: var(--ls-serif);
  letter-spacing: .012em;
  font-weight: 700;
  color: var(--txt) !important;
}

h1, .page-title, .hero-title { letter-spacing: .02em; }

/* 白底不用「渐变透明字」那套（对比会掉），改成纯深墨 + 左侧金线 */
.page-title,
.sec-title,
.section-title {
  color: #1c1a17 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  position: relative;
}

/* 大标题下面一道短金线：不要横贯，只压在标题宽度上 */
.page-title::after {
  content: "";
  display: block;
  width: 44px;
  height: 2px;
  margin-top: 10px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--ls-gold), rgba(201, 161, 90, .1));
}

/* ============================ 3. 顶栏 ============================ */
.hd,
.site-header,
.sub-header,
.app-header {
  border-bottom: 1px solid rgba(28, 26, 23, .08) !important;
}

.hd {
  background: rgba(255, 255, 255, .88) !important;
  -webkit-backdrop-filter: saturate(160%) blur(20px);
  backdrop-filter: saturate(160%) blur(20px);
}

/* 顶栏底缘一道细金线（中间亮、两侧淡出） */
.hd::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
  background: linear-gradient(90deg,
    transparent 0%, rgba(168, 129, 63, .30) 30%,
    rgba(201, 161, 90, .65) 50%,
    rgba(168, 129, 63, .30) 70%, transparent 100%);
  pointer-events: none;
}

/* ============================ 4. 品牌标 ============================ */
.logo-mark {
  background: linear-gradient(145deg, #c9a15a 0%, #a8813f 46%, #7d5f28 100%) !important;
  color: #fff8ec !important;
  font-family: var(--ls-serif) !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 1px rgba(80, 55, 15, .35) !important;
  border: 1px solid rgba(125, 95, 40, .28);
  box-shadow:
    0 4px 12px -6px rgba(125, 95, 40, .55),
    inset 0 1px 0 rgba(255, 255, 255, .30) !important;
  border-radius: 9px !important;
}

.logo-txt { color: #1c1a17 !important; }
.logo-txt i,
.logo-txt em {
  color: var(--ls-gold) !important;
  font-style: normal;
  letter-spacing: .26em;
  font-size: 8px;
  font-weight: 600;
}

/* 登录页 / 后台的品牌方块 */
.brand .mk,
.al-mk,
.mk {
  background: linear-gradient(145deg, #c9a15a 0%, #a8813f 46%, #7d5f28 100%) !important;
  color: #fff8ec !important;
  font-family: var(--ls-serif) !important;
  font-weight: 900 !important;
  border: 1px solid rgba(125, 95, 40, .26);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .30);
}

/* ============================ 5. 金色底一律配深墨字 ============================ */
.btn.primary,
.nav a.on,
.login-btn,
.site-header .nav-tab.active,
.site-header .login-btn,
.tabbar .tab-item.active,
.tabs button.active,
.tab-btn.active,
.btn.gold,
.pill-gold {
  background: linear-gradient(135deg, var(--ls-gold-hi) 0%, var(--ls-gold) 60%, var(--ls-gold-lo) 100%) !important;
  color: #fff8ec !important;
  border-color: transparent !important;
  text-shadow: 0 1px 1px rgba(70, 48, 12, .30) !important;
  font-weight: 700 !important;
  box-shadow:
    0 8px 20px -12px rgba(125, 95, 40, .75),
    inset 0 1px 0 rgba(255, 255, 255, .26) !important;
}

.btn.primary:hover,
.login-btn:hover,
.tabs button.active:hover,
.nav a.on:hover {
  background: linear-gradient(135deg, #d6b273 0%, #b8924a 60%, #8a6a2f 100%) !important;
  color: #fff8ec !important;
}

/* 深色底上的金色按钮（hero 区之类）反而要用深墨字 */
.me-hero .btn.primary,
.predict-hero .btn.primary {
  color: #1a1208 !important;
  text-shadow: none !important;
}

/* VIP 徽章：描边金，白底上不铺满 */
.vip-badge {
  background: linear-gradient(135deg, rgba(201, 161, 90, .16), rgba(168, 129, 63, .07)) !important;
  border: 1px solid rgba(168, 129, 63, .34) !important;
  color: var(--ls-gold-lo) !important;
  font-weight: 700;
  letter-spacing: .02em;
}

/* ============================ 6. 卡片 ============================ */
.card,
.stats-card,
.pred-hist-table-wrap,
.box,
.panel {
  background: var(--ls-card) !important;
  border: 1px solid rgba(28, 26, 23, .075) !important;
  border-radius: var(--r) !important;
  box-shadow:
    0 1px 2px rgba(28, 26, 23, .04),
    0 12px 30px -26px rgba(28, 26, 23, .28) !important;
  position: relative;
}

/* 卡片顶缘一道极细金线（代替原来的暗色高光） */
.card::before {
  content: "";
  position: absolute; left: 16%; right: 16%; top: -1px; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(201, 161, 90, .55) 50%, transparent);
  pointer-events: none;
}

.card.lift:hover {
  border-color: rgba(168, 129, 63, .30) !important;
  transform: translateY(-2px);
  box-shadow:
    0 2px 4px rgba(28, 26, 23, .05),
    0 20px 40px -26px rgba(28, 26, 23, .34) !important;
}

/* 卡片小标题：左侧一道金竖线 */
.card-title {
  position: relative;
  padding-left: 11px;
  font-size: 15.5px;
}
.card-title::before {
  content: "";
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 3px; height: 14px; border-radius: 2px;
  background: linear-gradient(180deg, var(--ls-gold-hi), var(--ls-gold-lo));
}

.card-head { border-bottom: 1px solid rgba(28, 26, 23, .08) !important; }

/* ============================ 7. 表格 ============================ */
.tbl th,
table.admin-tbl th,
table.pred-hist-table thead th {
  color: var(--ls-gold-lo) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .10em !important;
  background: var(--ls-bg2) !important;
  border-bottom: 1px solid rgba(28, 26, 23, .10) !important;
}

.tbl td,
table.admin-tbl td,
table.pred-hist-table tbody td {
  border-bottom: 1px solid rgba(28, 26, 23, .06) !important;
  color: var(--txt) !important;
}

.tbl tbody tr:hover,
table.admin-tbl tbody tr:hover,
table.pred-hist-table tbody tr:hover {
  background: rgba(201, 161, 90, .07) !important;
}

table.pred-hist-table tbody tr:nth-child(even) { background: rgba(28, 26, 23, .018) !important; }

/* ============================ 8. 数字 ============================ */
.kv .v,
.me-stat .v,
.stat-v,
.num,
.mono,
.nbr,
.pred-period,
.pred-numbers {
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
}

.kv .v { color: #1c1a17 !important; font-weight: 700; }
.kv { border-bottom: 1px solid rgba(28, 26, 23, .07) !important; }
.kv .k { color: var(--txt2) !important; letter-spacing: .02em; }

/* ============================ 9. 表单 ============================ */
.input,
body input[type=text], body input[type=password], body input[type=search],
body input[type=email], body input[type=number], body textarea, body select {
  background: #ffffff !important;
  color: var(--txt) !important;
  border: 1px solid rgba(28, 26, 23, .14) !important;
  border-radius: var(--radius-md) !important;
}

.input:focus,
body input:focus, body textarea:focus, body select:focus {
  border-color: var(--ls-gold) !important;
  background: #fffdf8 !important;
  box-shadow: 0 0 0 4px rgba(168, 129, 63, .12) !important;
}

body input::placeholder, body textarea::placeholder { color: #a9a294 !important; }
body select option { background: #ffffff; color: var(--txt); }

/* ============================ 10. 分隔与点缀 ============================ */
.mb-sep,
.sep,
hr {
  background: linear-gradient(90deg, transparent, rgba(28, 26, 23, .10), transparent) !important;
  border: 0 !important;
  height: 1px !important;
}

/* 导航项：悬停淡金底，选中走金底白字 */
.nav a { color: var(--txt2) !important; }
.nav a:hover { background: rgba(201, 161, 90, .10) !important; color: var(--ls-gold-lo) !important; }

/* 底部 tabbar */
.tabbar {
  background: rgba(255, 255, 255, .96) !important;
  border-top: 1px solid rgba(28, 26, 23, .08) !important;
}
.tabbar .tab-item { color: var(--txt2) !important; }
.tabbar .tab-item.active { color: var(--ls-gold) !important; }

/* 弹层 */
.modal, .sheet {
  background: #ffffff !important;
  border: 1px solid rgba(28, 26, 23, .08) !important;
  border-radius: var(--r2) !important;
  box-shadow: 0 24px 60px -30px rgba(28, 26, 23, .45) !important;
}
.modal-mask, .sheet-mask { background: rgba(28, 26, 23, .38); }

/* Toast */
.toast {
  background: rgba(255, 255, 255, .98) !important;
  color: #1c1a17 !important;
  border: 1px solid rgba(168, 129, 63, .30) !important;
  box-shadow: 0 10px 30px -16px rgba(28, 26, 23, .35) !important;
}

/* ============================ 11. 头卡（浅金纸） ============================ */
.me-hero,
.predict-hero,
.app-header {
  position: relative;
  border: 1px solid rgba(168, 129, 63, .18);
  overflow: hidden;
}
.me-hero::after,
.predict-hero::after,
.app-header::after {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(420px 180px at 12% -30%, rgba(201, 161, 90, .20), transparent 70%),
    linear-gradient(90deg, transparent 60%, rgba(168, 129, 63, .07) 100%);
  pointer-events: none;
}
.me-hero .vip-tag {
  background: rgba(168, 129, 63, .14) !important;
  border: 1px solid rgba(168, 129, 63, .30);
  color: var(--ls-gold-lo) !important;
}

/* ============================ 12. 开奖球 ============================ */
/* 白底上球体必须有边界，否则糊成一片 */
.ball,
.draw-ball,
.ball-sm {
  box-shadow:
    inset 0 -3px 8px rgba(28, 26, 23, .10),
    inset 0 2px 4px rgba(255, 255, 255, .95),
    0 6px 14px -8px rgba(28, 26, 23, .35) !important;
  border: 1px solid rgba(28, 26, 23, .10) !important;
  color: #1c1a17 !important;
}

/* ============================ 13. 遮罩/蒙层文字反色修正 ============================ */
.dim, .sub, .muted, .hint, small { color: var(--txt2) !important; }

/* ============================ 14. 移动端 ============================ */
@media (max-width: 760px) {
  :root { --r: 14px; --r2: 20px; }
  .card-title { font-size: 14.5px; padding-left: 9px; }
  .card-title::before { height: 12px; width: 2.5px; }
  .page-title, .sec-title { letter-spacing: .015em; }
  .page-title::after { width: 34px; margin-top: 8px; }
}

/* ============================ 15. 打印 ============================ */
@media print {
  html, body { background: #fff !important; color: #111 !important; }
  .hd, .tabbar, .cs-float { display: none !important; }
  .card { background: #fff !important; border-color: #ddd !important; box-shadow: none !important; }
}

/* ============================ 16. 首页内联层修正 ============================ */
/* index.html 的内联 <style> 里有一批硬编码暗色（环形图内圈、形态格子、球体），
   这些选择器优先级比 token 高，必须逐条点掉。 */

/* 环形图内圈：原来是 #0e0e10 的黑圆 */
.donut::after {
  background: #ffffff !important;
  border: 1px solid rgba(28, 26, 23, .08) !important;
}
.donut b { color: #1c1a17 !important; }

/* 形态统计格子：原来 rgba(16,16,18,.9) */
.shape-grid {
  background: rgba(28, 26, 23, .07) !important;
  border-top: 1px solid rgba(28, 26, 23, .07) !important;
}
.shape-grid div {
  background: #ffffff !important;
  color: var(--txt2) !important;
}
.shape-grid b { color: #1c1a17 !important; }

/* 开奖球：暗色版是深灰金属球，白底上发脏；改成暖白瓷球 */
.ball {
  color: #1c1a17 !important;
  background: radial-gradient(circle at 34% 24%,
    #ffffff 0%, #fdfbf7 28%, #f4eee4 62%, #ded5c6 100%) !important;
  box-shadow:
    0 16px 28px -14px rgba(28, 26, 23, .32),
    0 2px 6px rgba(28, 26, 23, .12),
    inset 0 2px 5px rgba(255, 255, 255, .96),
    inset 0 -10px 20px rgba(28, 26, 23, .10) !important;
  border: 1px solid rgba(28, 26, 23, .08);
}
.ball::before { border-color: rgba(168, 129, 63, .40) !important; }

/* 小号球（最近开奖卡片里那种） */
.ball-sm, .mini-ball, .num-ball {
  background: #fffdf8 !important;
  color: #1c1a17 !important;
  border: 1px solid rgba(28, 26, 23, .10) !important;
  box-shadow: 0 3px 8px -4px rgba(28, 26, 23, .22) !important;
}

/* 走势柱：白底上金色要压深一档，否则发飘 */
.trend-bars .bar, .trend-bar {
  background: linear-gradient(180deg, #dcb676 0%, #b8924a 62%, #8a6a2f 100%) !important;
}

/* 公告条：白底上不能再用橙字铺满 */
.notice, .marquee, .bulletin {
  background: rgba(201, 161, 90, .10) !important;
  border: 1px solid rgba(168, 129, 63, .22) !important;
  color: #7d5f28 !important;
}
/* ============================ 17. 装饰渐变标题（白底要改成实色） ============================ */
/* hall/draw/vip 等页的 .pg-head h1 用的是「浅字 + 透明填充」的渐变标题，
   白底上会变成一片浅灰几乎看不见，必须打回实色。 */
.pg-head h1,
.hero h1,
.page-hero h1 {
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #1c1a17 !important;
  color: #1c1a17 !important;
}

/* ============================ 18. 筛选条 / 药丸按钮 ============================ */
.filters {
  background: rgba(247, 245, 241, .92) !important;
  border-bottom: 1px solid rgba(28, 26, 23, .08) !important;
  -webkit-backdrop-filter: saturate(150%) blur(16px) !important;
  backdrop-filter: saturate(150%) blur(16px) !important;
}

.pills button,
.f-acts button,
.f-acts a {
  background: rgba(28, 26, 23, .045) !important;
  border: 1px solid rgba(28, 26, 23, .10) !important;
  color: #6f6a60 !important;
}

.pills button:hover,
.f-acts button:hover,
.f-acts a:hover {
  background: rgba(168, 129, 63, .13) !important;
  border-color: rgba(168, 129, 63, .26) !important;
  color: var(--ls-gold-lo) !important;
}

.pills button.active,
.f-acts .win.active,
.seg button.active,
.chips button.active {
  background: linear-gradient(135deg, var(--ls-gold-hi) 0%, var(--ls-gold) 62%, var(--ls-gold-lo) 100%) !important;
  border-color: transparent !important;
  color: #fff8ec !important;
  text-shadow: 0 1px 1px rgba(70, 48, 12, .28) !important;
  box-shadow: 0 6px 16px -10px rgba(125, 95, 40, .70) !important;
}

.f-acts .pub {
  background: linear-gradient(135deg, var(--ls-gold-hi) 0%, var(--ls-gold) 62%, var(--ls-gold-lo) 100%) !important;
  border-color: transparent !important;
  color: #fff8ec !important;
}

.vip-banner {
  background: rgba(201, 161, 90, .10) !important;
  border: 1px solid rgba(168, 129, 63, .24) !important;
  color: #7d5f28 !important;
}
.vip-banner a { color: var(--ls-gold-lo) !important; }

/* 顶部一级 tab（走势图 / 历史开奖 / 长龙·遗漏 / 算法大厅） */
.hd-tabs button,
.top-tabs button,
.tabs-bar button {
  background: transparent !important;
  color: #6f6a60 !important;
  border: 1px solid transparent !important;
}
.hd-tabs button.active,
.top-tabs button.active,
.tabs-bar button.active {
  background: rgba(201, 161, 90, .14) !important;
  border-color: rgba(168, 129, 63, .24) !important;
  color: var(--ls-gold-lo) !important;
}

/* ============================ 19. 通用徽章：白底上补对比 ============================ */
.tag-big, .badge-big, .bs-big { background: rgba(192, 69, 58, .12) !important; color: #a8382e !important; border-color: rgba(192, 69, 58, .22) !important; }
.tag-small, .badge-small, .bs-small { background: rgba(63, 125, 148, .12) !important; color: #30647a !important; border-color: rgba(63, 125, 148, .22) !important; }
.tag-odd, .badge-odd { background: rgba(192, 69, 58, .12) !important; color: #a8382e !important; border-color: rgba(192, 69, 58, .22) !important; }
.tag-even, .badge-even { background: rgba(63, 125, 148, .12) !important; color: #30647a !important; border-color: rgba(63, 125, 148, .22) !important; }
/* ============================ 20. 开奖球（.draw-ball 系） ============================ */
/* 暗色版是深灰金属球（#5a5348→#b5ae9f），放到暖白底上像脏了，改暖白瓷球 */
.draw-ball {
  color: #1c1a17 !important;
  background: radial-gradient(circle at 34% 24%,
    #ffffff 0%, #fdfbf7 26%, #f4eee4 64%, #ddd4c4 100%) !important;
  box-shadow:
    0 14px 26px -14px rgba(28, 26, 23, .28),
    0 2px 5px rgba(28, 26, 23, .10),
    inset 0 -6px 14px rgba(28, 26, 23, .08),
    inset 0 2px 4px rgba(255, 255, 255, .95) !important;
  border: 1px solid rgba(28, 26, 23, .07);
}

.draw-ball.sum {
  background: linear-gradient(140deg, rgba(201, 161, 90, .20), rgba(201, 161, 90, .06)) !important;
  border: 1px solid rgba(168, 129, 63, .32) !important;
  color: var(--ls-gold-lo) !important;
  box-shadow: none !important;
}

/* 大小 / 单双 小胶囊：暗色版用浅色发光字，白底上全糊，压深一档 */
.hall-draw-tag {
  background: rgba(28, 26, 23, .045) !important;
  border-color: rgba(28, 26, 23, .10) !important;
  color: #6f6a60 !important;
}
.hall-draw-tag.tag-big {
  background: rgba(192, 69, 58, .10) !important;
  border-color: rgba(192, 69, 58, .22) !important;
  color: #a8382e !important;
}
.hall-draw-tag.tag-small {
  background: rgba(63, 125, 148, .10) !important;
  border-color: rgba(63, 125, 148, .22) !important;
  color: #30647a !important;
}
.hall-draw-tag.tag-odd {
  background: rgba(200, 129, 58, .10) !important;
  border-color: rgba(200, 129, 58, .22) !important;
  color: #9a5f22 !important;
}
.hall-draw-tag.tag-even {
  background: rgba(74, 138, 92, .10) !important;
  border-color: rgba(74, 138, 92, .22) !important;
  color: #37704a !important;
}

/* 倒计时发光去掉（白底上发光会糊成一片） */
.draw-cd .v { text-shadow: none !important; color: var(--ls-gold-lo) !important; }
/* ============================ 21. 组合药丸（.pill 系）白底配色 ============================ */
.pill { font-weight: 700; }
.pill.dadan,
.pill.big,
.pill.dan {
  background: rgba(192, 69, 58, .13) !important;
  color: #a8382e !important;
  border-color: rgba(192, 69, 58, .22) !important;
}
.pill.xiaodan {
  background: rgba(200, 129, 58, .14) !important;
  color: #9a5f22 !important;
  border-color: rgba(200, 129, 58, .24) !important;
}
.pill.dashuang,
.pill.shuang {
  background: rgba(63, 125, 148, .13) !important;
  color: #30647a !important;
  border-color: rgba(63, 125, 148, .22) !important;
}
.pill.xiaoshuang,
.pill.small {
  background: rgba(74, 138, 92, .13) !important;
  color: #37704a !important;
  border-color: rgba(74, 138, 92, .22) !important;
}
.pill.gray {
  background: rgba(28, 26, 23, .06) !important;
  color: #6f6a60 !important;
  border-color: rgba(28, 26, 23, .10) !important;
}

/* ============================ 22. 会员中心菜单分隔线 / 选中态 ============================ */
.me-list > a + a,
.me-list > button + button,
.me-item + .me-item,
.mlist > * + * {
  border-top: 1px solid rgba(28, 26, 23, .065) !important;
}
.me-seg button.on,
.me-seg button.active,
.seg-btn.on,
.seg-btn.active {
  background: #fff !important;
  color: #1c1a17 !important;
  box-shadow: 0 1px 3px rgba(28, 26, 23, .14) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
/* ============================================================
   第 23 节 · 后台弹窗：长下拉别把字裁掉
   （导入 HTML 弹窗里「按文件名自动识别（推荐）」「算法大厅（所有栏目页都会显示）」
     在 1440 宽下会顶到 select 边缘，缩小字号 + 给箭头留位）
   ============================================================ */
select.input,
.mask select.input,
.modal select.input {
  font-size: 13px !important;
  padding-right: 24px !important;
  text-overflow: ellipsis;
  background-position: right 8px center !important;
}
@media (max-width: 1520px) {
  .mask .row.gap10,
  .modal .row.gap10 { flex-wrap: wrap; }
  .mask .row.gap10 > .field.grow,
  .modal .row.gap10 > .field.grow { flex: 1 1 46%; min-width: 46%; }
}/* 导入弹窗：分类 / 归属栏目 两个长下拉各占整行，别挤成两半 */
.mask .field:has(> select#i-cat),
.mask .field:has(> select#i-coll),
.modal .field:has(> select#i-cat),
.modal .field:has(> select#i-coll) { flex: 1 1 100%; min-width: 100%; }
/* ============================================================
   第 24 节 · 算法原版页面：点进去就是原作者的整张页面
   （铺满视口，没有本站顶栏/标题栏/提示条，只留一颗返回键）
   ============================================================ */
body.algo-embedded { overflow: hidden; }
body.algo-embedded .site-header,
body.algo-embedded .tabbar,
body.algo-embedded .topbar,
body.algo-embedded .app-header { display: none !important; }

.algo-fullwrap {
  position: fixed;
  inset: 0;
  z-index: 90;
  background: #fff;
}
.algo-frame-full {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}
.algo-back-float {
  position: fixed;
  left: 14px;
  top: calc(14px + env(safe-area-inset-top, 0px));
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2px 3px 0;
  border: 1px solid rgba(28, 26, 23, .12);
  border-radius: 50%;
  background: rgba(255, 255, 255, .88);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgba(28, 26, 23, .14);
  color: #1c1a17;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  z-index: 91;
  transition: background .18s ease, transform .18s ease;
}
.algo-back-float:hover { background: #fff; transform: translateY(-1px); }
.algo-back-float:active { transform: scale(.94); }
@media (max-width: 768px) {
  .algo-back-float { width: 36px; height: 36px; font-size: 20px; left: 10px; }
}