/*
 * EthanOracle Design System v1.0 — 星紫方向
 * 2026-05-21 | 替代 eo-tokens-v2.css 全部历史 patch
 * 加载于 lab.css 之后，作为最终覆盖层
 * 全站6个 lab 页面共用此文件
 */

/* ============================================================
 * SECTION 0: CSS Design Tokens
 * ============================================================ */
:root {
  /* -- 背景系统 -- */
  --eo-page-bg-start:   #E8E0FF;
  --eo-page-bg-end:     #FBF9FF;
  --eo-hero-bg-start:   #C8B8F0;
  --eo-hero-bg-end:     #E8E0FF;
  --eo-nav-bg:          rgba(255,255,255,0.88);

  /* -- 品牌紫 -- */
  --eo-purple-deep:     #4A2D8A;
  --eo-purple-mid:      #7B5EA7;
  --eo-purple-light:    #B09DD4;
  --eo-purple-pale:     #EDE8FF;
  --eo-purple-bg:       #F4F0FF;

  /* -- 品牌金（仅Logo/付费/强调）-- */
  --eo-gold:            #C9A227;
  --eo-gold-pale:       #FFF8E0;

  /* -- 卡片系统 -- */
  --eo-card-bg:         #FFFFFF;
  --eo-card-shadow:     0 2px 16px rgba(123,94,167,0.10), 0 0 0 0.5px rgba(123,94,167,0.06);
  --eo-card-shadow-lg:  0 8px 32px rgba(123,94,167,0.14), 0 0 0 0.5px rgba(123,94,167,0.06);
  --eo-card-radius:     16px;
  --eo-card-radius-sm:  10px;

  /* -- 文字系统 -- */
  --eo-text-primary:    #1A1028;
  --eo-text-secondary:  #4A3D6A;
  --eo-text-muted:      #8B7AA8;
  --eo-text-hint:       #B8AACC;

  /* -- 五行色 -- */
  --eo-wood:            #2E8B5A;
  --eo-wood-bg:         #E8F5EE;
  --eo-fire:            #D44B1E;
  --eo-fire-bg:         #FFF0E8;
  --eo-earth:           #C9A227;
  --eo-earth-bg:        #FFF8E0;
  --eo-metal:           #7A8BA0;
  --eo-metal-bg:        #EEF2F6;
  --eo-water:           #3A7BD5;
  --eo-water-bg:        #E8F0FF;

  /* -- 吉凶色 -- */
  --eo-luck-great:      #1AA362;
  --eo-luck-great-bg:   #E8F8F0;
  --eo-luck-good:       #3A7BD5;
  --eo-luck-good-bg:    #E8F0FF;
  --eo-luck-mid:        #9B7BC8;
  --eo-luck-mid-bg:     #F0EBFF;
  --eo-luck-weak:       #E07B3A;
  --eo-luck-weak-bg:    #FFF3E8;
  --eo-luck-bad:        #D44B1E;
  --eo-luck-bad-bg:     #FFF0E8;

  /* -- 边框 -- */
  --eo-border:          rgba(123,94,167,0.10);
  --eo-border-strong:   rgba(123,94,167,0.25);
  --eo-border-gold:     rgba(201,162,39,0.30);

  /* -- 字体 -- */
  --eo-font-display:    'Noto Serif SC', 'STSong', serif;
  --eo-font-body:       'Noto Sans SC', 'Inter', -apple-system, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}

/* ============================================================
 * SECTION 1: Global Base
 * ============================================================ */
:root[data-theme=light] body.lab-page,
:root[data-theme=light] body.lab-chart,
:root[data-theme=light] body.lab-bazi,
:root[data-theme=light] body.lab-today,
:root[data-theme=light] body.lab-strategy,
:root[data-theme=light] body.lab-destiny,
:root[data-theme=light] body.lab-radar {
  background: linear-gradient(160deg, var(--eo-page-bg-start) 0%, #F0EBFF 35%, #F8F5FF 70%, var(--eo-page-bg-end) 100%) !important;
  background-attachment: fixed !important;
  color: var(--eo-text-primary) !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-family: var(--eo-font-body) !important;
}

:root[data-theme=light] body.lab-chart main {
  padding-top: 80px !important;
  background: transparent !important;
}
:root[data-theme=light] body.lab-today main {
  padding-top: 80px !important;
}

/* ============================================================
 * SECTION 2: Navigation Bar — 全站统一
 * ============================================================ */
:root[data-theme=light] body.lab-page header.site {
  background: var(--eo-nav-bg) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: 0 1px 0 rgba(123,94,167,0.08) !important;
}

/* Nav 链接文字 */
:root[data-theme=light] body.lab-page header.site .nav-links > li > a {
  font-family: var(--eo-font-body) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--eo-text-secondary) !important;
  letter-spacing: 0.02em !important;
  -webkit-font-smoothing: antialiased !important;
}

:root[data-theme=light] body.lab-page header.site .nav-links > li > a:hover {
  color: var(--eo-purple-mid) !important;
}

:root[data-theme=light] body.lab-page header.site .nav-links > li > a[aria-current="page"] {
  color: var(--eo-purple-mid) !important;
  font-weight: 500 !important;
  border-bottom: 1.5px solid var(--eo-purple-mid) !important;
}

/* Logo */
:root[data-theme=light] body.lab-page header.site .logo,
:root[data-theme=light] body.lab-page header.site a.logo {
  color: var(--eo-text-primary) !important;
  font-family: var(--eo-font-display) !important;
}

/* Nav 伪元素清除 */
:root[data-theme=light] body.lab-page header.site::before,
:root[data-theme=light] body.lab-page header.site::after {
  display: none !important;
}

/* ============================================================
 * SECTION 3: Hero Section — chart 专用
 * ============================================================ */
:root[data-theme=light] body.lab-chart .ch-hero {
  background: transparent !important;
}

/* Hero 标题 */
:root[data-theme=light] body.lab-chart .ch-hero-title {
  font-family: var(--eo-font-display) !important;
  color: #2D1A5E !important;
  letter-spacing: 6px !important;
}

