/* ============================================================
   杂志报纸主题（商店购买「杂志报纸主题」后生效）
   作用域：<html class="theme-magazine">（登录页 + 大厅 + 弹窗 + 桌宠 + 管理后台）
   原则：位置 / 尺寸 / 文字一律不动，只换配色 / 字体 / 边框 / 圆角 / 阴影
   像素街机原样式在 hall.css / login.css / horn-bar.css，本文件按更高优先级覆盖
   风格：新闻纸米白 × 报纸红 × 黑墨衬线 + 细黑框双线分隔 + 硬偏移阴影
   ============================================================ */

/* —— 杂志报纸设计变量（纸白 + 报纸红 + 蓝紫墨 + 墨绿 + 金褐 + 灰褐边框）—— */
.theme-magazine {
  --mg-ink: #191713;        /* 黑墨（正文）*/
  --mg-ink-soft: #6b675e;   /* 灰褐（次要文字）*/
  --mg-pink: #b3342d;       /* 报纸红（主强调）*/
  --mg-pink-deep: #8c2521;  /* 深红（文字用）*/
  --mg-pink-pale: #f3dcd8;  /* 浅红填色 */
  --mg-purple: #3f3a5c;     /* 深蓝紫墨（副强调）*/
  --mg-purple-deep: #2c2942;/* 深紫墨（文字用）*/
  --mg-purple-pale: #e4e1ee;/* 浅紫填色 */
  --mg-blue: #2c5f8a;       /* 蓝墨 */
  --mg-blue-deep: #1e4360;  /* 深蓝（文字用）*/
  --mg-blue-pale: #dbe7ef;  /* 浅蓝填色 */
  --mg-yellow: #a8842c;     /* 金褐 */
  --mg-yellow-deep: #7a6120;/* 深金褐（文字用）*/
  --mg-green: #3e6b3a;      /* 墨绿 */
  --mg-green-deep: #2b4c28; /* 深墨绿（文字用）*/
  --mg-green-pale: #dde8d8; /* 浅绿填色 */
  --mg-silver: #a89f8c;     /* 灰褐（边框）*/
  --mg-silver-deep: #6b675e;/* 深灰褐 */
  --mg-font: Georgia, "Times New Roman", "Noto Serif SC", "SimSun", serif;
  --mg-radius: 0;                                /* 方正排印（按钮）*/
  --mg-radius-lg: 2px;                           /* 近直角（卡片/弹窗）*/
  --mg-metal: linear-gradient(180deg, #fbf8f1 0%, #efeade 100%); /* 纸面板 */
  --mg-holo: linear-gradient(135deg, #191713 0%, #3f3a5c 100%);  /* 黑墨渐变 */
}

/* ===== 基础：新闻纸米白 + 极淡纸纹细网格 ===== */
.theme-magazine body {
  font-family: var(--mg-font);
  color: var(--mg-ink);
  background:
    repeating-linear-gradient(0deg, rgba(25, 23, 19, .022) 0 1px, transparent 1px 28px),
    repeating-linear-gradient(90deg, rgba(25, 23, 19, .022) 0 1px, transparent 1px 28px),
    linear-gradient(165deg, #f7f3ea 0%, #f5f1e8 48%, #efe9db 100%);
}

/* 大厅背景视频：黑白报纸照片感（购入的背景不失效，只是换了色调） */
.theme-magazine #hallBgVideo {
  filter: grayscale(.85) sepia(.25) brightness(.9);
  opacity: .35;
}

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

/* ===== 顶部栏：报纸报头风（白纸底 + 底部粗黑双线） ===== */
.theme-magazine header {
  background: linear-gradient(180deg, rgba(251, 248, 241, .96) 0%, rgba(245, 241, 232, .94) 100%);
  border-bottom: 3px double var(--mg-ink);
  box-shadow: 0 4px 0 rgba(25, 23, 19, .12), 0 8px 24px rgba(25, 23, 19, .18);
}

.theme-magazine .brand {
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 3px;
  animation: none;
}

.theme-magazine .online-num {
  color: var(--mg-green-deep);
  border: 1px solid var(--mg-ink);
  background: #fbf8f1;
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
  border-radius: var(--mg-radius);
}

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

.theme-magazine .user-box .utag {
  border: 1px solid var(--mg-ink);
  background: var(--mg-blue-pale);
  color: var(--mg-blue-deep);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
  border-radius: var(--mg-radius);
}

.theme-magazine .coin-balance {
  border: 1px solid var(--mg-ink);
  background: var(--mg-yellow-pale);
  color: var(--mg-yellow-deep);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
  border-radius: var(--mg-radius);
}

/* ===== 通用按钮：白纸黑框方章 / 黑墨主按钮 ===== */
.theme-magazine .pixel-btn {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 1px;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .pixel-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .checkin-btn {
  background: var(--mg-pink);
  color: #fff;
  text-shadow: none;
  border-color: var(--mg-ink);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .2);
}

.theme-magazine .checkin-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .2);
}

.theme-magazine .pixel-btn.board-btn {
  background: var(--mg-holo);
  color: #fff;
  text-shadow: none;
  border-color: var(--mg-ink);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .2);
}

.theme-magazine .pixel-btn.board-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .2);
}

.theme-magazine .logout-btn {
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .logout-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .music-btn {
  background: var(--mg-green-pale);
  color: var(--mg-green-deep);
  text-shadow: none;
  border-color: var(--mg-ink);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .music-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .music-btn.off {
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .music-btn.off:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .admin-btn {
  background: var(--mg-blue-pale);
  color: var(--mg-blue-deep);
  text-shadow: none;
  border-color: var(--mg-ink);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .admin-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

/* ===== 导航 / 视图切换按钮：白纸黑框，选中态红底白字刊头章 ===== */
.theme-magazine .nav-btn {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 1px;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .14);
}

.theme-magazine .nav-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .14);
}

.theme-magazine .nav-btn.active {
  background: var(--mg-pink);
  color: #fff;
  text-shadow: none;
  border-color: var(--mg-ink);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .2);
}

