/* ============================================================
   水墨丹青主题（商店购买「水墨丹青主题」后生效）
   作用域：<html class="theme-ink">（登录页 + 大厅 + 弹窗 + 桌宠）
   原则：位置 / 尺寸 / 文字一律不动，只换配色 / 字体 / 边框 / 圆角 / 阴影
   像素街机原样式在 hall.css / login.css / horn-bar.css，本文件按更高优先级覆盖
   风格：宣纸米白 × 淡墨灰 × 朱砂红点睛，衬线书法字体，圆角收敛、阴影极淡
   ============================================================ */

/* —— 水墨设计变量（宣纸 + 墨阶 + 朱砂）—— */
.theme-ink {
  --ik-ink: #2c2c2c;          /* 浓墨（正文）*/
  --ik-ink-soft: #6f6f6a;     /* 淡墨（次要文字）*/
  --ik-paper: #f7f4ec;        /* 宣纸底 */
  --ik-paper2: #fffdf6;       /* 卡片纸 */
  --ik-paper3: #efe9da;       /* 深一档纸 */
  --ik-line: #d8d2c2;         /* 纸上细线 */
  --ik-black: #3f4a52;        /* 焦墨（标题）*/
  --ik-red: #b3342d;          /* 朱砂（点睛/强调）*/
  --ik-red-deep: #8c2620;     /* 深朱砂 */
  --ik-green: #5c7a5c;        /* 竹墨绿 */
  --ik-green-deep: #435c43;   /* 深竹绿 */
  --ik-gold: #a08228;         /* 泥金 */
  --ik-font: "KaiTi", "STKaiti", "楷体", "Noto Serif SC", "Songti SC", "SimSun", serif;
  --ik-radius: 6px;
  --ik-radius-lg: 10px;
  --ik-shadow: 0 2px 10px rgba(60, 55, 45, .12);
}

/* ===== 基础：宣纸底 + 淡墨字 ===== */
.theme-ink body {
  font-family: var(--ik-font);
  color: var(--ik-ink);
  background:
    radial-gradient(ellipse 90% 42% at 82% -6%, rgba(63, 74, 82, .07) 0%, transparent 55%),
    radial-gradient(ellipse 70% 40% at 8% 108%, rgba(92, 122, 92, .08) 0%, transparent 55%),
    linear-gradient(180deg, #f7f4ec 0%, #f2eee2 100%);
}

.theme-ink #hallBgVideo {
  opacity: .14;
  filter: grayscale(1) contrast(.9);
}