/* Hero 副标题 */
:root[data-theme=light] body.lab-chart .ch-hero-sub,
:root[data-theme=light] body.lab-chart .ch-hero-content [class*="sub"],
:root[data-theme=light] body.lab-chart .ch-hero-content [class*="meta"],
:root[data-theme=light] body.lab-chart .ch-hero-content [class*="info"] {
  color: rgba(45,26,94,0.60) !important;
}

/* Hero 徽章隐藏 */
:root[data-theme=light] body.lab-chart .ch-hero-badge {
  display: none !important;
}

/* 四柱展示容器 */
:root[data-theme=light] body.lab-chart .ch-sizhu-display {
  background: transparent !important;
  gap: 10px !important;
}

/* 四柱卡片 */
:root[data-theme=light] body.lab-chart .ch-hero .ch-pillar-card {
  background: rgba(255,255,255,0.82) !important;
  border: 0.5px solid rgba(123,94,167,0.25) !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 12px rgba(45,26,94,0.10) !important;
}

/* 日柱命主特殊高亮 */
:root[data-theme=light] body.lab-chart .ch-hero .ch-pillar-card.day {
  background: rgba(255,255,255,0.95) !important;
  border: 1.5px solid var(--eo-purple-mid) !important;
  box-shadow: 0 0 20px rgba(123,94,167,0.20) !important;
}

/* 四柱标签文字 */
:root[data-theme=light] body.lab-chart .ch-hero .ch-pillar-label,
:root[data-theme=light] body.lab-chart .ch-hero [class*="pillar-label"] {
  color: var(--eo-text-muted) !important;
  font-size: 10px !important;
}

/* 日柱标签金色 */
:root[data-theme=light] body.lab-chart .ch-hero .ch-pillar-card.day .ch-pillar-label {
  color: var(--eo-purple-mid) !important;
}

/* 天干字体 — 五行色由JS控制，这里只设字体 */
:root[data-theme=light] body.lab-chart .ch-hero .ch-pillar-tg {
  font-family: var(--eo-font-display) !important;
  font-weight: 700 !important;
}

/* 地支字体 */
:root[data-theme=light] body.lab-chart .ch-hero .ch-pillar-dz {
  font-family: var(--eo-font-display) !important;
  color: var(--eo-text-secondary) !important;
}

/* ============================================================
 * SECTION 4: Content Area — 全站内容区
 * ============================================================ */
:root[data-theme=light] .ch-page,
:root[data-theme=light] [class*="ch-page"] {
  background: transparent !important;
  color: var(--eo-text-primary) !important;
}

/* 分享栏 */
:root[data-theme=light] body.lab-chart .ch-share-bar {
  background: rgba(255,255,255,0.88) !important;
  border: none !important;
  box-shadow: 0 1px 0 var(--eo-border) !important;
}

/* ============================================================
 * SECTION 5: Module Cards — 白卡系统
 * ============================================================ */
:root[data-theme=light] .ch-module,
:root[data-theme=light] .ch-pillar-card,
:root[data-theme=light] .ch-liuyue-card,
:root[data-theme=light] .ch-liuri-cal-cell,
:root[data-theme=light] .ch-dayun-wrap,
:root[data-theme=light] .ch-dayun-tl,
:root[data-theme=light] .ch-ss-modal,
:root[data-theme=light] .ch-liuri-panel,
:root[data-theme=light] .ch-advanced-panel,
:root[data-theme=light] .ch-input-panel,
:root[data-theme=light] .ch-sizhu-display {
  background: var(--eo-card-bg) !important;
  border: none !important;
  box-shadow: var(--eo-card-shadow) !important;
  border-radius: var(--eo-card-radius) !important;
}

/* 模块标题 */
:root[data-theme=light] .ch-module-title,
:root[data-theme=light] [class*="ch-module-title"] {
  font-family: var(--eo-font-display) !important;
  color: var(--eo-text-primary) !important;
  font-weight: 500 !important;
}

/* 模块小徽章 */
:root[data-theme=light] .ch-module-badge,
:root[data-theme=light] .ch-ss-type-badge,
:root[data-theme=light] .ch-zh-badge {
  background: var(--eo-purple-pale) !important;
  color: var(--eo-purple-deep) !important;
  border: none !important;
  border-radius: 6px !important;
}

/* 内容区四柱卡片（非hero） */
:root[data-theme=light] .ch-pillar-card {
  border-radius: var(--eo-card-radius-sm) !important;
}

:root[data-theme=light] .ch-pillar-card.day {
  background: rgba(237,232,255,0.40) !important;
  box-shadow: var(--eo-card-shadow), inset 0 0 0 1px rgba(123,94,167,0.20) !important;
}

/* 四柱表格文字 */
:root[data-theme=light] .ch-pillar-label { color: var(--eo-text-muted) !important; }
:root[data-theme=light] .ch-pillar-tg    { font-family: var(--eo-font-display) !important; font-weight: 700 !important; }
:root[data-theme=light] .ch-pillar-dz    { font-family: var(--eo-font-display) !important; }

/* ============================================================
 * SECTION 6: Tags & Badges — 五行语义标签
 * ============================================================ */

