/* ============================================================
   手绘涂鸦主题（商店购买「手绘涂鸦主题」后生效）
   作用域：<html class="theme-doodle">（登录页 + 大厅 + 弹窗 + 喇叭条）
   原则：位置 / 尺寸 / 文字一律不动，只换配色 / 字体 / 边框 / 圆角 / 阴影
   像素街机原样式在 hall.css / login.css / horn-bar.css，本文件按更高优先级覆盖
   ============================================================ */

/* —— 涂鸦主题设计变量（蜡笔色板 + 墨线 + 纸面）—— */
.theme-doodle {
  --dz-ink: #3a322d;        /* 墨线主色 */
  --dz-ink-soft: #7a6f63;   /* 浅墨（次要文字）*/
  --dz-paper: #faf3e3;      /* 纸面底色 */
  --dz-paper-2: #fffbf0;    /* 卡片纸 */
  --dz-paper-3: #f2e8d2;    /* 深一档纸面 */
  --dz-line: #d8c9a8;       /* 纸上格线 */
  --dz-red: #e8635a;        /* 蜡笔红 */
  --dz-red-deep: #c14b43;   /* 深红（文字用）*/
  --dz-orange: #f0984a;     /* 蜡笔橙 */
  --dz-orange-deep: #c4762a;/* 深橙（文字用）*/
  --dz-yellow: #f6d04b;     /* 蜡笔黄 */
  --dz-yellow-deep: #8a6a1f;/* 深黄（文字用）*/
  --dz-green: #79b56b;      /* 蜡笔绿 */
  --dz-green-pale: #cfe8bf; /* 浅绿填色 */
  --dz-green-deep: #4c7a45; /* 深绿（文字用）*/
  --dz-blue: #5b9bd7;       /* 蜡笔蓝 */
  --dz-blue-pale: #cfe2f5;  /* 浅蓝填色 */
  --dz-blue-deep: #33608f;  /* 深蓝（文字用）*/
  --dz-pink: #ef8fb2;       /* 蜡笔粉 */
  --dz-pink-pale: #f6d9e5;  /* 浅粉填色 */
  --dz-pink-deep: #c25e88;  /* 深粉（文字用）*/
  --dz-font: "Comic Sans MS", "Chalkboard SE", "KaiTi", "楷体", "STKaiti", "PingFang SC", "Microsoft YaHei", cursive;
  --dz-radius: 14px 10px 15px 9px / 10px 15px 9px 14px;          /* 手绘抖动圆角（小）*/
  --dz-radius-lg: 18px 22px 16px 24px / 22px 16px 24px 18px;     /* 手绘抖动圆角（大）*/
}

/* ===== 基础：纸面 + 手写字体 ===== */
.theme-doodle body {
  font-family: var(--dz-font);
  color: var(--dz-ink);
  background:
    repeating-linear-gradient(0deg, rgba(91, 155, 215, .07) 0 1px, transparent 1px 26px),
    repeating-linear-gradient(90deg, rgba(91, 155, 215, .07) 0 1px, transparent 1px 26px),
    var(--dz-paper);
}

/* 大厅背景视频：处理成纸上的铅笔素描（购入的背景不失效，只是换了画法） */
.theme-doodle #hallBgVideo {
  filter: grayscale(1) sepia(.45) contrast(.9) brightness(1.15);
  opacity: .95;
}

/* 星空像素点：纸上不需要，隐藏 */
.theme-doodle .stars,
.theme-doodle .stars2 {
  display: none !important;
}

/* ===== 顶部栏：纸质招牌 ===== */
.theme-doodle header {
  background: var(--dz-paper-3);
  border-bottom: 4px solid var(--dz-ink);
  box-shadow: 0 4px 0 var(--dz-yellow), 0 8px 24px rgba(58, 50, 45, .16);
}

.theme-doodle .brand {
  color: var(--dz-red);
  text-shadow: 2px 2px 0 rgba(58, 50, 45, .16);
  animation: none;
}

.theme-doodle .online-num {
  color: var(--dz-green-deep);
  border: 2px solid var(--dz-green);
  background: rgba(121, 181, 107, .14);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .18);
  text-shadow: none;
}

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

.theme-doodle .user-box .utag {
  border: 2px solid var(--dz-blue);
  background: rgba(91, 155, 215, .13);
  color: var(--dz-blue-deep);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .15);
}

.theme-doodle .coin-balance {
  border: 2px solid var(--dz-yellow);
  background: rgba(246, 208, 75, .18);
  color: var(--dz-yellow-deep);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .15);
}

