/* ============================================================
   90年代怀旧主题（商店购买「90年代怀旧主题」后生效）
   作用域：<html class="theme-90s">（登录页 + 大厅 + 弹窗 + 桌宠 + 管理后台）
   原则：位置 / 尺寸 / 文字一律不动，只换配色 / 字体 / 边框 / 圆角 / 阴影
   像素街机原样式在 hall.css / login.css / horn-bar.css，本文件按更高优先级覆盖
   风格：Win95/98 拟物立体风 —— teal 桌面 + 米灰立体凸边面板 + navy 标题栏
   ============================================================ */

/* —— 90年代设计变量（teal 桌面 + 米灰立体 + navy/purple/olive 点缀）—— */
.theme-90s {
  --r9-ink: #1c1c1c;        /* 近黑（正文）*/
  --r9-ink-soft: #5a5a52;   /* 灰褐（次要文字）*/
  --r9-pink: #000080;       /* 经典藏青（主强调：标题栏/选中态）*/
  --r9-pink-deep: #000060;  /* 深藏青（文字用）*/
  --r9-pink-pale: #d8d8e8;  /* 浅藏青填色 */
  --r9-purple: #800080;     /* 经典紫（副强调）*/
  --r9-purple-deep: #600060;/* 深紫（文字用）*/
  --r9-purple-pale: #e8d8e8;/* 浅紫填色 */
  --r9-blue: #1084d0;       /* Win98 标题蓝（信息色）*/
  --r9-blue-deep: #0c5f96;  /* 深蓝（文字用）*/
  --r9-blue-pale: #d4e6f4;  /* 浅蓝填色 */
  --r9-yellow: #808000;     /* 橄榄（警告色）*/
  --r9-yellow-deep: #606000;/* 深橄榄（文字用）*/
  --r9-green: #008040;      /* 经典绿（成功色）*/
  --r9-green-deep: #006030; /* 深绿（文字用）*/
  --r9-silver: #808080;     /* 灰（边框）*/
  --r9-silver-deep: #404040;/* 深灰 */
  --r9-font: Tahoma, "MS Sans Serif", "Microsoft YaHei", sans-serif;
  --r9-radius: 0;                               /* 方角（按钮）*/
  --r9-radius-lg: 0;                            /* 方角（卡片/弹窗）*/
  --r9-metal: linear-gradient(180deg, #ece9e0 0%, #d4d0c8 100%);  /* 米灰面板 */
  --r9-holo: linear-gradient(90deg, #000080 0%, #1084d0 100%);    /* 经典标题栏渐变 */
}

/* ===== 基础：经典 teal 桌面 + 极淡像素噪点 ===== */
.theme-90s body {
  font-family: var(--r9-font);
  color: var(--r9-ink);
  background:
    repeating-linear-gradient(0deg, rgba(0, 0, 0, .05) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(90deg, rgba(0, 0, 0, .05) 0 1px, transparent 1px 4px),
    #007b7b;
}

/* 大厅背景视频：旧显示器怀旧色调（购入的背景不失效，只是换了色调） */
.theme-90s #hallBgVideo {
  filter: sepia(.35) saturate(.85) brightness(.95);
  opacity: .6;
}

/* 星空像素点：teal 桌面不需要，隐藏 */
.theme-90s .stars,
.theme-90s .stars2 {
  display: none !important;
}

/* ===== 顶部栏：navy→蓝渐变标题栏 + 米灰主体 ===== */
.theme-90s header {
  background: linear-gradient(90deg, #000080 0%, #1084d0 100%);
  border-bottom: 2px solid #404040;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 3px 0 #d4d0c8, 0 6px 16px rgba(0, 0, 0, .4);
}

.theme-90s .brand {
  color: #ffffff;
  text-shadow: 1px 1px 0 #000040;
  animation: none;
}

.theme-90s .online-num {
  color: var(--r9-ink);
  border: 1px solid #808080;
  background: #d4d0c8;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
  text-shadow: none;
  border-radius: var(--r9-radius);
}

.theme-90s .user-box .name {
  color: #ffffff;
  text-shadow: 1px 1px 0 #000040;
}

.theme-90s .user-box .utag {
  border: 1px solid #808080;
  background: #d4d0c8;
  color: var(--r9-blue-deep);
  text-shadow: none;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
  border-radius: var(--r9-radius);
}

.theme-90s .coin-balance {
  border: 1px solid #808080;
  background: #d4d0c8;
  color: var(--r9-yellow-deep);
  text-shadow: none;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
  border-radius: var(--r9-radius);
}

/* ===== 通用按钮：米灰立体凸边 ===== */
.theme-90s .pixel-btn {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0;
}

.theme-90s .pixel-btn:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080, inset -2px -2px 0 #ece9e0;
}

.theme-90s .checkin-btn {
  background: linear-gradient(180deg, #1084d0 0%, #000080 100%);
  color: #ffffff;
  text-shadow: none;
  border-color: #404040;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #000040, 0 2px 0 #000040;
}

.theme-90s .checkin-btn:active {
  box-shadow: inset 1px 1px 0 #000040, inset -1px -1px 0 rgba(255, 255, 255, .4);
}

.theme-90s .pixel-btn.board-btn {
  background: linear-gradient(180deg, #a020a0 0%, #800080 100%);
  color: #ffffff;
  text-shadow: none;
  border-color: #404040;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #400040, 0 2px 0 #400040;
}

.theme-90s .pixel-btn.board-btn:active {
  box-shadow: inset 1px 1px 0 #400040, inset -1px -1px 0 rgba(255, 255, 255, .4);
}

.theme-90s .logout-btn {
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0;
}

.theme-90s .logout-btn:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080, inset -2px -2px 0 #ece9e0;
}

.theme-90s .music-btn {
  background: linear-gradient(180deg, #00a050 0%, #008040 100%);
  color: #ffffff;
  text-shadow: none;
  border-color: #404040;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px -1px 0 #004020, 0 2px 0 #004020;
}

.theme-90s .music-btn:active {
  box-shadow: inset 1px 1px 0 #004020, inset -1px -1px 0 rgba(255, 255, 255, .45);
}

.theme-90s .music-btn.off {
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0;
}

.theme-90s .music-btn.off:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

.theme-90s .admin-btn {
  background: linear-gradient(180deg, #3a9bd8 0%, #1084d0 100%);
  color: #ffffff;
  text-shadow: none;
  border-color: #404040;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px -1px 0 #0c5f96, 0 2px 0 #0c5f96;
}

.theme-90s .admin-btn:active {
  box-shadow: inset 1px 1px 0 #0c5f96, inset -1px -1px 0 rgba(255, 255, 255, .45);
}

/* ===== 导航 / 视图切换按钮：米灰凸边，选中态凹下白底 ===== */
.theme-90s .nav-btn {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0;
}

.theme-90s .nav-btn:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

.theme-90s .nav-btn.active {
  background: #ffffff;
  color: var(--r9-pink-deep);
  text-shadow: none;
  border-color: #404040;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080;
}

.theme-90s .view-switch button {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .view-switch button:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

.theme-90s .view-switch button.active {
  background: var(--r9-pink);
  color: #ffffff;
  text-shadow: none;
  border-color: #404040;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .35), inset -1px -1px 0 #000040, 0 2px 0 #000040;
}

/* ===== 工具栏标题：navy 下划高亮条 ===== */
.theme-90s .section-title {
  color: var(--r9-pink-deep);
  text-shadow: none;
  background: linear-gradient(transparent 58%, rgba(0, 0, 128, .18) 58%, rgba(0, 0, 128, .18));
  border-radius: 0;
  padding: 0 4px;
}

.theme-90s .section-title::before {
  color: var(--r9-pink);
}

.theme-90s .empty {
  color: var(--r9-ink-soft);
}

/* ===== 大厅框体 / 屏幕：米灰机箱 + 凹槽屏幕 ===== */
.theme-90s .cabinet {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: var(--r9-radius-lg);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 6px 18px rgba(0, 0, 0, .4);
}

.theme-90s .screen {
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080, inset -2px -2px 0 #ece9e0;
}

/* CRT 扫描线：换成经典横纹扫描线 */
.theme-90s .screen::after {
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .035) 0 1px, transparent 1px 3px);
}

/* ===== 游戏卡片：白底灰边立体卡 ===== */
.theme-90s .card {
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: var(--r9-radius-lg);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 3px 8px rgba(0, 0, 0, .3);
}

.theme-90s .card:hover {
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 5px 14px rgba(0, 0, 64, .35);
}

.theme-90s .cover {
  border: 1px solid #808080;
  border-radius: 0;
  background: var(--r9-purple-pale);
  box-shadow: inset 1px 1px 0 #ffffff;
}

.theme-90s .fav-btn {
  border: 1px solid #808080;
  background: #d4d0c8;
  color: #808080;
  border-radius: var(--r9-radius);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .fav-btn.on {
  color: #000080;
  background: #d8d8e8;
  text-shadow: none;
}

.theme-90s .card .gname {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .gup {
  color: var(--r9-purple-deep);
}

.theme-90s .card .gdesc {
  color: var(--r9-ink-soft);
}

.theme-90s .card-right {
  border-left: 2px solid #b8b4ac;
}

/* 开始游戏按钮：navy→蓝标题栏渐变 */
.theme-90s .card .enter,
.theme-90s .detail .enter {
  background: var(--r9-holo);
  color: #ffffff;
  border: 1px solid #404040;
  border-radius: var(--r9-radius);
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #000040, 0 2px 0 #000040;
}

.theme-90s .card .enter:active {
  box-shadow: inset 1px 1px 0 #000040, inset -1px -1px 0 rgba(255, 255, 255, .4);
}

.theme-90s .detail .enter:active {
  box-shadow: inset 1px 1px 0 #000040, inset -1px -1px 0 rgba(255, 255, 255, .4);
}

.theme-90s .enter .t-hover {
  color: #ffffff;
  text-shadow: 0 1px 0 #000040;
}

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

.theme-90s .lb-switch .lb-p {
  color: var(--r9-ink-soft);
  background: var(--r9-metal);
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
}

.theme-90s .lb-switch .lb-p.on {
  color: #ffffff;
  background: var(--r9-pink);
  border-color: #404040;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .35), inset -1px -1px 0 #000040;
}

.theme-90s .lb-refresh {
  color: var(--r9-ink-soft);
}

.theme-90s .lb-row.top1 {
  background: linear-gradient(90deg, rgba(0, 0, 128, .14), transparent);
}

.theme-90s .lb-row.top2 {
  background: linear-gradient(90deg, rgba(128, 0, 128, .12), transparent);
}

.theme-90s .lb-row.top3 {
  background: linear-gradient(90deg, rgba(16, 132, 208, .12), transparent);
}

.theme-90s .lb-rank {
  color: var(--r9-ink-soft);
}

.theme-90s .lb-row.top1 .lb-rank {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .lb-row.top2 .lb-rank {
  color: var(--r9-purple-deep);
  text-shadow: none;
}

.theme-90s .lb-row.top3 .lb-rank {
  color: var(--r9-blue-deep);
  text-shadow: none;
}

.theme-90s .lb-name {
  color: var(--r9-ink);
}

.theme-90s .lb-score {
  color: var(--r9-blue-deep);
  text-shadow: none;
}

.theme-90s .lb-empty {
  color: var(--r9-ink-soft);
}

.theme-90s .detail .lb-box {
  border-top: 2px solid #b8b4ac;
}

/* ===== 操控台装饰：米灰立体手柄 ===== */
.theme-90s .deck {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 4px 12px rgba(0, 0, 0, .3);
}

.theme-90s .joy .j-base {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0;
}

.theme-90s .joy .j-stick {
  background: #808080;
}

.theme-90s .joy .j-ball {
  background: radial-gradient(circle at 35% 30%, #4040a0, #000080);
  border: 1px solid #404040;
  border-radius: 50%;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .35), inset -2px -2px 0 #000040, 0 3px 8px rgba(0, 0, 0, .45);
}

.theme-90s .coinslot {
  background: #b8b4ac;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080;
}

.theme-90s .deck-label {
  color: var(--r9-purple-deep);
  text-shadow: 0 1px 0 #ffffff;
}

.theme-90s .deck-copy {
  color: var(--r9-ink-soft);
}

.theme-90s .ybtn {
  background: #e8e8d0;
  border: 1px solid #808080;
  border-radius: 50%;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0;
  color: var(--r9-yellow-deep);
}

/* GBA 掌机造型：米灰机身 + purple/blue 按钮 */
.theme-90s .gba-dpad::before,
.theme-90s .gba-dpad::after {
  background: #d4d0c8;
  border: 1px solid #808080;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .gba-dpad-dot {
  background: #e8d8e8;
  border: 1px solid #808080;
  border-radius: 50%;
}

.theme-90s .gba-select,
.theme-90s .gba-start {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .gba-a {
  background: #800080;
}

.theme-90s .gba-b {
  background: #1084d0;
}

.theme-90s .gba-a,
.theme-90s .gba-b {
  border: 1px solid #404040;
  border-radius: 50%;
  color: #ffffff;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 rgba(0, 0, 0, .45);
}

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

.theme-90s .detail .gtag {
  color: var(--r9-blue-deep);
  border: 1px solid var(--r9-blue);
  border-radius: var(--r9-radius);
  background: #d4e6f4;
  text-shadow: none;
  box-shadow: none;
}

.theme-90s .detail .gdesc {
  color: var(--r9-ink-soft);
}

.theme-90s .thumb {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .thumb img {
  border: 1px solid #b8b4ac;
  border-radius: 0;
}

.theme-90s .thumb.active {
  box-shadow: 0 0 0 3px #000080, 0 3px 8px rgba(0, 0, 0, .3);
}

.theme-90s .thumb.active::before {
  border-top-color: #000080;
}

.theme-90s .thumb-arrow {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .thumb-arrow:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

.theme-90s .thumb-arrow:disabled {
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

/* ===== 滚动条：米灰轨道 + 凸起灰滑块 ===== */
/* 选择器同时带上 .theme-90s 自身：主题 class 挂在 <html> 上，只写 `.theme-90s *` 命中不到后代以外，
   窗口根滚动条 / 后台 iframe 根滚动条会漏掉主题配色（退回基础霓虹色） */
.theme-90s,
.theme-90s * {
  scrollbar-color: #d4d0c8 #ece9e0;
}

.theme-90s::-webkit-scrollbar-track,
.theme-90s *::-webkit-scrollbar-track {
  background: #ece9e0;
  border-left: 1px solid #b8b4ac;
  box-shadow: none;
}

.theme-90s::-webkit-scrollbar-thumb,
.theme-90s *::-webkit-scrollbar-thumb {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s::-webkit-scrollbar-thumb:hover,
.theme-90s *::-webkit-scrollbar-thumb:hover {
  background: #e0dcd4;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s::-webkit-scrollbar-thumb:active,
.theme-90s *::-webkit-scrollbar-thumb:active {
  background: #b8b4ac;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

.theme-90s::-webkit-scrollbar-button,
.theme-90s *::-webkit-scrollbar-button {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s::-webkit-scrollbar-corner,
.theme-90s *::-webkit-scrollbar-corner {
  background: #d4d0c8;
}

/* ===== BGM / 签到悬停面板：米灰立体窗口 ===== */
.theme-90s .bgm-hover,
.theme-90s .ck-hover {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 8px 20px rgba(0, 0, 0, .4);
}

.theme-90s .bgm-hover-title,
.theme-90s .ck-hover-title {
  color: var(--r9-pink-deep);
}

.theme-90s .bgm-hover-title span,
.theme-90s .ck-hover-title span {
  color: var(--r9-ink-soft);
}

.theme-90s .bh-mute {
  border: 1px solid #808080;
  background: #d4d0c8;
  color: var(--r9-green-deep);
  border-radius: var(--r9-radius);
}

.theme-90s .bh-mute.off {
  border-color: #808080;
  background: #d8d8e8;
  color: var(--r9-pink-deep);
}

.theme-90s .bh-item {
  background: #ffffff;
  border: 1px solid #b8b4ac;
  border-radius: 0;
}

.theme-90s .bh-item.using {
  border-color: #000080;
  background: #d8d8e8;
}

.theme-90s .bh-name {
  color: var(--r9-ink);
}

.theme-90s .bh-btn.buy {
  background: #e8e8d0;
  color: var(--r9-yellow-deep);
  border-radius: var(--r9-radius);
}

.theme-90s .bh-btn.use {
  background: #e8d8e8;
  color: var(--r9-purple-deep);
  border-radius: var(--r9-radius);
}

.theme-90s .bh-using {
  color: var(--r9-green-deep);
}

.theme-90s .bh-empty {
  color: var(--r9-ink-soft);
}

.theme-90s .ck-hover-status,
.theme-90s .ckh-task {
  color: var(--r9-ink);
  background: #ffffff;
  border-radius: 0;
}

.theme-90s .ck-hover-tasks-title {
  color: var(--r9-ink-soft);
}

.theme-90s .ckh-task.loading {
  color: var(--r9-ink-soft);
}

.theme-90s .ckh-task-state {
  color: var(--r9-green-deep);
}

.theme-90s .ckh-done,
.theme-90s .ckh-task.done,
.theme-90s .ckh-task.done .ckh-task-state {
  color: #808080;
}

/* ===== 弹窗骨架：米灰窗口 + 顶部 navy 标题条 ===== */
.theme-90s .board-mask {
  background: rgba(32, 32, 32, .5);
}

.theme-90s .board-panel {
  position: relative;
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 10px 30px rgba(0, 0, 0, .5);
}

/* 顶部一截 navy→蓝标题栏渐变条 */
.theme-90s .board-panel::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 148px;
  height: 18px;
  transform: translateX(-50%) rotate(-1.5deg);
  background: var(--r9-holo);
  border-radius: var(--r9-radius);
  box-shadow: 0 2px 8px rgba(0, 0, 64, .5);
  pointer-events: none;
}

.theme-90s .board-title {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .board-sub {
  color: var(--r9-ink-soft);
  text-shadow: none;
}

.theme-90s .board-close {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .board-close:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

/* ===== 输入框：白底凹槽 ===== */
.theme-90s .board-input,
.theme-90s .tag-input,
.theme-90s #hornContent,
.theme-90s .field input {
  background: #ffffff;
  color: var(--r9-ink);
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080;
  caret-color: var(--r9-pink);
}

.theme-90s .board-input:focus,
.theme-90s .tag-input:focus,
.theme-90s #hornContent:focus,
.theme-90s .field input:focus {
  outline: none;
  border-color: #000080;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080, 0 0 0 1px #000080;
}

/* ===== 留言板 ===== */
.theme-90s .board-send {
  border: 1px solid #404040;
  border-radius: var(--r9-radius);
  background: #008040;
  color: #ffffff;
  font-weight: 700;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px -1px 0 #004020, 0 2px 0 #004020;
}

.theme-90s .board-send:active {
  box-shadow: inset 1px 1px 0 #004020, inset -1px -1px 0 rgba(255, 255, 255, .45);
}

.theme-90s .msg-item {
  background: #ffffff;
  border: 1px solid #b8b4ac;
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #ffffff, 0 2px 5px rgba(0, 0, 0, .2);
}

.theme-90s .msg-user {
  color: var(--r9-purple-deep);
  text-shadow: none;
}

.theme-90s .msg-tag {
  border: 1px solid var(--r9-blue);
  border-radius: var(--r9-radius);
  color: var(--r9-blue-deep);
  text-shadow: none;
  box-shadow: none;
}

.theme-90s .msg-time {
  color: var(--r9-ink-soft);
}

.theme-90s .msg-reply,
.theme-90s .msg-del,
.theme-90s .board-replycancel {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .msg-reply:hover {
  color: var(--r9-blue-deep);
}

.theme-90s .msg-del:hover,
.theme-90s .board-replycancel:hover {
  color: var(--r9-pink-deep);
}

.theme-90s .msg-replyto {
  color: var(--r9-blue-deep);
  text-shadow: none;
}

.theme-90s .board-replybar {
  background: #d4e6f4;
  border: 1px solid var(--r9-blue);
  border-radius: 0;
  color: var(--r9-blue-deep);
}

.theme-90s .board-replybar b {
  color: var(--r9-yellow-deep);
}

.theme-90s .msg-content {
  color: var(--r9-ink);
}

.theme-90s .board-status {
  color: var(--r9-ink-soft);
}

/* ===== 签到面板 ===== */
.theme-90s .ck-hero {
  border: 1px solid #808080;
  border-radius: 0;
  background: linear-gradient(135deg, #e8e8d0, #d8d8e8);
}

.theme-90s .ck-reward {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .ck-status {
  color: var(--r9-ink);
}

.theme-90s .ck-streak {
  color: var(--r9-blue-deep);
  border: 1px solid var(--r9-blue);
  border-radius: var(--r9-radius);
  text-shadow: none;
  box-shadow: none;
}

.theme-90s .ck-next {
  color: var(--r9-green-deep);
  border: 1px dashed var(--r9-green);
  border-radius: var(--r9-radius);
  text-shadow: none;
}

.theme-90s .ck-lottery {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
}

.theme-90s .ck-lottery-title {
  color: var(--r9-purple-deep);
  text-shadow: none;
}

.theme-90s .ck-lottery-num {
  color: var(--r9-ink);
}

.theme-90s .ck-lottery-go {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: #e8e8d0;
  color: var(--r9-yellow-deep);
  font-weight: 700;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .ck-lottery-tip,
.theme-90s .ck-tip {
  color: var(--r9-ink-soft);
}

.theme-90s .ck-btn:disabled {
  background: #d4d0c8;
  color: #808080;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #b8b4ac;
}

.theme-90s .admin-ck {
  background: #e8e8d0;
  color: var(--r9-yellow-deep);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .admin-ck:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

.theme-90s .ck-tasks {
  border-top: 2px solid #b8b4ac;
}

.theme-90s .ck-tasks-title {
  color: var(--r9-blue-deep);
  text-shadow: none;
}

.theme-90s .ck-task-item {
  border: 1px solid #b8b4ac;
  border-radius: 0;
  background: #ffffff;
}

.theme-90s .ck-task-item.done {
  border-color: var(--r9-green);
  background: #d4e8dc;
}

.theme-90s .ck-task-cover img {
  border: 1px solid #b8b4ac;
  border-radius: 0;
}

.theme-90s .ck-task-no {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .ck-task-state {
  color: var(--r9-green-deep);
}

.theme-90s .ck-task-go {
  color: #ffffff;
  background: #1084d0;
  border: 1px solid #404040;
  border-radius: var(--r9-radius);
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #0c5f96;
}

.theme-90s .ck-task-empty {
  color: var(--r9-ink-soft);
}

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

.theme-90s .shop-balance b {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .shop-tab {
  color: var(--r9-ink-soft);
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
}

.theme-90s .shop-tab:hover {
  color: var(--r9-ink);
  border-color: #000080;
}

.theme-90s .shop-tab.active {
  color: #ffffff;
  background: var(--r9-pink);
  border-color: #404040;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 #000040;
}

.theme-90s .shop-item {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, 0 3px 8px rgba(0, 0, 0, .2);
}

.theme-90s .si-name {
  color: var(--r9-ink);
}

.theme-90s .si-desc {
  color: var(--r9-ink-soft);
}

.theme-90s .si-price {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .si-price.free {
  color: var(--r9-green-deep);
  text-shadow: none;
}

.theme-90s .si-btn {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .si-btn.buy {
  background: #008040;
  color: #ffffff;
  border-color: #404040;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px -1px 0 #004020;
}

.theme-90s .si-btn.use {
  background: #1084d0;
  color: #ffffff;
  border-color: #404040;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #0c5f96;
}

.theme-90s .si-btn.using {
  background: #000080;
  color: #ffffff;
  border-color: #404040;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 #000040;
}

.theme-90s .shop-empty {
  border: 2px dashed #808000;
  border-radius: 0;
  background: #e8e8d0;
}

.theme-90s .shop-empty .se-text {
  color: var(--r9-yellow-deep);
  text-shadow: none;
}

.theme-90s .shop-empty .se-sub {
  color: var(--r9-ink-soft);
}

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

.theme-90s .tag-cell {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, 0 3px 8px rgba(0, 0, 0, .2);
}

.theme-90s .tag-cell.using {
  box-shadow: 0 0 0 3px #000080, 0 4px 10px rgba(0, 0, 64, .3);
}

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

.theme-90s .tag-cell.locked .t-name {
  color: #808080;
}

.theme-90s .tag-cell .t-price {
  color: var(--r9-ink-soft);
}

.theme-90s .tag-cell.locked .t-price {
  color: var(--r9-yellow-deep);
}

.theme-90s .tag-cell .t-mark {
  color: var(--r9-green-deep);
}

.theme-90s .tag-sec-title {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .tag-err {
  color: #cc0000;
  text-shadow: none;
}

.theme-90s .tag-divider {
  border-top: 2px solid #b8b4ac;
}

/* ===== 自定义游戏（ROM）弹窗 ===== */
.theme-90s .rom-upload {
  border: 2px dashed var(--r9-blue);
  border-radius: 0;
  background: #d4e6f4;
  color: var(--r9-blue-deep);
  box-shadow: none;
}

.theme-90s .rom-upload .sub {
  color: var(--r9-ink-soft);
}

.theme-90s .rom-tip {
  color: var(--r9-ink-soft);
}

.theme-90s .rom-tip b {
  color: var(--r9-yellow-deep);
}

.theme-90s .rom-empty {
  color: var(--r9-ink-soft);
}

.theme-90s .rom-item {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
}

.theme-90s .rom-item .ri-name {
  color: var(--r9-purple-deep);
}

.theme-90s .rom-item .ri-meta {
  color: var(--r9-ink-soft);
}

.theme-90s .rom-item .ri-btn {
  border: 1px solid #404040;
  border-radius: var(--r9-radius);
  background: #008040;
  color: #ffffff;
  font-weight: 700;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px -1px 0 #004020;
}

.theme-90s .rom-item .ri-btn:active {
  box-shadow: inset 1px 1px 0 #004020, inset -1px -1px 0 rgba(255, 255, 255, .45);
}

.theme-90s .rom-item .ri-btn.del {
  background: #800000;
  color: #ffffff;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #400000;
}

.theme-90s .rom-item .ri-btn.del:active {
  box-shadow: inset 1px 1px 0 #400000, inset -1px -1px 0 rgba(255, 255, 255, .4);
}

.theme-90s .rom-status {
  color: var(--r9-blue-deep);
}

.theme-90s .gba-custom-card {
  background: #ffffff;
}

.theme-90s .gba-custom-card .cover {
  background: #e8d8e8;
}

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

/* ===== Toast 提示 ===== */
.theme-90s .toast {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  color: var(--r9-ink);
  background: #ffffe1;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, 0 4px 14px rgba(0, 0, 0, .4);
  text-shadow: none;
}

.theme-90s .toast.success {
  background: #d4e8dc;
  color: var(--r9-green-deep);
  text-shadow: none;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, 0 4px 14px rgba(0, 0, 0, .35);
}

.theme-90s .toast.error {
  background: #e8d4d4;
  color: #800000;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, 0 4px 14px rgba(0, 0, 0, .35);
}

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

.theme-90s .confirm-actions .btn-no {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .confirm-actions .btn-no:hover {
  color: var(--r9-pink-deep);
}

.theme-90s .confirm-actions .btn-no:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

/* ===== 登录页 ===== */
.theme-90s .floor {
  background: linear-gradient(180deg, #d4d0c8 0%, #b8b4ac 100%);
  border-top: 3px solid #ece9e0;
  box-shadow: 0 -8px 30px rgba(0, 0, 0, .4);
}

.theme-90s .floor::before {
  background: repeating-linear-gradient(90deg, transparent 0 30px, rgba(64, 64, 64, .18) 30px 32px);
}

.theme-90s .cabinet {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 8px 24px rgba(0, 0, 0, .45);
}

/* 框体顶部螺丝：换成 navy 圆钮 */
.theme-90s .cabinet::before,
.theme-90s .cabinet::after {
  background: radial-gradient(circle at 35% 35%, #4040a0, #000060);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .5);
}

.theme-90s .screen {
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080, inset -2px -2px 0 #ece9e0;
}

.theme-90s .screen::after {
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .035) 0 1px, transparent 1px 3px);
}

.theme-90s .marquee {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .coin {
  color: var(--r9-blue-deep);
  text-shadow: none;
}

.theme-90s .tabs button {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .tabs button:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

.theme-90s .tabs button.active {
  color: #ffffff;
  background: var(--r9-pink);
  border-color: #404040;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 #000040;
}

.theme-90s .field label {
  color: var(--r9-pink-deep);
  text-shadow: none;
}

.theme-90s .captcha-box {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080;
}

.theme-90s .captcha-tip {
  color: var(--r9-ink-soft);
}

.theme-90s .submit {
  background: var(--r9-holo);
  color: #ffffff;
  border: 1px solid #404040;
  border-radius: var(--r9-radius);
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #000040, 0 2px 0 #000040;
}

.theme-90s .submit:active {
  box-shadow: inset 1px 1px 0 #000040, inset -1px -1px 0 rgba(255, 255, 255, .4);
}

.theme-90s .err {
  color: #cc0000;
  text-shadow: none;
}

.theme-90s .site-footer a {
  color: #cce0f5;
}

.theme-90s .site-footer a:hover {
  color: #ffffff;
}

/* ===== 内联彩色文字可读性修正（BGM 名 / 标签名等亮色，浅背景上统一压暗） ===== */
.theme-90s .bh-name {
  filter: brightness(.72) saturate(1.1);
}

.theme-90s .tag-cell .t-name {
  text-shadow: none;
  filter: brightness(.7) saturate(1.1);
}

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

/* ===== 全服喇叭：发送按钮 + 发送弹窗 ===== */
.theme-90s #hornSendBtn {
  border-left: 2px solid #808080;
  background: var(--r9-metal);
  color: var(--r9-pink-deep);
}

.theme-90s #hornSendBtn:hover {
  background: #ece9e0;
}

.theme-90s #hornBar.horn-dark #hornSendBtn {
  background: var(--r9-metal);
}

.theme-90s #hornBar.horn-dark #hornSendBtn:hover {
  background: #ece9e0;
}

.theme-90s #hornDialogMask {
  background: rgba(32, 32, 32, .5);
}

.theme-90s #hornDialog {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  color: var(--r9-ink);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 10px 26px rgba(0, 0, 0, .5);
}

.theme-90s #hornDialog h3 {
  color: var(--r9-pink-deep);
}

.theme-90s .horn-style-item {
  border: 1px solid #808080;
  border-radius: 0;
}

.theme-90s .horn-style-item.sel {
  border-color: #000080;
  background: #d8d8e8;
}

.theme-90s .horn-style-item .hs-count {
  color: var(--r9-yellow-deep);
}

.theme-90s .horn-style-item.zero .hs-count {
  color: #808080;
}

.theme-90s .horn-style-item .hs-buy {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: #e8e8d0;
  color: var(--r9-yellow-deep);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s #hornCounter {
  color: var(--r9-ink-soft);
}

.theme-90s #hornCancelBtn {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink-soft);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s #hornSendOkBtn {
  border: 1px solid #404040;
  border-radius: var(--r9-radius);
  background: #008040;
  color: #ffffff;
  font-weight: 700;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .45), inset -1px -1px 0 #004020;
}

.theme-90s #hornDialogErr {
  color: #cc0000;
}

/* ============================================================
   桌宠（agent-pet）：本体 SVG 改成米灰 + navy 描边娃娃，气泡 / 聊天窗换 Win95 窗口风
   ============================================================ */

/* —— 本体 SVG：米灰机身 + navy 描边 —— */
.theme-90s .apet .apet-head,
.theme-90s .apet .apet-body {
  fill: #d4d0c8;
  stroke: #000080;
}

.theme-90s .apet .apet-ear {
  fill: #d4d0c8;
  stroke: #000080;
}

/* 天线杆：换成 navy */
.theme-90s .apet .apet-antenna line {
  stroke: #000080;
}

/* 天线灯：经典黄 LED */
.theme-90s .apet .apet-bulb {
  fill: #ffff00;
  stroke: #808000;
  stroke-width: 1.5;
}

/* 眼睛：绿色圆眼 → navy 圆眼（保留白色高光） */
.theme-90s .apet .apet-eyes circle:nth-of-type(1),
.theme-90s .apet .apet-eyes circle:nth-of-type(2) {
  fill: #000080;
}

/* 腮红：换成柔粉 */
.theme-90s .apet .apet-blush {
  fill: #ff9999;
}

/* 嘴：换成酒红 */
.theme-90s .apet .apet-mouth {
  stroke: #800000;
}

/* —— 待机气泡：Win95 tooltip 淡黄卡 —— */
.theme-90s .apet-bubble {
  background: #ffffe1;
  border: 1px solid #808080;
  border-radius: 0;
  color: var(--r9-ink);
  font-family: var(--r9-font);
  letter-spacing: .5px;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, 0 3px 10px rgba(0, 0, 0, .35);
}

.theme-90s .apet-bubble::after {
  border-top-color: #808080;
}

/* —— 隐藏按钮：米灰凸边方钮 —— */
.theme-90s .apet-close {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink);
  font-family: var(--r9-font);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .apet-close:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

/* —— 还原按钮：navy→蓝渐变 —— */
.theme-90s .apet-restore {
  border: 1px solid #404040;
  background: var(--r9-holo);
  color: #ffffff;
  font-family: var(--r9-font);
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #000040;
}

/* ===== 桌宠聊天窗口：米灰窗口 + navy 渐变标题栏 ===== */
.theme-90s .apet-chat-overlay {
  background: rgba(32, 32, 32, .5);
}

.theme-90s .apet-chat-win {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 12px 30px rgba(0, 0, 0, .5);
}

.theme-90s .apet-chat-head {
  background: var(--r9-holo);
  border-bottom: 1px solid #404040;
}

.theme-90s .apet-chat-title {
  font-family: var(--r9-font);
  color: #ffffff;
  text-shadow: 1px 1px 0 #000040;
}

.theme-90s .apet-chat-close {
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  background: var(--r9-metal);
  color: var(--r9-ink);
  font-family: var(--r9-font);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .apet-chat-close:active {
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff;
}

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

/* bot 气泡：白底方角 */
.theme-90s .apet-chat-msg.bot .apet-chat-bubble {
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: 0;
  color: var(--r9-ink);
  font-family: var(--r9-font);
  box-shadow: inset 1px 1px 0 #ece9e0;
}

/* 用户气泡：浅藏青方角 */
.theme-90s .apet-chat-msg.user .apet-chat-bubble {
  background: #d8d8e8;
  border: 1px solid #808080;
  border-radius: 0;
  color: var(--r9-ink);
  font-family: var(--r9-font);
  box-shadow: inset 1px 1px 0 #ece9e0;
}

.theme-90s .apet-chat-foot {
  background: #d4d0c8;
  border-top: 1px solid #808080;
}

.theme-90s .apet-chat-foot input {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
  color: var(--r9-ink);
  font-family: var(--r9-font);
}

.theme-90s .apet-chat-foot input:focus {
  border-color: #000080;
  box-shadow: 0 0 0 1px #000080;
}

.theme-90s .apet-chat-foot input::placeholder {
  color: var(--r9-ink-soft);
}

.theme-90s .apet-chat-send {
  border: 1px solid #404040;
  border-radius: var(--r9-radius);
  background: #1084d0;
  color: #ffffff;
  font-family: var(--r9-font);
  text-shadow: none;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .4), inset -1px -1px 0 #0c5f96;
}

.theme-90s .apet-chat-send:active {
  box-shadow: inset 1px 1px 0 #0c5f96, inset -1px -1px 0 rgba(255, 255, 255, .4);
}

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

.theme-90s .apet-tab {
  border: 1px solid #808080;
  border-radius: 0;
  background: #d4d0c8;
  color: var(--r9-ink-soft);
  font-family: var(--r9-font);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .apet-tab.active {
  background: #000080;
  color: #ffffff;
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .3), inset -1px -1px 0 #000040;
}

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

.theme-90s .apet-nt-item {
  border: 1px solid #808080;
  border-radius: 0;
  background: #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .apet-nt-item.unread {
  border-color: #000080;
  box-shadow: 0 0 0 1px #d8d8e8, inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .apet-nt-title {
  color: var(--r9-pink-deep);
  font-family: var(--r9-font);
}

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

.theme-90s .apet-nt-body {
  color: var(--r9-ink);
  font-family: var(--r9-font);
}

.theme-90s .apet-nt-empty {
  font-family: var(--r9-font);
  color: var(--r9-ink-soft);
}

.theme-90s .apet-nt-foot {
  background: #d4d0c8;
  border-top: 1px solid #808080;
  font-family: var(--r9-font);
  color: var(--r9-ink-soft);
}

/* ============================================================
   管理后台（admin.html）：Win95/98 控制台
   header / .brand / .card / .toast 已由上方通用规则覆盖，此处补后台专属
   ============================================================ */

/* —— 副标题「管 理 后 台」：去闪烁，换白字 —— */
.theme-90s .brand span {
  color: #ffffff;
  text-shadow: 1px 1px 0 #000040;
  animation: none;
}

/* —— 顶部标签页：米灰凸边（navy 标题栏上）—— */
.theme-90s .adm-tab {
  color: var(--r9-ink);
  background: var(--r9-metal);
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .adm-tab:hover {
  color: var(--r9-ink);
  border-color: #000040;
}

.theme-90s .adm-tab.active {
  color: var(--r9-pink-deep);
  font-weight: 700;
  background: #ffffff;
  border-color: #404040;
  text-shadow: none;
  box-shadow: inset 1px 1px 0 #404040, inset -1px -1px 0 #ffffff, inset 2px 2px 0 #808080;
}

/* —— 右上角：在线管理员 / 返回大厅 —— */
.theme-90s .adm-user {
  color: #cce0f5;
}

.theme-90s .adm-back {
  color: var(--r9-ink);
  background: var(--r9-metal);
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .adm-back:hover {
  background: #ece9e0;
  color: var(--r9-pink-deep);
}

/* —— 面板：米灰立体窗 —— */
.theme-90s .panel {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: var(--r9-radius-lg);
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 4px 12px rgba(0, 0, 0, .3);
}

.theme-90s .toolbar-label {
  color: var(--r9-ink-soft);
}

.theme-90s .toolbar-hint {
  color: var(--r9-ink-soft);
}

/* —— 输入框 / 下拉框：白底凹槽 —— */
.theme-90s input[type="text"],
.theme-90s input[type="number"],
.theme-90s select {
  color: var(--r9-ink);
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: 0;
  font-family: var(--r9-font);
}

.theme-90s input[type="text"]:focus,
.theme-90s input[type="number"]:focus,
.theme-90s select:focus {
  border-color: #000080;
}

.theme-90s input::placeholder {
  color: var(--r9-ink-soft);
}

/* —— 按钮：米灰凸边 / navy 实底 —— */
.theme-90s .btn {
  color: var(--r9-ink);
  background: var(--r9-metal);
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .btn:hover {
  color: var(--r9-blue-deep);
  border-color: #000080;
  background: #ece9e0;
}

.theme-90s .btn.primary {
  color: #ffffff;
  font-weight: 700;
  background: var(--r9-pink);
  border-color: #404040;
  text-shadow: none;
}

.theme-90s .btn.primary:hover {
  background: linear-gradient(180deg, #000090 0%, #000060 100%);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .35), inset -1px -1px 0 #000040;
}

.theme-90s .btn.danger {
  color: #cc0000;
  border-color: #808080;
  background: #e8d4d4;
}

.theme-90s .btn.danger:hover {
  background: #800000;
  color: #ffffff;
  border-color: #404040;
}

/* —— 表格：navy 表头白字 —— */
.theme-90s th,
.theme-90s td {
  border-bottom: 1px solid #b8b4ac;
}

.theme-90s th {
  color: #ffffff;
  letter-spacing: 1px;
  background: var(--r9-pink);
  font-family: var(--r9-font);
}

.theme-90s tr:hover td {
  background: #d8d8e8;
}

.theme-90s td.num {
  font-family: var(--r9-font);
  font-weight: 700;
  color: var(--r9-ink);
}

.theme-90s .td-empty {
  color: var(--r9-ink-soft);
}

/* —— 徽章：浅填充深字 —— */
.theme-90s .badge {
  border: 1px solid transparent;
  border-radius: var(--r9-radius);
  font-family: var(--r9-font);
}

.theme-90s .badge.admin {
  color: var(--r9-yellow-deep);
  border-color: #808000;
  background: #e8e8d0;
}

.theme-90s .badge.user {
  color: var(--r9-ink-soft);
  border-color: #b8b4ac;
  background: #ece9e0;
}

.theme-90s .badge.banned {
  color: #cc0000;
  border-color: #800000;
  background: #e8d4d4;
}

.theme-90s .badge.normal {
  color: var(--r9-green-deep);
  border-color: #008040;
  background: #d4e8dc;
}

.theme-90s .badge.online {
  color: var(--r9-green-deep);
  border-color: #008040;
  background: #d4e8dc;
}

.theme-90s .badge.offline {
  color: #555555;
  border-color: #808080;
  background: #dcdcdc;
}

/* —— 在线圆点：经典绿 LED —— */
.theme-90s .online-dot {
  background: #00c050;
  border: 1px solid #ffffff;
  box-shadow: 0 0 4px rgba(0, 192, 80, .6);
}

.theme-90s .online-dot.off {
  background: #808080;
  box-shadow: none;
}

/* —— 行内小按钮 —— */
.theme-90s .mini-btn {
  margin-right: 6px;
  color: var(--r9-ink);
  background: var(--r9-metal);
  border: 1px solid #808080;
  border-radius: var(--r9-radius);
  text-shadow: 0 1px 0 #ffffff;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .mini-btn:hover {
  color: var(--r9-blue-deep);
  border-color: #000080;
}

.theme-90s .mini-btn.green {
  color: var(--r9-green-deep);
  border-color: #008040;
  background: #d4e8dc;
}

.theme-90s .mini-btn.green:hover {
  background: #008040;
  color: #ffffff;
  border-color: #004020;
}

.theme-90s .mini-btn.red {
  color: #cc0000;
  border-color: #800000;
  background: #e8d4d4;
}

.theme-90s .mini-btn.red:hover {
  background: #800000;
  color: #ffffff;
  border-color: #400000;
}

/* —— 统计卡片内部 —— */
.theme-90s .card .c-num {
  color: var(--r9-pink-deep);
  text-shadow: none;
  font-family: var(--r9-font);
}

.theme-90s .card .c-label {
  color: var(--r9-ink-soft);
}

/* —— 图表盒子：白卡 —— */
.theme-90s .chart-box {
  background: #ffffff;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff;
}

.theme-90s .chart-title {
  color: var(--r9-blue-deep);
}

.theme-90s .legend {
  color: var(--r9-ink-soft);
}

.theme-90s .legend i {
  border: 1px solid #ffffff;
  box-shadow: 0 0 0 1px #808080;
}

/* —— 弹窗：米灰窗 + navy 渐变头 —— */
.theme-90s .mask {
  background: rgba(32, 32, 32, .5);
}

.theme-90s .modal {
  background: #d4d0c8;
  border: 1px solid #808080;
  border-radius: 0;
  box-shadow: inset -1px -1px 0 #404040, inset 1px 1px 0 #ffffff, inset -2px -2px 0 #808080, inset 2px 2px 0 #ece9e0, 0 14px 34px rgba(0, 0, 0, .5);
}

.theme-90s .modal-head {
  background: var(--r9-holo);
  color: #ffffff;
  text-shadow: 1px 1px 0 #000040;
  border-bottom: 1px solid #404040;
}

.theme-90s .modal-close {
  color: #ffffff;
  font-family: var(--r9-font);
  text-shadow: 1px 1px 0 #000040;
}

.theme-90s .modal-close:hover {
  color: #ffff00;
}

.theme-90s .modal-body {
  color: var(--r9-ink);
}

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

.theme-90s .rv-info b {
  color: var(--r9-pink-deep);
}

.theme-90s .rv-form label {
  color: var(--r9-ink);
}

.theme-90s .td-reason {
  color: #cc0000;
}

/* —— 账号详情：信息格 / 分节标题 / 商品贴纸 —— */
.theme-90s .detail-grid .dg {
  background: #ece9e0;
  border: 1px solid #b8b4ac;
  border-radius: 0;
}

.theme-90s .dg .k {
  color: var(--r9-ink-soft);
}

.theme-90s .dg .v {
  color: var(--r9-ink);
  font-weight: 700;
}

.theme-90s .sec-title {
  color: var(--r9-purple-deep);
  border-bottom: 2px solid #b8b4ac;
}

.theme-90s .item-chip {
  background: #d8d8e8;
  border: 1px solid #000080;
  border-radius: var(--r9-radius);
  color: var(--r9-pink-deep);
  font-family: var(--r9-font);
}

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

/* —— AI游戏 游玩方式标签：深色文字 + 浅色填充，保证浅底可读 —— */
.theme-90s .gplay {
  color: var(--r9-green-deep);
  background: #d4e8dc;
  border-color: var(--r9-green);
  text-shadow: none;
}
.theme-90s .gplay.gplay-kbd {
  color: var(--r9-purple-deep);
  background: #e8d8e8;
  border-color: var(--r9-purple);
}

/* ============================================================
   大厅框体 / 屏幕：加一点透明，隐约透出背景视频画面
   ============================================================ */
.theme-90s .cabinet.hall-cab {
  background: linear-gradient(180deg, rgba(212, 208, 200, .72) 0%, rgba(212, 208, 200, .68) 100%);
}

.theme-90s .screen {
  background: linear-gradient(180deg, rgba(212, 208, 200, .7) 0%, rgba(236, 233, 224, .66) 100%);
}


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

/* —— 成就弹窗 —— */
.theme-90s .ach-panel .board-title { background: var(--r9-title, linear-gradient(90deg, #000080, #1084d0)); color: #fff; }
.theme-90s .ach-stats { color: var(--r9-text, #1a1a1a); }
.theme-90s .ach-group-title { color: #000080; font-weight: 700; }
.theme-90s .ach-item { background: #ece9e0; border: 2px solid; border-color: #ffffff #808080 #808080 #ffffff; border-radius: 0; }
.theme-90s .ach-item.done { border-color: #000080; background: #d8e4f8; }
.theme-90s .ach-name { color: #1a1a1a; }
.theme-90s .ach-desc { color: #4a4a4a; }
.theme-90s .ach-date { color: #000080; }
.theme-90s .ach-prog-bar { background: #d4d0c8; border: 1px solid #808080; border-radius: 0; }
.theme-90s .ach-prog-bar span { background: #000080; }
.theme-90s #recentWidget { background: #ece9e0; border: 2px solid; border-color: #ffffff #404040 #404040 #ffffff; border-radius: 0; }
.theme-90s #recentWidget .rw-head { background: var(--r9-title, linear-gradient(90deg, #000080, #1084d0)); color: #fff; }
.theme-90s .rw-name { color: #1a1a1a; }
.theme-90s .rw-time { color: #4a4a4a; }
.theme-90s .rw-item:hover { background: #d8e4f8; }
.theme-90s .hall-filterbar { background: #ece9e0; border: 2px solid; border-color: #ffffff #808080 #808080 #ffffff; border-radius: 0; }
.theme-90s .ht-chip { background: #ece9e0; border: 2px solid; border-color: #ffffff #808080 #808080 #ffffff; color: #1a1a1a; border-radius: 0; }
.theme-90s .ht-chip.active { background: #000080; color: #fff; border-color: #808080; }
.theme-90s .u-avatar { border-radius: 0; background: #d4d0c8; box-shadow: 1px 1px 0 #fff inset; }
.theme-90s a.lb-name, .theme-90s a.msg-user, .theme-90s a.horn-name { color: #000080; }