/* 神煞/冲合/流日通用标签 */
:root[data-theme=light] [class*="-ss-tag"],
:root[data-theme=light] [class*="-cal-tag"],
:root[data-theme=light] [class*="chonghe-tag"],
:root[data-theme=light] [class*="ch-dy-ss"],
:root[data-theme=light] [class*="ch-ly-ss"] {
  background: var(--eo-purple-pale) !important;
  color: var(--eo-purple-deep) !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* 吉性标签 */
:root[data-theme=light] .ch-ss-good,
:root[data-theme=light] [class*="ss-good"] {
  background: var(--eo-luck-great-bg) !important;
  color: var(--eo-luck-great) !important;
  border: none !important;
}

/* 凶性标签 */
:root[data-theme=light] .ch-ss-bad,
:root[data-theme=light] [class*="ss-bad"] {
  background: var(--eo-luck-bad-bg) !important;
  color: var(--eo-luck-bad) !important;
  border: none !important;
}

/* 中性标签 */
:root[data-theme=light] .ch-ss-move,
:root[data-theme=light] [class*="ss-move"] {
  background: var(--eo-luck-weak-bg) !important;
  color: var(--eo-luck-weak) !important;
  border: none !important;
}

/* ============================================================
 * SECTION 7: 运势等级颜色
 * ============================================================ */
:root[data-theme=light] [data-level="大吉"],
:root[data-theme=light] .ch-liuyue-level[class*="大吉"] {
  background: var(--eo-luck-great-bg) !important;
  color: var(--eo-luck-great) !important;
  border: none !important;
}

:root[data-theme=light] [data-level="吉"],
:root[data-theme=light] .ch-liuyue-level[class*="吉"]:not([class*="大吉"]) {
  background: var(--eo-luck-good-bg) !important;
  color: var(--eo-luck-good) !important;
  border: none !important;
}

:root[data-theme=light] [data-level="中上"],
:root[data-theme=light] .ch-liuyue-level[class*="中"] {
  background: var(--eo-luck-mid-bg) !important;
  color: var(--eo-luck-mid) !important;
  border: none !important;
}

:root[data-theme=light] [data-level="弱"],
:root[data-theme=light] .ch-liuyue-level[class*="弱"] {
  background: var(--eo-luck-weak-bg) !important;
  color: var(--eo-luck-weak) !important;
  border: none !important;
}

:root[data-theme=light] [data-level="凶"],
:root[data-theme=light] .ch-liuyue-level[class*="凶"] {
  background: var(--eo-luck-bad-bg) !important;
  color: var(--eo-luck-bad) !important;
  border: none !important;
}

/* ============================================================
 * SECTION 8: 流月/流年/流日
 * ============================================================ */
:root[data-theme=light] .ch-liuyue-card {
  background: var(--eo-card-bg) !important;
  box-shadow: var(--eo-card-shadow) !important;
  border: none !important;
}
:root[data-theme=light] .ch-liuyue-month  { color: var(--eo-text-muted) !important; }
:root[data-theme=light] .ch-liuyue-theme  { color: var(--eo-text-secondary) !important; }
:root[data-theme=light] .ch-liuyue-verdict{ color: var(--eo-text-muted) !important; }

:root[data-theme=light] .ch-liuri-cal-cell {
  background: var(--eo-card-bg) !important;
  border: 0.5px solid var(--eo-border) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}
:root[data-theme=light] .ch-liuri-cal-gz  { color: var(--eo-purple-mid) !important; }
:root[data-theme=light] .ch-liuri-cal-dn  { color: var(--eo-text-muted) !important; }

/* 今日格子高亮 */
:root[data-theme=light] .ch-liuri-today,
:root[data-theme=light] [class*="ch-liuri-today"] {
  background: var(--eo-purple-pale) !important;
  border: 1px solid var(--eo-purple-mid) !important;
}

/* ============================================================
 * SECTION 9: 大运时间轴
 * ============================================================ */
:root[data-theme=light] .ch-dayun-tl {
  background: var(--eo-card-bg) !important;
  box-shadow: var(--eo-card-shadow) !important;
  border: none !important;
}
:root[data-theme=light] .ch-dayun-wrap {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 当前大运高亮 */
:root[data-theme=light] [class*="dayun-current"],
:root[data-theme=light] [class*="dayun-active"],
:root[data-theme=light] [data-current="true"] {
  background: var(--eo-purple-pale) !important;
  box-shadow: var(--eo-card-shadow), inset 0 0 0 1.5px var(--eo-purple-mid) !important;
}

/* ============================================================
 * SECTION 10: Tooltip / Popup
 * ============================================================ */
:root[data-theme=light] #chDayTip,
:root[data-theme=light] #chTooltip {
  background: var(--eo-card-bg) !important;
  border: 0.5px solid var(--eo-border-strong) !important;
  color: var(--eo-text-primary) !important;
  border-radius: var(--eo-card-radius-sm) !important;
  box-shadow: var(--eo-card-shadow-lg) !important;
}

/* 神煞弹窗 */
:root[data-theme=light] .ch-ss-modal,
:root[data-theme=light] [class*="ch-ss-modal"] {
  background: var(--eo-card-bg) !important;
  border: none !important;
  box-shadow: var(--eo-card-shadow-lg) !important;
  border-radius: var(--eo-card-radius) !important;
}

:root[data-theme=light] .ch-ss-modal-hdr,
:root[data-theme=light] [class*="ss-modal-hdr"] {
  background: var(--eo-purple-pale) !important;
  border-radius: var(--eo-card-radius) var(--eo-card-radius) 0 0 !important;
}

/* ============================================================
 * SECTION 11: Input Form
 * ============================================================ */
:root[data-theme=light] .ch-input-panel {
  background: var(--eo-card-bg) !important;
  box-shadow: var(--eo-card-shadow) !important;
  border: none !important;
}

:root[data-theme=light] .ch-ux-input,
:root[data-theme=light] .ch-ux-select {
  background: var(--eo-purple-bg) !important;
  border: 0.5px solid var(--eo-border) !important;
  color: var(--eo-text-primary) !important;
  border-radius: 8px !important;
}

:root[data-theme=light] .ch-ux-label { color: var(--eo-text-secondary) !important; }

:root[data-theme=light] .ch-select option,
:root[data-theme=light] .ch-ux-select option {
  background: var(--eo-card-bg) !important;
  color: var(--eo-text-primary) !important;
}

/* ============================================================
 * SECTION 12: Typography
 * ============================================================ */
:root[data-theme=light] body.lab-page h1,
:root[data-theme=light] body.lab-page h2,
:root[data-theme=light] body.lab-page h3 {
  font-family: var(--eo-font-display) !important;
  color: var(--eo-text-primary) !important;
}

/* ============================================================
 * SECTION 13: Dividers
 * ============================================================ */
:root[data-theme=light] hr,
:root[data-theme=light] [class*="ch-divider"],
:root[data-theme=light] [class*="ch-sep"] {
  border-color: var(--eo-border) !important;
  opacity: 1 !important;
}

/* ============================================================
 * SECTION 14: Scrollbar
 * ============================================================ */
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--eo-purple-pale); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--eo-purple-light); }