.theme-magazine .view-switch button {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .view-switch button:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .view-switch button.active {
  background: var(--mg-holo);
  color: #fff;
  text-shadow: none;
  border-color: var(--mg-ink);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .2);
}

/* ===== 工具栏标题：双线分节 + 红色小块点缀 ===== */
.theme-magazine .section-title {
  color: var(--mg-ink);
  text-shadow: none;
  background: transparent;
  border-radius: var(--mg-radius);
  border-top: 3px double var(--mg-ink);
  padding: 2px 4px 0;
  letter-spacing: 2px;
}

.theme-magazine .section-title::before {
  color: var(--mg-pink);
}

.theme-magazine .empty {
  color: var(--mg-ink-soft);
}

/* ===== 大厅框体 / 屏幕：纸板刊面 + 黑墨细框 ===== */
.theme-magazine .cabinet {
  background: linear-gradient(180deg, rgba(251, 248, 241, .96) 0%, rgba(239, 234, 222, .94) 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .15), 0 14px 34px rgba(25, 23, 19, .18);
}

.theme-magazine .screen {
  background: linear-gradient(180deg, #fdfaf3 0%, #f5f1e8 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: inset 0 0 0 1px rgba(251, 248, 241, .8), inset 0 0 24px rgba(25, 23, 19, .05);
}

/* CRT 扫描线：换成纸面反光细条 */
.theme-magazine .screen::after {
  background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, .5) 46%, transparent 60%);
}

/* ===== 游戏卡片：白纸黑框排印卡 ===== */
.theme-magazine .card {
  background: linear-gradient(180deg, #fdfaf3 0%, #f7f3ea 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .14);
}

.theme-magazine .card:hover {
  box-shadow: 3px 3px 0 rgba(179, 52, 45, .35), 5px 5px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .cover {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-purple-pale);
  box-shadow: inset 0 0 0 2px #fdfaf3, inset 0 0 0 3px rgba(25, 23, 19, .35);
}

.theme-magazine .fav-btn {
  border: 1px solid var(--mg-ink);
  background: rgba(251, 248, 241, .92);
  color: var(--mg-ink-soft);
  border-radius: var(--mg-radius);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .fav-btn.on {
  color: var(--mg-pink);
  background: var(--mg-pink-pale);
  text-shadow: none;
}

.theme-magazine .card .gname {
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 1.5px;
  border-bottom: 2px solid var(--mg-pink);
}

.theme-magazine .gup {
  color: var(--mg-pink-deep);
}

.theme-magazine .card .gdesc {
  color: var(--mg-ink-soft);
}

.theme-magazine .card-right {
  border-left: 1px solid var(--mg-silver);
}

/* 开始游戏按钮：黑墨渐变方章 */
.theme-magazine .card .enter,
.theme-magazine .detail .enter {
  background: var(--mg-holo);
  color: #fff;
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  text-shadow: none;
  letter-spacing: 2px;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .25);
}

.theme-magazine .card .enter:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .25);
}

.theme-magazine .detail .enter:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .25);
}

.theme-magazine .enter .t-hover {
  color: #fff;
  text-shadow: 0 0 6px rgba(255, 255, 255, .55);
}

/* ===== 排行榜 ===== */
.theme-magazine .lb-head {
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 2px;
  border-bottom: 3px double var(--mg-ink);
}

.theme-magazine .lb-switch .lb-p {
  color: var(--mg-ink-soft);
  background: var(--mg-metal);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
}

