/* ═══ 星盘页面样式 ═══ */

@font-face {
  font-family: 'Zodiac';
  src: url('../../font/zodiac.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'GlobeGothicMN';
  src: url('../../font/GlobeGothicMN-Bold.woff2') format('woff2');
  font-display: swap;
  font-weight: bold;
}

.xp-page-wrap { position: relative; }

.xp-page { padding:0; animation:fadeInUp .8s ease both; min-height:520px; --xp-col-width:560px; --xp-col-gap:24px; }

/* ── 可见性状态（JS 只切 class，CSS 管 display）── */
.xp-d-none { display: none !important; }

/* ── 星座符号字体 ── */
.xp-zodic,
.xp-sign-symbol { font-family: 'Zodiac', 'Segoe UI Symbol', 'Apple Symbols', sans-serif; }

/* ── JS 生成内容的内联样式提取 ── */
.xp-aspect-note { font-size:9px; color: var(--color-text-muted); margin-top:4px; line-height:1.5; }
.xp-section-mt { margin-top:6px; }
.xp-section-mt-sm { margin-top:4px; }
.xp-stat-empty { color: var(--color-text-muted); }
.xp-form-label-inline { font-size:12px; cursor:pointer; user-select:none; display:inline-flex; align-items:center; gap:4px; }
.xp-form-row-space { justify-content:space-between; }
.xp-form-date-input { width:55px; }
.xp-form-select-sm { font-size:12px; padding:3px 4px; border:1px solid var(--color-border); border-radius:4px; background:#fff; }
.xp-btn-group { display:flex; gap:6px; }
.xp-settings-link { color:#0074e5; cursor:pointer; }
.xp-settings-link:hover { text-decoration:underline; }
.xp-settings-more { font-size:10px; text-align:right; }
.xp-row-wrap { width:fit-content; }
.xp-left-col { }
.xp-sidebar2 { background:var(--color-pan); border:1px solid var(--color-border-warm); border-radius:10px; padding:12px; font-size:15px; overflow-y:auto; }
.xp-main-area { margin-left:10px; }

/* 表单 */
.xp-form { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-bottom:24px; padding:20px; background:var(--color-pan); border-radius:10px; border:1px solid var(--color-border-warm); }
.xp-form .xp-row { display:flex; align-items:center; gap:8px; }
.xp-form label { font-size:12px; color: var(--color-text-muted); white-space:nowrap; }
.xp-form input,.xp-form select { padding:8px 12px; border:1px solid var(--color-border); background:#fff; color: var(--color-text); border-radius:6px; font-size:14px; font-family:"MiSans",sans-serif; width:90px; text-align:center; }
.xp-form input:focus,.xp-form select:focus { outline:none; border-color:var(--color-gold); }
.xp-form .xp-btn { padding:8px 28px; background:linear-gradient(135deg,var(--color-gold),var(--color-gold)); border:none; border-radius:6px; color: var(--color-text); font-size:14px; font-weight:300; font-family:"MiSans",sans-serif; cursor:pointer; letter-spacing:2px; transition:all .3s ease; }
.xp-form .xp-btn:hover { transform:translateY(-2px); box-shadow:0 6px 25px rgba(212,175,55,.35); }
.xp-form .xp-btn:disabled { opacity:.35; cursor:not-allowed; }

/* 概要卡片 */
.xp-summary { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-bottom:20px; }
.xp-sum-item { text-align:center; padding:12px 16px; background:#fff; border-radius:8px; border:1px solid var(--color-border-warm); min-width:100px; }
.xp-sum-item .val { font-size:22px; display:block; margin-bottom:4px; }
.xp-sum-item .lbl { font-size:11px; color: var(--color-star-sub); display:block; }

/* 左侧：星盘 + 排盘信息 */
.xp-chart-col { margin-left:10px; }

/* 星盘卡片（类似奇门九宫格） */
.xp-chart-card {
  display:flex;
  flex-direction:column;
  width:560px;
  background: var(--color-pan);
  border: 1px solid var(--color-border-warm);
  border-radius: 10px;
  padding: 16px;
  box-shadow: 0 1px 6px rgba(0,0,0,.08);
  margin-bottom: 12px;
}
.xp-chart-center { text-align:center; flex:1; display:flex; align-items:center; justify-content:center; }
.xp-chart-center svg { display:block; }

/* 排盘信息（星盘卡片内上方） */
.xp-result-info { margin-bottom:16px; }
.xp-result-table { width:100%; border-collapse:collapse; font-size:12px; color: var(--color-text); border:1px solid var(--color-border-warm); }
.xp-result-table td { padding:3px 8px; vertical-align:middle; border:1px solid var(--color-border-warm); }
.xp-rtitle { text-align:center; font-weight:300; font-size:13px; color: var(--color-text); padding:4px 0; background:var(--color-parchment); border-bottom:1px solid var(--color-border-warm); }
.xp-rlabel { color:var(--color-gold); font-weight:300; text-align:center; background:var(--color-parchment); white-space:nowrap; font-size:11px; padding:3px 4px; }
.xp-rvalue { color: var(--color-text); font-weight:300; font-size:12px; padding:3px 6px; }
.xp-info-btns { display:flex; gap:6px; margin-top:8px; justify-content:center; }
.xp-info-btn { padding:3px 10px; font-size:11px; border:1px solid var(--color-border); border-radius:4px; background:#fff; cursor:pointer; color: var(--color-text-sec); }
.xp-info-btn:hover { background: var(--color-subtle); }

/* 当前天象卡片 */
.xp-transit-card { background:var(--color-pan); border:1px solid var(--color-border-warm); border-radius:8px; padding:12px 14px; margin-top:12px; margin-left:10px; width:560px; }
.xp-transit-header { display:flex; align-items:center; gap:8px; margin-bottom:8px; }
.xp-transit-title { font-family:"ZhankuWenyi",sans-serif; font-size:16px; color:var(--color-gold); letter-spacing:2px; }
.xp-transit-time { color: var(--color-text); font-size:13px; }
.xp-transit-tz { color: var(--color-text-muted); font-size:11px; margin-left:auto; }
.xp-transit-table { width:100%; border-collapse:collapse; font-size:12px; }
.xp-transit-table th { color: var(--color-star-sub); font-weight:300; text-align:center; padding:3px 6px; border-bottom:1px solid var(--color-border-warm); font-size:11px; }
.xp-transit-table th:nth-child(2) { text-align:left; }
.xp-transit-table td { padding:3px 6px; border-bottom:1px solid var(--color-border-light); font-size:12px; }
.xp-transit-table .t-sym { width:24px; text-align:center; font-size:15px; font-family:"Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif; }
.xp-transit-table .t-sign { color:var(--color-gold); text-align:center; font-size:15px; }
.xp-transit-table .t-deg { color:#777; text-align:center; white-space:nowrap; }
.xp-transit-table .t-decl { color: var(--color-text-muted); text-align:center; font-size:11px; white-space:nowrap; }
.xp-transit-table .t-retro { color:#c55; }
.xp-transit-footer { text-align:right; margin-top:8px; }

/* ═══ 右侧：侧边栏组（absolute 定位，子元素自然流动） ═══ */
.xp-sidebar-group {
  position:absolute;
  top:0;
  left:594px;
  right:10px;
}

.xp-sidebar {
  background:var(--color-pan);
  border:1px solid var(--color-border-warm);
  border-radius:10px;
  padding:12px;
  font-size:14px;
  overflow-y:auto;
  margin-bottom:10px;
}
.xp-sidebar2 .xp-sidebar-toggle { position:absolute; top:6px; right:8px; }
.xp-sidebar2.collapsed .xp-interp-group:not(:first-child) { display:none; }

/* 解读列表 */
.xp-interp-list { font-size:15px; }
.xp-interp-group { margin-bottom:14px; }
.xp-interp-title { font-size:16px; font-weight:700; color:var(--color-brand); margin-bottom:8px; padding:5px 10px; border-radius:5px; background:var(--color-subtle); border-left:4px solid var(--color-brand); }
.xp-interp-count { font-size:12px; color:var(--color-text-muted); font-weight:400; margin-left:4px; }
.xp-interp-item { margin-bottom:2px; border-bottom:1px solid var(--color-border-light); }
.xp-interp-head { padding:7px 0; cursor:pointer; user-select:none; font-size:14px; display:flex; align-items:center; gap:5px; color:var(--color-text); }
.xp-interp-head:hover { color:var(--color-brand); }
.xp-interp-arrow { font-size:11px; display:inline-block; transition:transform .2s; width:13px; text-align:center; color:var(--color-text-muted); }
.xp-interp-arrow.xp-interp-rot { transform:rotate(90deg); }
.xp-interp-body { display:none; padding:0 0 10px 18px; }
.xp-interp-body.xp-interp-open { display:block; }
.xp-interp-text { color:var(--color-text-sec); font-size:13px; line-height:1.9; margin:0; word-break:break-all; }
.xp-interp-empty { color:#bbb; font-size:13px; padding:4px 8px; }
/* 彩色类型标签 */
.xp-interp-tag { display:inline-block; font-size:11px; font-weight:600; padding:1px 6px; border-radius:3px; color:#fff; flex-shrink:0; }
.xp-interp-tag-ps  { background:#7c4dff; }
.xp-interp-tag-ax  { background:#e65100; }
.xp-interp-tag-ph  { background:#1565c0; }
.xp-interp-tag-hc  { background:#2e7d32; }
.xp-interp-tag-asp { background:#b71c1c; }
.xp-interp-tag-rf  { background:#00695c; }

/* 解盘概述 */
.xp-overview { margin-bottom:12px; padding:10px 12px; background:var(--color-subtle); border-radius:6px; border:1px solid var(--color-border-light); }
.xp-overview-title { font-size:16px; font-weight:700; color:var(--color-brand); margin-bottom:6px; letter-spacing:1px; }
.xp-overview-text { font-size:13px; color:var(--color-text-sec); line-height:1.9; }
.xp-overview-text p { margin:0 0 6px 0; text-indent:2em; }

.xp-sidebar-toggle { display: none; }
.xp-toggle-arrow { font-size:8px; }
.xp-sidebar.collapsed #xpSidebarContent .section:not(:first-child),
.xp-sidebar.collapsed .xp-sb-grid,
.xp-sidebar.collapsed .divider { display:none; }
.xp-sidebar .section { background:var(--color-pan); border:1px solid var(--color-brand); border-radius:8px; padding:10px 14px; margin-bottom:12px; box-shadow:0 1px 6px rgba(0,0,0,.08); }
.xp-sidebar .section:last-child { margin-bottom:0; }
.xp-sidebar .section-title {
  font-size:13px; font-weight:bold; color:#1b5594;
  border-left:3px solid #1b5594; padding:0 0 0 8px;
  margin-bottom:10px; display:block; background:none; border-radius:0;
}
.xp-sidebar .section-title.star-title { color:#0074e5; border-left-color:#0074e5; }
.xp-sidebar .divider { width:100%; border-top:1px dashed var(--color-border); margin:8px 0; }
/* 三列网格 */
.xp-sb-grid { display:grid; grid-template-columns:1fr 1fr; gap:0; border:1px solid var(--color-border-warm); border-radius:4px; overflow:hidden; }
.xp-sb-col { min-width:0; padding:6px; border-right:1px solid var(--color-border-warm); }
.xp-sb-col:last-child { border-right:none; }
.xp-sb-col .section-title { font-size:11px; font-weight:bold; color:#1b5594; padding:0 0 0 6px; margin-bottom:6px; border-left:2px solid #1b5594; background:none; border-radius:0; }
.xp-sb-col .section { margin-bottom:0; padding:8px; border:none; box-shadow:none; }

/* 侧边栏内容 */
.xp-sb-planet-row {
  display:flex; align-items:center; gap:4px;
  padding:2px 4px; border-bottom:1px solid var(--color-border-light); font-size:11px;
}
.xp-sb-planet-row:hover { background: var(--color-subtle); }
.xp-sb-planet-row .psym { font-size:14px; width:18px; text-align:center; flex-shrink:0; font-family:"Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif; }
.xp-sb-planet-row .pname { color: var(--color-text-sec); flex-shrink:0; font-size:10px; }
.xp-sb-planet-row .psign { color:var(--color-gold); flex-shrink:0; text-align:left; }
.xp-sb-planet-row .pdeg { color:#777; flex:1; text-align:right; font-size:10px; }
.xp-sb-planet-row .phouse { color: var(--color-text-muted); font-size:10px; }
.xp-sb-planet-row .pretro { color:#c55; font-size:9px; }

.xp-sb-house-row {
  display:flex; align-items:center; gap:3px;
  padding:2px 4px; border-bottom:1px solid var(--color-border-light); font-size:11px;
}
.xp-sb-house-row:hover { background: var(--color-subtle); }
.xp-sb-house-row .hnum { color:var(--color-gold); font-weight:300; width:16px; text-align:left; flex-shrink:0; }
.xp-sb-house-row .hsign { color:var(--color-gold); flex:1; text-align:left; white-space:nowrap; overflow:hidden; }
.xp-sb-house-row .hdeg { color:#777; font-size:10px; text-align:left; }
.xp-sb-house-row .haxis { color:var(--color-gold); font-weight:300; font-size:9px; }

.xp-sb-aspect-row {
  display:flex; align-items:center; gap:2px;
  padding:1px 4px; border-bottom:1px solid var(--color-border-light); font-size:10px;
}
.xp-sb-aspect-row:hover { background: var(--color-subtle); }
.xp-sb-aspect-row .ap1 { color: var(--color-text-sec); font-size:10px; }
.xp-sb-aspect-row .aicon { color:var(--color-gold); font-size:12px; font-family:"Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif; }
.xp-sb-aspect-row .ap2 { color: var(--color-text-sec); font-size:10px; }
.xp-sb-aspect-row .astrength { color: var(--color-text-muted); margin-left:auto; font-size:9px; }

/* 星盘统计 */
.xp-stat-group { margin-bottom:10px; }
.xp-stat-label { font-size:11px; color:var(--color-brand); font-weight:600; margin-bottom:4px; }
.xp-stat-line { display:flex; flex-wrap:wrap; gap:3px; align-items:center; margin-bottom:4px; }
.xp-stat-cat { display:inline-block; font-size:10px; font-weight:600; padding:1px 6px; border-radius:3px; white-space:nowrap; }
.xp-stat-tag { display:inline-block; font-size:10px; padding:1px 6px; border-radius:3px; white-space:nowrap; }

/* 星体格局 */
.xp-pattern-block { margin-bottom:8px; }
.xp-pattern-title { font-size:12px; font-weight:700; margin-bottom:3px; letter-spacing:1px; }
.xp-pattern-line { display:flex; flex-wrap:wrap; gap:2px; align-items:center; margin-bottom:2px; font-size:11px; }
.xp-pattern-tag { display:inline-block; padding:1px 6px; border-radius:3px; background:var(--color-subtle); color:var(--color-text-sec); white-space:nowrap; }
.xp-pattern-arrow { color:var(--color-text-muted); font-size:9px; }
.xp-pattern-none { color:var(--color-text-muted); font-size:11px; }
.xp-pattern-note { margin-top:8px; padding:6px 8px; background:var(--color-subtle); border-radius:4px; font-size:10px; color:var(--color-text-muted); line-height:1.6; }

/* 四轴表格 */
.xp-axis-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.xp-axis-cell { text-align:center; padding:6px 4px; border:1px solid var(--color-border-warm); }
.xp-axis-name { font-size:11px; color:var(--color-brand); font-weight:600; }
.xp-axis-sign { font-size:12px; color:var(--color-gold); font-family:"Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif; }
.xp-axis-deg { font-size:11px; color:#777; margin-top:2px; }

/* 星体落入星座表格 */
.xp-dg-table { width:100%; border-collapse:collapse; font-size:11px; }
.xp-dg-table th { color: var(--color-star-sub); font-weight:300; text-align:left; padding:2px 4px; border-bottom:1px solid var(--color-border-warm); font-size:10px; }
.xp-dg-table td { padding:2px 4px; border-bottom:1px solid var(--color-border-light); }
.xp-dg-dignity { color:#c55; font-size:10px; }
.xp-dg-sort { cursor:pointer; user-select:none; }
.xp-dg-sort:hover { color:var(--color-brand); }

/* 宫位详细表 */
.xp-ht-table { width:100%; border-collapse:collapse; font-size:12px; }
.xp-ht-table th { color: var(--color-star-sub); font-weight:300; text-align:left; padding:2px 3px; border-bottom:1px solid var(--color-border-warm); font-size:11px; white-space:nowrap; }
.xp-ht-table td { padding:2px 3px; border-bottom:1px solid var(--color-border-light); vertical-align:top; }
.ht-num { color:var(--color-gold); font-weight:600; width:18px; text-align:center; }
.ht-sign { white-space:nowrap; }
.ht-ruler { color: var(--color-text-sec); white-space:nowrap; }
.ht-fly { color:#777; font-size:10px; white-space:nowrap; }
.ht-planets { color: var(--color-text-muted); font-size:10px; padding-left:18px !important; }

/* 相位详细表 */
.xp-asp-table { width:100%; border-collapse:collapse; font-size:11px; }
.xp-asp-table th { color: var(--color-star-sub); font-weight:300; text-align:left; padding:2px 2px; border-bottom:1px solid var(--color-border-warm); font-size:11px; white-space:nowrap; }
.xp-asp-table td { padding:1px 2px; border-bottom:1px solid var(--color-border-light); }

/* 侧边栏概要 */
.xp-sb-summary { display:flex; flex-wrap:wrap; gap:3px; align-items:stretch; }
.xp-sb-sum-item { text-align:center; padding:4px 6px; background:#fff; border-radius:3px; border:1px solid var(--color-border-warm); font-size:10px; display:flex; flex-direction:column; justify-content:center; min-height:auto; }
.xp-sb-sum-item .sval { font-size:12px; display:block; line-height:1.3; }
.xp-sb-sum-item .slbl { font-size:9px; color: var(--color-text-muted); display:block; }

/* 侧边栏空状态 */
.xp-sb-empty {
  display:flex; align-items:center; justify-content:center;
  height:200px; color: var(--color-text-faint); font-size:14px;
  text-align:center; line-height:2.2;
}

/* 过期兼容 */
.xp-table-box { background:var(--color-pan); border-radius:8px; border:1px solid var(--color-border-warm); padding:16px; }
.xp-table-box h3 { font-family:"ZhankuWenyi",sans-serif; font-size:15px; color:var(--color-gold); letter-spacing:2px; margin-bottom:12px; }
.xp-table { width:100%; border-collapse:collapse; }
.xp-table td,.xp-table th { padding:4px 6px; font-size:12px; border-bottom:1px solid #e8e0d0; text-align:left; }
.xp-table th { color: var(--color-star-sub); font-weight:300; }
.xp-table .sym { font-size:15px; text-align:center; width:24px; }
.xp-table .name { color: var(--color-text-sec); }
.xp-table .sign { color:var(--color-gold); }
.xp-table .deg { color:#777; }
.xp-table .house { color: var(--color-text-muted); }
.xp-table .retro { color:#c55; }
.xp-table .axis { color:var(--color-gold); font-weight:300; }

.xp-premium { margin-top:0; padding:20px; background:var(--color-pan); border-radius:10px; border:1px solid rgba(180,146,46,.15); }
.xp-premium h3 { font-family:"ZhankuWenyi",sans-serif; font-size:18px; color:var(--color-gold); letter-spacing:2px; margin-bottom:16px; text-align:center; }
.xp-premium-grid { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; }
.xp-prem-card { flex:1 1 180px; max-width:220px; padding:16px 12px; border-radius:8px; border:1px solid rgba(180,146,46,.2); background:rgba(180,146,46,.04); cursor:pointer; text-align:center; transition:all .25s ease; position:relative; }
.xp-prem-card:hover { border-color:var(--color-gold); background:rgba(180,146,46,.1); transform:translateY(-2px); }
.xp-prem-icon { font-size:28px; display:block; margin-bottom:8px; }
.xp-prem-title { font-size:14px; color:#8B4513; font-family:"ZhankuWenyi",sans-serif; letter-spacing:1px; display:block; margin-bottom:4px; }
.xp-prem-desc { font-size:11px; color: var(--color-star-sub); display:block; }
.xp-prem-lock { position:absolute; top:8px; right:10px; font-size:14px; }

/* ── 页面表单与组件（自 xingzuo.html 内联抽出）── */
@keyframes fadeInUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
.card { background:var(--color-pan); border:1px solid var(--color-brand); border-radius:8px; padding:10px 14px; margin-bottom:10px; box-shadow:0 1px 6px rgba(0,0,0,.08); max-width:560px; margin-left:10px; }
.form-row { display:flex; align-items:center; gap:6px; margin-bottom:6px; flex-wrap:wrap; font-size:12px; }
.form-row:last-child { margin-bottom:0; }
.lbl { color:var(--color-brand); font-weight:300; white-space:nowrap; min-width:52px; font-size:12px; }
.seeker-input { padding:3px 6px; border:1px solid var(--color-border); border-radius:4px; font-size:12px; width:100px; }
.date-input { padding:3px 4px; border:1px solid var(--color-border); border-radius:4px; font-size:12px; text-align:center; width:36px; }
.date-input.year { width:48px; }
.btn-premium { padding:3px 12px; background:var(--color-btn-dark); color:var(--color-vip-gold); border:none; border-radius:4px; cursor:pointer; font-size:12px; font-family:"MiSans",sans-serif; font-weight:400; height:24px; transition:transform .1s; touch-action:manipulation; }
.btn-premium:hover { background:var(--color-btn-dark); color:var(--color-vip-gold); }
.btn-premium:active { transform:scale(.96); }
.dst-hint { font-size:11px; color:#c55; cursor:help; border-bottom:1px dotted #c55; }
.dst-tooltip { display:none; position:absolute; background:#fff8f0; border:1px solid #e0c080; border-radius:6px; padding:12px; font-size:11px; color: var(--color-text-sec); width:300px; box-shadow:0 2px 12px rgba(0,0,0,.1); z-index:10; line-height:1.6; }
.dst-wrap { position:relative; display:inline-flex; align-items:center; gap:4px; }
.dst-wrap:hover .dst-tooltip { display:block; }
.zty-select { font-size:12px; padding:3px 6px; border:1px solid var(--color-border); border-radius:4px; background:#fff; max-width:120px; }
.xp-tabs { display:flex; gap:6px; margin-bottom:12px; justify-content:center; }
.xp-tab { padding:4px 14px; border-radius:6px; background:#e8e0d0; cursor:pointer; font-size:13px; transition:all .2s; user-select:none; }
.xp-tab:hover { background:var(--color-border-warm); }
.xp-tab.active { background:var(--color-brand); color:#fff; }
.xp-time-ctrl { display:flex; justify-content:space-between; align-items:center; margin-top:12px; padding-top:10px; border-top:1px solid var(--color-border-warm); font-size:12px; }
.xp-time-ctrl .shift-info { color: var(--color-star-sub); }
.xp-time-ctrl button { padding:3px 10px; font-size:12px; border:1px solid var(--color-border); border-radius:4px; background:#fff; cursor:pointer; }
.xp-time-ctrl button:hover { background: var(--color-subtle); }
.xp-time-ctrl .shift-val { color:var(--color-gold); font-weight:300; }
.modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:1000; justify-content:center; align-items:flex-start; overflow-y:auto; padding:20px; }
.modal-overlay.show { display:flex; }
.modal-box { background:var(--color-pan); border-radius:12px; padding:16px 20px; max-width:720px; width:100%; margin:20px 0; box-shadow:0 8px 40px rgba(0,0,0,.2); position:relative; }
.modal-box h2 { font-family:"ZhankuWenyi",sans-serif; font-size:20px; color:var(--color-gold); letter-spacing:3px; margin-bottom:16px; text-align:center; }
.modal-close { position:absolute; top:12px; right:16px; font-size:24px; cursor:pointer; color: var(--color-text-muted); background:none; border:none; line-height:1; }
.modal-close:hover { color:#c55; }
.settings-tip { color: var(--color-text); font-size:12px; margin-bottom:4px; }
.settings-tip .highlight { color:var(--color-fire); font-weight:normal; }
.settings-section { font-size:15px; font-weight:normal; margin:12px 0 6px; color: var(--color-text); }
.settings-aspect-row { display:flex; gap:20px; }
.settings-aspect-col { flex:1; min-width:0; }
.settings-group { font-size:13px; margin:8px 0 4px; color: var(--color-text-sec); }
.settings-check-group { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:6px; }
.settings-check-item { display:flex; align-items:center; gap:4px; font-size:13px; }
.settings-check-item .red-text { color:#e55; }
.settings-row { display:flex; align-items:center; gap:8px; margin:6px 0; flex-wrap:wrap; font-size:13px; }
.settings-row select { padding:3px 6px; font-size:13px; border:1px solid var(--color-border); border-radius:4px; background:#fff; }
.modal-btn-row { text-align:center; margin-top:20px; }
.modal-btn-row button { padding:6px 24px; margin:0 8px; }
body.light { background:var(--color-page); color: var(--color-text); }
body.light .container { background:var(--color-page); }
body.light .chart-subnav a { color: var(--color-text-sec); }
body.light .chart-subnav a.active { color:#0074e5; }
body.light .chart-subnav .sep { color: var(--color-text-faint); }
body.light .user-actions span { color: var(--color-text-sec); }
body.light .user-actions span:hover { background:rgba(0,0,0,.04); }
body.light .nav-item .cn { color: var(--color-text-sec); }
body.light .nav-item .en { color:#8B4513; }
body.light .beian a { color: var(--color-text-muted); }