/* u2 皮肤层 —— 只覆盖视觉，不改结构、不改 JS
   盘区（.grid/.cell/中宫/大限流年轴）一律不碰。
   设计源：stitch redesign(10) DESIGN.md */

:root{
  --t-surface:#ebecee;      /* 页面底 */
  --t-card:#ffffff;         /* 卡片 */
  --t-silk:#f7f8f9;         /* 次级面 */
  --t-ink:#18232c;          /* 主文字 */
  --t-slate:#4a5d6e;        /* 次文字 */
  --t-muted:#7e8f9e;        /* 弱文字 */
  --t-line:#e4e9ed;         /* 分隔线 */
  --t-primary:#1c1d21;      /* 墨底 */
  --t-gold:#e8c877;         /* 金字 */
  --t-gold-deep:#a98132;    /* 金线 */
  --t-gold-line:rgba(169,129,50,.28);
  --t-cinnabar:#b33939;     /* 朱砂强调 */
  --t-r:12px;
}

/* ── 底色 ───────────────────────────── */
body{ background:var(--t-surface) !important; }
.uwrap{ background:var(--t-surface) !important; }

/* ══════════════════════════════════════════════════
   盘区保护：.left 内部一切样式不得被本皮肤影响。
   十二宫 .pg / 星名 .snm / .stars / .adj / .misc /
   四化自化 / 大限流年轴 .dyc .yr —— 全部原样。
   下面每条选择器都显式排除 .left。
   ══════════════════════════════════════════════════ */

/* ── 顶栏：墨底金字 ──────────────────── */
.ubar{
  background:var(--t-surface) !important;   /* 灰底,与页面同色 */
  color:var(--t-ink) !important;
  padding:11px 16px !important;
  border-bottom:1px solid var(--t-line) !important;
}
.ubar .logo{ color:var(--t-ink) !important; letter-spacing:3px !important; }
/* 普通态:灰底上的次级文字 */
.ubar .tabs2 a{
  color:var(--t-muted) !important;
  background:transparent !important;
  border-radius:9px !important;
  padding:5px 13px !important;
  font-size:13px !important;
}
/* 选中态:墨底金字 */
.ubar .tabs2 a.on{
  background:var(--t-primary) !important;
  color:var(--t-gold) !important;
  font-weight:600 !important;
}
/* 次级按钮:白底细线 */
.ubar .fb{
  color:var(--t-slate) !important;
  background:var(--t-card) !important;
  border:1px solid var(--t-line) !important;
  border-radius:9px !important;
}
.ubar .fb:hover{ background:var(--t-silk) !important; }
/* 主按钮(会员):墨底金字 */
.ubar .up{
  background:var(--t-primary) !important;
  color:var(--t-gold) !important;
  border-radius:9px !important;
  font-weight:600 !important;
}

/* ── 卡片：白底细线，去重阴影 ─────────── */
.panel:not(.left *){
  background:var(--t-card) !important;
  border:1px solid var(--t-line) !important;
  border-radius:var(--t-r) !important;
  box-shadow:0 1px 2px rgba(18,29,38,.04) !important;
  padding:16px 16px 18px !important;
  margin-bottom:12px !important;
}
.panel:not(.left *) h2{
  color:var(--t-ink) !important;
  font-family:'Noto Serif SC','Noto Serif',serif !important;
  font-size:19px !important;
  font-weight:600 !important;
  letter-spacing:.01em;
  margin:0 0 4px !important;
  padding-bottom:9px;
  border-bottom:1px solid var(--t-line);
}
.panel:not(.left *) .star{
  color:var(--t-muted) !important;
  font-size:12px !important;
  margin:8px 0 12px !important;
  letter-spacing:.02em;
}
.panel:not(.left *) .tx{ color:var(--t-slate) !important; font-size:14.5px !important; line-height:1.95 !important; }
.panel:not(.left *) .tx b,.panel:not(.left *) .tx strong{ color:var(--t-ink) !important; }

/* ── 维度 tab：金线下划 ─────────────── */
#dimtabs{
  background:var(--t-card) !important;
  border:1px solid var(--t-line) !important;
  border-radius:var(--t-r) !important;
  padding:5px !important;
  gap:2px !important;
  margin-bottom:12px !important;
}
#dimtabs .d{
  color:var(--t-muted) !important;
  font-size:13.5px !important;
  padding:7px 13px !important;
  border-radius:8px !important;
  border:0 !important;
  background:none !important;
  position:relative;
  transition:color .15s;
}
#dimtabs .d.on{
  color:var(--t-gold) !important;
  font-weight:600 !important;
  background:var(--t-primary) !important;
}
#dimtabs .d.lock{ color:#b7c0c7 !important; }

/* ── AI 悬浮球：墨底金字 ────────────── */
.aifab{
  background:var(--t-primary) !important;
  color:var(--t-gold) !important;
  border:1px solid var(--t-gold-line) !important;
  box-shadow:0 6px 18px rgba(28,29,33,.32) !important;
  border-radius:24px !important;
}
.aifab .n{ background:linear-gradient(135deg,#e8c877,#c9a44c) !important; color:#3a2c08 !important; }
.signfab{
  background:linear-gradient(135deg,#e8c877,#c9a44c) !important;
  color:#3a2c08 !important;
  box-shadow:0 5px 15px rgba(169,129,50,.4) !important;
}
#aibtn .ainum{ background:linear-gradient(135deg,#e8c877,#c9a44c) !important; color:#3a2c08 !important; }

/* ── 弹层头部统一墨金 ───────────────── */
.gd-hd{ background:var(--t-primary) !important; color:var(--t-gold) !important; }

/* ── 手机端 ─────────────────────────── */
@media (max-width:720px){
  .ubar{ padding:9px 12px !important; }
  .ubar .logo{ font-size:14px !important; letter-spacing:2px !important; }
  .ubar .tabs2 a{ padding:4px 10px !important; font-size:12.5px !important; }
  .panel{ padding:14px 13px 16px !important; border-radius:11px !important; }
  .panel h2{ font-size:17.5px !important; }
  .panel .tx{ font-size:14px !important; line-height:1.9 !important; }
  #dimtabs .d{ font-size:13px !important; padding:6px 11px !important; }
}