.theme-magazine .lb-switch .lb-p.on {
  color: #fff;
  background: var(--mg-purple);
  border-color: var(--mg-ink);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .lb-refresh {
  color: var(--mg-ink-soft);
}

.theme-magazine .lb-row.top1 {
  background: linear-gradient(90deg, rgba(179, 52, 45, .14), transparent);
}

.theme-magazine .lb-row.top2 {
  background: linear-gradient(90deg, rgba(63, 58, 92, .12), transparent);
}

.theme-magazine .lb-row.top3 {
  background: linear-gradient(90deg, rgba(44, 95, 138, .12), transparent);
}

.theme-magazine .lb-rank {
  color: var(--mg-ink-soft);
}

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

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

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

.theme-magazine .lb-name {
  color: var(--mg-ink);
}

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

.theme-magazine .lb-empty {
  color: var(--mg-ink-soft);
}

.theme-magazine .detail .lb-box {
  border-top: 1px solid var(--mg-silver);
}

/* ===== 操控台装饰：纸板印刷手柄 ===== */
.theme-magazine .deck {
  background: linear-gradient(180deg, #fbf8f1 0%, #efeade 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .15), 0 10px 22px rgba(25, 23, 19, .14);
}

.theme-magazine .joy .j-base {
  background: linear-gradient(180deg, #fbf8f1, #efeade);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: inset 0 0 0 2px #fbf8f1, inset 0 0 0 3px rgba(25, 23, 19, .3), 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .joy .j-stick {
  background: var(--mg-silver);
}

.theme-magazine .joy .j-ball {
  background: radial-gradient(circle at 35% 30%, #c44a42, #8c2521);
  border: 1px solid var(--mg-ink);
  border-radius: 50%;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .2);
}

.theme-magazine .coinslot {
  background: linear-gradient(180deg, #fbf8f1, #efeade);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: inset 0 0 0 2px #fbf8f1, inset 0 0 8px rgba(107, 103, 94, .35);
}

.theme-magazine .deck-label {
  color: var(--mg-purple-deep);
  text-shadow: none;
  letter-spacing: 2px;
}

.theme-magazine .deck-copy {
  color: var(--mg-ink-soft);
}

.theme-magazine .ybtn {
  background: var(--mg-yellow-pale);
  border: 1px solid var(--mg-ink);
  border-radius: 50%;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
  color: var(--mg-yellow-deep);
}

/* GBA 掌机造型：报刊配色 */
.theme-magazine .gba-dpad::before,
.theme-magazine .gba-dpad::after {
  background: linear-gradient(180deg, #fbf8f1, #efeade);
  border: 1px solid var(--mg-ink);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .gba-dpad-dot {
  background: var(--mg-purple-pale);
  border: 1px solid var(--mg-ink);
  border-radius: 50%;
}

.theme-magazine .gba-select,
.theme-magazine .gba-start {
  background: linear-gradient(180deg, #fbf8f1, #efeade);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .gba-a {
  background: var(--mg-pink);
}

.theme-magazine .gba-b {
  background: var(--mg-blue);
}

.theme-magazine .gba-a,
.theme-magazine .gba-b {
  border: 1px solid var(--mg-ink);
  border-radius: 50%;
  color: #fff;
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .2);
}

/* ===== 焦点视图：详情 + 缩略图 ===== */
.theme-magazine .detail .gname {
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 2px;
  border-bottom: 3px double var(--mg-ink);
}

.theme-magazine .detail .gtag {
  color: var(--mg-blue-deep);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-blue-pale);
  text-shadow: none;
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .detail .gdesc {
  color: var(--mg-ink-soft);
}

.theme-magazine .thumb {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: linear-gradient(180deg, #fdfaf3, #f7f3ea);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .thumb img {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
}

.theme-magazine .thumb.active {
  box-shadow: 0 0 0 2px var(--mg-pink), 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .thumb.active::before {
  border-top-color: var(--mg-pink);
}

.theme-magazine .thumb-arrow {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-yellow-pale);
  color: var(--mg-yellow-deep);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .thumb-arrow:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .thumb-arrow:disabled {
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

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

.theme-magazine::-webkit-scrollbar-track,
.theme-magazine *::-webkit-scrollbar-track {
  background: #efeade;
  border-left: 1px solid #a89f8c;
  box-shadow: none;
}

.theme-magazine::-webkit-scrollbar-thumb,
.theme-magazine *::-webkit-scrollbar-thumb {
  background: #191713;
  border: 1px solid #191713;
  border-radius: 0;
  box-shadow: none;
}

.theme-magazine::-webkit-scrollbar-thumb:hover,
.theme-magazine *::-webkit-scrollbar-thumb:hover {
  background: #3f3a5c;
  box-shadow: none;
}

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

.theme-magazine::-webkit-scrollbar-button,
.theme-magazine *::-webkit-scrollbar-button {
  background: linear-gradient(180deg, #fbf8f1, #efeade);
  border: 1px solid var(--mg-silver);
  border-radius: 0;
  box-shadow: none;
}

.theme-magazine::-webkit-scrollbar-corner,
.theme-magazine *::-webkit-scrollbar-corner {
  background: #efeade;
}

/* ===== BGM / 签到悬停面板：白纸黑框小刊 ===== */
.theme-magazine .bgm-hover,
.theme-magazine .ck-hover {
  background: linear-gradient(180deg, #fdfaf3 0%, #f5f1e8 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .18), 0 12px 26px rgba(25, 23, 19, .2);
}

.theme-magazine .bgm-hover-title,
.theme-magazine .ck-hover-title {
  color: var(--mg-ink);
  letter-spacing: 2px;
  border-bottom: 3px double var(--mg-ink);
}

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

.theme-magazine .bh-mute {
  border: 1px solid var(--mg-ink);
  background: var(--mg-green-pale);
  color: var(--mg-green-deep);
  border-radius: var(--mg-radius);
}

.theme-magazine .bh-mute.off {
  border-color: var(--mg-ink);
  background: var(--mg-pink-pale);
  color: var(--mg-pink-deep);
}

.theme-magazine .bh-item {
  background: #fdfaf3;
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
}

.theme-magazine .bh-item.using {
  border-color: var(--mg-pink);
  background: var(--mg-pink-pale);
}

.theme-magazine .bh-name {
  color: var(--mg-ink);
}

.theme-magazine .bh-btn.buy {
  background: var(--mg-yellow-pale);
  color: var(--mg-yellow-deep);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
}

.theme-magazine .bh-btn.use {
  background: var(--mg-purple-pale);
  color: var(--mg-purple-deep);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
}

.theme-magazine .bh-using {
  color: var(--mg-green-deep);
}

.theme-magazine .bh-empty {
  color: var(--mg-ink-soft);
}

.theme-magazine .ck-hover-status,
.theme-magazine .ckh-task {
  color: var(--mg-ink);
  background: #fdfaf3;
  border-radius: var(--mg-radius);
}

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

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

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

.theme-magazine .ckh-done,
.theme-magazine .ckh-task.done,
.theme-magazine .ckh-task.done .ckh-task-state {
  color: var(--mg-silver-deep);
}

/* ===== 弹窗骨架：白纸卡 + 顶部红色刊头条 ===== */
.theme-magazine .board-mask {
  background: rgba(25, 23, 19, .45);
}

.theme-magazine .board-panel {
  position: relative;
  background: linear-gradient(180deg, #fdfaf3 0%, #f5f1e8 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 0 0 0 4px rgba(251, 248, 241, .7), 4px 4px 0 rgba(25, 23, 19, .22), 0 20px 44px rgba(25, 23, 19, .35);
}

/* 顶部一截红色刊头条（报头贴纸） */
.theme-magazine .board-panel::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 50%;
  width: 148px;
  height: 18px;
  transform: translateX(-50%) rotate(-1.5deg);
  background: var(--mg-pink);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .2);
  pointer-events: none;
}

.theme-magazine .board-title {
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 3px;
  border-bottom: 3px double var(--mg-ink);
}

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

.theme-magazine .board-close {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-pink);
  color: #fff;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .board-close:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .18);
}

/* ===== 输入框：白底黑框方槽 ===== */
.theme-magazine .board-input,
.theme-magazine .tag-input,
.theme-magazine #hornContent,
.theme-magazine .field input {
  background: #fdfaf3;
  color: var(--mg-ink);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: inset 1px 1px 0 rgba(25, 23, 19, .08);
  caret-color: var(--mg-pink);
}

.theme-magazine .board-input:focus,
.theme-magazine .tag-input:focus,
.theme-magazine #hornContent:focus,
.theme-magazine .field input:focus {
  outline: none;
  border-color: var(--mg-pink);
  box-shadow: 0 0 0 2px rgba(179, 52, 45, .22);
}

/* ===== 留言板 ===== */
.theme-magazine .board-send {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-green);
  color: #fff;
  font-weight: 700;
  text-shadow: none;
  letter-spacing: 1px;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .board-send:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .msg-item {
  background: #fdfaf3;
  border: 1px solid var(--mg-silver);
  border-left: 3px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .1);
}

.theme-magazine .msg-user {
  color: var(--mg-purple-deep);
  text-shadow: none;
}

.theme-magazine .msg-tag {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  color: var(--mg-blue-deep);
  background: var(--mg-blue-pale);
  text-shadow: none;
  box-shadow: none;
}

.theme-magazine .msg-time {
  color: var(--mg-ink-soft);
}

.theme-magazine .msg-reply,
.theme-magazine .msg-del,
.theme-magazine .board-replycancel {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

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

.theme-magazine .msg-del:hover,
.theme-magazine .board-replycancel:hover {
  color: var(--mg-pink-deep);
}

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

.theme-magazine .board-replybar {
  background: var(--mg-blue-pale);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  color: var(--mg-blue-deep);
}

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

.theme-magazine .msg-content {
  color: var(--mg-ink);
}

.theme-magazine .board-status {
  color: var(--mg-ink-soft);
}

/* ===== 签到面板 ===== */
.theme-magazine .ck-hero {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  background: linear-gradient(135deg, var(--mg-yellow-pale), var(--mg-pink-pale));
}

.theme-magazine .ck-reward {
  color: var(--mg-pink-deep);
  text-shadow: none;
}

.theme-magazine .ck-status {
  color: var(--mg-ink);
}

.theme-magazine .ck-streak {
  color: var(--mg-blue-deep);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-blue-pale);
  text-shadow: none;
}

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

.theme-magazine .ck-lottery {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius-lg);
  background: #fdfaf3;
}

.theme-magazine .ck-lottery-title {
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 2px;
}

.theme-magazine .ck-lottery-num {
  color: var(--mg-ink);
}

.theme-magazine .ck-lottery-go {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-yellow-pale);
  color: var(--mg-yellow-deep);
  font-weight: 700;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

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

.theme-magazine .ck-btn:disabled {
  background: #e8e2d3;
  color: var(--mg-silver-deep);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .08);
}

.theme-magazine .admin-ck {
  background: var(--mg-yellow-pale);
  color: var(--mg-yellow-deep);
  text-shadow: none;
  border: 1px solid var(--mg-ink);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .admin-ck:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .ck-tasks {
  border-top: 3px double var(--mg-silver);
}

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

.theme-magazine .ck-task-item {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
}

.theme-magazine .ck-task-item.done {
  border-color: var(--mg-green);
  background: var(--mg-green-pale);
}

.theme-magazine .ck-task-cover img {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
}

.theme-magazine .ck-task-no {
  color: var(--mg-pink-deep);
  text-shadow: none;
}

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

.theme-magazine .ck-task-go {
  color: #fff;
  background: var(--mg-blue);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

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

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

.theme-magazine .shop-balance b {
  color: var(--mg-pink-deep);
  text-shadow: none;
}

.theme-magazine .shop-tab {
  color: var(--mg-ink-soft);
  background: #fdfaf3;
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
}

.theme-magazine .shop-tab:hover {
  color: var(--mg-ink);
  border-color: var(--mg-pink);
}

.theme-magazine .shop-tab.active {
  color: #fff;
  background: var(--mg-purple);
  border-color: var(--mg-ink);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .shop-item {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius-lg);
  background: #fdfaf3;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .1);
}

.theme-magazine .si-name {
  color: var(--mg-ink);
}

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

.theme-magazine .si-price {
  color: var(--mg-pink-deep);
  text-shadow: none;
}

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

.theme-magazine .si-btn {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .si-btn.buy {
  background: var(--mg-green-pale);
  color: var(--mg-green-deep);
  border-color: var(--mg-ink);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .si-btn.use {
  background: var(--mg-blue-pale);
  color: var(--mg-blue-deep);
  border-color: var(--mg-ink);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .si-btn.using {
  background: var(--mg-pink-pale);
  color: var(--mg-pink-deep);
  border-color: var(--mg-ink);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .shop-empty {
  border: 1px dashed var(--mg-yellow);
  border-radius: var(--mg-radius-lg);
  background: var(--mg-yellow-pale);
}

.theme-magazine .shop-empty .se-text {
  color: var(--mg-yellow-deep);
  text-shadow: none;
}

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

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

.theme-magazine .tag-cell {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .1);
}

.theme-magazine .tag-cell.using {
  box-shadow: 0 0 0 2px var(--mg-pink), 2px 2px 0 rgba(25, 23, 19, .12);
}

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

.theme-magazine .tag-cell.locked .t-name {
  color: var(--mg-silver-deep);
}

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

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

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

.theme-magazine .tag-sec-title {
  color: var(--mg-ink);
  text-shadow: none;
  letter-spacing: 2px;
  border-bottom: 3px double var(--mg-ink);
}

.theme-magazine .tag-err {
  color: var(--mg-pink-deep);
  text-shadow: none;
}

.theme-magazine .tag-divider {
  border-top: 1px solid var(--mg-silver);
}

/* ===== 自定义游戏（ROM）弹窗 ===== */
.theme-magazine .rom-upload {
  border: 1px dashed var(--mg-blue);
  border-radius: var(--mg-radius-lg);
  background: var(--mg-blue-pale);
  color: var(--mg-blue-deep);
  box-shadow: none;
}

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

.theme-magazine .rom-tip {
  color: var(--mg-ink-soft);
}

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

.theme-magazine .rom-empty {
  color: var(--mg-ink-soft);
}

.theme-magazine .rom-item {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
}

.theme-magazine .rom-item .ri-name {
  color: var(--mg-purple-deep);
}

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

.theme-magazine .rom-item .ri-btn {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-green-pale);
  color: var(--mg-green-deep);
  font-weight: 700;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .rom-item .ri-btn:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .rom-item .ri-btn.del {
  background: var(--mg-pink-pale);
  color: var(--mg-pink-deep);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .rom-item .ri-btn.del:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .rom-status {
  color: var(--mg-blue-deep);
}

.theme-magazine .gba-custom-card {
  background: #fdfaf3;
}

.theme-magazine .gba-custom-card .cover {
  background: var(--mg-purple-pale);
}

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

/* ===== Toast 提示 ===== */
.theme-magazine .toast {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  color: var(--mg-ink);
  background: #fdfaf3;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .2);
  text-shadow: none;
}

.theme-magazine .toast.success {
  background: var(--mg-green-pale);
  color: var(--mg-green-deep);
  text-shadow: none;
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .toast.error {
  background: var(--mg-pink-pale);
  color: var(--mg-pink-deep);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .18);
}

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

.theme-magazine .confirm-actions .btn-no {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .confirm-actions .btn-no:hover {
  color: var(--mg-pink-deep);
}

.theme-magazine .confirm-actions .btn-no:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

/* ===== 登录页 ===== */
.theme-magazine .floor {
  background: linear-gradient(180deg, #e8e2d3 0%, #efe9db 55%, #e3dcc9 100%);
  border-top: 3px double var(--mg-ink);
  box-shadow: 0 -8px 30px rgba(25, 23, 19, .2);
}

.theme-magazine .floor::before {
  background: repeating-linear-gradient(90deg, transparent 0 30px, rgba(25, 23, 19, .1) 30px 32px);
}

.theme-magazine .cabinet {
  background: linear-gradient(180deg, #fbf8f1 0%, #f5f1e8 55%, #efeade 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 0 0 0 4px rgba(251, 248, 241, .7), 4px 4px 0 rgba(25, 23, 19, .2), 0 16px 36px rgba(25, 23, 19, .28);
}

/* 框体顶部螺丝：改成黑墨圆钮 + 红芯 */
.theme-magazine .cabinet::before,
.theme-magazine .cabinet::after {
  background: radial-gradient(circle at 35% 35%, #b3342d, #191713);
  border-radius: 50%;
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .3);
}

.theme-magazine .screen {
  background: linear-gradient(180deg, #fdfaf3, #f5f1e8);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: inset 0 0 0 2px #fbf8f1, inset 0 0 0 3px rgba(25, 23, 19, .3), inset 0 0 30px rgba(25, 23, 19, .04);
}

.theme-magazine .screen::after {
  background: linear-gradient(115deg, transparent 32%, rgba(255, 255, 255, .5) 46%, transparent 60%);
}

.theme-magazine .marquee {
  color: var(--mg-pink-deep);
  text-shadow: none;
  letter-spacing: 3px;
}

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

.theme-magazine .tabs button {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .tabs button:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .tabs button.active {
  color: #fff;
  background: var(--mg-pink);
  border-color: var(--mg-ink);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .field label {
  color: var(--mg-purple-deep);
  text-shadow: none;
}

.theme-magazine .captcha-box {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .1);
}

.theme-magazine .captcha-tip {
  color: var(--mg-ink-soft);
}

.theme-magazine .submit {
  background: var(--mg-holo);
  color: #fff;
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  text-shadow: none;
  letter-spacing: 3px;
  box-shadow: 4px 4px 0 rgba(25, 23, 19, .25);
}

.theme-magazine .submit:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .25);
}

.theme-magazine .err {
  color: var(--mg-pink-deep);
  text-shadow: none;
}

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

.theme-magazine .site-footer a:hover {
  color: var(--mg-pink-deep);
}

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

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

.theme-magazine .msg-tag {
  filter: brightness(.8);
}

/* ===== 全服喇叭：发送按钮 + 发送弹窗 ===== */
.theme-magazine #hornSendBtn {
  border-left: 1px solid var(--mg-ink);
  background: linear-gradient(180deg, rgba(251, 248, 241, .96), rgba(239, 234, 222, .94));
  color: var(--mg-pink-deep);
}

.theme-magazine #hornSendBtn:hover {
  background: #fdfaf3;
}

.theme-magazine #hornBar.horn-dark #hornSendBtn {
  background: linear-gradient(180deg, rgba(251, 248, 241, .96), rgba(239, 234, 222, .94));
}

.theme-magazine #hornBar.horn-dark #hornSendBtn:hover {
  background: #fdfaf3;
}

.theme-magazine #hornDialogMask {
  background: rgba(25, 23, 19, .45);
}

.theme-magazine #hornDialog {
  background: linear-gradient(180deg, #fdfaf3, #f5f1e8);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  color: var(--mg-ink);
  box-shadow: 0 0 0 4px rgba(251, 248, 241, .7), 4px 4px 0 rgba(25, 23, 19, .22), 0 10px 26px rgba(25, 23, 19, .32);
}

.theme-magazine #hornDialog h3 {
  color: var(--mg-ink);
  letter-spacing: 2px;
  border-bottom: 3px double var(--mg-ink);
}

.theme-magazine .horn-style-item {
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
}

.theme-magazine .horn-style-item.sel {
  border-color: var(--mg-pink);
  background: var(--mg-pink-pale);
}

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

.theme-magazine .horn-style-item.zero .hs-count {
  color: var(--mg-silver-deep);
}

.theme-magazine .horn-style-item .hs-buy {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-yellow-pale);
  color: var(--mg-yellow-deep);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .14);
}

.theme-magazine #hornCounter {
  color: var(--mg-ink-soft);
}

.theme-magazine #hornCancelBtn {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-metal);
  color: var(--mg-ink-soft);
  text-shadow: none;
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine #hornSendOkBtn {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-green-pale);
  color: var(--mg-green-deep);
  font-weight: 700;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine #hornDialogErr {
  color: var(--mg-pink-deep);
}

/* ============================================================
   桌宠（agent-pet）：本体 SVG 改成纸白黑描边红点缀娃娃，气泡 / 聊天窗换报刊风
   ============================================================ */

/* —— 本体 SVG：纸白机身 + 黑墨描边 —— */
.theme-magazine .apet .apet-head,
.theme-magazine .apet .apet-body {
  fill: #fbf8f1;
  stroke: #191713;
}

.theme-magazine .apet .apet-ear {
  fill: #fbf8f1;
  stroke: #191713;
}

/* 天线杆：换成黑墨 */
.theme-magazine .apet .apet-antenna line {
  stroke: #191713;
}

/* 天线灯：报纸红圆点 */
.theme-magazine .apet .apet-bulb {
  fill: #b3342d;
  stroke: #191713;
  stroke-width: 1.5;
}

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

/* 腮红：换成报纸红 */
.theme-magazine .apet .apet-blush {
  fill: #e8a49e;
}

/* 嘴：换成深红墨 */
.theme-magazine .apet .apet-mouth {
  stroke: #8c2521;
}

/* —— 待机气泡：白纸黑框方卡 —— */
.theme-magazine .apet-bubble {
  background: #fdfaf3;
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  color: var(--mg-ink);
  font-family: var(--mg-font);
  letter-spacing: .5px;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
}

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

/* —— 隐藏按钮：报纸红方章 —— */
.theme-magazine .apet-close {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-pink);
  color: #fff;
  font-family: var(--mg-font);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .2);
}

.theme-magazine .apet-close:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .2);
}

/* —— 还原按钮：黑墨渐变圆 —— */
.theme-magazine .apet-restore {
  border: 1px solid var(--mg-ink);
  background: var(--mg-holo);
  color: #fff;
  font-family: var(--mg-font);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .22);
}