/* ===== 顶栏：纸墨横幅 ===== */
.theme-ink header {
  background: linear-gradient(180deg, #fbf9f2 0%, #f4f0e4 100%);
  border-bottom: 2px solid var(--ik-black);
  box-shadow: 0 2px 0 rgba(63, 74, 82, .18), 0 8px 22px rgba(60, 55, 45, .12);
}

.theme-ink .brand {
  color: var(--ik-black);
  text-shadow: none;
  animation: none;
  letter-spacing: 6px;
}

.theme-ink .online-num {
  color: var(--ik-green-deep);
  border-color: var(--ik-green);
  background: rgba(92, 122, 92, .08);
  box-shadow: none;
  text-shadow: none;
}

.theme-ink .user-box .name {
  color: var(--ik-black);
  text-shadow: none;
}

.theme-ink .pixel-btn {
  border-radius: var(--ik-radius);
  background: linear-gradient(180deg, #4a4a46 0%, #35352f 100%);
  color: #f5f1e6;
  text-shadow: none;
  box-shadow: 0 2px 0 #21211d;
}

.theme-ink .checkin-btn {
  background: linear-gradient(180deg, #c4473f 0%, #a02c26 100%);
  color: #fff7ee;
  box-shadow: 0 2px 0 #6f1d18;
}

.theme-ink .logout-btn {
  background: linear-gradient(180deg, #8a8a82 0%, #63635b 100%);
  color: #fdfcf7;
  box-shadow: 0 2px 0 #45453f;
}

.theme-ink .music-btn {
  background: linear-gradient(180deg, #6f856f 0%, #526652 100%);
  color: #f4f8f2;
  box-shadow: 0 2px 0 #384638;
}

.theme-ink .music-btn.off {
  background: linear-gradient(180deg, #b5b3a6 0%, #94927f 100%);
  color: #fbfaf4;
  box-shadow: 0 2px 0 #71705f;
}

.theme-ink .coin-balance {
  border-radius: 999px;
  border-color: var(--ik-gold);
  color: var(--ik-gold);
  background: rgba(160, 130, 40, .08);
  box-shadow: none;
  text-shadow: none;
}

.theme-ink .nav-btn {
  background: linear-gradient(180deg, #57574f 0%, #3d3d37 100%);
  color: #f5f1e6;
  border-color: #2e2e29;
  text-shadow: none;
  border-radius: var(--ik-radius);
  box-shadow: 0 3px 0 #23231f;
}

.theme-ink .nav-btn.active {
  background: linear-gradient(180deg, #c4473f 0%, #a02c26 100%);
  color: #fff7ee;
  box-shadow: 0 3px 0 #6f1d18;
}

/* ===== 主区：卷轴卡片 ===== */
.theme-ink .section-title {
  color: var(--ik-black);
  text-shadow: none;
}

.theme-ink .section-title::before {
  color: var(--ik-red);
  text-shadow: none;
}

.theme-ink .card {
  background: var(--ik-paper2);
  border: 1px solid var(--ik-line);
  border-radius: var(--ik-radius-lg);
  box-shadow: var(--ik-shadow);
}

.theme-ink .card:hover {
  border-color: var(--ik-black);
  box-shadow: 0 4px 16px rgba(60, 55, 45, .18);
}

.theme-ink .screen {
  border-color: var(--ik-line);
  box-shadow: inset 0 0 18px rgba(60, 55, 45, .08);
}

.theme-ink .detail .enter {
  background: linear-gradient(180deg, #c4473f 0%, #a02c26 100%);
  color: #fff7ee;
  border-radius: var(--ik-radius);
  text-shadow: none;
  box-shadow: 0 3px 0 #6f1d18;
}

/* ===== 弹窗：宣纸卷面 ===== */
.theme-ink .board-mask {
  background: rgba(44, 44, 44, .45);
}

.theme-ink .board-panel {
  background: var(--ik-paper2);
  border: 2px solid var(--ik-black);
  border-radius: var(--ik-radius-lg);
  box-shadow: 0 12px 34px rgba(44, 40, 32, .28);
}

.theme-ink .board-title {
  color: var(--ik-black);
  text-shadow: none;
}

.theme-ink .board-sub {
  color: var(--ik-ink-soft);
}

.theme-ink .board-send {
  background: linear-gradient(180deg, #c4473f 0%, #a02c26 100%);
  color: #fff7ee;
  border-radius: var(--ik-radius);
  text-shadow: none;
  box-shadow: 0 3px 0 #6f1d18;
}

.theme-ink .shop-item {
  background: var(--ik-paper2);
  border: 1px solid var(--ik-line);
  border-radius: var(--ik-radius);
  box-shadow: var(--ik-shadow);
}

.theme-ink .si-name {
  color: var(--ik-black);
}

.theme-ink .si-desc {
  color: var(--ik-ink-soft);
}

.theme-ink .si-price {
  color: var(--ik-gold);
  text-shadow: none;
}

.theme-ink .shop-tab.active {
  background: linear-gradient(180deg, #4a4a46 0%, #35352f 100%);
  color: #f5f1e6;
  box-shadow: none;
}

/* ===== 转盘：墨圈轮盘 ===== */
.theme-ink .ck-lottery-title {
  color: var(--ik-black);
  text-shadow: none;
}

.theme-ink .ck-lottery-go,
.theme-ink .wheel-go {
  background: linear-gradient(180deg, #c4473f 0%, #a02c26 100%);
  color: #fff7ee;
  border-radius: var(--ik-radius);
  box-shadow: 0 3px 0 #6f1d18;
}

.theme-ink .wheel-box {
  border-color: var(--ik-black);
  box-shadow: 0 0 0 4px rgba(63, 74, 82, .08), var(--ik-shadow);
  background: radial-gradient(circle at 50% 42%, #fffdf6 0%, #efe9da 82%);
}

.theme-ink .wheel-pointer {
  border-bottom-color: var(--ik-red);
  filter: none;
}

/* ===== 留言板 / 任务 / 杂项 ===== */
.theme-ink .msg-item {
  border-color: var(--ik-line);
  background: var(--ik-paper2);
}

.theme-ink .ck-task-item {
  border-color: var(--ik-line);
  background: var(--ik-paper2);
}

.theme-ink .tag-cell {
  background: var(--ik-paper2);
  border-color: var(--ik-line);
}

.theme-ink .bh-item,
.theme-ink .ah-item {
  background: var(--ik-paper3);
  border-color: var(--ik-line);
}

.theme-ink .bh-item.using,
.theme-ink .ah-item.using {
  border-color: var(--ik-green);
  background: rgba(92, 122, 92, .1);
}

.theme-ink .more-menu {
  background: var(--ik-paper2);
  border-color: var(--ik-black);
  box-shadow: 0 10px 28px rgba(44, 40, 32, .25);
}

.theme-ink .mm-item {
  color: var(--ik-ink);
}

.theme-ink .mm-item:hover {
  background: rgba(63, 74, 82, .08);
  border-color: rgba(63, 74, 82, .35);
}

.theme-ink .mm-item.mm-danger {
  color: var(--ik-red-deep);
}

/* ===== F7 主题适配 · 新界面（转盘弹窗/十连卡片/每日任务进度条）===== */
.theme-ink .wheel-panel {
  background: var(--ik-paper2);
  border: 2px solid var(--ik-black);
}

.theme-ink .wheel-ticket-num {
  color: var(--ik-gold);
  text-shadow: none;
}

.theme-ink .rc-card {
  background: var(--ik-paper2);
  color: var(--ik-ink);
}

.theme-ink .rc-card .rc-amt {
  text-shadow: none;
}

.theme-ink .dt-track {
  background: var(--ik-paper3);
  border-color: var(--ik-line);
}

.theme-ink .dt-node.done .dt-dot {
  background: var(--ik-black);
  border-color: var(--ik-red);
  box-shadow: 0 0 8px rgba(179, 52, 45, .35);
}

.theme-ink .dt-fill {
  background: linear-gradient(90deg, #6f6f6a, #3f4a52);
}

/* 排行榜 */
.theme-ink .lb-row.top1 .lb-rank { color: var(--ik-gold); text-shadow: none; }
.theme-ink .lb-row.top2 .lb-rank { color: #7d7d76; text-shadow: none; }
.theme-ink .lb-row.top3 .lb-rank { color: var(--ik-red); text-shadow: none; }

.theme-ink .lb-row {
  border-color: var(--ik-line);
}

/* Toast */
.theme-ink .toast-wrap .toast {
  background: rgba(44, 44, 44, .96);
  border-color: var(--ik-black);
  color: #f5f1e6;
}