/* ============================================================
   skin-layer.css · 座位表皮肤层（Y89 P1，2026-10-11）
   任务书 §十六：三层皮肤（姓名框/详情主题/公共）+ 功能标志三槽位
   设计铁律：装饰只走边/角/底，中心姓名留空（托起不框住）；
            功能标志（组徽章/性别/请假/标记）永远在装饰之上（z-index 更高）。
   类体系：.sl-d 基类 + 锚位标志类——
     sl-ctr 水平居中 · sl-top/sl-bot 上/下缘锚 · sl-rt/sl-lt 右/左偏锚
     sl-rib 勋章垂绦 · sl-tas 流苏（sl-foc 历史类名保留，不再触发让位）
   视角补偿：现行 0°/180°（.a180 块，与 sv.css 的 .gb/.sx 同套路）
   ============================================================ */

/* ---------- 字体（本地子集化，仅 63 人名用字，13~50KB） ---------- */
@font-face { font-family: 'SK Xiaowei'; src: url('skins/fonts/glass-xiaowei.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'SK KuaiLe';  src: url('skins/fonts/clay-kuaile.woff2') format('woff2');  font-display: swap; }
@font-face { font-family: 'SK MaShan';  src: url('skins/fonts/lantern-mashan.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: 'SK QingKe';  src: url('skins/fonts/pixel-qingke.woff2') format('woff2'); font-display: swap; }

/* ---------- 装饰基类与锚位 ---------- */
.rseat .sl-d { position: absolute; z-index: 1; pointer-events: none; line-height: 1; }
.rseat .sl-ctr { left: 50%; transform: translateX(-50%); }
.rseat .sl-rt { right: 23%; }
.rseat .sl-lt { left: 22%; }
.rseat .sl-top { top: 2px; }
.rseat .sl-bot { bottom: 2px; }


/* 段位 Lv 角标（下缘居中；段位徽章皮肤专用，数字=累计积分段位） */
.rseat .sl-lv { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);
  z-index: 4; pointer-events: none;
  font-size: 8px; font-weight: 800; font-style: italic; color: #5b4200; line-height: 1.5;
  background: linear-gradient(135deg, #f7e7a3, #d4af37 55%, #f7e7a3);
  border-radius: 6px; padding: 0 4px; box-shadow: 0 1px 2px rgba(150, 110, 20, .35); }

/* 标记 chips（图标+全称；缩小尺寸防遮挡） */
.rseat .mks i { font-size: 8px; padding: 0 2.5px; border-radius: 3px; }

/* ---------- 13 款（Y90c：忠实移植 预览页 v5 的每款原值——坐标/尺寸/阴影照抄；
   删除此前擅自加的 8 处彩色闭合边框【避讳铁律】，无框款回退基类浅灰边=与预览一致） ---------- */
/* ①金冠加冕：顶部小金冠悬浮卡外+右缘星 */
#queue .rseat.sk-crown { background: #fffbe4; }
#queue .rseat.sk-crown .sl-d1 { top: -5px; left: 50%; transform: translateX(-50%); font-size: 15px; filter: drop-shadow(0 1px 1px rgba(201,162,39,.45)); }
#queue .rseat.sk-crown .sl-d2 { top: 3px; right: 6px; font-size: 10px; opacity: .9; }
#queue .rseat.sk-crown .nm { margin-top: 7px; }
/* ②月桂托星：底部两侧月桂枝托起中央金星 */
#queue .rseat.sk-laurel { background: #f7fceb; }
#queue .rseat.sk-laurel .sl-d1 { bottom: -2px; left: 3px; font-size: 16px; transform: rotate(-16deg); }
#queue .rseat.sk-laurel .sl-d2 { bottom: -2px; right: 3px; font-size: 16px; transform: rotate(16deg) scaleX(-1); }
#queue .rseat.sk-laurel .sl-d3 { bottom: -3px; left: 50%; transform: translateX(-50%); font-size: 10px; filter: drop-shadow(0 0 3px rgba(255,200,60,.8)); }
#queue .rseat.sk-laurel .nm { margin-bottom: 9px; }
/* ③花语飘落：斜向飘花三枚 */
#queue .rseat.sk-petal { background: #fff5f9; }
#queue .rseat.sk-petal .sl-d1 { top: 2px; left: 7px; font-size: 12px; opacity: .85; transform: rotate(-14deg); }
#queue .rseat.sk-petal .sl-d2 { top: 4px; right: 8px; font-size: 11px; opacity: .8; transform: rotate(18deg); }
#queue .rseat.sk-petal .sl-d3 { bottom: 2px; right: 12px; font-size: 10px; opacity: .75; transform: rotate(-8deg); }
/* ④星光环绕：柔光环底+双星 */
#queue .rseat.sk-aura { background: radial-gradient(circle at 50% 42%, #ffefa8 0%, #fff 72%);
  box-shadow: 0 2px 6px rgba(31,42,68,.06), 0 0 15px rgba(255,196,56,.6); }
#queue .rseat.sk-aura .sl-d1 { top: 4px; left: 7px; font-size: 10px; }
#queue .rseat.sk-aura .sl-d2 { bottom: 4px; right: 8px; font-size: 11px; }
/* ⑤绶带勋章：左上勋章+垂绦 */
#queue .rseat.sk-medal { background: #fff6de; }
#queue .rseat.sk-medal .sl-d1 { top: -4px; left: 8px; font-size: 14px; transform: rotate(-12deg); filter: drop-shadow(0 1px 1px rgba(180,60,60,.35)); }
#queue .rseat.sk-medal .sl-rib { top: 11px; left: 14px; right: auto; width: 3px; height: 12px; border-radius: 2px;
  background: linear-gradient(180deg, #e5484d, #f59e0b); }
/* ⑥虹光渐染：对角渐变洗底，无任何描边 */
#queue .rseat.sk-wash { background: linear-gradient(120deg, #ffcfe0 0%, #fff 44%, #c9defc 100%); }
/* ⑦金角聚焦：四角金色 L 括号（14px·2.5px·R7·光晕，边不相连） */
#queue .rseat.sk-focus { background: #fff8dd; }
#queue .rseat.sk-focus::before, #queue .rseat.sk-focus::after, #queue .rseat.sk-focus .sl-c3, #queue .rseat.sk-focus .sl-c4 {
  content: ""; position: absolute; width: 14px; height: 14px; z-index: 1; pointer-events: none; }
#queue .rseat.sk-focus::before { top: 3px; left: 3px; border-top: 2.5px solid #c9a227; border-left: 2.5px solid #c9a227;
  border-top-left-radius: 7px; box-shadow: 0 0 4px rgba(201,162,39,.35); }
#queue .rseat.sk-focus::after { top: 3px; right: 3px; border-top: 2.5px solid #c9a227; border-right: 2.5px solid #c9a227;
  border-top-right-radius: 7px; box-shadow: 0 0 4px rgba(201,162,39,.35); }
#queue .rseat.sk-focus .sl-c3 { bottom: 3px; left: 3px; border-bottom: 2.5px solid #c9a227; border-left: 2.5px solid #c9a227;
  border-bottom-left-radius: 7px; box-shadow: 0 0 4px rgba(201,162,39,.35); }