/* ===== 桌宠聊天窗口：白纸卡 + 红刊头 ===== */
.theme-magazine .apet-chat-overlay {
  background: rgba(25, 23, 19, .45);
}

.theme-magazine .apet-chat-win {
  background: linear-gradient(180deg, #fdfaf3, #f5f1e8);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 0 0 0 4px rgba(251, 248, 241, .7), 4px 4px 0 rgba(25, 23, 19, .22), 0 12px 30px rgba(25, 23, 19, .3);
}

.theme-magazine .apet-chat-head {
  background: var(--mg-pink);
  border-bottom: 1px solid var(--mg-ink);
}

.theme-magazine .apet-chat-title {
  font-family: var(--mg-font);
  color: #fff;
  text-shadow: none;
  letter-spacing: 2px;
}

.theme-magazine .apet-chat-close {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
  color: var(--mg-ink);
  font-family: var(--mg-font);
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .apet-chat-close:active {
  box-shadow: none;
}

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

/* bot 气泡：浅紫墨方角 */
.theme-magazine .apet-chat-msg.bot .apet-chat-bubble {
  background: var(--mg-purple-pale);
  border: 1px solid var(--mg-ink);
  border-radius: 0;
  color: var(--mg-ink);
  font-family: var(--mg-font);
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

/* 用户气泡：浅红方角 */
.theme-magazine .apet-chat-msg.user .apet-chat-bubble {
  background: var(--mg-pink-pale);
  border: 1px solid var(--mg-ink);
  border-radius: 0;
  color: var(--mg-ink);
  font-family: var(--mg-font);
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .apet-chat-foot {
  background: linear-gradient(180deg, #f5f1e8, #efeade);
  border-top: 1px solid var(--mg-ink);
}

.theme-magazine .apet-chat-foot input {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
  color: var(--mg-ink);
  font-family: var(--mg-font);
}

.theme-magazine .apet-chat-foot input:focus {
  border-color: var(--mg-pink);
  box-shadow: 0 0 0 2px rgba(179, 52, 45, .22);
}

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

.theme-magazine .apet-chat-send {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: var(--mg-blue);
  color: #fff;
  font-family: var(--mg-font);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .apet-chat-send:active {
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .18);
}

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

.theme-magazine .apet-tab {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
  color: var(--mg-ink-soft);
  font-family: var(--mg-font);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .apet-tab.active {
  background: var(--mg-pink);
  color: #fff;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .2);
}

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

.theme-magazine .apet-nt-item {
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  background: #fdfaf3;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .apet-nt-item.unread {
  border-color: var(--mg-pink-deep);
  box-shadow: 0 0 0 1px var(--mg-pink-pale), 2px 2px 0 rgba(25, 23, 19, .15);
}

.theme-magazine .apet-nt-title {
  color: var(--mg-pink-deep);
  font-family: var(--mg-font);
}

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

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

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

.theme-magazine .apet-nt-foot {
  background: #efeade;
  border-top: 1px solid var(--mg-ink);
  font-family: var(--mg-font);
  color: var(--mg-ink-soft);
}

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

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

/* —— 顶部标签页：白纸黑框方章 —— */
.theme-magazine .adm-tab {
  color: var(--mg-ink-soft);
  background: var(--mg-metal);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .adm-tab:hover {
  color: var(--mg-ink);
  border-color: var(--mg-pink);
}

.theme-magazine .adm-tab.active {
  color: #fff;
  font-weight: 700;
  background: var(--mg-pink);
  border-color: var(--mg-ink);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
}

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

.theme-magazine .adm-back {
  color: var(--mg-blue-deep);
  background: var(--mg-blue-pale);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

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

/* —— 面板：白纸黑框 —— */
.theme-magazine .panel {
  background: linear-gradient(180deg, #fdfaf3 0%, #f5f1e8 100%);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 3px 3px 0 rgba(25, 23, 19, .15), 0 12px 28px rgba(25, 23, 19, .16);
}

.theme-magazine .toolbar-label {
  color: var(--mg-ink-soft);
}

.theme-magazine .toolbar-hint {
  color: var(--mg-ink-soft);
}

/* —— 输入框 / 下拉框：白底黑框 —— */
.theme-magazine input[type="text"],
.theme-magazine input[type="number"],
.theme-magazine select {
  color: var(--mg-ink);
  background: #fdfaf3;
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  font-family: var(--mg-font);
}

.theme-magazine input[type="text"]:focus,
.theme-magazine input[type="number"]:focus,
.theme-magazine select:focus {
  border-color: var(--mg-pink);
}

.theme-magazine input::placeholder {
  color: var(--mg-ink-soft);
}

/* —— 按钮：纸面方章 / 红底主按钮 —— */
.theme-magazine .btn {
  color: var(--mg-ink);
  background: var(--mg-metal);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  text-shadow: none;
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .btn:hover {
  color: var(--mg-blue-deep);
  border-color: var(--mg-blue);
  background: var(--mg-blue-pale);
}

.theme-magazine .btn.primary {
  color: #fff;
  font-weight: 700;
  background: var(--mg-pink);
  border-color: var(--mg-ink);
  text-shadow: none;
}

.theme-magazine .btn.primary:hover {
  background: var(--mg-pink-deep);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .18);
}

.theme-magazine .btn.danger {
  color: var(--mg-pink-deep);
  border-color: var(--mg-pink);
  background: var(--mg-pink-pale);
}

.theme-magazine .btn.danger:hover {
  background: var(--mg-pink);
  color: #fff;
  border-color: var(--mg-ink);
}

/* —— 表格：黑墨表头浅底 —— */
.theme-magazine th,
.theme-magazine td {
  border-bottom: 1px solid var(--mg-silver);
}

.theme-magazine th {
  color: var(--mg-ink);
  letter-spacing: 2px;
  background: #efeade;
  border-bottom: 2px solid var(--mg-ink);
  font-family: var(--mg-font);
}

.theme-magazine tr:hover td {
  background: rgba(179, 52, 45, .06);
}

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

.theme-magazine .td-empty {
  color: var(--mg-ink-soft);
}

/* —— 徽章：报刊方章 —— */
.theme-magazine .badge {
  border: 1px solid transparent;
  border-radius: var(--mg-radius);
  font-family: var(--mg-font);
}

.theme-magazine .badge.admin {
  color: var(--mg-yellow-deep);
  border-color: var(--mg-yellow);
  background: var(--mg-yellow-pale);
}

.theme-magazine .badge.user {
  color: var(--mg-ink-soft);
  border-color: var(--mg-silver);
  background: #efeade;
}

.theme-magazine .badge.banned {
  color: var(--mg-pink-deep);
  border-color: var(--mg-pink);
  background: var(--mg-pink-pale);
}

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

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

.theme-magazine .badge.offline {
  color: var(--mg-ink-soft);
  border-color: var(--mg-silver);
  background: transparent;
}

/* —— 在线圆点：墨绿实心 —— */
.theme-magazine .online-dot {
  background: var(--mg-green);
  border: 1px solid var(--mg-ink);
  box-shadow: none;
}

.theme-magazine .online-dot.off {
  background: var(--mg-silver);
  box-shadow: none;
}

/* —— 行内小按钮 —— */
.theme-magazine .mini-btn {
  margin-right: 6px;
  color: var(--mg-ink);
  background: var(--mg-metal);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  text-shadow: none;
  box-shadow: 1px 1px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .mini-btn:hover {
  color: var(--mg-blue-deep);
  border-color: var(--mg-blue);
}

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

.theme-magazine .mini-btn.green:hover {
  background: var(--mg-green);
  color: #fff;
  border-color: var(--mg-ink);
}

.theme-magazine .mini-btn.red {
  color: var(--mg-pink-deep);
  border-color: var(--mg-pink);
  background: var(--mg-pink-pale);
}

.theme-magazine .mini-btn.red:hover {
  background: var(--mg-pink);
  color: #fff;
  border-color: var(--mg-ink);
}

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

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

/* —— 图表盒子：白纸卡 —— */
.theme-magazine .chart-box {
  background: #fdfaf3;
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius);
  box-shadow: 2px 2px 0 rgba(25, 23, 19, .12);
}

.theme-magazine .chart-title {
  color: var(--mg-blue-deep);
}

.theme-magazine .legend {
  color: var(--mg-ink-soft);
}

.theme-magazine .legend i {
  border: 1px solid var(--mg-ink);
  box-shadow: none;
}

/* —— 弹窗：白纸卡 + 红刊头 —— */
.theme-magazine .mask {
  background: rgba(25, 23, 19, .45);
}

.theme-magazine .modal {
  background: linear-gradient(180deg, #fdfaf3, #f5f1e8);
  border: 1px solid var(--mg-ink);
  border-radius: var(--mg-radius-lg);
  box-shadow: 0 0 0 4px rgba(251, 248, 241, .7), 4px 4px 0 rgba(25, 23, 19, .22), 0 14px 34px rgba(25, 23, 19, .3);
}

.theme-magazine .modal-head {
  background: var(--mg-pink);
  color: #fff;
  text-shadow: none;
  letter-spacing: 2px;
  border-bottom: 1px solid var(--mg-ink);
}

.theme-magazine .modal-close {
  color: #fff;
  font-family: var(--mg-font);
  text-shadow: none;
}

.theme-magazine .modal-close:hover {
  color: #f0e8d0;
}

.theme-magazine .modal-body {
  color: var(--mg-ink);
}

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

.theme-magazine .rv-info b {
  color: var(--mg-pink-deep);
}

.theme-magazine .rv-form label {
  color: var(--mg-ink);
}

.theme-magazine .td-reason {
  color: var(--mg-pink-deep);
}

/* —— 账号详情：信息格 / 分节标题 / 商品贴纸 —— */
.theme-magazine .detail-grid .dg {
  background: #efeade;
  border: 1px solid var(--mg-silver);
  border-radius: var(--mg-radius);
}

.theme-magazine .dg .k {
  color: var(--mg-ink-soft);
}

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

.theme-magazine .sec-title {
  color: var(--mg-ink);
  border-bottom: 3px double var(--mg-ink);
}

.theme-magazine .item-chip {
  background: var(--mg-pink-pale);
  border: 1px solid var(--mg-pink);
  border-radius: var(--mg-radius);
  color: var(--mg-pink-deep);
  font-family: var(--mg-font);
}

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

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

/* ============================================================
   大厅框体 / 屏幕：加一点透明，隐约透出背景视频画面
   ============================================================ */
.theme-magazine .cabinet.hall-cab {
  background: linear-gradient(180deg, rgba(251, 248, 241, .72) 0%, rgba(239, 234, 222, .72) 100%);
}

.theme-magazine .screen {
  background: linear-gradient(180deg, rgba(253, 250, 243, .72) 0%, rgba(245, 241, 232, .72) 100%);
}


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

/* —— 成就弹窗 —— */
.theme-magazine .ach-stats { color: var(--mg-muted, #6a6a6a); }
.theme-magazine .ach-group-title { color: var(--mg-ink, #141414); border-bottom: 2px solid var(--mg-ink, #141414); display: inline-block; padding-bottom: 2px; }
.theme-magazine .ach-item { background: var(--mg-paper, #fafaf7); border-color: var(--mg-line, #d8d5cc); border-radius: 4px; }
.theme-magazine .ach-item.done { border-color: var(--mg-ink, #141414); box-shadow: 4px 4px 0 var(--mg-accent, #e8632c); }
.theme-magazine .ach-name { color: var(--mg-ink, #141414); font-weight: 700; }
.theme-magazine .ach-desc { color: var(--mg-muted, #6a6a6a); }
.theme-magazine .ach-date { color: var(--mg-accent, #e8632c); }
.theme-magazine .ach-prog-bar { background: #e8e5dc; border-radius: 2px; }
.theme-magazine .ach-prog-bar span { background: var(--mg-accent, #e8632c); }
.theme-magazine #recentWidget { background: var(--mg-paper, #fafaf7); border: 1px solid var(--mg-line, #d8d5cc); border-radius: 6px; box-shadow: 5px 5px 0 rgba(20,20,20,.12); }
.theme-magazine #recentWidget .rw-head { color: var(--mg-ink, #141414); border-bottom: 1px solid var(--mg-line, #d8d5cc); }
.theme-magazine .rw-name { color: var(--mg-ink, #141414); }
.theme-magazine .rw-time { color: var(--mg-muted, #6a6a6a); }
.theme-magazine .rw-item:hover { background: #f0ede4; }
.theme-magazine .hall-filterbar { background: var(--mg-paper, #fafaf7); border: 1px solid var(--mg-line, #d8d5cc); border-radius: 6px; }
.theme-magazine .ht-chip { background: transparent; border-color: var(--mg-line, #d8d5cc); color: var(--mg-muted, #6a6a6a); border-radius: 3px; }
.theme-magazine .ht-chip.active { background: var(--mg-ink, #141414); color: #fff; border-color: var(--mg-ink, #141414); }
.theme-magazine .u-avatar { border-radius: 4px; box-shadow: 3px 3px 0 var(--mg-accent, #e8632c); background: #f0ede4; }
.theme-magazine a.lb-name, .theme-magazine a.msg-user, .theme-magazine a.horn-name { color: var(--mg-accent, #e8632c); }