/**
* 皮肤：中式牌匾蓝金（blue_plaque）
*
* 参考稿：1122315.my（新澳十点半）—— 抓取记录见 桌面\项目维护\参考稿\皮肤规格.md
*
* 落地方式：这份 CSS 只在「当前皮肤 = blue_plaque」时被 index.php 引入
* （见 index.php 末尾的 is_file 判断），所以里面的规则不用加 body.theme- 前缀 ——
* 同一时刻只会加载一套皮肤。
*
* 两件事：
* ① 重定义 :root 的皮肤变量 —— app.js 里的 text-brand / bg-card 等会跟着变；
* ② 重写几个语义组件的样式（牌匾标题条、导航网格、块状 Tab）。
*
* 变量值取自参考站的实际计算样式（Chrome CDP getComputedStyle），不是从它那
* 40 层 !important 的样式表里读的 —— 那站静态读必错，实渲出来主色是蓝不是绿。
*/
/* ==================== 一、配色变量 ==================== */
:root {
--c-brand-rgb: 10 92 218; /* #0a5cda 宝蓝（参考站导航胶囊色）*/
--c-brand-light-rgb: 61 127 232; /* #3d7fe8 渐变亮端 */
--c-brand-dark-rgb: 7 48 108; /* #07306c 深藏青（参考站表头渐变暗端）*/
--c-brand-soft-rgb: 238 244 255; /* #eef4ff 极浅蓝底 */
--c-page-rgb: 255 255 255; /* 参考站页面是纯白，不是浅灰 */
--c-card-rgb: 255 255 255;
--c-gold-rgb: 255 215 0; /* #FFD700 牌匾金 */
--c-gold-soft-rgb: 255 251 230; /* #fffbe6 */
--c-gold-deep-rgb: 166 124 0; /* #a67c00 金在浅底上要压深才读得清 */
}
/* ==================== 二、牌匾标题条 ====================
*
* 这套皮肤的记忆点全在这儿：深藏青底 + 两端金色卷草纹（一张图），
* 金色楷体字压在正中间，带金色辉光。
*
* 参考站的牌匾是「一张大图 + 绝对定位文字」，我们做不到（玩法名来自数据库、随时会改），
* 所以用「背景图 + 居中文字」实现 —— 两端纹样是图的一部分，中间留白处放字。
*
* 结构来自 app.js 的 PageIndex：
*
* 新皮肤下把 badge + name 拼成「【站点名】玩法名」，id 隐掉。
*/
/* 变体选择器要一起写上：绿皮用 .wanfa-head.v1 / .v2 挂了三套渐变色，
那两个选择器的特异度是 (0,2,0)，光写 .wanfa-head (0,1,0) 盖不住 ——
表现就是"只有第一类区块变成了牌匾，另两类还是绿条"。 */
.wanfa-head,
.wanfa-head.v0,
.wanfa-head.v1,
.wanfa-head.v2 {
display: flex;
align-items: center;
justify-content: center; /* 原来是 space-between，牌匾要居中 */
height: 48px; /* 参考站实测值 */
padding: 0;
background-image: url('../img/plaque-bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%; /* 拉伸到底 —— 两端纹样会跟着变形，参考站就是这么用的 */
border-radius: 0;
/* 三种变体在新皮肤下长得一样（牌匾只有一款），把绿皮的三色轮换抵消掉 */
background-color: transparent;
}
/* 内层 flex 容器（Tailwind 的 flex items-center gap-2）—— 牌匾里两段要贴着排 */
.wanfa-head > div { gap: 0; }
/* 牌匾文字：金色 + 楷体 + 字距拉开 + 金色辉光。badge 和 name 共用同一套字。 */
.wanfa-head .wh-badge,
.wanfa-head .wh-name {
color: #FFD700;
font-size: 18px;
font-weight: 700;
letter-spacing: 4px;
font-family: "楷体", "KaiTi", "STKaiti", "SimKai", serif;
text-shadow: 2px 2px 5px #000, 0 0 10px rgba(255, 215, 0, .5);
white-space: nowrap;
}
/* 站点名本来是个小徽章，牌匾里改成「【站点名】」——方括号用伪元素补，
免得去动后台录入的站点名本身 */
.wanfa-head .wh-badge {
background: none;
padding: 0;
border-radius: 0;
line-height: 1;
}
.wanfa-head .wh-badge::before { content: '【'; }
.wanfa-head .wh-badge::after { content: '】'; }
.wanfa-head .wh-name { line-height: 1; }
/* 右上角那个 #01 编号在牌匾上没有位置，隐掉 */
.wanfa-head .wh-id { display: none; }
/* ==================== 三、锚点导航：5 列网格胶囊 ====================
*
* 参考站的导航是「蓝色圆角胶囊 + 白字」铺成网格（桌面 800px 宽时 5 列）。
* 绿皮是单行横向滚动，这里整个换掉。
*/
.nav-anchor {
background: #fff;
border-bottom: 1px solid #e5e5e5;
overflow: visible; /* 绿皮要横向滚，网格不需要 */
}
.nav-anchor ul {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 4px;
padding: 4px;
width: auto; /* 绿皮是 max-content */
}
.nav-anchor-item {
display: block;
text-align: center;
height: 23px;
padding: 3px 0;
font-size: 13px;
line-height: 17px;
color: #fff;
background: #0a5cda;
border-radius: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; /* 玩法名太长就省略，别把格子撑破 */
}
/* 参考站的胶囊平时都是蓝的，hover 才变红 —— 我们没有 hover 态可用，
就拿这个红当「当前锚点」的高亮色。 */
.nav-anchor-item.active { background: #da183b; }
/* ==================== 四、彩种 Tab：块状 ====================
*
* 参考站是「选中的黑底白字 + 其余浅灰底深灰字」的方块，不是下划线式。
*/
.kj-tabs {
border-bottom: 0;
gap: 1px;
}
.kj-tab {
padding: 8px 0;
font-size: 14px;
border: 0;
background: #f0f0f0;
color: #666;
}
.kj-tab.active {
background: #1a1a1a;
color: #fff;
border: 0;
font-weight: 600;
}
/* ==================== 五、卡片 ====================
*
* 参考站的卡片是「白底 + 淡蓝边框 #bcd7ff + 圆角 10px + 淡阴影」。
*/
/* ★ 写成 section.wanfa-block 而不是 .wanfa-block：
Tailwind Play CDN 是运行时把生成的样式 append 到 末尾的，
位置在这份 之后 —— 同等特异度下它赢。加一个元素名把特异度提到 (0,1,1)，
才盖得住模板上的 rounded-lg（8px → 10px）。 */
section.wanfa-block {
border: 1px solid #bcd7ff;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
/* 卡片顶部就是牌匾，让它的方角盖住卡片圆角 —— 牌匾两端有纹样，
跟着圆角裁掉反而好看。overflow 保持绿皮的 hidden。 */
}
/* ==================== 六、正文排版 ====================
*
* 参考站表格行的实测值：行高 30px、字号 15px、正文 #333、分隔线 #e5e5e5。
* 只调「玩法区块里的记录行」，不动别处的 slate 灰阶（那套在两套皮肤下都通用）。
*/
.wanfa-block .divide-y > div { border-color: #e5e5e5; }
.wanfa-block .divide-y > div > span:first-child { color: #b9c2cc; }
/* ======================================================================
公告弹窗 · 中式牌匾（2026-10-09 加）
★ 「外壳」和「内容排布」是两码事，两样都写在这儿：
· 外壳 = 形状 / 边框 / 配色
· 内容 = .gg-ln 那些行怎么对齐、行距多大、要不要包成别的形状
默认那套在 index.php 里（就是绿皮论坛的样子）。这里只写本模板的差异。
====================================================================== */
.gg-box {
background: #fffbf0; border-radius: 0;
border: 2px solid #c9a227;
box-shadow: 0 0 0 5px #fffbf0, 0 0 0 6px #e8d9a8, 0 8px 22px rgba(7,48,108,.22);
font-family: "楷体", "KaiTi", "STKaiti", "SimKai", serif;
}
.gg-head {
background: linear-gradient(180deg, #1466d8, #07306c);
border-bottom: 2px solid #c9a227;
padding: 13px 46px; /* 左右留宽：给两端的菱形角饰让位 */
position: relative;
}
/* 两端各一枚菱形角饰 —— 牌匾那味儿 */
.gg-head::before, .gg-head::after {
content: ""; position: absolute; top: 50%; width: 12px; height: 12px;
margin-top: -6px; border: 2px solid #f6e6a8; transform: rotate(45deg);
}
.gg-head::before { left: 14px; }
.gg-head::after { right: 14px; }
.gg-title { color: #f6e6a8; font-size: 17px; letter-spacing: 2px; }
.gg-close { color: #f6e6a8; }
.gg-yellow {
background: #fff4d6; border: 2px double #c9a227;
border-radius: 0; margin: 14px 14px 0; padding: 13px 15px; color: #8a1f1f;
}
.gg-white { background: transparent; padding: 6px 18px 12px; color: #3b2f16; }
.gg-warn { background: #fff8e6; border: 1px dashed #c9a227; border-radius: 0; color: #8a6d1f; }
.gg-footer { color: #a08f68; }
/* 内容排布：全部居中、字大行松（像一块匾） */
.gg-ln { text-align: center; }
.gg-yellow .gg-ln + .gg-ln { font-size: 15px; margin-top: 7px; }
.gg-white .gg-ln { font-size: 15px; line-height: 2.4; }
/* 时间和网址前面那两个图标前缀是**绿皮那套的默认**（写在 index.php 里）——
本模板不要，关掉。 */
#ggDrawTime::before, #ggOfficial::before { content: none; }