#queue .rseat.sk-focus .sl-c4 { bottom: 3px; right: 3px; border-bottom: 2.5px solid #c9a227; border-right: 2.5px solid #c9a227;
  border-bottom-right-radius: 7px; box-shadow: 0 0 4px rgba(201,162,39,.35); }
/* ⑧灯笼流苏：左上红灯笼+左缘垂穗+毛笔体 */
#queue .rseat.sk-lantern { background: #fff1d6; }
#queue .rseat.sk-lantern .sl-d1 { top: -4px; left: 7px; font-size: 13px; }   /* Y90l：灯笼=左上角（预览原版） */
#queue .rseat.sk-lantern .sl-tas { top: 10px; left: 13px; width: 2.5px; height: 56%; border-radius: 2px;
  background: linear-gradient(180deg, #c0392b, #e6b34d); }
#queue .rseat.sk-lantern .nm { font-family: 'SK MaShan', 'KaiTi', serif; font-weight: 400; }
/* ⑨玻璃糖果：白玻璃拟态+顶部彩虹条 */
#queue .rseat.sk-glass { background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(214,236,255,.72));
  border: 1.5px solid rgba(255,255,255,.95);
  box-shadow: 0 6px 16px rgba(31,42,68,.12), inset 0 1px 0 #fff; backdrop-filter: blur(5px); }
#queue .rseat.sk-glass::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3.5px; z-index: 1;
  border-radius: 12px 12px 0 0; opacity: .95;
  background: linear-gradient(90deg, #ff9a9e, #fad0c4, #a1c4fd, #84fab0); }
#queue .rseat.sk-glass .nm { font-family: 'SK Xiaowei', 'KaiTi', serif; font-weight: 700; }
/* ⑩云朵软糖：粉底白边胖圆角 */
#queue .rseat.sk-clay { background: #ffd7e7; border: 2.5px solid #fff; border-radius: 18px;
  box-shadow: 0 8px 18px rgba(224,102,166,.26), inset 0 -6px 10px rgba(224,102,166,.13), inset 0 4px 8px rgba(255,255,255,.95); }
#queue .rseat.sk-clay .nm { font-family: 'SK KuaiLe', 'Microsoft YaHei', sans-serif; font-weight: 400; color: #8d3a63; }
/* ⑪像素冒险：粗深描边+双层内嵌线 */
#queue .rseat.sk-pixel { background: #fff6cf; border: 3px solid #4a3f35; border-radius: 4px;
  box-shadow: 4px 4px 0 rgba(74,63,53,.32), inset 0 0 0 2px #fffbe8, inset 0 0 0 4px #4a3f35; }
#queue .rseat.sk-pixel .nm { font-family: 'SK QingKe', 'Microsoft YaHei', sans-serif; font-weight: 400; letter-spacing: 1px; color: #3f362c; }
/* ⑫蝶结花环：顶蝶结+沿边双花+底部珍珠链 */
#queue .rseat.sk-bow { background: #ffeef7; }
#queue .rseat.sk-bow .sl-d1 { top: -6px; left: 50%; transform: translateX(-50%); font-size: 16px; filter: drop-shadow(0 1px 1px rgba(214,89,140,.4)); }
#queue .rseat.sk-bow .sl-d2 { top: 3px; left: 8px; font-size: 11px; opacity: .9; }
#queue .rseat.sk-bow .sl-d3 { top: 3px; right: 8px; font-size: 11px; opacity: .9; }
#queue .rseat.sk-bow::after { content: ""; position: absolute; bottom: 5px; left: 18%; right: 18%; height: 4px; z-index: 1;
  background: radial-gradient(circle, #e8b4d0 1.6px, transparent 2px); background-size: 11px 4px; opacity: .9; }
#queue .rseat.sk-bow .nm { margin-top: 5px; font-family: 'SK KuaiLe', 'Microsoft YaHei', sans-serif; color: #a0447a; }
/* ⑬段位徽章：左上金属 Lv 章（JS 注入真段位）+底部双刻度条 */
#queue .rseat.sk-badge { background: linear-gradient(180deg, #fff8d6, #ffeec2); }
#queue .rseat.sk-badge .sl-d1 { top: 2px; right: 7px; font-size: 10px; }
#queue .rseat.sk-badge .sl-d2, #queue .rseat.sk-badge .sl-d3 { bottom: 4px; width: 16px; height: 3px; border-radius: 2px;
  background: repeating-linear-gradient(90deg, #d4af37 0 3px, transparent 3px 5px); opacity: .8; }
#queue .rseat.sk-badge .sl-d2 { left: 10px; }
#queue .rseat.sk-badge .sl-d3 { right: 10px; }
#queue .rseat.sk-badge .nm { margin-top: 6px; }
/* 段位 Lv 章：样式照预览页 ::after（左上金属章），数字=真段位 */
#queue .rseat .sl-lv { position: absolute; top: -6px; left: 8px; z-index: 4; pointer-events: none; white-space: nowrap;
  font-size: 10px; font-weight: 800; font-style: italic; color: #5b4200; line-height: 1.5;
  background: linear-gradient(135deg, #f7e7a3, #d4af37 55%, #f7e7a3);
  border-radius: 8px; padding: 0 7px;
  box-shadow: 0 1px 3px rgba(150,110,20,.45), inset 0 1px 0 #fff; }

/* Y92i 学霸本霸（试卷）：右＝满分 💯／左＝翻开的书／下＝笔／四周＝环绕小音符（♪♫♩） */
#queue .rseat.sk-xueba { background-color: #fffefb;
  background-image: repeating-linear-gradient(180deg, transparent 0 11.5px, rgba(186,206,232,.5) 11.5px 12.5px),
                    linear-gradient(90deg, transparent 0 5px, rgba(224,69,58,.20) 5px 6px, transparent 6px); }
#queue .rseat.sk-xueba .sl-d1 { top: 2px; right: 6px; font-size: 13px; line-height: 1;
  filter: drop-shadow(0 1px 1px rgba(180,60,50,.22)); }
#queue .rseat.sk-xueba .sl-d2 { top: 19px; left: 3px; font-size: 13px; }
#queue .rseat.sk-xueba .sl-d3 { bottom: 1px; right: 5px; left: auto; transform: rotate(-14deg); font-size: 12px; }
#queue .rseat.sk-xueba .sl-d4 { top: 3px; left: 5px; font-size: 9px; opacity: .8; transform: rotate(-12deg); color: #7c8aa5; }
#queue .rseat.sk-xueba .sl-d5 { bottom: 3px; left: 6px; font-size: 10px; opacity: .75; transform: rotate(8deg); color: #7c8aa5; }
#queue .rseat.sk-xueba .sl-d6 { top: 2px; left: 50%; bottom: auto; right: auto; transform: translateX(-50%); font-size: 10px; opacity: .85; color: #7c8aa5; }
#queue .rseat.sk-xueba .nm { margin-top: 3px; margin-bottom: 5px; }

/* ---------- 0°/180° 视角补偿（Y90c：精确坐标款逐款镜像——上下互换、左右互换、旋转 180°，原角度叠加） ---------- */
#queue .a180 .rseat .sl-d { transform: rotate(180deg); }
#queue .a180 .rseat .sl-ctr { transform: translateX(-50%) rotate(180deg); }
#queue .a180 .rseat .sl-top { top: auto; bottom: 2px; }
#queue .a180 .rseat .sl-bot { bottom: auto; top: 2px; }
#queue .a180 .rseat .sl-rt { right: auto; left: 23%; }
#queue .a180 .rseat .sl-lt { left: auto; right: 22%; }
/* ①金冠 */
#queue .a180 .rseat.sk-crown .sl-d1 { top: auto; bottom: -5px; transform: translateX(-50%) rotate(180deg); }
#queue .a180 .rseat.sk-crown .sl-d2 { top: auto; bottom: 3px; left: 6px; right: auto; transform: rotate(180deg); }
#queue .a180 .rseat.sk-crown .nm { margin-top: 0; margin-bottom: 7px; }
/* ②月桂 */
#queue .a180 .rseat.sk-laurel .sl-d1 { bottom: auto; top: -2px; left: auto; right: 3px; transform: rotate(164deg); }
#queue .a180 .rseat.sk-laurel .sl-d2 { bottom: auto; top: -2px; right: auto; left: 3px; transform: rotate(196deg) scaleX(-1); }
#queue .a180 .rseat.sk-laurel .sl-d3 { bottom: auto; top: -3px; transform: translateX(-50%) rotate(180deg); }
#queue .a180 .rseat.sk-laurel .nm { margin-bottom: 0; margin-top: 9px; }
/* ③花语 */
#queue .a180 .rseat.sk-petal .sl-d1 { top: auto; bottom: 2px; left: auto; right: 7px; transform: rotate(166deg); }
#queue .a180 .rseat.sk-petal .sl-d2 { top: auto; bottom: 4px; right: auto; left: 8px; transform: rotate(198deg); }
#queue .a180 .rseat.sk-petal .sl-d3 { bottom: auto; top: 2px; right: auto; left: 12px; transform: rotate(172deg); }
/* ④星光 */
#queue .a180 .rseat.sk-aura .sl-d1 { top: auto; bottom: 4px; left: auto; right: 7px; transform: rotate(180deg); }
#queue .a180 .rseat.sk-aura .sl-d2 { bottom: auto; top: 4px; right: auto; left: 8px; transform: rotate(180deg); }
/* ⑤勋章 */
#queue .a180 .rseat.sk-medal .sl-d1 { top: auto; bottom: -4px; left: auto; right: 8px; transform: rotate(168deg); }
#queue .a180 .rseat.sk-medal .sl-rib { top: auto; bottom: 11px; left: auto; right: 14px; }
/* ⑦金角聚焦：sl-c3/c4 在 180° 下旋转会落到上角与 ::before/::after 叠成双线——重声明为右上/左上角件 */
#queue .a180 .rseat.sk-focus .sl-c3 { bottom: auto; top: 3px; left: auto; right: 3px; transform: none;
  border: none; border-top: 2.5px solid #c9a227; border-right: 2.5px solid #c9a227; border-top-right-radius: 7px; }
#queue .a180 .rseat.sk-focus .sl-c4 { bottom: auto; top: 3px; right: auto; left: 3px; transform: none;
  border: none; border-top: 2.5px solid #c9a227; border-left: 2.5px solid #c9a227; border-top-left-radius: 7px; }

/* ⑧灯笼 */
#queue .a180 .rseat.sk-lantern .sl-d1 { top: auto; bottom: -4px; left: auto; right: 7px; transform: rotate(180deg); }
#queue .a180 .rseat.sk-lantern .sl-tas { top: auto; bottom: 10px; left: auto; right: 13px; }   /* 流苏贴合灯笼正下 */
/* ⑨玻璃彩虹条 */
#queue .a180 .rseat.sk-glass::before { top: auto; bottom: 0; border-radius: 0 0 12px 12px; }
/* ⑫蝶结 */
#queue .a180 .rseat.sk-bow .sl-d1 { top: auto; bottom: -6px; transform: translateX(-50%) rotate(180deg); }
#queue .a180 .rseat.sk-bow .sl-d2 { top: auto; bottom: 3px; left: auto; right: 8px; transform: rotate(180deg); }
#queue .a180 .rseat.sk-bow .sl-d3 { top: auto; bottom: 3px; right: auto; left: 8px; transform: rotate(180deg); }
#queue .a180 .rseat.sk-bow::after { bottom: auto; top: 5px; }
#queue .a180 .rseat.sk-bow .nm { margin-top: 0; margin-bottom: 5px; }
/* ⑬段位：Lv 章翻下缘、刻度条翻上缘 */
#queue .a180 .rseat.sk-badge .sl-d1 { top: auto; bottom: 2px; right: auto; left: 7px; transform: rotate(180deg); }
#queue .a180 .rseat.sk-badge .sl-d2, #queue .a180 .rseat.sk-badge .sl-d3 { bottom: auto; top: 4px; }
#queue .a180 .rseat.sk-badge .sl-d2 { left: auto; right: 10px; }
#queue .a180 .rseat.sk-badge .sl-d3 { right: auto; left: 10px; }
#queue .a180 .rseat.sk-badge .nm { margin-top: 0; margin-bottom: 6px; }
#queue .a180 .rseat .sl-lv { top: auto; bottom: -6px; transform: rotate(180deg); }
/* Y92i 学霸本霸 180°：💯翻左下、书翻右、笔翻上缘、音符对称环绕（角度按 180±θ） */
#queue .a180 .rseat.sk-xueba .sl-d1 { top: auto; bottom: 2px; right: auto; left: 6px; transform: rotate(180deg); }
#queue .a180 .rseat.sk-xueba .sl-d2 { left: auto; right: 3px; }
#queue .a180 .rseat.sk-xueba .sl-d3 { bottom: auto; top: 1px; right: auto; left: 5px; transform: rotate(166deg); }
#queue .a180 .rseat.sk-xueba .sl-d4 { top: auto; bottom: 3px; left: auto; right: 5px; transform: rotate(168deg); }
#queue .a180 .rseat.sk-xueba .sl-d5 { bottom: auto; top: 3px; left: auto; right: 6px; transform: rotate(172deg); }
#queue .a180 .rseat.sk-xueba .sl-d6 { top: auto; bottom: 2px; right: auto; left: 50%; transform: translateX(-50%) rotate(180deg); }
#queue .a180 .rseat.sk-xueba .nm { margin-top: 5px; margin-bottom: 3px; }

/* ============================================================
   详情卡：主题化 + 皮肤柜（#rdlg）
   ============================================================ */
.rdlg.sl-th { background-size: cover; background-position: center; }
.rdlg.sl-th-hyyy { background-image: linear-gradient(rgba(255,252,242,.87), rgba(252,251,247,.93)), url('skins/huahaoyueyuan.jpg'); }
.rdlg.sl-th-xr   { background-image: linear-gradient(rgba(255,250,242,.87), rgba(253,250,246,.93)), url('skins/xiaribinfen.jpg'); }
.rdlg.sl-th-red  { background-image: linear-gradient(rgba(255,247,244,.88), rgba(253,248,246,.94)), url('skins/hongsejingshen.jpg'); }
/* Y92 批次一 6 款新主题（2026-10-12）：薄纱按各自色调定，保持全站浅色可读 */
.rdlg.sl-th-shanhejinxiu    { background-image: linear-gradient(rgba(250,253,250,.87), rgba(249,252,250,.93)), url('skins/shanhejinxiu.jpg'); }
.rdlg.sl-th-chunhejingming  { background-image: linear-gradient(rgba(253,254,248,.87), rgba(252,253,248,.93)), url('skins/chunhejingming.jpg'); }
.rdlg.sl-th-junzizhifeng    { background-image: linear-gradient(rgba(254,253,250,.82), rgba(253,252,250,.90)), url('skins/junzizhifeng.jpg'); }
.rdlg.sl-th-yuyuelongmen    { background-image: linear-gradient(rgba(255,251,246,.89), rgba(254,250,246,.94)), url('skins/yuyuelongmen.jpg'); }
.rdlg.sl-th-jiutianlanyue   { background-image: linear-gradient(rgba(250,251,255,.90), rgba(250,251,254,.95)), url('skins/jiutianlanyue.jpg'); }
.rdlg.sl-th-zhangdengjiecai { background-image: linear-gradient(rgba(255,251,247,.89), rgba(254,250,247,.94)), url('skins/zhangdengjiecai.jpg'); }
/* Y92h 学霸本霸主题（AI 依真实详情卡版式设计：竖版试卷纸＋四角文具；薄纱轻压保可读、装饰可辨） */
.rdlg.sl-th-xueba { background-image: linear-gradient(rgba(255,253,246,.66), rgba(253,251,246,.80)), url('skins/xueba-th.jpg');
  background-position: center top; }   /* Y92k：顶对齐——详情卡高矮变化时，裁的是底部，右上角满分标志始终在 */
.sl-fx { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }
.sl-fx span { position: absolute; bottom: -8%; font-size: 16px; opacity: 0; animation: sl-rise 7s linear infinite; }
@keyframes sl-rise { 0% { transform: translateY(0) rotate(0); opacity: 0; } 10% { opacity: .8; } 88% { opacity: .65; } 100% { transform: translateY(-520px) rotate(40deg); opacity: 0; } }
.rdlg h2, .rdlg .rsub, .rdlg .rdSum, .rdlg #rdList, .rdlg .rhint, .rdlg .sl-ward { position: relative; z-index: 2; }
.rdlg .rdx { z-index: 6; }

/* ============================================================
   详情卡：预览页样式移植（2026-10-11 老师指定"照抄预览页详情页"）
   姓名+余额 / 四维 chip / 身份全量标签行 / 皮肤柜 ward+wcard+wsw
   ============================================================ */
#rdlg { width: min(560px, 94vw); border-radius: 18px; box-shadow: 0 20px 50px rgba(23, 32, 50, .25); padding: 18px 20px 16px; }
#rdlg h2 { font-size: 23px; font-weight: 800; margin: 0 0 6px; }
#rdlg h2 .rdbal { font-size: 12.5px; font-weight: 700; color: #b45309; background: #fff7e0;
  border: 1px solid #f2d98c; border-radius: 999px; padding: 2px 10px; margin-left: 10px; vertical-align: 4px; }
#rdlg .rdSum { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0 4px; }
#rdlg .rdSum div { background: rgba(255, 255, 255, .88); border: 1px solid #e2e8f2; border-radius: 10px; padding: 7px 2px; text-align: center; }
#rdlg .rdSum b { font-size: 17px; font-weight: 800; display: block; }
#rdlg .rdSum span { font-size: 11px; color: #6b7686; }
#rdlg #rdList { margin-top: 6px; }
#rdlg .rdRow { border-bottom: 1px solid #f1f4f9; }
#rdlg .sl-itags { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 2px; }
#rdlg .sl-itags span { font-size: 11.5px; font-weight: 700; color: #4a5568; background: rgba(255, 255, 255, .85);
  border: 1px solid #e2e8f2; border-radius: 999px; padding: 2px 10px; }
#rdlg .ward { margin: 12px 0 4px; border-top: 1px dashed #e5e7eb; padding-top: 10px; }
#rdlg .ward h3 { font-size: 13.5px; font-weight: 800; margin: 0 0 8px; color: #374151; }
#rdlg .ward h3 small { font-weight: 600; color: #9ca3af; font-size: 11px; margin-left: 6px; }
#rdlg .wardrow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 8px; }
#rdlg .wcard { position: relative; border: 1px solid #e5e7eb; border-radius: 12px; background: rgba(255, 255, 255, .92);
  padding: 8px 6px 7px; text-align: center; cursor: pointer; transition: transform .12s, border-color .12s; }
#rdlg .wcard:hover { transform: translateY(-2px); }
#rdlg .wcard.eq { border-color: #f59e0b; box-shadow: inset 0 0 0 1.5px #f59e0b; }
#rdlg .wcard.lock { cursor: default; opacity: .62; }
#rdlg .wcard .wn { font-size: 12px; font-weight: 750; margin-top: 4px; color: #374151; }
#rdlg .wcard .wm { font-size: 10.5px; color: #9ca3af; margin-top: 1px; }
#rdlg .wcard .eqtag { position: absolute; top: -7px; right: -5px; font-size: 9.5px; font-weight: 800; color: #fff;
  background: #f59e0b; border-radius: 6px; padding: 0 6px; }
#rdlg .wsw { height: 42px; border-radius: 10px; margin: 2px 4px 0; position: relative; overflow: hidden;
  background: #fff; border: 1px solid #eaedf3; box-shadow: 0 2px 6px rgba(31, 42, 68, .08);
  display: flex; align-items: center; justify-content: center; font-size: 18px; }