/* ===== 通用按钮：纸片 + 墨线 + 蜡笔填色 ===== */
.theme-doodle .pixel-btn {
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: var(--dz-paper-2);
  color: var(--dz-ink);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .pixel-btn:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .checkin-btn {
  background: var(--dz-blue-pale);
  color: var(--dz-blue-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .checkin-btn:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .pixel-btn.board-btn {
  background: #f9e7ae;
  color: var(--dz-yellow-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .pixel-btn.board-btn:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .logout-btn {
  background: #f5cfc7;
  color: var(--dz-red-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .logout-btn:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .music-btn {
  background: var(--dz-green-pale);
  color: var(--dz-green-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .music-btn:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .music-btn.off {
  background: #e8e2d5;
  color: var(--dz-ink-soft);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .music-btn.off:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .admin-btn {
  background: #d3f0f2;
  color: #2f6b70;
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .admin-btn:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

/* ===== 导航 / 视图切换按钮 ===== */
.theme-doodle .nav-btn {
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: var(--dz-paper-2);
  color: var(--dz-ink);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .nav-btn:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .nav-btn.active {
  background: var(--dz-green-pale);
  color: var(--dz-green-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .view-switch button {
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: var(--dz-paper-2);
  color: var(--dz-ink-soft);
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .view-switch button:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .view-switch button.active {
  background: var(--dz-pink-pale);
  color: var(--dz-pink-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

/* ===== 工具栏标题：荧光笔划线效果 ===== */
.theme-doodle .section-title {
  color: var(--dz-ink);
  text-shadow: none;
  background: linear-gradient(transparent 60%, rgba(246, 208, 75, .55) 60%);
  border-radius: 2px;
  padding: 0 4px;
}

.theme-doodle .section-title::before {
  color: var(--dz-pink);
}

.theme-doodle .empty {
  color: var(--dz-ink-soft);
}

/* ===== 大厅框体 / 屏幕：纸箱 + 纸屏 ===== */
.theme-doodle .cabinet {
  background: rgba(250, 243, 227, .9);
  border: 4px solid var(--dz-ink);
  border-radius: var(--dz-radius-lg);
  box-shadow: 0 0 0 4px var(--dz-yellow), 10px 12px 0 rgba(58, 50, 45, .18);
}

.theme-doodle .screen {
  background: rgba(255, 253, 246, .94);
  border: 3px solid var(--dz-ink);
  border-radius: 14px 18px 12px 20px / 18px 12px 20px 14px;
  box-shadow: inset 0 0 24px rgba(58, 50, 45, .08);
}

/* CRT 扫描线：纸上撤掉 */
.theme-doodle .screen::after {
  background: none;
}

/* ===== 游戏卡片：便签纸 ===== */
.theme-doodle .card {
  background: var(--dz-paper-2);
  border: 4px solid var(--dz-ink);
  border-radius: var(--dz-radius-lg);
  box-shadow: 5px 6px 0 rgba(58, 50, 45, .16);
}

.theme-doodle .card:hover {
  box-shadow: 8px 10px 0 rgba(58, 50, 45, .2);
}

.theme-doodle .cover {
  border: 3px solid var(--dz-ink);
  border-radius: 10px 13px 9px 14px / 13px 9px 14px 10px;
  background: var(--dz-paper);
  box-shadow: inset 0 0 10px rgba(58, 50, 45, .1);
}

.theme-doodle .fav-btn {
  border: 2px solid var(--dz-ink);
  background: rgba(255, 251, 240, .88);
  color: #9a8f80;
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .18);
}

.theme-doodle .fav-btn.on {
  color: #d9a521;
  background: rgba(246, 208, 75, .25);
  text-shadow: none;
}

.theme-doodle .card .gname {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .gup {
  color: var(--dz-blue-deep, #2f6dbb);
}

.theme-doodle .card .gdesc {
  color: var(--dz-ink-soft);
}

.theme-doodle .card-right {
  border-left: 3px dashed var(--dz-line);
}

/* 开始游戏按钮：蜡笔绿 */
.theme-doodle .card .enter,
.theme-doodle .detail .enter {
  background: var(--dz-green);
  color: var(--dz-ink);
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  text-shadow: none;
  box-shadow: 0 4px 0 #5c8a4f;
}

.theme-doodle .card .enter:active {
  box-shadow: 0 1px 0 #5c8a4f;
}

.theme-doodle .detail .enter:active {
  box-shadow: 0 1px 0 #5c8a4f;
}

.theme-doodle .enter .t-hover {
  color: var(--dz-ink);
  text-shadow: 0 0 6px rgba(255, 255, 255, .9), 0 0 16px rgba(255, 255, 255, .7);
}

/* ===== 排行榜 ===== */
.theme-doodle .lb-head {
  color: var(--dz-pink-deep);
  text-shadow: none;
}

.theme-doodle .lb-switch .lb-p {
  color: var(--dz-ink-soft);
  background: var(--dz-paper-2);
  border: 2px solid var(--dz-line);
}

.theme-doodle .lb-switch .lb-p.on {
  color: var(--dz-green-deep);
  background: var(--dz-green-pale);
  border-color: var(--dz-ink);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .2);
}

.theme-doodle .lb-refresh {
  color: var(--dz-ink-soft);
}

.theme-doodle .lb-row.top1 {
  background: rgba(246, 208, 75, .18);
}

.theme-doodle .lb-row.top2 {
  background: rgba(91, 155, 215, .1);
}

.theme-doodle .lb-row.top3 {
  background: rgba(240, 152, 74, .14);
}

.theme-doodle .lb-rank {
  color: var(--dz-ink-soft);
}

.theme-doodle .lb-row.top1 .lb-rank {
  color: var(--dz-yellow-deep);
  text-shadow: none;
}

.theme-doodle .lb-row.top2 .lb-rank {
  color: var(--dz-blue-deep);
  text-shadow: none;
}

.theme-doodle .lb-row.top3 .lb-rank {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .lb-name {
  color: var(--dz-ink);
}

.theme-doodle .lb-score {
  color: var(--dz-blue-deep);
  text-shadow: none;
}

.theme-doodle .lb-empty {
  color: var(--dz-ink-soft);
}

.theme-doodle .detail .lb-box {
  border-top: 3px dashed var(--dz-line);
}

/* ===== 操控台装饰：涂鸦手柄 ===== */
.theme-doodle .deck {
  background: var(--dz-paper-3);
  border: 3px solid var(--dz-ink);
  border-radius: 14px 18px 12px 20px / 18px 12px 20px 14px;
  box-shadow: 0 6px 0 rgba(58, 50, 45, .28);
}

.theme-doodle .joy .j-base {
  background: var(--dz-paper-3);
  border: 3px solid var(--dz-ink);
  box-shadow: 0 4px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .joy .j-stick {
  background: var(--dz-line);
}

.theme-doodle .joy .j-ball {
  background: var(--dz-red);
  border: 3px solid var(--dz-ink);
  box-shadow: 0 6px 10px rgba(58, 50, 45, .3);
}

.theme-doodle .coinslot {
  background: var(--dz-paper-3);
  border: 3px solid var(--dz-ink);
  box-shadow: inset 0 0 8px rgba(58, 50, 45, .2);
}

.theme-doodle .deck-label {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .deck-copy {
  color: var(--dz-ink-soft);
}

.theme-doodle .ybtn {
  background: var(--dz-yellow);
  border: 3px solid var(--dz-ink);
  box-shadow: 0 5px 0 #b98f2d, 0 8px 12px rgba(58, 50, 45, .25);
  color: var(--dz-ink);
}

/* GBA 掌机造型：涂鸦配色 */
.theme-doodle .gba-dpad::before,
.theme-doodle .gba-dpad::after {
  background: var(--dz-line);
  border: 3px solid var(--dz-ink);
  box-shadow: 0 3px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .gba-dpad-dot {
  background: var(--dz-paper-3);
  border: 3px solid var(--dz-ink);
}

.theme-doodle .gba-select,
.theme-doodle .gba-start {
  background: var(--dz-line);
  border: 2px solid var(--dz-ink);
  box-shadow: 0 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .gba-a {
  background: var(--dz-pink);
}

.theme-doodle .gba-b {
  background: var(--dz-red);
}

.theme-doodle .gba-a,
.theme-doodle .gba-b {
  border: 3px solid var(--dz-ink);
  color: var(--dz-ink);
  text-shadow: none;
  box-shadow: 0 4px 0 rgba(58, 50, 45, .3);
}

/* ===== 焦点视图：详情 + 缩略图 ===== */
.theme-doodle .detail .gname {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .detail .gtag {
  color: var(--dz-blue-deep);
  border: 2px solid var(--dz-blue);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .15);
}

.theme-doodle .detail .gdesc {
  color: var(--dz-ink-soft);
}

.theme-doodle .thumb {
  border: 3px solid var(--dz-ink);
  border-radius: 11px 14px 10px 15px / 14px 10px 15px 11px;
  background: var(--dz-paper-2);
  box-shadow: 3px 4px 0 rgba(58, 50, 45, .2);
}

.theme-doodle .thumb img {
  border: 2px solid var(--dz-line);
  border-radius: 6px 8px 5px 9px / 8px 5px 9px 6px;
}

.theme-doodle .thumb.active {
  box-shadow: 0 0 0 3px var(--dz-ink), 5px 6px 0 rgba(58, 50, 45, .2);
}

.theme-doodle .thumb.active::before {
  border-top-color: var(--dz-ink);
}

.theme-doodle .thumb-arrow {
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: var(--dz-yellow);
  color: var(--dz-ink);
  box-shadow: 0 4px 0 #b98f2d;
}

.theme-doodle .thumb-arrow:active {
  box-shadow: 0 1px 0 #b98f2d;
}

.theme-doodle .thumb-arrow:disabled {
  box-shadow: 0 4px 0 #b98f2d;
}

/* ===== 滚动条：纸上木铅笔 ===== */
/* 选择器同时带上 .theme-doodle 自身：主题 class 挂在 <html> 上，只写 `.theme-doodle *` 命中不到后代以外，
   窗口根滚动条 / 后台 iframe 根滚动条会漏掉主题配色（退回基础霓虹色） */
.theme-doodle,
.theme-doodle * {
  scrollbar-color: #b9a98c #f3ead6;
}

.theme-doodle::-webkit-scrollbar-track,
.theme-doodle *::-webkit-scrollbar-track {
  background: #f3ead6;
  border-left: 2px solid var(--dz-line);
  box-shadow: none;
}

.theme-doodle::-webkit-scrollbar-thumb,
.theme-doodle *::-webkit-scrollbar-thumb {
  background: #c9b489;
  border: 2px solid #a8946e;
  border-radius: 8px;
  box-shadow: none;
}

.theme-doodle::-webkit-scrollbar-thumb:hover,
.theme-doodle *::-webkit-scrollbar-thumb:hover {
  background: #b9a98c;
  box-shadow: none;
}

.theme-doodle::-webkit-scrollbar-thumb:active,
.theme-doodle *::-webkit-scrollbar-thumb:active {
  background: #a8946e;
  box-shadow: none;
}

.theme-doodle::-webkit-scrollbar-button,
.theme-doodle *::-webkit-scrollbar-button {
  background: #e9dcbb;
  border: 2px solid #a8946e;
  border-radius: 6px;
  box-shadow: none;
}

.theme-doodle::-webkit-scrollbar-corner,
.theme-doodle *::-webkit-scrollbar-corner {
  background: #f3ead6;
}

/* ===== BGM / 签到悬停面板：便签 ===== */
.theme-doodle .bgm-hover,
.theme-doodle .ck-hover {
  background: var(--dz-paper-2);
  border: 2px solid var(--dz-ink);
  border-radius: 12px 15px 11px 16px / 15px 11px 16px 12px;
  box-shadow: 4px 4px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .bgm-hover-title,
.theme-doodle .ck-hover-title {
  color: var(--dz-green-deep);
}

.theme-doodle .bgm-hover-title span,
.theme-doodle .ck-hover-title span {
  color: var(--dz-ink-soft);
}

.theme-doodle .bh-mute {
  border: 1px solid rgba(76, 122, 69, .5);
  background: rgba(121, 181, 107, .14);
  color: var(--dz-green-deep);
}

.theme-doodle .bh-mute.off {
  border-color: rgba(193, 75, 67, .5);
  background: rgba(232, 99, 90, .12);
  color: var(--dz-red-deep);
}

.theme-doodle .bh-item {
  background: #fffdf6;
  border: 1px solid var(--dz-line);
}

.theme-doodle .bh-item.using {
  border-color: var(--dz-yellow);
  background: rgba(246, 208, 75, .15);
}

.theme-doodle .bh-name {
  color: var(--dz-ink);
}

.theme-doodle .bh-btn.buy {
  background: var(--dz-yellow);
  color: var(--dz-ink);
}

.theme-doodle .bh-btn.use {
  background: var(--dz-green-pale);
  color: var(--dz-green-deep);
}

.theme-doodle .bh-using {
  color: var(--dz-green-deep);
}

.theme-doodle .bh-empty {
  color: var(--dz-ink-soft);
}

.theme-doodle .ck-hover-status,
.theme-doodle .ckh-task {
  color: var(--dz-ink);
  background: #fffdf6;
}

.theme-doodle .ck-hover-tasks-title {
  color: var(--dz-ink-soft);
}

.theme-doodle .ckh-task.loading {
  color: var(--dz-ink-soft);
}

.theme-doodle .ckh-task-state {
  color: var(--dz-green-deep);
}

.theme-doodle .ckh-done,
.theme-doodle .ckh-task.done,
.theme-doodle .ckh-task.done .ckh-task-state {
  color: #a89f92;
}

/* ===== 弹窗骨架：纸片 + 胶带 ===== */
.theme-doodle .board-mask {
  background: rgba(58, 50, 45, .42);
}

.theme-doodle .board-panel {
  position: relative;
  background: var(--dz-paper-2);
  border: 4px solid var(--dz-ink);
  border-radius: var(--dz-radius-lg);
  box-shadow: 0 0 0 3px var(--dz-yellow), 8px 10px 0 rgba(58, 50, 45, .25);
}

/* 顶部一截手绘胶带 */
.theme-doodle .board-panel::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 50%;
  width: 108px;
  height: 26px;
  transform: translateX(-50%) rotate(-2.5deg);
  background: rgba(246, 208, 75, .45);
  border: 1px dashed rgba(58, 50, 45, .3);
  border-radius: 3px;
  pointer-events: none;
}

.theme-doodle .board-title {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .board-sub {
  color: var(--dz-ink-soft);
  text-shadow: none;
}

.theme-doodle .board-close {
  border: 3px solid var(--dz-ink);
  border-radius: 10px 13px 9px 14px / 13px 9px 14px 10px;
  background: var(--dz-red);
  color: #fff;
  box-shadow: 0 4px 0 rgba(58, 50, 45, .35);
}

.theme-doodle .board-close:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .35);
}

/* ===== 输入框：作业本 ===== */
.theme-doodle .board-input,
.theme-doodle .tag-input,
.theme-doodle #hornContent,
.theme-doodle .field input {
  background: #fffdf6;
  color: var(--dz-ink);
  border: 3px solid var(--dz-ink);
  border-radius: 11px 14px 10px 15px / 14px 10px 15px 11px;
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .15);
  caret-color: var(--dz-red);
}

.theme-doodle .board-input:focus,
.theme-doodle .tag-input:focus,
.theme-doodle #hornContent:focus,
.theme-doodle .field input:focus {
  outline: none;
  border-color: var(--dz-blue);
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .15), 0 0 0 2px rgba(91, 155, 215, .25);
}

/* ===== 留言板 ===== */
.theme-doodle .board-send {
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: var(--dz-green);
  color: var(--dz-ink);
  text-shadow: none;
  box-shadow: 0 4px 0 #5c8a4f;
}

.theme-doodle .board-send:active {
  box-shadow: 0 1px 0 #5c8a4f;
}

.theme-doodle .msg-item {
  background: #fffdf6;
  border: 3px solid var(--dz-ink);
  border-radius: 13px 16px 12px 17px / 16px 12px 17px 13px;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .15);
}

.theme-doodle .msg-user {
  color: var(--dz-green-deep);
  text-shadow: none;
}

.theme-doodle .msg-tag {
  border: 2px solid var(--dz-blue);
  color: var(--dz-blue-deep);
  text-shadow: none;
  box-shadow: none;
}

.theme-doodle .msg-time {
  color: var(--dz-ink-soft);
}

.theme-doodle .msg-reply,
.theme-doodle .msg-del,
.theme-doodle .board-replycancel {
  border: 2px solid var(--dz-ink);
  background: var(--dz-paper-3);
  color: var(--dz-ink-soft);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .18);
}

.theme-doodle .msg-reply:hover {
  color: var(--dz-blue-deep);
}

.theme-doodle .msg-del:hover,
.theme-doodle .board-replycancel:hover {
  color: var(--dz-red-deep);
}

.theme-doodle .msg-replyto {
  color: var(--dz-blue-deep);
  text-shadow: none;
}

.theme-doodle .board-replybar {
  background: rgba(91, 155, 215, .12);
  border: 2px solid var(--dz-blue);
  color: var(--dz-blue-deep);
}

.theme-doodle .board-replybar b {
  color: var(--dz-yellow-deep);
}

.theme-doodle .msg-content {
  color: var(--dz-ink);
}

.theme-doodle .board-status {
  color: var(--dz-ink-soft);
}

/* ===== 签到面板 ===== */
.theme-doodle .ck-hero {
  border: 3px dashed #c9a23f;
  border-radius: 16px 20px 15px 21px / 20px 15px 21px 16px;
  background: rgba(246, 208, 75, .12);
}

.theme-doodle .ck-reward {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .ck-status {
  color: var(--dz-ink);
}

.theme-doodle .ck-streak {
  color: var(--dz-blue-deep);
  border: 2px solid var(--dz-blue);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .15);
}

.theme-doodle .ck-next {
  color: var(--dz-green-deep);
  border: 1px dashed var(--dz-green);
  text-shadow: none;
}

.theme-doodle .ck-lottery {
  border: 2px solid rgba(58, 50, 45, .35);
  border-radius: 14px 18px 13px 19px / 18px 13px 19px 14px;
  background: #fffdf6;
}

.theme-doodle .ck-lottery-title {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .ck-lottery-num {
  color: var(--dz-ink);
}

.theme-doodle .ck-lottery-go {
  border: 2px solid var(--dz-ink);
  border-radius: 9px 12px 8px 13px / 12px 8px 13px 9px;
  background: var(--dz-yellow);
  color: var(--dz-ink);
  box-shadow: 0 3px 0 #b98f2d;
}

.theme-doodle .ck-lottery-tip,
.theme-doodle .ck-tip {
  color: var(--dz-ink-soft);
}

.theme-doodle .ck-btn:disabled {
  background: #e8e2d5;
  color: var(--dz-ink-soft);
  text-shadow: none;
  box-shadow: 0 4px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .admin-ck {
  background: #f9e7ae;
  color: var(--dz-yellow-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .admin-ck:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .ck-tasks {
  border-top: 2px dashed var(--dz-line);
}

.theme-doodle .ck-tasks-title {
  color: var(--dz-blue-deep);
  text-shadow: none;
}

.theme-doodle .ck-task-item {
  border: 2px solid var(--dz-line);
  background: #fffdf6;
}

.theme-doodle .ck-task-item.done {
  border-color: var(--dz-green);
  background: rgba(121, 181, 107, .1);
}

.theme-doodle .ck-task-cover img {
  border: 2px solid var(--dz-ink);
}

.theme-doodle .ck-task-no {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .ck-task-state {
  color: var(--dz-green-deep);
}

.theme-doodle .ck-task-go {
  color: var(--dz-ink);
  background: var(--dz-blue-pale);
  border: 2px solid var(--dz-ink);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .2);
}

.theme-doodle .ck-task-empty {
  color: var(--dz-ink-soft);
}

/* ===== 钱库商店 ===== */
.theme-doodle .shop-balance {
  color: var(--dz-ink);
}

.theme-doodle .shop-balance b {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .shop-tab {
  color: var(--dz-ink-soft);
  background: #fffdf6;
  border: 1px solid var(--dz-line);
  border-radius: 8px 10px 7px 11px / 10px 7px 11px 8px;
}

.theme-doodle .shop-tab:hover {
  color: var(--dz-ink);
  border-color: var(--dz-ink);
}

.theme-doodle .shop-tab.active {
  color: var(--dz-blue-deep);
  background: var(--dz-blue-pale);
  border-color: var(--dz-ink);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .2);
}

.theme-doodle .shop-item {
  border: 3px solid var(--dz-ink);
  border-radius: 13px 16px 12px 17px / 16px 12px 17px 13px;
  background: #fffdf6;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .16);
}

.theme-doodle .si-name {
  color: var(--dz-ink);
}

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

.theme-doodle .si-price {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .si-price.free {
  color: var(--dz-green-deep);
  text-shadow: none;
}

.theme-doodle .si-btn {
  border: 2px solid var(--dz-ink);
  border-radius: 8px 10px 7px 11px / 10px 7px 11px 8px;
  background: var(--dz-paper-3);
  color: var(--dz-ink-soft);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .18);
}

.theme-doodle .si-btn.buy {
  background: var(--dz-green-pale);
  color: var(--dz-green-deep);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .si-btn.use {
  background: var(--dz-blue-pale);
  color: var(--dz-blue-deep);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .si-btn.using {
  background: var(--dz-pink-pale);
  color: var(--dz-pink-deep);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .shop-empty {
  border: 3px dashed #c9a23f;
  background: rgba(246, 208, 75, .07);
}

.theme-doodle .shop-empty .se-text {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .shop-empty .se-sub {
  color: var(--dz-ink-soft);
}

/* ===== 我的标签 / 修改密码 ===== */
.theme-doodle .tag-tip2 {
  color: var(--dz-ink-soft);
}

.theme-doodle .tag-cell {
  border: 3px solid var(--dz-ink);
  border-radius: 12px 15px 11px 16px / 15px 11px 16px 12px;
  background: #fffdf6;
  box-shadow: 3px 3px 0 rgba(58, 50, 45, .16);
}

.theme-doodle .tag-cell.using {
  box-shadow: 0 0 0 3px var(--dz-ink), 4px 4px 0 rgba(58, 50, 45, .2);
}

.theme-doodle .tag-cell .t-name {
  text-shadow: none;
}

.theme-doodle .tag-cell.locked .t-name {
  color: #a89f92;
}

.theme-doodle .tag-cell .t-price {
  color: var(--dz-ink-soft);
}

.theme-doodle .tag-cell.locked .t-price {
  color: var(--dz-yellow-deep);
}

.theme-doodle .tag-cell .t-mark {
  color: var(--dz-green-deep);
}

.theme-doodle .tag-sec-title {
  color: var(--dz-pink-deep);
  text-shadow: none;
}

.theme-doodle .tag-err {
  color: var(--dz-red-deep);
  text-shadow: none;
}

.theme-doodle .tag-divider {
  border-top: 3px dashed var(--dz-line);
}

/* ===== 自定义游戏（ROM）弹窗 ===== */
.theme-doodle .rom-upload {
  border: 3px dashed var(--dz-blue);
  border-radius: 14px 18px 13px 19px / 18px 13px 19px 14px;
  background: rgba(91, 155, 215, .08);
  color: var(--dz-blue-deep);
  box-shadow: none;
}

.theme-doodle .rom-upload .sub {
  color: var(--dz-ink-soft);
}

.theme-doodle .rom-tip {
  color: var(--dz-ink-soft);
}

.theme-doodle .rom-tip b {
  color: var(--dz-yellow-deep);
}

.theme-doodle .rom-empty {
  color: var(--dz-ink-soft);
}

.theme-doodle .rom-item {
  border: 3px solid var(--dz-ink);
  border-radius: 12px 15px 11px 16px / 15px 11px 16px 12px;
  background: #fffdf6;
}

.theme-doodle .rom-item .ri-name {
  color: var(--dz-orange-deep);
}

.theme-doodle .rom-item .ri-meta {
  color: var(--dz-ink-soft);
}

.theme-doodle .rom-item .ri-btn {
  border: 3px solid var(--dz-ink);
  border-radius: 10px 12px 9px 13px / 12px 9px 13px 10px;
  background: var(--dz-green);
  color: var(--dz-ink);
  box-shadow: 0 3px 0 #5c8a4f;
}

.theme-doodle .rom-item .ri-btn:active {
  box-shadow: 0 1px 0 #5c8a4f;
}

.theme-doodle .rom-item .ri-btn.del {
  background: var(--dz-red);
  color: #fff;
  box-shadow: 0 3px 0 #a03a33;
}

.theme-doodle .rom-item .ri-btn.del:active {
  box-shadow: 0 1px 0 #a03a33;
}

.theme-doodle .rom-status {
  color: var(--dz-blue-deep);
}

.theme-doodle .gba-custom-card {
  background: #fffdf6;
}

.theme-doodle .gba-custom-card .cover {
  background: var(--dz-paper);
}

.theme-doodle .gba-custom-card .cover .cup {
  color: var(--dz-blue);
  text-shadow: none;
}

/* ===== Toast 提示 ===== */
.theme-doodle .toast {
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  color: var(--dz-ink);
  background: var(--dz-paper-2);
  box-shadow: 3px 4px 0 rgba(58, 50, 45, .3);
  text-shadow: none;
}

.theme-doodle .toast.success {
  background: var(--dz-green-pale);
  color: var(--dz-green-deep);
  text-shadow: none;
  box-shadow: 3px 4px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .toast.error {
  background: #f5cfc7;
  color: var(--dz-red-deep);
  box-shadow: 3px 4px 0 rgba(58, 50, 45, .3);
}

/* ===== 通用确认弹窗 ===== */
.theme-doodle .confirm-content {
  color: var(--dz-ink);
}

.theme-doodle .confirm-actions .btn-no {
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: var(--dz-paper-3);
  color: var(--dz-ink-soft);
  box-shadow: 0 4px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .confirm-actions .btn-no:hover {
  color: var(--dz-red-deep);
}

.theme-doodle .confirm-actions .btn-no:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .25);
}

/* ===== 登录页 ===== */
.theme-doodle .floor {
  background:
    repeating-linear-gradient(90deg, #e8d9b8 0 34px, #e2d2ad 34px 68px),
    #e8d9b8;
  border-top: 4px solid var(--dz-green);
  box-shadow: 0 -6px 24px rgba(58, 50, 45, .18);
}

.theme-doodle .floor::before {
  background: repeating-linear-gradient(0deg, transparent 0 14px, rgba(58, 50, 45, .1) 14px 18px);
}

.theme-doodle .cabinet {
  background: var(--dz-paper-2);
  border: 4px solid var(--dz-ink);
  border-radius: var(--dz-radius-lg);
  box-shadow: 0 0 0 4px var(--dz-yellow), 10px 12px 0 rgba(58, 50, 45, .18);
}

/* 框体顶部螺丝：改成墨点 */
.theme-doodle .cabinet::before,
.theme-doodle .cabinet::after {
  background: var(--dz-ink);
  box-shadow: 0 0 0 2px var(--dz-paper-2);
}

.theme-doodle .screen {
  background: #fffdf6;
  border: 3px solid var(--dz-ink);
  box-shadow: inset 0 0 30px rgba(58, 50, 45, .07);
}

.theme-doodle .screen::after {
  background: none;
}

.theme-doodle .marquee {
  color: var(--dz-red);
  text-shadow: 2px 2px 0 rgba(58, 50, 45, .16);
  animation: none;
}

.theme-doodle .coin {
  color: var(--dz-blue-deep);
  text-shadow: none;
}

.theme-doodle .tabs button {
  border: 3px solid var(--dz-ink);
  border-radius: 12px 15px 11px 16px / 15px 11px 16px 12px;
  background: var(--dz-paper-2);
  color: var(--dz-ink-soft);
  box-shadow: 0 5px 0 rgba(58, 50, 45, .28);
}

.theme-doodle .tabs button:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .28);
}

.theme-doodle .tabs button.active {
  color: var(--dz-pink-deep);
  background: var(--dz-pink-pale);
  text-shadow: none;
  box-shadow: 0 5px 0 rgba(58, 50, 45, .3);
}

/* ============================================================
   桌宠（agent-pet）：本体 SVG 改成纸片涂鸦娃娃，气泡 / 聊天窗换纸面风
   ============================================================ */

/* —— 本体 SVG：墨线描边 + 纸色填充 —— */
.theme-doodle .apet .apet-head,
.theme-doodle .apet .apet-body {
  fill: #fffbf0;
  stroke: var(--dz-ink);
}

.theme-doodle .apet .apet-ear {
  fill: #fffbf0;
  stroke: var(--dz-ink);
}

/* 天线杆：霓虹青 → 墨线 */
.theme-doodle .apet .apet-antenna line {
  stroke: var(--dz-ink);
}

/* 天线灯：保留黄，但换成蜡笔黄 */
.theme-doodle .apet .apet-bulb {
  fill: var(--dz-yellow);
  stroke: var(--dz-ink);
  stroke-width: 1.5;
}

/* 眼睛：绿色圆眼 → 墨点手绘眼（保留白色高光） */
.theme-doodle .apet .apet-eyes circle:nth-of-type(1),
.theme-doodle .apet .apet-eyes circle:nth-of-type(2) {
  fill: var(--dz-ink);
}

/* 腮红：换成蜡笔粉 */
.theme-doodle .apet .apet-blush {
  fill: var(--dz-pink);
}

/* 嘴：换成蜡笔红 */
.theme-doodle .apet .apet-mouth {
  stroke: var(--dz-red);
}

/* —— 待机气泡：深蓝霓虹 → 纸片便签 —— */
.theme-doodle .apet-bubble {
  background: var(--dz-paper-2);
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  color: var(--dz-ink);
  font-family: var(--dz-font);
  letter-spacing: .5px;
  box-shadow: 3px 4px 0 rgba(58, 50, 45, .28);
}

.theme-doodle .apet-bubble::after {
  border-top-color: var(--dz-ink);
}

/* —— 隐藏按钮：红色像素浮雕 → 蜡笔红纸片 —— */
.theme-doodle .apet-close {
  border: 2.5px solid var(--dz-ink);
  border-radius: 10px 8px 11px 7px / 8px 11px 7px 10px;
  background: var(--dz-red);
  color: #fff;
  font-family: var(--dz-font);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .32);
}

.theme-doodle .apet-close:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .32);
}

/* —— 还原按钮：青色霓虹圆 → 蜡笔黄墨线圆 —— */
.theme-doodle .apet-restore {
  border: 3px solid var(--dz-ink);
  background: var(--dz-yellow);
  color: var(--dz-ink);
  font-family: var(--dz-font);
  box-shadow: 3px 4px 0 rgba(58, 50, 45, .32);
}

/* ===== 桌宠聊天窗口：深蓝霓虹 → 纸面信纸 ===== */
.theme-doodle .apet-chat-overlay {
  background: rgba(58, 50, 45, .38);
}

.theme-doodle .apet-chat-win {
  background: var(--dz-paper-2);
  border: 4px solid var(--dz-ink);
  border-radius: var(--dz-radius-lg);
  box-shadow: 6px 8px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .apet-chat-head {
  background: var(--dz-yellow);
  border-bottom: 3px solid var(--dz-ink);
}

.theme-doodle .apet-chat-title {
  font-family: var(--dz-font);
  color: var(--dz-ink);
  text-shadow: none;
}

.theme-doodle .apet-chat-close {
  border: 2.5px solid var(--dz-ink);
  border-radius: 9px 7px 10px 8px / 7px 10px 8px 9px;
  background: var(--dz-red);
  color: #fff;
  font-family: var(--dz-font);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .32);
}

.theme-doodle .apet-chat-close:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .32);
}

.theme-doodle .apet-chat-msgs {
  background: transparent;
}

/* bot 气泡：深蓝 → 浅蓝便签 */
.theme-doodle .apet-chat-msg.bot .apet-chat-bubble {
  background: var(--dz-blue-pale);
  border: 2.5px solid var(--dz-ink);
  border-radius: 14px 14px 14px 4px;
  color: var(--dz-ink);
  font-family: var(--dz-font);
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .22);
}

/* 用户气泡：青渐变 → 浅黄便签 */
.theme-doodle .apet-chat-msg.user .apet-chat-bubble {
  background: rgba(246, 208, 75, .35);
  border: 2.5px solid var(--dz-ink);
  border-radius: 14px 14px 4px 14px;
  color: var(--dz-ink);
  font-family: var(--dz-font);
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .apet-chat-foot {
  background: var(--dz-paper-3);
  border-top: 3px solid var(--dz-ink);
}

.theme-doodle .apet-chat-foot input {
  border: 2.5px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: #fffdf6;
  color: var(--dz-ink);
  font-family: var(--dz-font);
}

.theme-doodle .apet-chat-foot input:focus {
  border-color: var(--dz-orange);
  box-shadow: 0 0 0 2px rgba(240, 152, 74, .3);
}

.theme-doodle .apet-chat-foot input::placeholder {
  color: var(--dz-ink-soft);
}

.theme-doodle .apet-chat-send {
  border: 2.5px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  background: var(--dz-orange);
  color: #fff;
  font-family: var(--dz-font);
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .32);
}

.theme-doodle .apet-chat-send:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .32);
}

/* —— 桌宠弹窗双 tab + 消息通知列表 —— */
.theme-doodle .apet-tabs {
  background: transparent;
}

.theme-doodle .apet-tab {
  border: 2.5px solid var(--dz-ink);
  border-radius: 10px 8px 11px 9px / 8px 11px 9px 10px;
  background: #fffdf6;
  color: var(--dz-ink-soft);
  font-family: var(--dz-font);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .apet-tab.active {
  background: var(--dz-yellow);
  color: var(--dz-ink);
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .32);
}

.theme-doodle .apet-nt-list {
  background: transparent;
}

.theme-doodle .apet-nt-item {
  border: 2.5px solid var(--dz-ink);
  border-radius: 12px 10px 13px 11px / 10px 13px 11px 12px;
  background: #fffdf6;
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .apet-nt-item.unread {
  border-color: var(--dz-orange);
  box-shadow: 0 0 0 2px rgba(240, 152, 74, .25), 2px 3px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .apet-nt-title {
  color: var(--dz-orange-deep);
  font-family: var(--dz-font);
}

.theme-doodle .apet-nt-time,
.theme-doodle .apet-nt-from {
  font-family: var(--dz-font);
  color: var(--dz-ink-soft);
}

.theme-doodle .apet-nt-body {
  color: var(--dz-ink);
  font-family: var(--dz-font);
}

.theme-doodle .apet-nt-empty {
  font-family: var(--dz-font);
  color: var(--dz-ink-soft);
}

.theme-doodle .apet-nt-foot {
  background: var(--dz-paper-3);
  border-top: 3px solid var(--dz-ink);
  font-family: var(--dz-font);
  color: var(--dz-ink-soft);
}

.theme-doodle .tabs button.active:active {
  box-shadow: 0 1px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .field label {
  color: var(--dz-green-deep);
  text-shadow: none;
}

/* ============================================================
   管理后台（admin.html）：深蓝霓虹控制台 → 纸面涂鸦记事本
   header / .brand / .card / .toast 已由上方通用规则覆盖，此处补后台专属
   ============================================================ */

/* —— 副标题「管 理 后 台」：去闪烁，换墨线 —— */
.theme-doodle .brand span {
  color: var(--dz-orange-deep);
  text-shadow: none;
  animation: none;
}

/* —— 顶部标签页：深蓝方块 → 纸片便签 —— */
.theme-doodle .adm-tab {
  color: var(--dz-ink-soft);
  background: var(--dz-paper-2);
  border: 2.5px solid var(--dz-ink);
  border-radius: 12px 9px 13px 8px / 9px 13px 8px 12px;
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .adm-tab:hover {
  color: var(--dz-ink);
  border-color: var(--dz-ink);
}

.theme-doodle .adm-tab.active {
  color: var(--dz-ink);
  font-weight: 700;
  background: var(--dz-yellow);
  border-color: var(--dz-ink);
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .3);
}

/* —— 右上角：在线管理员 / 返回大厅 —— */
.theme-doodle .adm-user {
  color: var(--dz-green-deep);
}

.theme-doodle .adm-back {
  color: var(--dz-blue-deep);
  background: var(--dz-blue-pale);
  border: 2.5px solid var(--dz-ink);
  border-radius: 12px 9px 13px 8px / 9px 13px 8px 12px;
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .adm-back:hover {
  background: var(--dz-blue);
  color: #fff;
}

/* —— 面板：深蓝半透明 → 纸面卡片 —— */
.theme-doodle .panel {
  background: var(--dz-paper-2);
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius-lg);
  box-shadow: 5px 6px 0 rgba(58, 50, 45, .18);
}

.theme-doodle .toolbar-label {
  color: var(--dz-ink-soft);
}

.theme-doodle .toolbar-hint {
  color: var(--dz-ink-soft);
}

/* —— 输入框 / 下拉框：深蓝 → 白纸墨线 —— */
.theme-doodle input[type="text"],
.theme-doodle input[type="number"],
.theme-doodle select {
  color: var(--dz-ink);
  background: #fffdf6;
  border: 2.5px solid var(--dz-ink);
  border-radius: 10px 8px 11px 7px / 8px 11px 7px 10px;
  font-family: var(--dz-font);
}

.theme-doodle input[type="text"]:focus,
.theme-doodle input[type="number"]:focus,
.theme-doodle select:focus {
  border-color: var(--dz-orange);
}

.theme-doodle input::placeholder {
  color: var(--dz-ink-soft);
}

/* —— 按钮：深蓝方块 → 蜡笔纸片 —— */
.theme-doodle .btn {
  color: var(--dz-ink);
  background: var(--dz-paper-2);
  border: 2.5px solid var(--dz-ink);
  border-radius: 12px 9px 13px 8px / 9px 13px 8px 12px;
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .btn:hover {
  color: var(--dz-blue-deep);
  border-color: var(--dz-ink);
  background: var(--dz-blue-pale);
}

.theme-doodle .btn.primary {
  color: #fff;
  font-weight: 700;
  background: var(--dz-orange);
  border-color: var(--dz-ink);
}

.theme-doodle .btn.primary:hover {
  background: var(--dz-orange-deep);
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .btn.danger {
  color: var(--dz-red-deep);
  border-color: var(--dz-red);
  background: #fdeeea;
}

.theme-doodle .btn.danger:hover {
  background: var(--dz-red);
  color: #fff;
}

/* —— 表格：霓虹表头 → 墨线表格 —— */
.theme-doodle th,
.theme-doodle td {
  border-bottom: 2px solid var(--dz-line);
}

.theme-doodle th {
  color: var(--dz-orange-deep);
  background: var(--dz-paper-3);
  font-family: var(--dz-font);
}

.theme-doodle tr:hover td {
  background: rgba(246, 208, 75, .18);
}

.theme-doodle td.num {
  font-family: var(--dz-font);
  font-weight: 700;
  color: var(--dz-ink);
}

.theme-doodle .td-empty {
  color: var(--dz-ink-soft);
}

/* —— 徽章：霓虹描边 → 蜡笔填色 —— */
.theme-doodle .badge {
  border: 2px solid var(--dz-ink);
  border-radius: 8px 6px 9px 5px / 6px 9px 5px 8px;
  font-family: var(--dz-font);
}

.theme-doodle .badge.admin {
  color: var(--dz-yellow-deep);
  border-color: var(--dz-yellow-deep);
  background: rgba(246, 208, 75, .25);
}

.theme-doodle .badge.user {
  color: var(--dz-ink-soft);
  border-color: var(--dz-ink-soft);
  background: var(--dz-paper-3);
}

.theme-doodle .badge.banned {
  color: var(--dz-red-deep);
  border-color: var(--dz-red);
  background: #f5cfc7;
}

.theme-doodle .badge.normal {
  color: var(--dz-green-deep);
  border-color: var(--dz-green);
  background: var(--dz-green-pale);
}

.theme-doodle .badge.online {
  color: var(--dz-green-deep);
  border-color: var(--dz-green);
  background: var(--dz-green-pale);
}

.theme-doodle .badge.offline {
  color: var(--dz-ink-soft);
  border-color: var(--dz-ink-soft);
  background: var(--dz-paper-3);
}

/* —— 在线圆点：加一圈墨线，像手绘的 —— */
.theme-doodle .online-dot {
  background: var(--dz-green);
  border: 1.5px solid var(--dz-ink);
  box-shadow: none;
}

.theme-doodle .online-dot.off {
  background: #cfc4ae;
}

/* —— 行内小按钮 —— */
.theme-doodle .mini-btn {
  margin-right: 6px;
  color: var(--dz-ink);
  background: var(--dz-paper-2);
  border: 2px solid var(--dz-ink);
  border-radius: 8px 6px 9px 7px / 6px 9px 7px 8px;
  box-shadow: 1px 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle .mini-btn:hover {
  color: var(--dz-blue-deep);
  background: var(--dz-blue-pale);
}

.theme-doodle .mini-btn.green {
  color: var(--dz-green-deep);
  border-color: var(--dz-green-deep);
  background: var(--dz-green-pale);
}

.theme-doodle .mini-btn.green:hover {
  background: var(--dz-green);
  color: #fff;
}

.theme-doodle .mini-btn.red {
  color: var(--dz-red-deep);
  border-color: var(--dz-red);
  background: #fdeeea;
}

.theme-doodle .mini-btn.red:hover {
  background: var(--dz-red);
  color: #fff;
}

/* —— 统计卡片内部（卡片本体已由通用 .card 规则覆盖）—— */
.theme-doodle .card .c-num {
  color: var(--dz-red);
  text-shadow: 2px 2px 0 rgba(58, 50, 45, .14);
  font-family: var(--dz-font);
}

.theme-doodle .card .c-label {
  color: var(--dz-ink-soft);
}

/* —— 图表盒子：深蓝 → 纸面 —— */
.theme-doodle .chart-box {
  background: var(--dz-paper-2);
  border: 3px solid var(--dz-ink);
  border-radius: var(--dz-radius);
  box-shadow: 3px 4px 0 rgba(58, 50, 45, .18);
}

.theme-doodle .chart-title {
  color: var(--dz-blue-deep);
}

.theme-doodle .legend {
  color: var(--dz-ink-soft);
}

.theme-doodle .legend i {
  border: 1.5px solid var(--dz-ink);
}

/* —— 弹窗：深蓝霓虹 → 纸面记事本 —— */
.theme-doodle .mask {
  background: rgba(58, 50, 45, .38);
}

.theme-doodle .modal {
  background: var(--dz-paper-2);
  border: 4px solid var(--dz-ink);
  border-radius: var(--dz-radius-lg);
  box-shadow: 6px 8px 0 rgba(58, 50, 45, .3);
}

.theme-doodle .modal-head {
  background: var(--dz-yellow);
  color: var(--dz-ink);
  border-bottom: 3px solid var(--dz-ink);
}

.theme-doodle .modal-close {
  color: var(--dz-ink-soft);
  font-family: var(--dz-font);
}

.theme-doodle .modal-close:hover {
  color: var(--dz-red-deep);
}

.theme-doodle .modal-body {
  color: var(--dz-ink);
}

/* —— 游戏审核表单：提交人信息 / 表单标签 / 驳回原因 —— */
.theme-doodle .rv-info {
  color: var(--dz-ink-soft);
}

.theme-doodle .rv-info b {
  color: var(--dz-orange-deep);
}

.theme-doodle .rv-form label {
  color: var(--dz-ink);
}

.theme-doodle .td-reason {
  color: var(--dz-red-deep);
}

/* —— 账号详情：信息格 / 分节标题 / 商品贴纸 —— */
.theme-doodle .detail-grid .dg {
  background: var(--dz-paper-3);
  border: 2px solid var(--dz-line);
  border-radius: 10px 8px 11px 7px / 8px 11px 7px 10px;
}

.theme-doodle .dg .k {
  color: var(--dz-ink-soft);
}

.theme-doodle .dg .v {
  color: var(--dz-ink);
  font-weight: 700;
}

.theme-doodle .sec-title {
  color: var(--dz-orange-deep);
  border-bottom: 2px solid var(--dz-line);
}

.theme-doodle .item-chip {
  background: var(--dz-pink-pale);
  border: 2px solid var(--dz-ink);
  border-radius: 8px 6px 9px 7px / 6px 9px 7px 8px;
  color: var(--dz-pink-deep);
  font-family: var(--dz-font);
}

.theme-doodle .detail-plays th {
  background: transparent;
}

.theme-doodle .captcha-box {
  border: 3px solid var(--dz-ink);
  border-radius: 11px 14px 10px 15px / 14px 10px 15px 11px;
  background: #fffdf6;
  box-shadow: 2px 3px 0 rgba(58, 50, 45, .15);
}

.theme-doodle .captcha-tip {
  color: var(--dz-ink-soft);
}

.theme-doodle .submit {
  background: var(--dz-green);
  color: var(--dz-ink);
  border: 3px solid var(--dz-ink);
  border-radius: 13px 16px 12px 17px / 16px 12px 17px 13px;
  text-shadow: none;
  box-shadow: 0 6px 0 #5c8a4f;
}

.theme-doodle .submit:active {
  box-shadow: 0 1px 0 #5c8a4f;
}

.theme-doodle .err {
  color: var(--dz-red-deep);
  text-shadow: none;
}

.theme-doodle .site-footer a {
  color: var(--dz-ink-soft);
}

.theme-doodle .site-footer a:hover {
  color: var(--dz-ink);
}

/* 登录页操控台装饰 */
.theme-doodle .deck {
  background: var(--dz-paper-3);
  border: 3px solid var(--dz-ink);
  border-radius: 14px 18px 12px 20px / 18px 12px 20px 14px;
  box-shadow: 0 6px 0 rgba(58, 50, 45, .28);
}

.theme-doodle .joy .j-base {
  background: var(--dz-paper-3);
  border: 3px solid var(--dz-ink);
  box-shadow: 0 4px 0 rgba(58, 50, 45, .25);
}

.theme-doodle .joy .j-stick {
  background: var(--dz-line);
}

.theme-doodle .joy .j-ball {
  background: var(--dz-red);
  border: 3px solid var(--dz-ink);
  box-shadow: 0 5px 8px rgba(58, 50, 45, .3);
}

.theme-doodle .coinslot {
  background: var(--dz-paper-3);
  border: 3px solid var(--dz-ink);
  box-shadow: inset 0 0 8px rgba(58, 50, 45, .2);
}

.theme-doodle .deck-label {
  color: var(--dz-orange-deep);
  text-shadow: none;
}

.theme-doodle .ybtn {
  background: var(--dz-yellow);
  border: 3px solid var(--dz-ink);
  box-shadow: 0 5px 0 #b98f2d, 0 7px 10px rgba(58, 50, 45, .25);
  color: var(--dz-ink);
}

/* ===== 内联彩色文字可读性修正（BGM 名 / 标签名等亮色，纸面上统一压暗） ===== */
.theme-doodle .bh-name {
  filter: brightness(.62) saturate(1.2);
}

.theme-doodle .tag-cell .t-name {
  text-shadow: none;
  filter: brightness(.6) saturate(1.2);
}

.theme-doodle .msg-tag {
  filter: brightness(.75);
}

/* ===== 全服喇叭：发送按钮 + 发送弹窗（滚动条样式属喇叭商品本身，保持不动） ===== */
.theme-doodle #hornSendBtn {
  border-left: 2px solid var(--dz-ink);
  background: rgba(250, 243, 227, .92);
  color: var(--dz-orange-deep);
}

.theme-doodle #hornSendBtn:hover {
  background: #fffbf0;
}

.theme-doodle #hornBar.horn-dark #hornSendBtn {
  background: rgba(250, 243, 227, .92);
}

.theme-doodle #hornBar.horn-dark #hornSendBtn:hover {
  background: #fffbf0;
}

.theme-doodle #hornDialogMask {
  background: rgba(58, 50, 45, .45);
}

.theme-doodle #hornDialog {
  background: var(--dz-paper-2);
  border: 3px solid var(--dz-ink);
  border-radius: 16px 20px 15px 21px / 20px 15px 21px 16px;
  color: var(--dz-ink);
  box-shadow: 6px 8px 0 rgba(58, 50, 45, .25);
}

.theme-doodle #hornDialog h3 {
  color: var(--dz-orange-deep);
}

.theme-doodle .horn-style-item {
  border: 2px solid var(--dz-line);
  border-radius: 10px 13px 9px 14px / 13px 9px 14px 10px;
}

.theme-doodle .horn-style-item.sel {
  border-color: var(--dz-yellow);
  background: rgba(246, 208, 75, .15);
}

.theme-doodle .horn-style-item .hs-count {
  color: var(--dz-yellow-deep);
}

.theme-doodle .horn-style-item.zero .hs-count {
  color: #a89f92;
}

.theme-doodle .horn-style-item .hs-buy {
  border: 2px solid var(--dz-ink);
  border-radius: 8px 10px 7px 11px / 10px 7px 11px 8px;
  background: var(--dz-yellow);
  color: var(--dz-ink);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle #hornCounter {
  color: var(--dz-ink-soft);
}

.theme-doodle #hornCancelBtn {
  border: 2px solid var(--dz-ink);
  background: var(--dz-paper-3);
  color: var(--dz-ink-soft);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .2);
}

.theme-doodle #hornSendOkBtn {
  border: 2px solid var(--dz-ink);
  background: var(--dz-green);
  color: var(--dz-ink);
  box-shadow: 2px 2px 0 rgba(58, 50, 45, .22);
}

.theme-doodle #hornDialogErr {
  color: var(--dz-red-deep);
}

/* —— AI游戏 游玩方式标签：蜡笔配色（墨线+淡彩填充，纸面可读） —— */
.theme-doodle .gplay {
  color: var(--dz-green-deep);
  background: var(--dz-green-pale);
  border-color: var(--dz-ink);
  text-shadow: none;
}
.theme-doodle .gplay.gplay-kbd {
  color: var(--dz-orange-deep);
  background: rgba(240, 152, 74, .2);
  border-color: var(--dz-ink);
}

/* ============================================================
   大厅框体 / 屏幕：加一点透明，隐约透出背景视频画面
   ============================================================ */
.theme-doodle .cabinet.hall-cab {
  background: rgba(250, 243, 227, .78);
}

.theme-doodle .screen {
  background: rgba(255, 253, 246, .86);
}

/* ================= F6 主题适配 · 新界面（成就弹窗/浮窗/筛选条/头像/主页链接） ================= */

/* ============================================================
   F6 主题适配 · 新界面（2026-08-29）
   覆盖范围：成就弹窗(.ach-*) / 最近在玩浮窗(#recentWidget) /
   筛选条(.hall-filterbar/.ht-chip) / 头像(.u-avatar) / 主页链接名
   原则：位置尺寸不动，只换配色/字体/边框/圆角/阴影（沿用本文件上方既有变量）
   ============================================================ */

/* —— 成就弹窗（复用上方 board-panel 纸面卡，这里补专属件）—— */
.theme-doodle .ach-panel { font-family: var(--dz-font); }
.theme-doodle .ach-stats { color: var(--dz-ink-soft); }
.theme-doodle .ach-group-title { color: var(--dz-blue-deep); }
.theme-doodle .ach-item { background: var(--dz-paper-2); border-color: var(--dz-line); border-radius: var(--dz-radius); box-shadow: none; }
.theme-doodle .ach-item.done { border-color: var(--dz-orange); background: var(--dz-yellow); box-shadow: 2px 3px 0 var(--dz-line); }
.theme-doodle .ach-name { color: var(--dz-ink); }
.theme-doodle .ach-desc, .ach-prog-num { color: var(--dz-ink-soft); }
.theme-doodle .ach-date { color: var(--dz-red-deep); }
.theme-doodle .ach-prog-bar { background: var(--dz-paper-3); border: 1px solid var(--dz-line); }
.theme-doodle .ach-prog-bar span { background: var(--dz-green); }
.theme-doodle .ach-empty { color: var(--dz-ink-soft); }

/* —— 最近在玩浮窗 —— */
.theme-doodle #recentWidget { background: var(--dz-paper-2); border: 2px solid var(--dz-ink); border-radius: var(--dz-radius-lg); box-shadow: 3px 4px 0 rgba(58,50,45,.25); }
.theme-doodle #recentWidget .rw-head { color: var(--dz-ink); }
.theme-doodle .rw-name { color: var(--dz-ink); }
.theme-doodle .rw-time { color: var(--dz-ink-soft); }
.theme-doodle .rw-item:hover { background: var(--dz-blue-pale); }
.theme-doodle .rw-thumb { background: var(--dz-blue-pale); }
.theme-doodle .rw-ph { color: var(--dz-blue-deep); }

/* —— 筛选条 —— */
.theme-doodle .hall-filterbar { background: var(--dz-paper-3); border: 2px dashed var(--dz-line); border-radius: var(--dz-radius); }
.theme-doodle .ht-label { color: var(--dz-ink-soft); }
.theme-doodle .ht-chip { background: var(--dz-paper-2); border-color: var(--dz-line); color: var(--dz-ink-soft); border-radius: 20px 14px 18px 12px; }
.theme-doodle .ht-chip:hover { color: var(--dz-ink); border-color: var(--dz-blue); }
.theme-doodle .ht-chip.active { background: var(--dz-green); color: #fff; border-color: var(--dz-green-deep); }

/* —— 头像框 / 名字链接 —— */
.theme-doodle .u-avatar { border-radius: 10px 14px 11px 13px; box-shadow: 1px 2px 0 var(--dz-line); background: var(--dz-paper-3); }
.theme-doodle a.lb-name, .theme-doodle a.msg-user, .theme-doodle a.horn-name { color: var(--dz-blue-deep); text-decoration: underline dotted; }