/* ============================================================
 * END EO-DESIGN-V1.CSS
 * ============================================================ */

/* ============================================================
 * v3.0.1 — 红线/卡片白化/主题按钮
 * ============================================================ */

/* 顶部红线：NProgress + 所有fixed进度条 */
:root[data-theme=light] #nprogress .bar,
:root[data-theme=light] #nprogress .peg,
:root[data-theme=light] #nprogress .spinner,
:root[data-theme=light] [class*="progress-bar"],
:root[data-theme=light] [class*="loading-bar"],
:root[data-theme=light] [class*="top-progress"],
:root[data-theme=light] .lab-progress-bar,
:root[data-theme=light] [id*="nprogress"],
:root[data-theme=light] [id*="progress"] {
  background: var(--eo-purple-mid) !important;
  box-shadow: 0 0 8px var(--eo-purple-light), 0 0 4px var(--eo-purple-light) !important;
}

/* html/body 顶部任何border清除 */
:root[data-theme=light] html {
  border-top: none !important;
}
:root[data-theme=light] body.lab-page {
  border: none !important;
  border-top: none !important;
}
:root[data-theme=light] body.lab-page::before,
:root[data-theme=light] body.lab-page::after {
  display: none !important;
}

/* styles.css L55 红色radial gradient覆盖 */
:root[data-theme=light] body {
  background:
    linear-gradient(160deg, #E8E0FF 0%, #F0EBFF 35%, #F8F5FF 70%, #FBF9FF 100%) !important;
}

/* 内容区卡片白化 */
:root[data-theme=light] body.lab-page .ch-module,
:root[data-theme=light] body.lab-page [class*="ch-module"],
:root[data-theme=light] body.lab-page [class*="ch-card"],
:root[data-theme=light] body.lab-page [class*="eo-card"] {
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(123,94,167,0.10), 0 0 0 0.5px rgba(123,94,167,0.06) !important;
}

/* 页面内容区透明 */
:root[data-theme=light] body.lab-page .ch-page,
:root[data-theme=light] body.lab-page [class*="ch-page"] {
  background: transparent !important;
}

/* 主题切换按钮隐藏 */
:root[data-theme=light] body.lab-page .theme-toggle,
:root[data-theme=light] body.lab-page #themeToggle,
:root[data-theme=light] body.lab-page [class*="theme-toggle"],
:root[data-theme=light] body.lab-page [class*="btn-theme"],
:root[data-theme=light] body.lab-page .nav-theme,
:root[data-theme=light] body.lab-page [data-action="theme"],
:root[data-theme=light] body.lab-page [onclick*="theme"],
:root[data-theme=light] body.lab-page [onclick*="Theme"],
:root[data-theme=light] body.lab-page [onclick*="toggleDark"],
:root[data-theme=light] body.lab-page [onclick*="switchTheme"],
:root[data-theme=light] body.lab-page button[class*="theme"],
:root[data-theme=light] body.lab-page .site-nav button:has(svg),
:root[data-theme=light] body.lab-page .nav-extra .btn-icon {
  display: none !important;
}

/* ============================================================
 * END v3.0.1
 * ============================================================ */

/* v3.0.3 — modal内文字色修复 */
:root[data-theme=light] body.lab-chart .ch-ss-modal,
:root[data-theme=light] body.lab-chart .ch-ss-modal * {
  color: #1A1028 !important;
}

/* modal内分类标签文字保留五行色 */
:root[data-theme=light] body.lab-chart .ch-ss-modal .ch-ss-dim-label,
:root[data-theme=light] body.lab-chart .ch-ss-modal [class*="dim-label"] {
  font-weight: 500 !important;
}

/* modal内正文段落 */
:root[data-theme=light] body.lab-chart .ch-ss-modal p,
:root[data-theme=light] body.lab-chart .ch-ss-modal .ch-ss-desc,
:root[data-theme=light] body.lab-chart .ch-ss-modal [class*="desc"],
:root[data-theme=light] body.lab-chart .ch-ss-modal [class*="content"],
:root[data-theme=light] body.lab-chart .ch-ss-modal [class*="text"] {
  color: #4A3D6A !important;
}

/* modal标题保留金色 */
:root[data-theme=light] body.lab-chart .ch-ss-modal .ch-ss-name,
:root[data-theme=light] body.lab-chart .ch-ss-modal-hdr [class*="name"],
:root[data-theme=light] body.lab-chart .ch-ss-modal-hdr [class*="title"] {
  color: #C9A227 !important;
}

/* 分隔线颜色 */
:root[data-theme=light] body.lab-chart .ch-ss-dim-row {
  border-bottom: 0.5px solid rgba(123,94,167,0.10) !important;
}

/* ============================================================
 * v3.0.5 — 5个lab页面统一处理
 * ============================================================ */

/* === strategy页：dark卡片light化 === */
:root[data-theme=light] body.lab-strategy .os-tab[aria-selected="true"] {
  background: var(--eo-purple-mid) !important;
  color: #FFFFFF !important;
}
:root[data-theme=light] body.lab-strategy .os-card,
:root[data-theme=light] body.lab-strategy [class*="os-card"] {
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(123,94,167,0.10) !important;
  border-radius: 16px !important;
  color: var(--eo-text-primary) !important;
}
:root[data-theme=light] body.lab-strategy .cd-ultra_high {
  background: var(--eo-luck-great-bg) !important;
  color: var(--eo-luck-great) !important;
}
:root[data-theme=light] body.lab-strategy .cd-medium {
  background: var(--eo-luck-mid-bg) !important;
  color: var(--eo-luck-mid) !important;
}
:root[data-theme=light] body.lab-strategy [class*="cd-"] {
  border-radius: 8px !important;
}

/* === destiny页：dark元素light化 === */
:root[data-theme=light] body.lab-destiny [class*="td-cd"],
:root[data-theme=light] body.lab-destiny [class*="op-card"],
:root[data-theme=light] body.lab-destiny [class*="td-panel"] {
  background: #FFFFFF !important;
  box-shadow: 0 2px 16px rgba(123,94,167,0.10) !important;
  border: none !important;
  border-radius: 16px !important;
  color: var(--eo-text-primary) !important;
}
:root[data-theme=light] body.lab-destiny .td-chip,
:root[data-theme=light] body.lab-destiny [class*="td-chip"] {
  background: var(--eo-purple-pale) !important;
  color: var(--eo-purple-deep) !important;
  border: none !important;
}
:root[data-theme=light] body.lab-destiny [style*="background:#1a1208"],
:root[data-theme=light] body.lab-destiny [style*="background:#0a0604"] {
  background: #FFFFFF !important;
  color: var(--eo-text-primary) !important;
}

/* === bazi页：hero改星紫渐变 === */
/* bazi hero内金色标题保留 */

/* === radar页：单一暗色修复 === */
:root[data-theme=light] body.lab-radar {
  color: var(--eo-text-primary) !important;
}

/* ============================================================
 * END v3.0.5
 * ============================================================ */

/* ============================================================
 * v3.0.6 — today页精准修复
 * ============================================================ */

/* 命格档案匹配卡：lab.css用#FFFDF7奶白 → 改白+紫投影 */
:root[data-theme=light] body.lab-today .lab-match-v2,
:root[data-theme=light] body.lab-page .lab-match-v2 {
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 20px rgba(123,94,167,0.12) !important;
  border-radius: 16px !important;
}

/* 命格档案卡内文字色 */
:root[data-theme=light] body.lab-page .lab-match-v2 *:not([class*="wx-"]):not([class*="fire"]):not([class*="wood"]):not([class*="water"]):not([class*="metal"]):not([class*="earth"]) {
  color: var(--eo-text-primary) !important;
}

/* 命格档案卡内标题保留金色 */
:root[data-theme=light] body.lab-page .lab-match-v2 [class*="title"],
:root[data-theme=light] body.lab-page .lab-match-v2 [class*="name"],
:root[data-theme=light] body.lab-page .lab-match-v2 h1,
:root[data-theme=light] body.lab-page .lab-match-v2 h2,
:root[data-theme=light] body.lab-page .lab-match-v2 h3 {
  color: var(--eo-gold) !important;
}

/* 三联卡片容器 */
:root[data-theme=light] body.lab-today .lab-cards-grid,
:root[data-theme=light] body.lab-today [class*="lab-card-preview"],
:root[data-theme=light] body.lab-today [class*="lab-card-md"] {
  background: #FFFFFF !important;
  box-shadow: 0 2px 16px rgba(123,94,167,0.10) !important;
  border: none !important;
  border-radius: 16px !important;
}

/* 卡片内部暗色文字 → 深紫文字 */
:root[data-theme=light] body.lab-today .lab-card-preview,
:root[data-theme=light] body.lab-today .lab-card-md {
  color: var(--eo-text-primary) !important;
}

/* 今日命盘页所有模块卡白化 */
:root[data-theme=light] body.lab-today [class*="lab-today-"],
:root[data-theme=light] body.lab-today [class*="lab-section"],
:root[data-theme=light] body.lab-today [class*="lab-module"],
:root[data-theme=light] body.lab-today [class*="lab-panel"] {
  background: #FFFFFF !important;
  box-shadow: 0 2px 16px rgba(123,94,167,0.10) !important;
  border: none !important;
}

:root[data-theme=light] body.lab-today [class*="universe-wrap"] {
  background: transparent !important;
}

/* tooltip popover dark → light */
:root[data-theme=light] body.lab-page [class*="lab-tip"],
:root[data-theme=light] body.lab-page [class*="lab-popup"],
:root[data-theme=light] body.lab-page [class*="lab-tooltip"] {
  background: #FFFFFF !important;
  color: var(--eo-text-primary) !important;
  border: 0.5px solid var(--eo-border-strong) !important;
  box-shadow: var(--eo-card-shadow-lg) !important;
}

/* ============================================================
 * END v3.0.6
 * ============================================================ */

/* ============================================================
/* ============================================================
 * v3.0.8 — today .lab-match-hook 完整 light scope 补全
 * ============================================================ */

/* 外层容器：白底紫投影 */
:root[data-theme=light] body.lab-today .lab-match-hook {
  background: #FFFFFF !important;
  box-shadow: 0 2px 20px rgba(123,94,167,0.12) !important;
  border: none !important;
  border-radius: 12px !important;
}

/* 标题金色 */
:root[data-theme=light] body.lab-today .lab-match-title {
  color: #C9A227 !important;
}

/* label 字色 */
:root[data-theme=light] body.lab-today .lab-match-label {
  color: #1A1028 !important;
}

/* input 框:淡紫底 + 墨紫字 */
:root[data-theme=light] body.lab-today .lab-match-form input,
:root[data-theme=light] body.lab-today .lab-match-form select {
  background: rgba(123,94,167,0.04) !important;
  border: 1px solid rgba(123,94,167,0.15) !important;
  color: #1A1028 !important;
}
:root[data-theme=light] body.lab-today .lab-match-form input:focus,
:root[data-theme=light] body.lab-today .lab-match-form select:focus {
  border-color: var(--eo-gold) !important;
  outline: none !important;
}

/* 辅助文字 */
:root[data-theme=light] body.lab-today .lab-match-form span,
:root[data-theme=light] body.lab-today .lab-match-sub {
  color: rgba(45,26,94,0.65) !important;
}

/* 提交按钮:金底白字 */
:root[data-theme=light] body.lab-today .lab-match-submit {
  background: linear-gradient(135deg, #C9A227 0%, #B8941F 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
}
:root[data-theme=light] body.lab-today .lab-match-submit:hover {
  box-shadow: 0 4px 14px rgba(201,162,39,0.35) !important;
}

/* 结果区 */
:root[data-theme=light] body.lab-today .lab-match-result,
:root[data-theme=light] body.lab-today [class*="lab-match-result"] {
  background: rgba(123,94,167,0.04) !important;
  border: 1px solid rgba(123,94,167,0.10) !important;
  color: var(--eo-text-primary) !important;
  border-radius: 8px !important;
}

/* ============================================================
 * v3.0.8b — lab-match-hook 背景加强（覆盖暖金渐变残留）
 * ============================================================ */

/* 加双重选择器提升特异性，强制纯白 */
:root[data-theme=light] body.lab-today .lab-match-hook,
:root[data-theme=light] body.lab-today aside.lab-match-hook {
  background: #FFFFFF !important;
  background-image: none !important;
}

/* 父级 section 容器也一并白底 */
:root[data-theme=light] body.lab-today .lab-match-hook *:not([class*="lab-tag"]):not([class*="wx-"]):not([class*="fire"]):not([class*="wood"]):not([class*="water"]):not([class*="metal"]):not([class*="earth"]) {
  background-image: none !important;
}

/* ============================================================
/* ============================================================
/* ============================================================
 * 容器白底 + cell白边(紧贴) + tooltip白底金边
 * ============================================================ */

/* 1. 容器：棕黑#050304 → 白底软紫阴影（白卡标准） */
/* 2. cell 边框：2px棕黑 → 2px白（色块紧贴，设计文档白卡风格） */
/* 3. tooltip：深棕94% → 白底金边紫字（设计文档tooltip标准） */
/* ============================================================
 * v3.0.12 — treemap容器恢复原始深色底（数据可视化例外）
 * 半透明色块必须依赖深色背景才能显示正确五行语义色
 * ============================================================ */

/* 撤销 v3.0.11 的白底，恢复 lab.css 原始深色 */
/* cell边框恢复深色分隔 */

/* ============================================================
 * v3.0.14 — lab-universe meta/relations/chip 完整 light scope
 * chip rgba白底在light模式融化 → 修复为淡紫/浅绿/浅红底
 * ============================================================ */

/* meta 描述字色 */
:root[data-theme=light] body.lab-today .lab-universe-meta {
  color: rgba(45,26,94,0.65) !important;
}

/* relations 容器字色（修补继承漏洞）*/
:root[data-theme=light] body.lab-today .lab-universe-relations {
  color: #1A1028 !important;
}

/* chip 容器 base：透明白底融化 → 淡紫底+主紫边 */
:root[data-theme=light] body.lab-today .lab-universe-rel-chip {
  background: rgba(123,94,167,0.06) !important;
  border-color: rgba(123,94,167,0.20) !important;
  color: #1A1028 !important;
}

/* good chip：语义绿色保留 */
:root[data-theme=light] body.lab-today .lab-universe-rel-chip[data-kind="good"] {
  background: rgba(95,179,116,0.08) !important;
  border-color: rgba(95,179,116,0.45) !important;
}

/* bad chip：语义红色保留 */
:root[data-theme=light] body.lab-today .lab-universe-rel-chip[data-kind="bad"] {
  background: rgba(232,85,75,0.08) !important;
  border-color: rgba(232,85,75,0.45) !important;
}

/* neutral chip arrow：浅棕 → 深紫 */
:root[data-theme=light] body.lab-today .lab-universe-rel-chip[data-kind="neutral"] .lab-universe-rel-arrow {
  color: rgba(45,26,94,0.55) !important;
}

/* ============================================================
 * v3.0.17 — strategy 翻牌卡 .os-face 白化
 * ============================================================ */

/* 正面/反面容器：棕黑渐变 → 白底紫边 */
:root[data-theme=light] body.lab-strategy .os-face {
  background: #FFFFFF !important;
  border-color: rgba(123,94,167,0.20) !important;
  box-shadow: 0 2px 16px rgba(123,94,167,0.10) !important;
}
:root[data-theme=light] body.lab-strategy .os-face.back {
  background: linear-gradient(180deg, #FFFFFF, #F8F5FF) !important;
  border-color: rgba(123,94,167,0.20) !important;
}

/* 主标题（BTC/ETH/BNB）：浅金 → v3 主金 */
:root[data-theme=light] body.lab-strategy .os-face .fs {
  color: #C9A227 !important;
}

/* 副标题 / 价格 / 风险 / tag：米色系 → 深紫 */
:root[data-theme=light] body.lab-strategy .os-face .fn,
:root[data-theme=light] body.lab-strategy .os-face .fp,
:root[data-theme=light] body.lab-strategy .os-face .fr,
:root[data-theme=light] body.lab-strategy .os-face .ft {
  color: rgba(45,26,94,0.65) !important;
}

/* 详情正文 → 墨紫 */
:root[data-theme=light] body.lab-strategy .os-face .fd {
  color: #1A1028 !important;
}

/* ============================================================
 * v3.0.19 — nav chrome 控件严格按 v3 设计规范
 * 规范：主紫#7B5EA7 / 无描边 / 胶囊 / Inter字体
 * ============================================================ */

/* 钱包按钮 + 语言切换：严格 v3 规范 */
:root[data-theme=light] body.lab-page .i18n-trigger,
:root[data-theme=light] body.lab-page .eo-wallet-btn:not(.connected) {
  background: rgba(255,255,255,0.70) !important;
  border: 1px solid rgba(123,94,167,0.25) !important;
  color: #7B5EA7 !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

/* hover：金色强调（设计规范：金色用于强调） */
:root[data-theme=light] body.lab-page .i18n-trigger:hover,
:root[data-theme=light] body.lab-page .eo-wallet-btn:not(.connected):hover {
  background: rgba(123,94,167,0.06) !important;
  border-color: #C9A227 !important;
  color: #C9A227 !important;
}

/* connected 钱包:绿色语义色保留 */
:root[data-theme=light] body.lab-page .eo-wallet-btn.connected {
  background: rgba(95,179,116,0.08) !important;
  border: 1px solid rgba(95,179,116,0.50) !important;
  color: #5FB374 !important;
  border-radius: 18px !important;
}

/* ============================================================
 * v3.0.20 — destiny 友战榜/月日历nav/命格卡 v3 紫化
 * ============================================================ */

/* 友战榜 active tab：金色 → 紫色 */
:root[data-theme=light] body.lab-destiny .td-lb-tab.td-lb-active {
  background: rgba(123,94,167,0.10) !important;
  border-color: rgba(123,94,167,0.40) !important;
}
:root[data-theme=light] body.lab-destiny .td-lb-tab:hover:not(.td-lb-active) {
  background: rgba(123,94,167,0.06) !important;
  border-color: rgba(123,94,167,0.25) !important;
}

/* 月日历 nav-sub：奶白28%（白底不可见）→ 深紫 */
:root[data-theme=light] body.lab-destiny .td-cal-nav-sub {
  color: rgba(45,26,94,0.55) !important;
}

/* 月日历 nav-btn：金色 → 紫色 */
:root[data-theme=light] body.lab-destiny .td-cal-nav-btn {
  border-color: rgba(123,94,167,0.25) !important;
  background: rgba(123,94,167,0.04) !important;
  color: #7B5EA7 !important;
}
:root[data-theme=light] body.lab-destiny .td-cal-nav-btn:hover {
  border-color: var(--eo-gold, #C9A227) !important;
  color: var(--eo-gold, #C9A227) !important;
}

/* 命格卡：奶白#FFFDF7 → 纯白 + v3紫投影 */
:root[data-theme=light] body.lab-destiny .tdv2-card {
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 2px 20px rgba(123,94,167,0.12) !important;
}

/* ============================================================
 * v3.0.21 — destiny 友战榜 inactive 默认状态补漏
 * v3.0.20 只改了 active/hover，漏掉 inactive 棕黑60%
 * ============================================================ */
:root[data-theme=light] body.lab-destiny .td-lb-tab {
  background: rgba(255,255,255,0.70) !important;
  border-color: rgba(123,94,167,0.15) !important;
}

/* ============================================================
 * v3.0.22 — destiny 文字可读性修复（WCAG可访问性）
 * 奶白字色在白底上不可见 → 深紫可读
 * ============================================================ */

/* 友战榜 inactive tab 文字：奶白85%/28% → 深紫 */
:root[data-theme=light] body.lab-destiny .td-lb-tab .td-lb-tab-label {
  color: #1A1028 !important;
}
:root[data-theme=light] body.lab-destiny .td-lb-tab .td-lb-tab-sub {
  color: rgba(45,26,94,0.55) !important;
}

/* active tab 保留金色 */
:root[data-theme=light] body.lab-destiny .td-lb-tab.td-lb-active .td-lb-tab-label {
  color: #C9A227 !important;
}
:root[data-theme=light] body.lab-destiny .td-lb-tab.td-lb-active .td-lb-tab-sub {
  color: rgba(201,162,39,0.65) !important;
}

/* td-mcard.golden tag：金底米黄字 → 金底白字 */
:root[data-theme=light] body.lab-destiny .td-mcard.golden .td-mc-tag {
  color: #FFFFFF !important;
}

/* td-mc-verdict 浅棕 → 深紫（提升可读性）*/
:root[data-theme=light] body.lab-destiny .td-mc-verdict {
  color: rgba(45,26,94,0.65) !important;
}

/* ============================================================
 * v3.0.23 — destiny 月度卡视觉强化
 * 白卡+棕金边密集排列造成视觉灰 → box-shadow替代border
 * ============================================================ */
:root[data-theme=light] body.lab-destiny .td-mcard {
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 1px 8px rgba(123,94,167,0.08) !important;
  border-radius: 12px !important;
}
:root[data-theme=light] body.lab-destiny .td-mcard.golden {
  background: rgba(201,162,39,0.06) !important;
  border: 1px solid var(--eo-gold, #C9A227) !important;
  box-shadow: 0 2px 12px rgba(201,162,39,0.20) !important;
}
:root[data-theme=light] body.lab-destiny .td-mcard.warning {
  background: rgba(212,52,42,0.05) !important;
  border: 1px solid rgba(212,52,42,0.45) !important;
  box-shadow: 0 2px 12px rgba(212,52,42,0.15) !important;
}

/* ============================================================
 * v3.0.24 — 移动端汉堡抽屉背景 + 日期格子颜色修复
 * ============================================================ */

/* 移动端导航抽屉：archive 棕黄底 → v3 奶白底 */
:root[data-theme=light] .eo-navd {
  background: rgba(255,255,255,0.98) !important;
  border-left: 1px solid rgba(123,94,167,0.12) !important;
}

/* 抽屉内导航链接字色 */
:root[data-theme=light] .eo-navd a,
:root[data-theme=light] .eo-navd .nav-links a {
  color: #1A1028 !important;
}
:root[data-theme=light] .eo-navd a[aria-current="page"],
:root[data-theme=light] .eo-navd .nav-links a[aria-current="page"] {
  color: #C9A227 !important;
  background: rgba(201,162,39,0.08) !important;
}

/* 关闭按钮 × */
:root[data-theme=light] .eo-navd-close {
  border-color: rgba(123,94,167,0.20) !important;
  color: #7B5EA7 !important;
}

/* 抽屉遮罩：保持黑色半透明（必要） */
:root[data-theme=light] .eo-navd-overlay {
  background: rgba(0,0,0,0.45) !important;
}

/* ============================================================
 * v3.0.25 — destiny 月度卡白底文字可读性全修复
 * 白卡背景后所有文字色强制深色可读
 * ============================================================ */
:root[data-theme=light] body.lab-destiny .td-mcard,
:root[data-theme=light] body.lab-destiny .td-mcard * {
  --lab-ivory: #2c1a0e;
  --lab-text-dim: #6b4c2a;
  --lab-text-mute: #8b6040;
}

:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-label,
:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-level,
:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-theme,
:root[data-theme=light] body.lab-destiny .td-mcard [class*="td-mc-"] {
  color: rgba(45,26,94,0.75) !important;
}

:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-score {
  color: #C9A227 !important;
}

:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-verdict {
  color: rgba(45,26,94,0.65) !important;
}

/* 神煞/标签小字 */
:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-tag {
  color: #FFFFFF !important;
}

/* 月份数字 + 干支 */
:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-gz,
:root[data-theme=light] body.lab-destiny .td-mcard .td-mc-month {
  color: #1A1028 !important;
}

/* ============================================================
 * v3.0.26 — destiny 移动端水平溢出核弹级修复
 * 强制 main + 所有顶层 section 禁止水平溢出
 * ============================================================ */
@media (max-width: 768px) {
  body.lab-destiny main,
  body.lab-destiny .td-wrap,
  body.lab-destiny main > * {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  /* 但保留 horizontal scroll 元素（如月度卡横滚条）*/
  body.lab-destiny .td-monthly-cards,
  body.lab-destiny [class*="-scroll-x"] {
    overflow-x: auto !important;
  }

  /* 日历容器 + grid 强制约束 */
  body.lab-destiny #tdCalDayGrid,
  body.lab-destiny [id*="tdCal"] {
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
 * v3.0.26 — chart 页面 input 文字色修复（移动端不可见）
 * ============================================================ */
:root[data-theme=light] body.lab-chart input,
:root[data-theme=light] body.lab-chart select,
:root[data-theme=light] body.lab-chart input[type="date"],
:root[data-theme=light] body.lab-chart input[type="text"],
:root[data-theme=light] body.lab-chart input[type="number"] {
  color: #1A1028 !important;
  -webkit-text-fill-color: #1A1028 !important;
  background: rgba(123,94,167,0.04) !important;
  border-color: rgba(123,94,167,0.20) !important;
}

/* ============================================================
 * v3.0.27 — chart datepicker 显示文字色修复
 * v3.0.2 sed 误伤 chart L1988-1989：#140C00 → #FFFFFF
 * 导致 light mode 下白底白字看不见
 * ============================================================ */
:root[data-theme=light] body.lab-chart #chDpDisplay,
:root[data-theme=light] body.lab-chart #chDpText,
:root[data-theme=light] body.lab-chart .ch-dp-display,
:root[data-theme=light] body.lab-chart .ch-dp-item {
  color: #1A1028 !important;
  -webkit-text-fill-color: #1A1028 !important;
}

/* placeholder「请选择出生日期」字 (chDpText 用 opacity:0.4) */
:root[data-theme=light] body.lab-chart #chDpText {
  color: rgba(45,26,94,0.65) !important;
}

/* 确认后日期填入后正常深色 */
:root[data-theme=light] body.lab-chart #chDpText:not([data-placeholder]) {
  color: #1A1028 !important;
}

/* 滚轮选中行的当前数字 (.ch-dp-item active) */
:root[data-theme=light] body.lab-chart .ch-dp-item.active,
:root[data-theme=light] body.lab-chart .ch-dp-item[data-selected] {
  color: #C9A227 !important;
}

/* ============================================================
 * v3.0.28 — destiny 7-col 流日日历末列溢出真修复
 * 根因：grid item min-width:auto = min-content > 1fr slot
 *       + content-box 把 padding/border 加在外 → 累计末列出"大半格"
 * 修复：min-width:0 + box-sizing:border-box + minmax(0,1fr) + nowrap
 * ============================================================ */
@media (max-width: 768px) {
  /* 容器全链路 border-box + 允许缩到 0 */
  body.lab-destiny #tdCalDayGrid,
  body.lab-destiny #tdCalDayGrid > div,
  body.lab-destiny #tdCalDayGrid > div > div,
  body.lab-destiny #tdCalDayGrid > div > div > div {
    box-sizing: border-box !important;
    min-width: 0 !important;
  }

  /* 外层容器 + daySection 严格宽度 */
  body.lab-destiny #tdCalDayGrid,
  body.lab-destiny #tdCalDaySection {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* 窄屏让 daySection 取消大 margin（24px ×2 太奢侈）*/
  body.lab-destiny #tdCalDaySection {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  /* 把内层两个 7-col grid 的 1fr 改成 minmax(0,1fr) 允许收缩 */
  body.lab-destiny #tdCalDayGrid > div {
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* cell 紧凑 padding（在窄屏给字留位）*/
  body.lab-destiny #tdCalDayGrid > div > div {
    padding: 5px 2px !important;
    overflow: hidden !important;
  }

  /* cell 内 3 个字 div 强制 nowrap + ellipsis（防止 min-content 撑宽）*/
  body.lab-destiny #tdCalDayGrid > div > div > div {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    max-width: 100% !important;
  }

  /* tdCalendarSection 本身 overflow:hidden 兜底（v3.0.26 已有，这里加固）*/
  body.lab-destiny #tdCalendarSection {
    overflow-x: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

/* ============================================================
 * v3.0.30 — destiny 流日日历 7列不溢出（修正版）
 * 根因：#tdCalDayGrid 是容器，不是 grid 本身
 *       真正的 7-col grid 是它的子 div.wh + div.cal
 * 修正：把 minmax + min-width:0 目标改到 > div (内层 grid)
 * ============================================================ */
@media (max-width: 768px) {
  :root[data-theme=light] body.lab-destiny #tdCalDayGrid,
  :root[data-theme=light] body.lab-destiny #tdCalDaySection {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  /* daySection inline margin:0 24px 改 4px 给 cell 留空间 */
  :root[data-theme=light] body.lab-destiny #tdCalDaySection {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }

  /* > div = wh + cal 才是真正的 7-col grid */
  :root[data-theme=light] body.lab-destiny #tdCalDayGrid > div {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    gap: 3px !important;
  }

  /* > div > div = cells (week labels + day cells) */
  :root[data-theme=light] body.lab-destiny #tdCalDayGrid > div > div {
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    padding: 4px 1px !important;
  }

  /* > div > div > div = cell 内 3 个文字 div */
  :root[data-theme=light] body.lab-destiny #tdCalDayGrid > div > div > div {
    min-width: 0 !important;
    overflow: hidden !important;
    word-break: break-all !important;
    font-size: clamp(8px, 2.2vw, 12px) !important;
    line-height: 1.2 !important;
  }
}