#rdlg .wsw.sw-wash { background: linear-gradient(120deg, #ffe3ec, #fff 45%, #dbeeff); border-left: 4px solid #f1a7c0; }
#rdlg .wsw.sw-aura { background: radial-gradient(circle at 50% 42%, #fff8dc, #fff 74%); border-left: 4px solid #f5c65b; }
#rdlg .wsw.sw-crown { background: #fffdf5; border-left: 4px solid #d9b23c; }
#rdlg .wsw.sw-xueba { background: linear-gradient(180deg, #fffdf4, #fff0c8); border-left: 4px solid #e0b93c; }
#rdlg .wsw.sw-laurel { background: #fdfef9; border-left: 4px solid #6f9b4e; }
#rdlg .wsw.sw-petal { background: #fff; border-left: 4px solid #ef96b5; }
#rdlg .wsw.sw-medal { background: #fffdf7; border-left: 4px solid #e5484d; }
#rdlg .wsw.sw-focus { background: #fffdf7; border-left: 4px solid #c9a227; }
#rdlg .wsw.sw-lantern { background: #fffaf2; border-left: 4px solid #c0392b; }
#rdlg .wsw.sw-glass { background: linear-gradient(135deg, #e0f2fe, #fce7f3); border: 1.5px solid #fff; box-shadow: 0 4px 10px rgba(31, 42, 68, .14); }
#rdlg .wsw.sw-clay { background: #ffe3ef; border: 2px solid #fff; box-shadow: 0 5px 12px rgba(224, 102, 166, .25); }
#rdlg .wsw.sw-pixel { background: #fffbe8; border: 2.5px solid #4a3f35; box-shadow: 3px 3px 0 rgba(74, 63, 53, .32); border-radius: 3px; }
#rdlg .wsw.sw-bow { background: #fff8fc; border: 1.5px dashed #ef96b5; }
#rdlg .wsw.sw-badge { background: linear-gradient(135deg, #f7e7a3, #ffe9a8 55%, #f7e7a3); border: 1.5px solid #d4af37; }
#rdlg .wsw.sw-th { background: linear-gradient(135deg, #fff7e0, #ffe9f0, #e6f7ff); border: 1.5px solid #fff; box-shadow: 0 4px 10px rgba(31, 42, 68, .12); }
#rdlg .whint { font-size: 11px; color: #9ca3af; margin-top: 2px; line-height: 1.6; }
@media (max-width: 560px) { #rdlg .wardrow { grid-template-columns: repeat(2, 1fr); } }
/* ---------- 公共皮肤（Y90e）：板面全页背景 + 署名角标（全班共享一笔账） ---------- */
#queue .room { position: relative; }
#queue .sl-pubbg { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: 11px; pointer-events: none; }
#queue .sl-pubbg img { position: absolute; inset: -1.5%; width: 103%; height: 103%; object-fit: cover; opacity: .62;   /* Y92k：108%→103%（少裁一圈边，图内装饰更不容易被切） */
  animation: sl-pan 46s ease-in-out infinite alternate; }
#queue .sl-pubbg::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.18), rgba(246,249,252,.3)); }
@keyframes sl-pan { from { transform: translateX(-0.6%) scale(1.005); } to { transform: translateX(0.6%) scale(1.015); } }
/* Y92j：180°（白板视角）下整块 room 会倒转——公共皮肤底图此前没补偿，图是倒的（老师：上和下刚好像是反的）。
   包在 .sl-pubbg 外层上转回 180°（内层 img 的平移动画不受影响）；署名角标同套路 */
#queue .a180 .sl-pubbg { transform: rotate(180deg); }
#queue .a180 .sl-pubtag { right: auto; left: 10px; bottom: auto; top: 6px; transform: rotate(180deg); }
#queue .sl-pubtag { position: absolute; right: 10px; bottom: 6px; z-index: 5; pointer-events: none;
  font-size: 11px; font-weight: 700; color: #4a5568; background: rgba(255,255,255,.9);
  border: 1px solid #d5dce8; border-radius: 999px; padding: 2px 12px; box-shadow: 0 2px 6px rgba(31,42,68,.12); }