/* ==================================================================
skin.css —— 游戏风格皮肤（对着 zfs.me 的排版和配色重做）
在 style.css 之后加载，只覆盖外观，不改页面逻辑。
九套主题（2026-09-28 第 10 轮：换成注册页/用户中心皮肤那套常规配色，配色 + 版面一起换）：
墨金 mo（默认 · 原版版面）· 熔岩 lava（全宽英雄 + 三列）· 明亮科技蓝 tech（紧凑四列）·
清凉青绿 mint（两列大卡）· 仙侠水墨 wash（报头分栏）· 热血暗黑红 crimson（左侧竖导航）·
紫青玻璃 glass（居中胶囊导航）· 月白 moon（浅色·极简居中）· 青墨 pine（浅色·三列瓷贴）
换主题只动两个地方：
① lib/util.php 的 zf_themes() —— 后台卡片上的名字 / 色点 / 一句话说明 / 样张色条
② 本文件下面的 html.theme-xxx{…} —— 只写变量（颜色 / 圆角 / 字体 / 阴影 / 背景纹理）
③ zf_themes() 里的 'lay' —— 版式键（top / tiles / side / pill / dense / card / min / mag），
规则在本文件最后那段「版面（布局）」里；想改版面只改那一段
文件最后那段「主题组件适配」用 var() 把这些变量套到页头 / 导航 / 英雄卡 / 卡片 /
面板 / 表格 / 标签 / 图标格 / 按钮 / 悬浮卡上，所以再加一套主题 = 复制一段变量改颜色。
前台不显示配色切换按钮 —— 用哪套由后台 update.php 的「网站风格」决定（存 data/site.php），
那里每套都有样张（thpreview.php 用真皮肤渲染的真页面），看中哪套点【用这套】立刻生效。
================================================================== */
:root{
/* 橙金（参考站原色：表头 #4d1a08、行 #2b1507/#231207、文字 #efc9a0、金 #fef092） */
--bg:#1a0f08; --bg2:#231207; --pan:#211309; --pan2:#2b1507;
--line:#6b3f26; --line2:#552b12; --fg:#efc9a0; --dim:#b79855;
--acc:#ffae00; --acc2:#fef092; --link:#d3ac6b;
--hover:#180c04; --head:#4d1a08; --head2:#2a1408; --inp:#1b0e05;
--tab:#4c1f1a; --tabon:#5f322b;
--green:#40bf40; --blue:#00b4ff; --purple:#c08bff; --gold:#ffcc33; --red:#ff6b6b;
--tipbg:rgba(26,15,8,.97); --tipbd:#c8a24a; --tipfg:#f2e6cd; /* 悬浮卡改游戏风后，这里也改成深色兜底 */
--job1:#ff8a4c; --job2:#40bf40; --job3:#4fc3ff; --job4:#c08bff;
/* 页面背景：纯 CSS 渐变。绝对不要用“整页截图烘焙”出来的图当背景，
那种图会把参考站自己的 logo、标签条、黑框一起铺到页面上（又乱又脏）。 */
--bgimg:radial-gradient(760px 300px at 50% -80px,rgba(255,168,60,.16),rgba(255,168,60,0) 70%),
linear-gradient(180deg,#2e1809 0,#1d1108 260px,#160d06 560px,#120a05 100%);
}
/* ==================================================================
组件变量：形状 / 质感 / 字体 / 各组件配色
默认值 = 「墨金」现在的样子（所以不写主题块时，渲染结果跟以前一模一样）。
每套主题在下面 html.theme-xxx{…} 里只写自己不一样的那些 —— 换主题只改变量。
用法见文件最后那段「主题组件适配」。
================================================================== */
:root{
--font-h:"Palatino Linotype",Georgia,"Microsoft YaHei",serif;
--r-s:3px; --r-m:4px; --r-x:6px; /* 小 / 中 / 大圆角 */
--shade:#0d0703; /* 面板投影色 */
--hdbd:#7c2804; --hdbdw:2px; --hd1:#4a2610; --hd2:#2c1508; --hd3:#1a0d05;
--hdsh:inset 0 1px 0 rgba(255,215,150,.18),0 3px 10px rgba(0,0,0,.7);
--logoc:#fef092; --logosh:0 0 8px rgba(0,0,0,.9),0 2px 0 #3a1c08;
--nav1:#94501a; --nav2:#6f3410; --nav3:#4a2109; --navbd:#cb8b3c; --navbd2:#5e2708;
--navfg:#ffe7bd; --navho:rgba(255,207,130,.22); --navon:rgba(255,180,60,.34);
--navonbd:#ffd479; --navr:3px 3px 0 0; --navhofg:#ffffff; --navonfg:#fffbe8;
--navsh:inset 0 1px 0 rgba(255,228,170,.32),inset 0 -2px 6px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.6);
--hero1:#40200d; --hero2:#271407; --hero3:#1d0f06; --herobd:#9c6224; --herot:2px;
--heroh1:#fef092; --herosh:inset 0 1px 0 rgba(255,215,150,.16),inset 0 -10px 18px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.55);
--cardbg:#241307; --cardbd:#552b12; --cardho:#2e1a0b; --cardname:#fef092; --carddes:#c0a075; --cardsh:none;
--panbg:#211309; --panbd:#6b3f26; --panr:4px; --panimg:url("ui/ref/panel.jpg"); --pansh:var(--shade) 0 0 6px;
--iconglow:0 0 8px rgba(255,174,0,.2); /* 图标框外发光 */
--thimg:url("ui/ref/table-header.gif"); --thsh:0 1px 2px rgba(0,0,0,.75);
--thbd1:#7c2804; --thbd2:#391303; --thbd3:#1a0f08; --tdbd:#31190a; --tdho:#ffffff;
--dim2:#d2ae89; --faint:#855b47; --thfg:var(--cellfg);
--tabbg:#35190f; --tabfg:#c09a67; --tabho:#48281b; --tabhofg:#ffffff;
--tabonbg:#611f04; --tabonfg:#ffffff; --tabr:4px 4px 0 0;
--tagbg:#3a1d0d; --tagfg:#fef092; --tagbd:#552b12;
--tagb1:#3d0f0b; --tagb2:#ff9b7a; --tagb3:#8c3a1e;
--cellbg:#1a0e06; --cellbd:#3d2618; --iconbg:#160c05; --cellr:3px; --cellsh:none; --itemiconbd:#7c2804;
--ftbg:#150b05; --ftbd:#552b12; --ftfg:#8a6a45; --ftlink:#b79855;
--ptitle:#efe3d2; --ptitlesh:0 0 6px #241209,0 2px 0 #2a1408;
--crumbc:#c9a781; --crumbbd:#33200f; --crumbdot:#8c6407; --crumbi:#6b4a2a;
--h2fg:#efe3d2; --h2sh:0 1px 2px rgba(0,0,0,.7); --pagerfg:#ffffff;
--btn1:#ffc13a; --btn2:#b1550a; --btnbd:#7c2804; --btnfg:#2b1204;
--btn1h:#ffd97a; --btn2h:#c96a12; --inpsh:inset 0 2px 4px rgba(0,0,0,.6);
--filterbg:#1e1008; --adminbg:#140b05;
--specc:#ffffff; --specbd:#9ecdf2; --specup:#ffd98a; --specnd:#dedede;
--specuse:#a8e0a8; --specdes:#cdcdcd;
--zsem:#ffffff; --zsside:rgba(0,0,0,.16);
--gttl:#ffffff; --gtneed:#dedede; --gtuse:#a8e0a8; --gtdes:#cdcdcd;
--gtbind:#9ecdf2; --gtza:#ffd88a;
}
/* ---------------- 熔岩 lava（黑岩底 + 熔岩橙红发光 · 全直角 · 硬核） ---------------- */
html.theme-lava{
--bg:#0c0807; --bg2:#140b09; --pan:#150d0b; --pan2:#1e1310;
--line:#44201a; --line2:#31150f; --fg:#e8d7cf; --dim:#a8826f;
--acc:#ff5a1f; --acc2:#ffb066; --link:#e88b4a;
--hover:#170e0b; --head:#241009; --inp:#120908; --tab:#2a1210; --tabon:#3d1a13;
--gold:#ffb400; --red:#ff5f4a; --purple:#b07cff; --blue:#39a0d8; --green:#4fbf5f;
--job1:#ff7a3c; --job2:#63c86a; --job3:#4fb0e0; --job4:#b07cff;
--tipbg:rgba(16,10,9,.97); --tipbd:#ff5a1f; --tipfg:#ffe6d8;
--bgimg:radial-gradient(700px 300px at 50% -60px,rgba(255,90,31,.24),rgba(255,90,31,0) 70%),
radial-gradient(520px 240px at 84% 100%,rgba(190,45,0,.16),rgba(190,45,0,0) 70%),
linear-gradient(180deg,#1a0c08 0,#120a08 300px,#0d0706 100%);
--row1:#180e0b; --row2:#130a08; --titlebg:#20100b; --cellfg:#efdcd4;
--pagerbg:rgba(255,255,255,.07); --pagerbg2:rgba(255,255,255,.18);
--gtbg:rgba(14,9,8,.97); --gtbd:#ff5a1f; --gtbd2:#4a1e12; --gtfg:#ffeae0;
--gtdim:#c2a598; --gtline:#3d2a24; --gtt1:#241310; --gtt2:#140d0b; --gtgold:#ffb066;
--font-h:"Palatino Linotype",Georgia,"Microsoft YaHei",serif;
--r-s:0; --r-m:0; --r-x:0; --shade:#000;
--hdbd:#ff5a1f; --hdbdw:2px; --hd1:#2a1009; --hd2:#180a07; --hd3:#0f0605;
--hdsh:inset 0 1px 0 rgba(255,140,80,.22),0 3px 12px rgba(0,0,0,.75);
--logoc:#ff8a3c; --logosh:0 0 14px rgba(255,90,31,.6);
--nav1:#33130a; --nav2:#210d07; --nav3:#140805; --navbd:#ff5a1f; --navbd2:#4a1608;
--navfg:#ffc9a0; --navho:rgba(255,90,31,.22); --navon:rgba(255,90,31,.4); --navonbd:#ffb066;
--navsh:inset 0 1px 0 rgba(255,160,90,.25),0 4px 12px rgba(0,0,0,.6); --navr:0;
--hero1:#1e0d08; --hero2:#140a07; --hero3:#0f0705; --herobd:#ff5a1f; --herot:1px;
--heroh1:#ffb066; --herosh:none;
--cardbg:#160d0a; --cardbd:#44201a; --cardho:#221008; --cardname:#ffb066; --carddes:#c09a85; --cardsh:none;
--panbg:#150d0b; --panbd:#44201a; --panr:0; --panimg:none; --pansh:0 0 20px rgba(255,90,31,.14);
--iconglow:0 0 8px rgba(255,90,31,.35);
--thimg:none; --thsh:none; --thbd1:#ff5a1f; --thbd2:#2a1009; --thbd3:#0f0605;
--tdbd:#2a1510; --tdho:#ffffff; --dim2:#c9a390; --faint:#8f6c5a;
--tabbg:#22110c; --tabfg:#d99a72; --tabho:#33170f; --tabhofg:#ffffff;
--tabonbg:#ff5a1f; --tabonfg:#180905; --tabr:0;
--tagbg:#2a1310; --tagfg:#ffb066; --tagbd:#44201a; --tagb1:#3d1410; --tagb2:#ff9b7a; --tagb3:#7a2a1a;
--cellbg:#180e0b; --cellbd:#44201a; --iconbg:#100908; --cellr:0; --itemiconbd:#ff5a1f;
--ftbg:#100908; --ftbd:#31150f; --ftfg:#a8826f; --ftlink:#e88b4a;
--ptitle:#ffd9c0; --ptitlesh:0 0 16px rgba(255,90,31,.55);
--crumbc:#d0a488; --crumbbd:#33150f; --crumbdot:#ff5a1f; --crumbi:#6b4d40;
--h2fg:#ffe0cc; --h2sh:none; --pagerfg:#ffffff;
--btn1:#ff7a30; --btn2:#b83c08; --btnbd:#ff5a1f; --btnfg:#1c0a04;
--btn1h:#ffa060; --btn2h:#d85510; --inpsh:none; --filterbg:#150d0b; --adminbg:#0f0806;
--specc:#ffe9df; --specbd:#8fc6e8; --specup:#ffb066; --specnd:#d5b8a8;
--specuse:#9fd6a0; --specdes:#bfa294; --zsem:#ffe9df; --zsside:rgba(255,90,31,.07);
--gttl:#ffe0d0; --gtneed:#d5b8a8; --gtuse:#9fd6a0; --gtdes:#bfa294; --gtbind:#8fc6e8; --gtza:#ffb066;
}
/* ---------------- 明亮科技蓝 tech（白底 + 蓝主色 + 扁平卡片 · 紧凑四列 · 浅色） ---------------- */
html.theme-tech{
--bg:#f4f7fb; --bg2:#eef3fa; --pan:#ffffff; --pan2:#f7f9fc;
--line:#e3eaf3; --line2:#d7e0ea; --fg:#1f2d3d; --dim:#7f8ea3;
--acc:#2563eb; --acc2:#1d4ed8; --link:#2563eb;
--hover:#f2f7ff; --head:#eff6ff; --inp:#f7f9fc; --tab:#eaf0fa; --tabon:#dbe7fa;
--gold:#d97706; --red:#dc2626; --purple:#7c3aed; --blue:#2563eb; --green:#16a34a;
--job1:#c2410c; --job2:#15803d; --job3:#0369a1; --job4:#6d28d9;
--tipbg:rgba(255,255,255,.99); --tipbd:#bfdbfe; --tipfg:#1f2d3d;
--bgimg:radial-gradient(760px 320px at 50% -90px,rgba(37,99,235,.10),rgba(37,99,235,0) 70%),
linear-gradient(180deg,#f8fbff 0,#f4f7fb 280px,#eef3fa 100%);
--row1:#ffffff; --row2:#f7f9fc; --titlebg:#eef3fa; --cellfg:#1f2d3d;
--pagerbg:rgba(37,99,235,.07); --pagerbg2:rgba(37,99,235,.16);
--gtbg:rgba(255,255,255,.99); --gtbd:#bfdbfe; --gtbd2:#e3eaf3; --gtfg:#1f2d3d;
--gtdim:#7f8ea3; --gtline:#e3eaf3; --gtt1:#f4f7fb; --gtt2:#eef3fa; --gtgold:#2563eb;
--font-h:"Microsoft YaHei",Arial,"Helvetica Neue",sans-serif;
--r-s:5px; --r-m:8px; --r-x:10px; --shade:#cfdcee;
--hdbd:#dbe7fa; --hdbdw:1px; --hd1:#ffffff; --hd2:#f7faff; --hd3:#f1f6fe;
--hdsh:0 1px 3px rgba(31,60,120,.06);
--logoc:#1d4ed8; --logosh:none;
--nav1:#ffffff; --nav2:#f7faff; --nav3:#f1f6fe; --navbd:#e3eaf3; --navbd2:#d7e0ea;
--navfg:#3f4d61; --navho:rgba(37,99,235,.08); --navon:rgba(37,99,235,.14); --navonbd:#2563eb;
--navsh:none; --navr:6px 6px 0 0; --navhofg:#1d4ed8; --navonfg:#1d4ed8;
--hero1:#f8fbff; --hero2:#ffffff; --hero3:#f1f6fe; --herobd:#dbe7fa; --herot:1px;
--heroh1:#1f2d3d; --herosh:none;
--cardbg:#ffffff; --cardbd:#e3eaf3; --cardho:#f7faff; --cardname:#1f2d3d; --carddes:#5b6b80;
--cardsh:0 6px 16px rgba(31,60,120,.06);
--panbg:#ffffff; --panbd:#e3eaf3; --panr:8px; --panimg:none; --pansh:0 6px 18px rgba(31,60,120,.07);
--iconglow:0 0 8px rgba(37,99,235,.14);
--thimg:none; --thsh:none; --thfg:#44546a; --thbd1:#d7e0ea; --thbd2:#e3eaf3; --thbd3:#eef3fa;
--tdbd:#e3eaf3; --tdho:#1d4ed8; --dim2:#7f8ea3; --faint:#a8b6c8;
--tabbg:#eaf0fa; --tabfg:#44546a; --tabho:#dbe7fa; --tabhofg:#1d4ed8;
--tabonbg:#2563eb; --tabonfg:#ffffff; --tabr:6px 6px 0 0;
--tagbg:#eef3fa; --tagfg:#2563eb; --tagbd:#dbe7fa; --tagb1:#e8f0fe; --tagb2:#1d4ed8; --tagb3:#c7d9f5;
--cellbg:#ffffff; --cellbd:#e3eaf3; --iconbg:#f7f9fc; --cellr:8px; --cellsh:0 3px 10px rgba(31,60,120,.05); --itemiconbd:#dbe7fa;
--ftbg:#eef3fa; --ftbd:#e3eaf3; --ftfg:#7f8ea3; --ftlink:#2563eb;
--ptitle:#1f2d3d; --ptitlesh:none;
--crumbc:#7f8ea3; --crumbbd:#e3eaf3; --crumbdot:#2563eb; --crumbi:#a8b6c8;
--h2fg:#1f2d3d; --h2sh:none; --pagerfg:#1d4ed8;
--btn1:#3b82f6; --btn2:#2563eb; --btnbd:#1d4ed8; --btnfg:#ffffff;
--btn1h:#60a5fa; --btn2h:#3b82f6; --inpsh:none; --filterbg:#ffffff; --adminbg:#f4f7fb;
--specc:#1f2d3d; --specbd:#2563eb; --specup:#d97706; --specnd:#5b6b80;
--specuse:#16a34a; --specdes:#5b6b80; --zsem:#1f2d3d; --zsside:rgba(37,99,235,.04);
--gttl:#1f2d3d; --gtneed:#5b6b80; --gtuse:#16a34a; --gtdes:#5b6b80; --gtbind:#2563eb; --gtza:#d97706;
}
/* ---------------- 清凉青绿 mint（白 + 薄荷底 + 青绿渐变 · 两列大卡 · 浅色） ---------------- */
html.theme-mint{
--bg:#f1fbf8; --bg2:#e8f7f3; --pan:#ffffff; --pan2:#f6fdfb;
--line:#d7f0e8; --line2:#e6f6f2; --fg:#16403c; --dim:#6f9c96;
--acc:#0d9488; --acc2:#0f766e; --link:#0d9488;
--hover:#eefaf7; --head:#e6faf5; --inp:#f6fdfb; --tab:#e6faf5; --tabon:#d3f2eb;
--gold:#c07a10; --red:#d1483a; --purple:#6d5cc0; --blue:#0e7fa8; --green:#10b981;
--job1:#c2571a; --job2:#0f9d63; --job3:#0e7fa8; --job4:#6d5cc0;
--tipbg:rgba(255,255,255,.99); --tipbd:#b7ecdf; --tipfg:#0d5f57;
--bgimg:radial-gradient(ellipse at 15% -10%,#d8f5ee 0%,rgba(241,251,248,0) 55%),
radial-gradient(ellipse at 90% 0%,#e4f7ff 0%,rgba(241,251,248,0) 50%),
linear-gradient(180deg,#f7fefc 0,#f1fbf8 300px,#eaf8f5 100%);
--row1:#ffffff; --row2:#f6fdfb; --titlebg:#e6faf5; --cellfg:#16403c;
--pagerbg:rgba(13,148,136,.08); --pagerbg2:rgba(13,148,136,.18);
--gtbg:rgba(255,255,255,.99); --gtbd:#b7ecdf; --gtbd2:#d7f0e8; --gtfg:#16403c;
--gtdim:#6f9c96; --gtline:#d7f0e8; --gtt1:#f1fbf8; --gtt2:#e6faf5; --gtgold:#0d9488;
--font-h:"Microsoft YaHei",Arial,"Helvetica Neue",sans-serif;
--r-s:8px; --r-m:12px; --r-x:16px; --shade:#cfeae2;
--hdbd:#d7f0e8; --hdbdw:1px; --hd1:#ffffff; --hd2:#f6fdfb; --hd3:#eefaf7;
--hdsh:0 2px 12px rgba(13,148,136,.08);
--logoc:#0d9488; --logosh:none;
--nav1:#ffffff; --nav2:#f6fdfb; --nav3:#eefaf7; --navbd:#d7f0e8; --navbd2:#cfe9e3;
--navfg:#3d6b66; --navho:rgba(13,148,136,.08); --navon:rgba(13,148,136,.15); --navonbd:#14b8a6;
--navsh:none; --navr:12px 12px 0 0; --navhofg:#0d9488; --navonfg:#0f766e;
--hero1:#f7fefc; --hero2:#ffffff; --hero3:#eefaf7; --herobd:#d7f0e8; --herot:1px;
--heroh1:#16403c; --herosh:none;
--cardbg:#ffffff; --cardbd:#d7f0e8; --cardho:#f6fdfb; --cardname:#16403c; --carddes:#5f8c86;
--cardsh:0 8px 22px rgba(13,148,136,.07);
--panbg:#ffffff; --panbd:#d7f0e8; --panr:14px; --panimg:none; --pansh:0 8px 24px rgba(13,148,136,.08);
--iconglow:0 0 9px rgba(13,148,136,.16);
--thimg:none; --thsh:none; --thfg:#0d5f57; --thbd1:#eefaf7; --thbd2:#e6faf5; --thbd3:#ddf5ef;
--tdbd:#e6f6f2; --tdho:#0d9488; --dim2:#6f9c96; --faint:#9fc3bd;
--tabbg:#e6faf5; --tabfg:#3d6b66; --tabho:#d5f3ec; --tabhofg:#0d9488;
--tabonbg:#0d9488; --tabonfg:#ffffff; --tabr:12px 12px 0 0;
--tagbg:#eefaf7; --tagfg:#0d9488; --tagbd:#cfe9e3; --tagb1:#e6faf5; --tagb2:#0f766e; --tagb3:#b7ecdf;
--cellbg:#f6fdfb; --cellbd:#d7f0e8; --iconbg:#ffffff; --cellr:12px; --cellsh:0 4px 12px rgba(13,148,136,.05); --itemiconbd:#b7ecdf;
--ftbg:#eaf8f5; --ftbd:#d7f0e8; --ftfg:#6f9c96; --ftlink:#0d9488;
--ptitle:#16403c; --ptitlesh:none;
--crumbc:#6f9c96; --crumbbd:#d7f0e8; --crumbdot:#14b8a6; --crumbi:#9fc3bd;
--h2fg:#16403c; --h2sh:none; --pagerfg:#0d9488;
--btn1:#2dd4bf; --btn2:#0d9488; --btnbd:#0f766e; --btnfg:#ffffff;
--btn1h:#5fe0cd; --btn2h:#14b8a6; --inpsh:none; --filterbg:#ffffff; --adminbg:#f1fbf8;
--specc:#16403c; --specbd:#0e7fa8; --specup:#c07a10; --specnd:#5f8c86;
--specuse:#0f9d63; --specdes:#5f8c86; --zsem:#16403c; --zsside:rgba(13,148,136,.05);
--gttl:#16403c; --gtneed:#5f8c86; --gtuse:#0f9d63; --gtdes:#5f8c86; --gtbind:#0e7fa8; --gtza:#c07a10;
}
/* ---------------- 仙侠水墨 wash（宣纸米底 + 墨色宋体 + 朱砂描金 · 报头分栏 · 浅色） ---------------- */
html.theme-wash{
--bg:#f5f1e6; --bg2:#efe9db; --pan:#fffdf7; --pan2:#faf6ec;
--line:#e0d6bf; --line2:#ece4d2; --fg:#2b2b2b; --dim:#8d8477;
--acc:#a8342a; --acc2:#8f2b22; --link:#8f2b22;
--hover:#faf5ea; --head:#f4eee1; --inp:#fffdf7; --tab:#f4eee1; --tabon:#e9dfc8;
--gold:#b06a1f; --red:#a8342a; --purple:#5b3f8c; --blue:#1f4f7a; --green:#4f7a4a;
--job1:#b06a1f; --job2:#4f7a4a; --job3:#1f4f7a; --job4:#5b3f8c;
--tipbg:rgba(255,253,247,.99); --tipbd:#ddd3bb; --tipfg:#2b2b2b;
--bgimg:radial-gradient(ellipse at 50% 0,#fffdf6 0%,rgba(245,241,230,0) 60%),
repeating-linear-gradient(45deg,rgba(184,149,90,.045) 0 2px,rgba(255,255,255,0) 2px 7px),
linear-gradient(180deg,#faf7ef 0,#f5f1e6 300px,#efe9db 100%);
--row1:#fffdf7; --row2:#faf6ec; --titlebg:#f0e9d9; --cellfg:#2b2b2b;
--pagerbg:rgba(168,52,42,.06); --pagerbg2:rgba(168,52,42,.16);
--gtbg:rgba(255,253,247,.99); --gtbd:#c9bda3; --gtbd2:#e0d6bf; --gtfg:#2b2b2b;
--gtdim:#8d8477; --gtline:#e0d6bf; --gtt1:#f4eee1; --gtt2:#eae2cd; --gtgold:#a8342a;
--font-h:"Songti SC","SimSun","Times New Roman",serif;
--r-s:0; --r-m:3px; --r-x:3px; --shade:transparent;
--hdbd:#2b2b2b; --hdbdw:3px; --hd1:#faf6ec; --hd2:#f5f1e6; --hd3:#efe9db;
--hdsh:none;
--logoc:#8f2b22; --logosh:none;
--nav1:#f8f3e8; --nav2:#f3ecdd; --nav3:#ece5d3; --navbd:#ddd3bb; --navbd2:#cbbf9f;
--navfg:#5c554a; --navho:rgba(168,52,42,.08); --navon:rgba(168,52,42,.12); --navonbd:#a8342a;
--navsh:none; --navr:0; --navhofg:#8f2b22; --navonfg:#8f2b22;
--hero1:#fffdf7; --hero2:#faf6ec; --hero3:#f4eee1; --herobd:#e0d6bf; --herot:1px;
--heroh1:#2b2b2b; --herosh:none;
--cardbg:#fffdf7; --cardbd:#e0d6bf; --cardho:#faf6ec; --cardname:#8f2b22; --carddes:#6d6559;
--cardsh:none;
--panbg:#fffdf7; --panbd:#e0d6bf; --panr:3px; --panimg:none; --pansh:none;
--iconglow:none;
--thimg:none; --thsh:none; --thfg:#5c554a; --thbd1:#ded3ba; --thbd2:#e6ddc8; --thbd3:#efe9db;
--tdbd:#ece4d2; --tdho:#000000; --dim2:#8d8477; --faint:#a49a89;
--tabbg:#f4eee1; --tabfg:#5c554a; --tabho:#e9dfc8; --tabhofg:#8f2b22;
--tabonbg:#8f2b22; --tabonfg:#fffdf7; --tabr:0;
--tagbg:#f7f1e4; --tagfg:#a8342a; --tagbd:#ded3ba; --tagb1:#fdf3f1; --tagb2:#a8342a; --tagb3:#e8bdb4;
--cellbg:#faf6ec; --cellbd:#ded3ba; --iconbg:#fffdf7; --cellr:3px; --cellsh:none; --itemiconbd:#b8955a;
--ftbg:#efe9db; --ftbd:#ddd3bb; --ftfg:#8d8477; --ftlink:#8f2b22;
--ptitle:#8f2b22; --ptitlesh:none;
--crumbc:#8d8477; --crumbbd:#e0d6bf; --crumbdot:#a8342a; --crumbi:#a49a89;
--h2fg:#8f2b22; --h2sh:none; --pagerfg:#8f2b22;
--btn1:#b03a2e; --btn2:#8f2b22; --btnbd:#7a241c; --btnfg:#fff8f0;
--btn1h:#c04a3c; --btn2h:#a03227; --inpsh:none; --filterbg:#fffdf7; --adminbg:#f5f1e6;
--specc:#2b2b2b; --specbd:#1f4f7a; --specup:#a8342a; --specnd:#5c554a;
--specuse:#4f7a4a; --specdes:#6d6559; --zsem:#2b2b2b; --zsside:rgba(184,149,90,.08);
--gttl:#8f2b22; --gtneed:#5c554a; --gtuse:#4f7a4a; --gtdes:#6d6559; --gtbind:#1f4f7a; --gtza:#a8342a;
}
/* ---------------- 热血暗黑红 crimson（黑灰底 + 红橙渐变 + 金属描边 · 左侧竖导航） ---------------- */
html.theme-crimson{
--bg:#120e0d; --bg2:#1a1413; --pan:#1e1817; --pan2:#262020;
--line:#3a2b26; --line2:#2e2320; --fg:#eae1db; --dim:#a2918a;
--acc:#ff6a2b; --acc2:#ff8a4c; --link:#ff8a4c;
--hover:#241a17; --head:#241c19; --inp:#140f0e; --tab:#2a1e1b; --tabon:#3a2621;
--gold:#ffb400; --red:#ff6a6a; --purple:#b07cff; --blue:#4fb0e0; --green:#4ade80;
--job1:#ff7a3c; --job2:#5fd08a; --job3:#5cb8ff; --job4:#b07cff;
--tipbg:rgba(24,18,17,.97); --tipbd:#ff6a2b; --tipfg:#ffe9df;
--bgimg:radial-gradient(ellipse at 50% -10%,#3a1a12 0%,rgba(18,14,13,0) 55%),
radial-gradient(ellipse at 50% 110%,#2a1410 0%,rgba(18,14,13,0) 45%),
linear-gradient(180deg,#171110 0,#120e0d 300px,#0d0a09 100%);
--row1:#1e1817; --row2:#191413; --titlebg:#241c19; --cellfg:#eae1db;
--pagerbg:rgba(255,255,255,.07); --pagerbg2:rgba(255,106,43,.22);
--gtbg:rgba(20,15,14,.97); --gtbd:#ff6a2b; --gtbd2:#4a2a24; --gtfg:#eae1db;
--gtdim:#a2918a; --gtline:#3a2b26; --gtt1:#241c19; --gtt2:#171110; --gtgold:#ffb066;
--font-h:"Palatino Linotype",Georgia,"Microsoft YaHei",serif;
--r-s:6px; --r-m:8px; --r-x:8px; --shade:#000000;
--hdbd:#ff6a2b; --hdbdw:1px; --hd1:#231a19; --hd2:#191413; --hd3:#120e0d;
--hdsh:inset 0 1px 0 rgba(255,140,80,.18),0 3px 12px rgba(0,0,0,.7);
--logoc:#ff8a4c; --logosh:0 0 12px rgba(255,106,43,.5);
--nav1:#2a1513; --nav2:#1d100f; --nav3:#140b0a; --navbd:#ff6a2b; --navbd2:#3d1a15;
--navfg:#ffc9a0; --navho:rgba(255,106,43,.2); --navon:rgba(255,106,43,.34); --navonbd:#ffb066;
--navsh:inset 0 1px 0 rgba(255,160,90,.22),0 4px 12px rgba(0,0,0,.6); --navr:6px 6px 0 0;
--navhofg:#ffffff; --navonfg:#fff3ec;
--hero1:#231a19; --hero2:#180f0e; --hero3:#120b0a; --herobd:#ff6a2b; --herot:1px;
--heroh1:#ffb066; --herosh:none;
--cardbg:#1e1817; --cardbd:#3f2a24; --cardho:#2a1c19; --cardname:#ff8a4c; --carddes:#c0a89f; --cardsh:none;
--panbg:#1e1817; --panbd:#3f2a24; --panr:8px; --panimg:none; --pansh:0 0 18px rgba(255,106,43,.12);
--iconglow:0 0 8px rgba(255,106,43,.3);
--thimg:none; --thsh:none; --thfg:#ffb066; --thbd1:#3a2018; --thbd2:#241310; --thbd3:#160e0c;
--tdbd:#33241f; --tdho:#ffffff; --dim2:#c0a89f; --faint:#8b7a72;
--tabbg:#241a18; --tabfg:#d9a084; --tabho:#33221d; --tabhofg:#ffffff;
--tabonbg:#d92f2f; --tabonfg:#fff3ec; --tabr:6px 6px 0 0;
--tagbg:#2a1a17; --tagfg:#ffb066; --tagbd:#432824; --tagb1:#3d1414; --tagb2:#ff9b7a; --tagb3:#7a2a1a;
--cellbg:#1e1817; --cellbd:#3f2a24; --iconbg:#140f0e; --cellr:8px; --cellsh:none; --itemiconbd:#ff6a2b;
--ftbg:#120e0d; --ftbd:#2e2320; --ftfg:#8b7a72; --ftlink:#ff8a4c;
--ptitle:#ffe0d0; --ptitlesh:none;
--crumbc:#c2a89f; --crumbbd:#33241f; --crumbdot:#ff6a2b; --crumbi:#93776f;
--h2fg:#ffe0d0; --h2sh:none; --pagerfg:#ffffff;
--btn1:#ff6a2b; --btn2:#c0242c; --btnbd:#ff6a2b; --btnfg:#1c0a04;
--btn1h:#ff8a4c; --btn2h:#d92f2f; --inpsh:none; --filterbg:#1e1817; --adminbg:#120e0d;
--specc:#ffe9df; --specbd:#8fc6e8; --specup:#ffb066; --specnd:#dcc4ba;
--specuse:#7ee0a3; --specdes:#c2a89f; --zsem:#ffe9df; --zsside:rgba(255,106,43,.05);
--gttl:#ffe0d0; --gtneed:#dcc4ba; --gtuse:#7ee0a3; --gtdes:#c2a89f; --gtbind:#8fc6e8; --gtza:#ffb066;
}
/* ---------------- 紫青玻璃 glass（深紫青渐变 + 半透卡片 + 霓虹按钮 · 居中胶囊导航） ---------------- */
html.theme-glass{
--bg:#161530; --bg2:#1d1b3d; --pan:#221f45; --pan2:#2a2752;
--line:#3b3768; --line2:#302c58; --fg:#eef0ff; --dim:#a6a9c8;
--acc:#8b5cf6; --acc2:#c4b1ff; --link:#a5f3ff;
--hover:#242150; --head:#2a2758; --inp:#12102a; --tab:#252148; --tabon:#35306b;
--gold:#ffd166; --red:#ff7a8a; --purple:#b38bff; --blue:#5cc8f0; --green:#5fe0b0;
--job1:#ff9a5c; --job2:#5fe0b0; --job3:#5cc8f0; --job4:#b38bff;
--tipbg:rgba(20,18,42,.97); --tipbd:#8b5cf6; --tipfg:#eae7ff;
--bgimg:radial-gradient(ellipse at 12% -5%,rgba(91,63,168,.55) 0,rgba(22,21,48,0) 55%),
radial-gradient(ellipse at 88% 8%,rgba(27,127,142,.4) 0,rgba(22,21,48,0) 50%),
linear-gradient(180deg,#1a1838 0,#161530 320px,#131228 100%);
--row1:#1e1c40; --row2:#191739; --titlebg:#2a2758; --cellfg:#eef0ff;
--pagerbg:rgba(255,255,255,.08); --pagerbg2:rgba(139,92,246,.3);
--gtbg:rgba(22,20,46,.97); --gtbd:#8b5cf6; --gtbd2:#3b3768; --gtfg:#eef0ff;
--gtdim:#a6a9c8; --gtline:#3b3768; --gtt1:#252148; --gtt2:#1b1938; --gtgold:#22d3ee;
--font-h:"Microsoft YaHei",Arial,"Helvetica Neue",sans-serif;
--r-s:10px; --r-m:14px; --r-x:18px; --shade:#08071a;
--hdbd:#3b3768; --hdbdw:1px; --hd1:#232050; --hd2:#1b193c; --hd3:#15132f;
--hdsh:inset 0 1px 0 rgba(255,255,255,.1),0 4px 18px rgba(0,0,0,.5);
--logoc:#c4b1ff; --logosh:0 0 14px rgba(139,92,246,.6);
--nav1:#262358; --nav2:#1d1b44; --nav3:#171533; --navbd:#4a4390; --navbd2:#2b2860;
--navfg:#c9cbe8; --navho:rgba(139,92,246,.22); --navon:rgba(139,92,246,.4); --navonbd:#a5f3ff;
--navsh:inset 0 1px 0 rgba(255,255,255,.12),0 4px 14px rgba(0,0,0,.45); --navr:0;
--navhofg:#ffffff; --navonfg:#0e1030;
--hero1:#252152; --hero2:#1c1a40; --hero3:#161433; --herobd:#6d5ae0; --herot:1px;
--heroh1:#d8ccff; --herosh:none;
--cardbg:#211e48; --cardbd:#3b3768; --cardho:#2a2660; --cardname:#e8e4ff; --carddes:#b3b6d8;
--cardsh:0 10px 26px rgba(0,0,0,.3);
--panbg:#221f45; --panbd:#3f3a72; --panr:16px; --panimg:none; --pansh:0 12px 34px rgba(0,0,0,.35);
--iconglow:0 0 10px rgba(139,92,246,.35);
--thimg:none; --thsh:none; --thfg:#d7d9f5; --thbd1:#332f66; --thbd2:#2a2758; --thbd3:#221f45;
--tdbd:#363160; --tdho:#ffffff; --dim2:#b3b6d8; --faint:#8286ab;
--tabbg:#252148; --tabfg:#b9bce0; --tabho:#332e6a; --tabhofg:#ffffff;
--tabonbg:#8b5cf6; --tabonfg:#0e1030; --tabr:8px 8px 0 0;
--tagbg:#272350; --tagfg:#a5f3ff; --tagbd:#3b3768; --tagb1:#3a2a5c; --tagb2:#c4b1ff; --tagb3:#4a3f7a;
--cellbg:#1e1c40; --cellbd:#3b3768; --iconbg:#14122e; --cellr:12px; --cellsh:none; --itemiconbd:#6d5ae0;
--ftbg:#131228; --ftbd:#302c58; --ftfg:#8286ab; --ftlink:#a5f3ff;
--ptitle:#e8e4ff; --ptitlesh:0 0 14px rgba(139,92,246,.5);
--crumbc:#b3b6d8; --crumbbd:#302c58; --crumbdot:#8b5cf6; --crumbi:#7c80a8;
--h2fg:#e8e4ff; --h2sh:none; --pagerfg:#ffffff;
--btn1:#8b5cf6; --btn2:#22a8c0; --btnbd:#a78bfa; --btnfg:#0e1030;
--btn1h:#a78bfa; --btn2h:#22d3ee; --inpsh:inset 0 2px 6px rgba(0,0,0,.35); --filterbg:#221f45; --adminbg:#161530;
--specc:#eae7ff; --specbd:#5cc8f0; --specup:#ffd166; --specnd:#c9cbe8;
--specuse:#5fe0b0; --specdes:#b3b6d8; --zsem:#eae7ff; --zsside:rgba(139,92,246,.08);
--gttl:#e8e4ff; --gtneed:#c9cbe8; --gtuse:#5fe0b0; --gtdes:#b3b6d8; --gtbind:#5cc8f0; --gtza:#ffd166;
}
/* ---------------- 月白 moon（冷白底 + 灰蓝 + 细边框直角 · 极简居中窄栏 · 浅色） ---------------- */
html.theme-moon{
--bg:#f6f7f9; --bg2:#eef1f5; --pan:#ffffff; --pan2:#fafbfc;
--line:#e5e8ee; --line2:#eef1f5; --fg:#232a33; --dim:#7f8a97;
--acc:#46627f; --acc2:#37506a; --link:#37506a;
--hover:#eff3f7; --head:#eceff4; --inp:#ffffff; --tab:#eef1f5; --tabon:#e1e7ee;
--gold:#a5731a; --red:#b3453a; --purple:#6b5a9e; --blue:#3b6f9c; --green:#3f7a4f;
--job1:#b06a2a; --job2:#3f7a4f; --job3:#3b6f9c; --job4:#6b5a9e;
--tipbg:rgba(255,255,255,.99); --tipbd:#d3dae3; --tipfg:#232a33;
--bgimg:linear-gradient(180deg,#ffffff 0,#f6f7f9 260px,#f1f3f6 100%);
--row1:#ffffff; --row2:#fafbfc; --titlebg:#eceff4; --cellfg:#232a33;
--pagerbg:rgba(70,98,127,.08); --pagerbg2:rgba(70,98,127,.18);
--gtbg:rgba(255,255,255,.99); --gtbd:#d3dae3; --gtbd2:#e5e8ee; --gtfg:#232a33;
--gtdim:#7f8a97; --gtline:#e5e8ee; --gtt1:#f6f7f9; --gtt2:#eceff4; --gtgold:#a5731a;
--font-h:Georgia,"Times New Roman","Microsoft YaHei",serif;
--r-s:0; --r-m:2px; --r-x:2px; --shade:transparent;
--hdbd:#dde2ea; --hdbdw:1px; --hd1:#ffffff; --hd2:#fafbfc; --hd3:#f4f6f9;
--hdsh:none;
--logoc:#232a33; --logosh:none;
--nav1:#ffffff; --nav2:#fafbfc; --nav3:#f4f6f9; --navbd:#e5e8ee; --navbd2:#dde2ea;
--navfg:#4a5461; --navho:rgba(70,98,127,.07); --navon:rgba(70,98,127,.13); --navonbd:#46627f;
--navsh:none; --navr:0; --navhofg:#232a33; --navonfg:#37506a;
--hero1:#ffffff; --hero2:#fafbfc; --hero3:#f4f6f9; --herobd:#e5e8ee; --herot:1px;
--heroh1:#232a33; --herosh:none;
--cardbg:#ffffff; --cardbd:#e5e8ee; --cardho:#fafbfc; --cardname:#232a33; --carddes:#5f6b7a; --cardsh:none;
--panbg:#ffffff; --panbd:#e5e8ee; --panr:2px; --panimg:none; --pansh:none;
--iconglow:none;
--thimg:none; --thsh:none; --thfg:#4a5461; --thbd1:#dde2ea; --thbd2:#e4e9ef; --thbd3:#eceff4;
--tdbd:#eceff4; --tdho:#37506a; --dim2:#7f8a97; --faint:#a4adb8;
--tabbg:#eef1f5; --tabfg:#4a5461; --tabho:#e1e7ee; --tabhofg:#37506a;
--tabonbg:#46627f; --tabonfg:#ffffff; --tabr:0;
--tagbg:#eef1f5; --tagfg:#37506a; --tagbd:#e1e7ee; --tagb1:#eef3f7; --tagb2:#37506a; --tagb3:#d3dae3;
--cellbg:#fafbfc; --cellbd:#e5e8ee; --iconbg:#ffffff; --cellr:2px; --cellsh:none; --itemiconbd:#d3dae3;
--ftbg:#f1f3f6; --ftbd:#e5e8ee; --ftfg:#7f8a97; --ftlink:#37506a;
--ptitle:#232a33; --ptitlesh:none;
--crumbc:#7f8a97; --crumbbd:#e5e8ee; --crumbdot:#46627f; --crumbi:#a4adb8;
--h2fg:#232a33; --h2sh:none; --pagerfg:#37506a;
--btn1:#5b7691; --btn2:#46627f; --btnbd:#37506a; --btnfg:#ffffff;
--btn1h:#6d89a4; --btn2h:#557191; --inpsh:none; --filterbg:#ffffff; --adminbg:#f6f7f9;
--specc:#232a33; --specbd:#3b6f9c; --specup:#a5731a; --specnd:#4a5461;
--specuse:#3f7a4f; --specdes:#5f6b7a; --zsem:#232a33; --zsside:rgba(70,98,127,.04);
--gttl:#232a33; --gtneed:#4a5461; --gtuse:#3f7a4f; --gtdes:#5f6b7a; --gtbind:#3b6f9c; --gtza:#a5731a;
}
/* ---------------- 青墨 pine（纸白底 + 青黛墨绿 + 宋体 · 全宽英雄 + 三列瓷贴 · 浅色） ---------------- */
html.theme-pine{
--bg:#f2f5f1; --bg2:#e9efe9; --pan:#fcfdfb; --pan2:#f6faf6;
--line:#d3ddd3; --line2:#e2eae2; --fg:#243027; --dim:#6f7f73;
--acc:#2f6b5c; --acc2:#245248; --link:#245248;
--hover:#eef6f1; --head:#e6f0e9; --inp:#ffffff; --tab:#e9f0ea; --tabon:#d8e6dd;
--gold:#8a6a12; --red:#a8452f; --purple:#4f5c8c; --blue:#2c6b8a; --green:#2f7a4a;
--job1:#a8452f; --job2:#2f7a4a; --job3:#2c6b8a; --job4:#4f5c8c;
--tipbg:rgba(252,253,251,.99); --tipbd:#c9d6cb; --tipfg:#243027;
--bgimg:radial-gradient(ellipse at 50% 0,rgba(255,255,255,.9) 0,rgba(242,245,241,0) 62%),
linear-gradient(180deg,#f7faf7 0,#f2f5f1 300px,#e9efe9 100%);
--row1:#ffffff; --row2:#f6faf6; --titlebg:#e6f0e9; --cellfg:#243027;
--pagerbg:rgba(47,107,92,.07); --pagerbg2:rgba(47,107,92,.18);
--gtbg:rgba(252,253,251,.99); --gtbd:#bfd0c3; --gtbd2:#d3ddd3; --gtfg:#243027;
--gtdim:#6f7f73; --gtline:#d3ddd3; --gtt1:#f2f5f1; --gtt2:#e6f0e9; --gtgold:#8a6a12;
--font-h:"Songti SC","SimSun","Times New Roman",serif;
--r-s:0; --r-m:2px; --r-x:3px; --shade:transparent;
--hdbd:#243027; --hdbdw:2px; --hd1:#f7faf7; --hd2:#f2f5f1; --hd3:#e9efe9;
--hdsh:none;
--logoc:#245248; --logosh:none;
--nav1:#f4f8f4; --nav2:#eef4ee; --nav3:#e6efe7; --navbd:#c9d6cb; --navbd2:#d3ddd3;
--navfg:#4a5a4e; --navho:rgba(47,107,92,.08); --navon:rgba(47,107,92,.14); --navonbd:#2f6b5c;
--navsh:none; --navr:0; --navhofg:#245248; --navonfg:#245248;
--hero1:#fcfdfb; --hero2:#f6faf6; --hero3:#eef4ee; --herobd:#d3ddd3; --herot:1px;
--heroh1:#243027; --herosh:none;
--cardbg:#fcfdfb; --cardbd:#d3ddd3; --cardho:#f6faf6; --cardname:#245248; --carddes:#5b6a5f; --cardsh:none;
--panbg:#fcfdfb; --panbd:#d3ddd3; --panr:2px; --panimg:none; --pansh:none;
--iconglow:none;
--thimg:none; --thsh:none; --thfg:#4a5a4e; --thbd1:#c9d6cb; --thbd2:#d3ddd3; --thbd3:#dde6dd;
--tdbd:#e2eae2; --tdho:#000000; --dim2:#6f7f73; --faint:#8fa094;
--tabbg:#e9f0ea; --tabfg:#4a5a4e; --tabho:#d8e6dd; --tabhofg:#245248;
--tabonbg:#2f6b5c; --tabonfg:#fcfdfb; --tabr:0;
--tagbg:#eef6f1; --tagfg:#245248; --tagbd:#c9d6cb; --tagb1:#e6f0e9; --tagb2:#245248; --tagb3:#bfd0c3;
--cellbg:#f6faf6; --cellbd:#d3ddd3; --iconbg:#fcfdfb; --cellr:2px; --cellsh:none; --itemiconbd:#2f6b5c;
--ftbg:#e9efe9; --ftbd:#d3ddd3; --ftfg:#6f7f73; --ftlink:#245248;
--ptitle:#245248; --ptitlesh:none;
--crumbc:#6f7f73; --crumbbd:#d3ddd3; --crumbdot:#2f6b5c; --crumbi:#8fa094;
--h2fg:#245248; --h2sh:none; --pagerfg:#245248;
--btn1:#37796a; --btn2:#2f6b5c; --btnbd:#245248; --btnfg:#f4fbf8;
--btn1h:#438d7c; --btn2h:#37796a; --inpsh:none; --filterbg:#fcfdfb; --adminbg:#f2f5f1;
--specc:#243027; --specbd:#2c6b8a; --specup:#a8452f; --specnd:#4a5a4e;
--specuse:#2f7a4a; --specdes:#5b6a5f; --zsem:#243027; --zsside:rgba(47,107,92,.05);
--gttl:#245248; --gtneed:#4a5a4e; --gtuse:#2f7a4a; --gtdes:#5b6a5f; --gtbind:#2c6b8a; --gtza:#a8452f;
}
/* ---------------- 基础 ---------------- */
html body{font:12px/1.7 "Microsoft YaHei","SimSun",Arial,sans-serif;color:var(--fg);
background-color:var(--bg);background-image:var(--bgimg);background-repeat:no-repeat;
background-position:50% 0;background-size:cover;background-attachment:fixed}
/* 表头 / 行色 / pager 这类「按主题走」的值都由上面的组件变量给（--row1/--row2/--titlebg/--cellfg…） */
a{color:var(--link);text-decoration:none}
a:hover{color:var(--acc2);text-decoration:underline}
.clear{clear:both}
.main{max-width:1240px;margin:0 auto;padding:14px 16px 30px}
.main-in{min-height:400px}
body.embed .main{padding:6px;max-width:none}
/* ---------------- 页头 ---------------- */
.hd{background:linear-gradient(180deg,#4a2610 0,#2c1508 55%,#1a0d05 100%);
border-bottom:2px solid #7c2804;
box-shadow:inset 0 1px 0 rgba(255,215,150,.18),0 3px 10px rgba(0,0,0,.7)}
.hd-in{max-width:1240px;margin:0 auto;padding:12px 16px 8px}
.logo b{display:block;font:bold 24px/1.2 "Palatino Linotype",Georgia,"Microsoft YaHei",serif;
color:var(--acc2);letter-spacing:2px;text-shadow:0 0 8px rgba(0,0,0,.9),0 2px 0 #3a1c08}
.logo i{display:block;font-size:12px;color:var(--dim);font-style:normal;letter-spacing:1px}
.search input,.bigsearch input,.filter input,.filter select{background:var(--inp);border:1px solid var(--line2);
color:var(--fg);border-radius:3px;box-shadow:inset 0 2px 4px rgba(0,0,0,.6);padding:6px 8px}
.search input{width:220px}
.search input:focus,.filter input:focus{outline:0;border-color:var(--acc)}
.search button,.bigsearch button,.filter button,.btn-go,body.admin button{
background:linear-gradient(180deg,#ffc13a,#b1550a);border:1px solid #7c2804;color:#2b1204;font-weight:bold;
border-radius:3px;padding:7px 14px;cursor:pointer;text-shadow:0 1px 0 rgba(255,255,255,.35);
box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 4px rgba(0,0,0,.25),0 1px 3px rgba(0,0,0,.5)}
.search button:hover,.bigsearch button:hover,.filter button:hover,.btn-go:hover,
.search button:focus,.bigsearch button:focus{background:linear-gradient(180deg,#ffd97a,#c96a12);color:#fff}
/* 配色切换按钮：前台已经拿掉（改到后台 update.php 的「网站配色」设置），
下面这几条只留着给后台配色选项的色点用 */
.themeswitch{float:right;margin:14px 0 0 14px;color:var(--dim);font-size:12px}
.themeswitch .dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #000;
margin:0 3px;vertical-align:-2px;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.themeswitch .dot.on{box-shadow:0 0 0 2px var(--acc),0 0 6px rgba(255,174,0,.7)}
.dot.d-mo{background:#4d1a08} .dot.d-lava{background:#ff5a1f}
.dot.d-tech{background:#2563eb} .dot.d-mint{background:#0d9488} .dot.d-wash{background:#a8342a}
.dot.d-crimson{background:#d92f2f} .dot.d-glass{background:#8b5cf6}
.dot.d-moon{background:#46627f} .dot.d-pine{background:#2f6b5c}
/* ---------------- 导航（游戏木牌条：纯 CSS 木头，不用任何截图） ---------------- */
.nav{background:linear-gradient(180deg,#94501a 0,#6f3410 46%,#4a2109 100%);
border-top:1px solid #cb8b3c;border-bottom:2px solid #5e2708;
box-shadow:inset 0 1px 0 rgba(255,228,170,.32),inset 0 -2px 6px rgba(0,0,0,.45),0 4px 10px rgba(0,0,0,.6)}
.nav-in{max-width:1240px;margin:0 auto;padding:0 16px}
.nav a{display:inline-block;padding:8px 15px 8px 36px;color:#ffe7bd;font-weight:bold;font-size:13px;
background-repeat:no-repeat;background-position:10px 50%;background-size:24px 24px;
text-shadow:0 1px 2px rgba(0,0,0,.9);border-bottom:3px solid transparent;
border-radius:3px 3px 0 0;margin:3px 1px 0}
.nav a.nh-home{background-image:url("ui/nav-home.png")}
.nav a.nh-teach{background-image:url("ui/nav-metier.png")}
.nav a.nh-npc{background-image:url("ui/nav-npc.png")}
.nav a.nh-boss{background-image:url("ui/nav-boss.png")}
.nav a.nh-item{background-image:url("ui/nav-item.png")}
.nav a.nh-task{background-image:url("ui/nav-task.png")}
.nav a:hover{background-color:rgba(255,207,130,.22);color:#fff}
.nav a.on{background-color:rgba(255,180,60,.34);color:#fffbe8;border-bottom-color:#ffd479;
box-shadow:inset 0 1px 0 rgba(255,245,210,.45),inset 0 -8px 12px rgba(0,0,0,.22)}
.nav .sets{float:right;color:var(--dim);padding:9px 0}
.nav .sets a{color:var(--acc2);font-weight:bold;padding:9px 0}
/* ---------------- 页脚 ---------------- */
.ft{margin-top:26px;background:#150b05;border-top:1px solid var(--line2);color:#8a6a45;font-size:12px}
.ft-in{max-width:1240px;margin:0 auto;padding:12px 16px}
.ft a{color:#b79855}
/* ---------------- 面包屑 ---------------- */
.crumb{padding:7px 0;color:#c9a781;font-size:12px;border-bottom:1px solid #33200f;margin-bottom:14px}
.crumb a{color:#c9a781;border-bottom:1px dotted #8c6407}
.crumb a:hover{color:#fff;border-bottom-color:transparent;text-decoration:none}
.crumb i{color:#6b4a2a;font-style:normal;margin:0 7px}
/* ---------------- 标题 ---------------- */
h1.ptitle{font:bold 26px/1.35 "Palatino Linotype",Georgia,"Microsoft YaHei",serif;color:#efe3d2;
text-shadow:0 0 6px #241209,0 2px 0 #2a1408;margin:12px 0 6px;letter-spacing:.5px}
h1.ptitle small{font:normal 12px/1.6 "Microsoft YaHei",sans-serif;color:var(--dim);margin-left:8px}
.pdesc{color:var(--dim);margin:4px 0 14px}
.h2{font:bold 15px/1.4 "Microsoft YaHei",sans-serif;color:#efe3d2;margin:22px 0 10px;padding:7px 12px;
background:#35190f;border:1px solid var(--line2);border-left:3px solid var(--acc);border-radius:3px;
text-shadow:0 1px 2px rgba(0,0,0,.7);letter-spacing:.5px}
.bandtitle{margin:18px 0 8px;padding:6px 12px;background:#2b1507;border:1px solid var(--line2);
border-left:3px solid var(--acc);border-radius:3px;color:#efe3d2;font-weight:bold}
.notice{padding:9px 12px;border-radius:3px;margin:12px 0}
.notice.err{background:#2e0f0b;border:1px solid #8c3a1e;color:#ffb4a0}
.none{color:#855b47}
.small{font-size:12px;color:var(--dim)}
.g{color:var(--dim)}
.tip{color:var(--dim);font-size:12px}
.lbl{color:var(--acc2)}
.mono{font-family:Consolas,"Courier New",monospace}
/* ---------------- 表格（照参考站 .table 的排法） ---------------- */
table.grid{width:100%;border-collapse:collapse;border:1px solid var(--line2);background:transparent}
table.grid th{background:#4d1a08 url("ui/ref/table-header.gif") repeat-x 0 100%;color:#f5ebd1;font-weight:bold;
padding:9px 10px;text-align:center;border-left:1px solid #7c2804;border-right:1px solid #391303;
border-bottom:1px solid #1a0f08;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.75)}
table.grid th:first-child{border-left:0}
table.grid th:last-child{border-right:0}
table.grid th a{color:#f5ebd1}
table.grid td{padding:7px 10px;text-align:center;color:#f5ebd1;border-top:1px solid #31190a;vertical-align:middle}
table.grid tr:nth-child(odd) td{background:#2b1507}
table.grid tr:nth-child(even) td{background:#231207}
table.grid tr:hover td{background:#180c04;color:#fff}
table.grid tr:hover td a{color:#fff}
table.grid em{font-style:normal;color:#d2ae89;font-size:11px}
table.grid td.left{text-align:left}
table.grid td.none{color:#855b47}
table.kv{width:100%;border-collapse:collapse}
table.kv th,table.kv td{border-bottom:1px solid #33200f;padding:6px 8px;text-align:left}
table.kv th{color:var(--dim);font-weight:normal;width:110px;white-space:nowrap}
table.kv.wide th{width:130px}
/* ---------------- 主题变量（表格行色 / 标题底，宣纸主题是浅底） ---------------- */
:root{--row1:#2b1507;--row2:#231207;--titlebg:#35190f;--cellfg:#f5ebd1;
--pagerbg:rgba(255,255,255,.09);--pagerbg2:rgba(255,255,255,.2)}
/* （朱漆 / 青玉 / 宣纸那几行变量 2026-09-28 换主题时删掉：现在每套主题在文件上面
自己的 html.theme-xxx{…} 里写 --row1/--row2/--titlebg/--cellfg 等值） */
table.grid td{color:var(--cellfg)}
table.grid tr:nth-child(odd) td{background:var(--row1)}
table.grid tr:nth-child(even) td{background:var(--row2)}
table.grid tr:hover td{background:var(--hover);color:#fff}
table.grid th{background-color:var(--head)}
.h2,.two .panel h3{background:var(--titlebg)}
.bandtitle{background:var(--row1)}
/* ---------------- 标签 / 选项卡 / 筛选条 ---------------- */
.chips{margin:8px 0 12px}
.chip{display:inline-block;background:var(--tab);color:var(--fg);border-radius:5px;padding:5px 10px;
margin:0 5px 6px 0;font-size:12px}
.chip:hover{background:var(--tabon);color:#fff;text-decoration:none}
.chip.on{background:var(--tabon);color:#fff;font-weight:bold}
.chip i{color:var(--dim);font-style:normal;margin-left:4px}
.chip.on i{color:#ffd9a0}
.tabs{border-bottom:1px solid var(--line2);margin-bottom:12px}
.tabs a{display:inline-block;padding:8px 14px;color:#c09a67;font-weight:bold;background:#35190f;
border-radius:4px 4px 0 0;margin-right:4px;font-size:12px}
.tabs a:hover{background:#48281b;color:#fff;text-decoration:none}
.tabs a.on{background:#611f04;color:#fff}
.tabs a i{font-style:normal;color:var(--dim);font-size:11px;margin-left:3px;font-weight:normal}
.tabs a.on i{color:#ffd9a0}
.tag{display:inline-block;background:#3a1d0d;color:var(--acc2);font-size:11px;font-style:normal;border-radius:3px;
padding:1px 5px;margin-left:4px;border:1px solid var(--line2)}
.tag.boss{background:#3d0f0b;color:#ff9b7a;border-color:#8c3a1e}
.morelink{color:var(--dim);font-size:12px;margin-left:6px}
.filter{background:#1e1008;border:1px solid var(--line2);border-radius:4px;padding:10px 12px;margin-bottom:12px;
color:var(--dim);box-shadow:inset 0 1px 0 rgba(255,200,120,.06)}
.filter input,.filter select{background:var(--inp);border:1px solid var(--line2);color:var(--fg);border-radius:3px;
padding:5px 7px}
.filter .info{margin-left:10px;color:#855b47}
/* ---------------- 分页（照参考站的方块分页） ---------------- */
.pager{margin:16px 0 6px;text-align:center;color:#855b47;font-size:12px}
.pager a,.pager span{display:inline-block;min-width:22px;padding:3px 9px;margin:0 2px;border-radius:3px;
background:var(--pagerbg);color:var(--link);border:0;line-height:18px}
.pager a:hover{background:var(--pagerbg2);color:#fff;text-decoration:none}
.pager .cur{background:var(--acc);color:#2b1204;font-weight:bold}
.pager .info{background:none;color:#855b47;margin-left:10px}
/* ---------------- 面板 ---------------- */
.two .panel,.stats,.treebox,.dropcolors,.cond{background:#211309 url("ui/ref/panel.jpg") no-repeat 0 0;
border:1px solid var(--line);border-radius:4px;box-shadow:#0d0703 0 0 6px;padding:14px 16px}
.two .panel{float:left;width:48.5%;margin-bottom:14px}
.two .panel+.panel{margin-left:3%}
.two .panel h3{margin:16px 0 8px;padding:5px 10px;border:1px solid var(--line2);border-left:3px solid var(--acc);
border-radius:3px;color:var(--acc2);font-size:13px;letter-spacing:.5px}
.two .panel h3:first-child{margin-top:0}
@media (max-width:820px){ .two .panel{float:none;width:100%} .two .panel+.panel{margin-left:0} }
.stats span{display:inline-block;margin-right:16px;color:var(--dim)}
.stats b{color:var(--acc2);font-size:16px}
.cond{background:#1a0e06;border:1px solid var(--line2)}
.ilink{margin-right:10px;display:inline-block}
.colorbar{margin:4px 0 8px;color:var(--dim);font-size:12px}
.treebox{overflow:auto;margin-bottom:14px}
.tree{display:inline-block}
.trow{white-space:nowrap}
.tcell{display:inline-block;width:48px;height:48px;margin:3px;text-align:center;line-height:44px;
background:#1a0e06;border:1px solid #3d2618;border-radius:3px}
.tcell:hover{border-color:var(--acc);box-shadow:0 0 8px rgba(255,174,0,.45)}
.tcell.empty{border-style:dashed;background:transparent}
/* ---------------- 首页 / 卡片 ---------------- */
.hero{background:linear-gradient(180deg,#40200d 0,#271407 62%,#1d0f06 100%);
border:1px solid var(--line);border-top:2px solid #9c6224;border-radius:4px;
box-shadow:inset 0 1px 0 rgba(255,215,150,.16),inset 0 -10px 18px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.55);
padding:16px 18px;margin:6px 0 16px}
.hero h1{font:bold 24px/1.3 "Palatino Linotype",Georgia,serif;color:var(--acc2);text-shadow:0 0 8px #000;
margin:0 0 4px;letter-spacing:1px}
.hero p{color:var(--dim);margin:0 0 12px}
.bigsearch input{width:60%;min-width:240px}
.cols .col{float:left;width:48.5%}
.cols .col+.col{margin-left:3%}
@media (max-width:820px){ .cols .col{float:none;width:100%} .cols .col+.col{margin-left:0} }
.link-cards a{display:block;background:#241307;border:1px solid var(--line2);border-radius:4px;padding:10px 12px;
margin-bottom:10px}
.link-cards a:hover{border-color:var(--acc);background:#2e1a0b;text-decoration:none}
.link-cards b{display:block;color:var(--acc2);font-size:14px}
.link-cards span{display:block;color:var(--dim);font-size:12px}
.mcard{display:block;float:left;width:48%;margin:0 4% 12px 0;background:#241307;border:1px solid var(--line2);
border-radius:4px;padding:12px 14px;min-height:96px}
.mcard:hover{border-color:var(--acc);background:#2e1a0b;text-decoration:none}
.mcard .mname{display:block;font:bold 16px/1.3 "Microsoft YaHei",sans-serif;color:var(--acc2)}
.mcard .mtype{display:block;color:var(--dim);font-size:12px;margin:2px 0 6px}
.mcard .mdesc{display:block;color:#c0a075;font-size:12px;line-height:1.7}
.mcard .mnum{display:block;color:#855b47;font-size:12px;margin-top:6px}
.m1 .mname{color:var(--job1)} .m2 .mname{color:var(--job2)}
.m3 .mname{color:var(--job3)} .m4 .mname{color:var(--job4)}
.mcard{position:relative}
.bosscards{overflow:hidden}
.bcard{display:block;float:left;width:31.5%;margin:0 2% 10px 0;background:#241307;border:1px solid var(--line2);
border-radius:4px;padding:10px 12px;min-height:106px}
.bcard:hover{border-color:var(--acc);background:#2e1a0b;text-decoration:none}
.bcard .bn{display:block;color:var(--fg);font-size:14px;font-weight:bold}
.bcard:hover .bn{color:var(--acc2)}
.bcard .bs{display:block;color:var(--dim);font-size:12px;margin:2px 0 4px}
.bcard .bd{display:block;color:#855b47;font-size:12px}
.bcard .bi{display:block;margin-top:6px;white-space:nowrap;overflow:hidden}
@media (max-width:820px){ .bcard{float:none;width:100%;margin-right:0} }
/* ---------------- 图标 ---------------- */
table.grid img.sic,table.grid img.mic,table.grid img.ic{vertical-align:middle;margin-right:5px}
table.grid th.left,table.grid td.left{text-align:left}
table.grid a.ilink strong{font-size:13px}
table.grid a.ilink:hover strong{color:#fff;text-decoration:underline}
.mc1{color:var(--job1)} .mc2{color:var(--job2)} .mc3{color:var(--job3)} .mc4{color:var(--job4)}
img.ic{width:32px;height:32px;border:1px solid #3d2618;border-radius:3px;background:#160c05;
box-shadow:0 0 6px rgba(0,0,0,.9);padding:1px}
img.sic{width:18px;height:18px;border:1px solid #3d2618;border-radius:2px;background:#160c05}
img.mic{width:22px;height:22px;border:1px solid #3d2618;border-radius:2px;background:#160c05}
img.bic{width:80px;height:80px}
.noic{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#6b4a2a;
background:#160c05;border:1px solid #3d2618;border-radius:3px;font-size:11px}
.icons{overflow:hidden}
.icons .cell{float:left;width:46px;height:46px;margin:2px;background:#1a0e06;border:1px solid #3d2618;
border-radius:3px;text-align:center;line-height:40px}
.icons .cell:hover{border-color:var(--acc);box-shadow:0 0 8px rgba(255,174,0,.45)}
.icons .cell.rare{border-color:var(--gold)}
.drops .di{display:inline-block;margin:1px}
.drops .di.rare{border:1px solid var(--gold);border-radius:2px}
.q-green{color:#40bf40} .q-blue{color:#00b4ff} .q-purple{color:#c08bff}
.q-gold{color:#ffcc33} .q-red{color:#ff6b6b}
em.bg-green{background:#40bf40} em.bg-blue{background:#00b4ff}
em.bg-gold{background:#ffcc33} em.bg-red{background:#ff6b6b}
/* ---------------- 道具详情（游戏里的排法：图标 + 逐行属性） ---------------- */
.itemhead{overflow:hidden;background:#211309 url("ui/ref/panel.jpg") no-repeat 0 0;border:1px solid var(--line);
border-radius:4px;padding:14px;margin-bottom:14px;box-shadow:#0d0703 0 0 6px}
.bigicon{float:left;width:96px;height:96px;line-height:92px;text-align:center;background:#140b05;
border:1px solid #7c2804;border-radius:4px;box-shadow:inset 0 0 14px #000,0 0 8px rgba(255,174,0,.2)}
.ititle{margin-left:114px}
.ititle h1{margin:0 0 6px;font:bold 20px/1.3 "Palatino Linotype",Georgia,"Microsoft YaHei",serif;color:#efe3d2;
text-shadow:0 0 6px #241209}
.ititle h1 small{color:var(--dim);font-size:12px;font-weight:normal;margin-left:6px;
font-family:"Microsoft YaHei",sans-serif}
.item-specs{list-style:none;margin:0;padding:0}
.item-specs li{line-height:1.95;color:#ffffff}
.item-specs li.spec-bind{color:#9ecdf2}
.item-specs li.spec-type{color:#ffae00;font-weight:bold}
.item-specs li.spec-attr{color:#ffffff;font-weight:bold}
.item-specs li.spec-attr.gld{color:#ffd98a;text-shadow:0 0 8px rgba(255,190,60,.5)}
.item-specs li.spec-need{color:#dedede}
.item-specs li.spec-use{color:#a8e0a8}
.item-specs li.spec-cm{color:#ffd98a;font-weight:bold}
.item-specs li.spec-add{color:#ffd98a;font-weight:bold;text-shadow:0 0 7px rgba(255,190,60,.45)}
.item-specs li.spec-des{color:#cdcdcd;font-size:12px;line-height:1.85;margin-top:6px}
.fromrow{margin:10px 0 0;padding-top:8px;border-top:1px dashed #4a2c17;font-size:12px}
.fromlab{display:inline-block;background:linear-gradient(180deg,#ffc13a,#b1550a);color:#2b1204;border-radius:3px;
padding:1px 7px;font-size:11px;margin-right:8px;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,.3)}
.datarow{margin:6px 0 0;color:#855b47;font-size:12px}
/* ---------------- 悬浮属性卡（照参考站那张：黑底白字，描金只留在边框和附加属性上） ---------------- */
:root{
--gtbg:rgba(15,15,15,.97); --gtbd:#c8a24a; --gtbd2:#4a3a1c;
--gtfg:#ffffff; --gtdim:#bdbdbd; --gtline:#3a3a3a;
--gtt1:#1d1d1d; --gtt2:#101010;
--gtgold:#ffd98a; /* 附加属性 / 极品的描金 */
}
/* （朱漆 / 青玉 / 宣纸的悬浮卡变量 2026-09-28 换主题时删掉：现在写在各自 html.theme-xxx{…} 里） */
.zftip{position:fixed;z-index:9999;max-width:360px;max-height:80vh;overflow:hidden;
background:var(--gtbg);border:1px solid var(--gtbd);border-radius:3px;padding:0 0 8px;
box-shadow:inset 0 0 0 1px var(--gtbd2),0 10px 28px rgba(0,0,0,.8);
color:var(--gtfg);font-size:12px;line-height:1.75;pointer-events:none}
.zftip .ttl{display:block;text-align:center;font-weight:bold;font-size:15px;padding:8px 14px 6px;
background:linear-gradient(180deg,var(--gtt1),var(--gtt2));
border-bottom:1px solid var(--gtline);border-radius:2px 2px 0 0;
color:#ffffff;text-shadow:0 1px 0 #000,0 0 6px rgba(0,0,0,.85);letter-spacing:1px}
.zftip .ttl.q-green{color:#63e07d} .zftip .ttl.q-blue{color:#63b8ff}
.zftip .ttl.q-purple{color:#cb9dff} .zftip .ttl.q-gold{color:#ffcc45} .zftip .ttl.q-red{color:#ff9494}
.zftip .tsub{display:block;padding:4px 10px 5px;color:var(--gtdim);
border-bottom:1px dashed var(--gtline);font-size:12px}
.zftip .li{display:block;padding:1px 10px;color:var(--gtfg)}
.zftip .li.spec-bind{color:#9ecdf2}
.zftip .li.spec-type{color:var(--gtgold);font-weight:bold}
.zftip .li.spec-attr{color:#ffffff;font-weight:bold}
.zftip .li.spec-attr.gld{color:var(--gtgold);text-shadow:0 0 8px rgba(255,190,60,.5)}
.zftip .li.spec-need{color:#dedede}
.zftip .li.spec-use{color:#a8e0a8}
.zftip .li.spec-cm{color:var(--gtgold);font-weight:bold}
.zftip .li.spec-add{color:var(--gtgold);font-weight:bold;text-shadow:0 0 7px rgba(255,190,60,.45)}
.zftip .li.spec-des{color:#cdcdcd;font-size:11px;line-height:1.7;padding-top:4px}
.zftip .li.extra{padding:5px 10px 2px;border-top:1px dashed var(--gtline);margin-top:5px;color:var(--gtfg)}
.zftip .li.extra b{color:var(--gtgold)}
.zftip .li.src{padding:4px 10px 0;border-top:1px dashed var(--gtline);margin-top:5px;
color:var(--gtdim);font-size:11px}
.zftip .li.src b{color:var(--gtgold)}
.zftip .li.src i.gh{font-style:normal;color:var(--gtdim);margin-right:4px}
/* 彩色属性（鉴定）的行：照游戏提示框一条一行（2026-09-28 改，不写「彩色属性 / 主属性 / 副属性」标签） */
.zftip .li.za{color:#ffd88a}
.zftip b{font-weight:bold}
.zftip .gdesc{color:var(--gtdim);font-size:11px}
/* 悬浮卡里各行的文字色也走变量（浅色主题在这里的默认值是深色，见各自 html.theme-xxx{…}） */
/* ---------------- 属性组（附加属性）表：极品（金）一行描金 ---------------- */
.atr-gold, .atr-gold b, .atr-gold i{color:var(--specup);font-weight:bold;
text-shadow:0 0 7px rgba(255,190,60,.45)}
/* ---------------- 职业头像 / 技能系图标 ---------------- */
.mcard{padding-left:76px}
.mcard .mava{position:absolute;left:12px;top:14px;width:52px;height:52px;border:1px solid #7c2804;border-radius:3px;
background:#140b05;box-shadow:0 0 8px rgba(0,0,0,.85)}
.mcard:hover .mava{border-color:var(--acc);box-shadow:0 0 10px rgba(255,174,0,.5)}
.metier-cards.big .mcard{min-height:108px}
.ptitle .pava{width:44px;height:44px;vertical-align:-12px;margin-right:10px;border:1px solid #7c2804;
border-radius:3px;box-shadow:0 0 8px rgba(0,0,0,.85)}
.series{list-style:none;margin:6px 0 10px;padding:0}
.series li{padding:3px 0}
.series img.seric{width:32px;height:32px;vertical-align:-10px;margin-right:8px;border:1px solid #3d2618;
border-radius:3px;background:#140b05}
/* ---------------- 掉落颜色概率（绿/蓝/金/红条） ---------------- */
.dropcolors{margin:6px 0 10px}
.dropcolors .dct{color:var(--acc2);font-size:12px;margin-bottom:6px}
.dropcolors .dcrow{margin:3px 0;line-height:18px;white-space:nowrap}
.dropcolors .dcn{display:inline-block;width:24px}
.dropcolors .dcb{display:inline-block;width:50%;max-width:240px;height:10px;background:#140b05;
border:1px solid #3d2618;border-radius:5px;overflow:hidden;vertical-align:middle;margin:0 8px}
.dropcolors .dcb em{display:block;height:10px;border-radius:5px}
.dropcolors .dcv{display:inline-block;font-size:12px}
/* ---------------- 后台同步页 ---------------- */
body.admin{background:#140b05}
body.admin .wrap{max-width:920px;margin:0 auto;padding:20px}
body.admin h1{font:bold 22px/1.3 "Palatino Linotype",Georgia,serif;color:var(--acc2);text-shadow:0 0 6px #000}
body.admin .box{background:#211309 url("ui/ref/panel.jpg") no-repeat 0 0;border:1px solid var(--line);
border-radius:4px;padding:14px 16px;margin-bottom:16px;box-shadow:#0d0703 0 0 6px}
body.admin .box h2{font-size:14px;color:var(--acc2)}
body.admin .err{color:#ff9b7a} body.admin .ok{color:#8fd88f} body.admin .warn{color:#ffd54a}
body.admin code{background:#140b05;border:1px solid #3d2618;border-radius:3px;padding:1px 4px;color:#e8d6b4}
body.admin input[type=password],body.admin input[type=text]{background:var(--inp);border:1px solid var(--line2);
color:var(--fg);padding:7px 9px;border-radius:3px}
body.admin table.grid{background:transparent}
body.admin table.grid td{color:#e8d6b4}
/* （浅色主题后台页的面板底色也走变量，见各自 html.theme-xxx{…} 的 --adminbg / --panbg） */
/* ==================================================================
主题组件适配（2026-09-28 第 8 轮重做主题时加）
------------------------------------------------------------------
上面每套主题只写变量，这里把变量套到各个组件上。
规则都带 `html ` 前缀，特异性比前面那些写死的默认色高，
所以主题变量一定能盖住「墨金」的默认配色 —— 换主题只改变量就行。
================================================================== */
html body{font-family:var(--font-b)}
html .hd{background:linear-gradient(180deg,var(--hd1),var(--hd2) 55%,var(--hd3));
border-bottom:var(--hdbdw) solid var(--hdbd);box-shadow:var(--hdsh)}
html .logo b{font-family:var(--font-h);color:var(--logoc);text-shadow:var(--logosh)}
html .nav{background:linear-gradient(180deg,var(--nav1),var(--nav2) 46%,var(--nav3));
border-top:1px solid var(--navbd);border-bottom:2px solid var(--navbd2);box-shadow:var(--navsh)}
html .nav a{color:var(--navfg);border-radius:var(--navr)}
html .nav a:hover{background-color:var(--navho);color:var(--navhofg)}
html .nav a.on{background-color:var(--navon);color:var(--navonfg);border-bottom-color:var(--navonbd);
box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -8px 12px rgba(0,0,0,.18)}
html .hero{background:linear-gradient(180deg,var(--hero1),var(--hero2) 62%,var(--hero3));
border:1px solid var(--herobd);border-top:var(--herot) solid var(--herobd);
border-radius:var(--r-m);box-shadow:var(--herosh)}
html .hero h1{font-family:var(--font-h);color:var(--heroh1);text-shadow:none}
html .hero p{color:var(--dim)}
html .hero .stats.stats{background:transparent;background-image:none;border:0;
border-top:1px dashed var(--line2);border-radius:0;box-shadow:none;margin:12px 0 0;padding:10px 0 0}
html .hero .stats.stats span{color:var(--dim)}
html .hero .stats.stats b{color:var(--acc2)}
html .ft{background:var(--ftbg);border-top:1px solid var(--ftbd);color:var(--ftfg)}
html .ft a{color:var(--ftlink)}
html .crumb{color:var(--crumbc);border-bottom:1px solid var(--crumbbd)}
html .crumb a{color:var(--crumbc);border-bottom:1px dotted var(--crumbdot)}
html .crumb i{color:var(--crumbi)}
html h1.ptitle{font-family:var(--font-h);color:var(--ptitle);text-shadow:var(--ptitlesh)}
html .h2,html .two .panel h3{background:var(--titlebg);color:var(--h2fg);text-shadow:var(--h2sh)}
html .bandtitle{background:var(--row1);color:var(--h2fg)}
html .none,html .pager,html .pager .info,html .filter .info,html .datarow,
html .mcard .mnum,html .bcard .bd{color:var(--faint)}
html .small,html .g,html .tip,html .pdesc{color:var(--dim)}
html .lbl{color:var(--acc2)}
html table.grid{border-color:var(--line2)}
html table.grid th{background-color:var(--head);background-image:var(--thimg);color:var(--thfg);
border-left-color:var(--thbd1);border-right-color:var(--thbd2);border-bottom-color:var(--thbd3);
text-shadow:var(--thsh)}
html table.grid th a{color:var(--thfg)}
html table.grid td{color:var(--cellfg);border-top-color:var(--tdbd)}
html table.grid tr:nth-child(odd) td{background:var(--row1)}
html table.grid tr:nth-child(even) td{background:var(--row2)}
html table.grid tr:hover td{background:var(--hover);color:var(--tdho)}
html table.grid tr:hover td a{color:var(--tdho)}
html table.grid em{color:var(--dim2)}
html table.kv th,html table.kv td{border-bottom-color:var(--line2)}
html table.kv th{color:var(--dim)}
/* 面板 / 卡片底：原来的深褐木头 + panel.jpg 换成各自主题的底色（--panimg 可以设 none） */
html .two .panel,html .stats,html .treebox,html .dropcolors,html .cond,html .itemhead,
html .zsattr,html body.admin .box{background-color:var(--panbg);background-image:var(--panimg);
border:1px solid var(--panbd);border-radius:var(--panr);box-shadow:var(--pansh)}
html .cond{border-color:var(--line2)}
html .two .panel h3{border:1px solid var(--line2);border-left:3px solid var(--acc);border-radius:var(--r-s)}
html .filter{background:var(--filterbg);border:1px solid var(--line2);border-radius:var(--r-m)}
html .filter input,html .filter select{background:var(--inp);border-color:var(--line2)}
html .tabs{border-bottom-color:var(--line2)}
html .tabs a{background:var(--tabbg);color:var(--tabfg);border-radius:var(--tabr)}
html .tabs a:hover{background:var(--tabho);color:var(--tabhofg)}
html .tabs a.on{background:var(--tabonbg);color:var(--tabonfg)}
html .tag{background:var(--tagbg);color:var(--tagfg);border-color:var(--tagbd)}
html .tag.boss{background:var(--tagb1);color:var(--tagb2);border-color:var(--tagb3)}
html .chip{background:var(--tabbg);color:var(--fg);border-radius:var(--r-s)}
html .chip:hover{background:var(--tabho);color:var(--tabhofg)}
html .chip.on{background:var(--tabonbg);color:var(--tabonfg)}
html .pager a,html .pager span{border-radius:var(--r-s)}
html .pager a:hover{background:var(--pagerbg2);color:var(--pagerfg)}
html .pager .cur{background:var(--acc);color:var(--btnfg)}
html .tcell,html .icons .cell{background:var(--cellbg);border:1px solid var(--cellbd);
border-radius:var(--cellr);box-shadow:var(--cellsh)}
html img.ic,html img.sic,html img.mic,html .noic{background:var(--iconbg);border-color:var(--cellbd)}
html .noic{color:var(--crumbi);border-radius:var(--cellr)}
html .icons .cell:hover,html .tcell:hover{border-color:var(--acc);box-shadow:var(--iconglow)}
html .link-cards a,html .mcard,html .bcard{background:var(--cardbg);border:1px solid var(--cardbd);
border-radius:var(--r-m);box-shadow:var(--cardsh)}
html .link-cards a:hover,html .mcard:hover,html .bcard:hover{background:var(--cardho);border-color:var(--acc)}
html .link-cards b,html .mcard .mname,html .bcard .bn{color:var(--cardname)}
html .link-cards span,html .mcard .mtype,html .bcard .bs{color:var(--dim)}
html .mcard .mdesc{color:var(--carddes)}
html .mava,html .ptitle .pava,html .series img.seric,html .bigicon{border:1px solid var(--itemiconbd);
background:var(--iconbg);border-radius:var(--r-s)}
html .bigicon{box-shadow:inset 0 0 14px #000,var(--iconglow)}
html .dropcolors .dcb{background:var(--iconbg);border:1px solid var(--cellbd)}
html .search input,html .bigsearch input,html .filter input,html .filter select,
html body.admin input[type=password],html body.admin input[type=text]{background:var(--inp);
border:1px solid var(--line2);color:var(--fg);border-radius:var(--r-s);box-shadow:var(--inpsh)}
html .search button,html .bigsearch button,html .filter button,html .btn-go,html body.admin button{
background:linear-gradient(180deg,var(--btn1),var(--btn2));border:1px solid var(--btnbd);
color:var(--btnfg);border-radius:var(--r-s)}
html .fromlab{background:linear-gradient(180deg,var(--btn1),var(--btn2));color:var(--btnfg);
border-radius:var(--r-s)}
html .search button:hover,html .bigsearch button:hover,html .filter button:hover,html .btn-go:hover{
background:linear-gradient(180deg,var(--btn1h),var(--btn2h));color:var(--btnfg)}
html body.admin{background:var(--adminbg)}
html body.admin h1{color:var(--ptitle);text-shadow:none}
html body.admin .box h2{color:var(--h2fg)}
html body.admin table.grid td{color:var(--cellfg)}
html body.admin code{background:var(--iconbg);border-color:var(--cellbd);color:var(--cellfg)}
/* ---------------- 道具详情 / 悬浮卡：文字色也走主题变量 ---------------- */
html .ititle h1{font-family:var(--font-h);color:var(--h2fg);text-shadow:none}
html .ititle h1 small{color:var(--dim)}
html .item-specs li{color:var(--specc)}
html .item-specs li.spec-bind{color:var(--specbd)}
html .item-specs li.spec-type{color:var(--acc)}
html .item-specs li.spec-attr{color:var(--specc)}
html .item-specs li.spec-attr.gld,html .item-specs li.spec-cm,
html .item-specs li.spec-add{color:var(--specup)}
html .item-specs li.spec-need{color:var(--specnd)}
html .item-specs li.spec-use{color:var(--specuse)}
html .item-specs li.spec-des{color:var(--specdes)}
html .fromrow{border-top-color:var(--line2)}
html .zftip .ttl{color:var(--gttl);text-shadow:none}
html .zftip .li.spec-attr{color:var(--gtfg)}
html .zftip .li.spec-need{color:var(--gtneed)}
html .zftip .li.spec-use{color:var(--gtuse)}
html .zftip .li.spec-des{color:var(--gtdes)}
html .zftip .li.spec-bind{color:var(--gtbind)}
html .zftip .li.za{color:var(--gtza)}
/* ==================================================================
道具详情：彩色属性（鉴定）块（2026-09-28 加；形状照原样，颜色走主题变量）
================================================================== */
.zsattr{clear:both;margin:14px 0;padding:12px 14px}
.zsattr h3{margin:0 0 8px;padding:0;color:var(--acc2);font-size:14px;letter-spacing:1px;
background:none;border:0}
.zsattr.zsoff{padding:10px 14px}
.zsattr.zsoff h3{margin-bottom:4px}
.zsq{margin:0 0 6px;line-height:1.9}
.zsq .zsqk{color:var(--dim);margin-right:6px}
.zsq .zsg{color:var(--gold);font-size:15px;margin-right:12px}
.zsq .zsqv{color:var(--fg);margin-right:12px;white-space:nowrap}
.zsq .zsqv em{font-style:normal;color:var(--dim);margin-right:4px}
.zsq .zsqv b{color:var(--acc2)}
.zsq .zsqv i{font-style:normal;color:var(--dim);font-size:12px}
.zsrule{margin:0 0 10px;color:var(--dim);font-size:12px;line-height:1.8}
.zsrule b{color:var(--gold)}
.zsside{margin:0 0 8px;padding:8px 10px;border:1px solid var(--line2);border-radius:var(--r-m);
background:var(--zsside)}
.zsside .zst{margin:0 0 5px;color:var(--acc);font-size:12px}
.zslist{list-style:none;margin:0;padding:0}
.zslist li{line-height:1.9;color:var(--fg)}
.zslist li em{font-style:normal;color:var(--zsem)}
.zslist li b{color:var(--acc2);font-size:13px}
.zsalt{margin:5px 0 0;color:var(--dim);font-size:12px;line-height:1.75}
.zsmeta{margin:6px 0 0;color:var(--dim);font-size:12px;line-height:1.8}
.zsmeta a{color:var(--link)}
/* 浅色主题（科技蓝 / 青绿 / 水墨 / 月白 / 青墨）：描金 / 发光收掉（浅底上发光会发灰），颜色交给变量 */
html.theme-tech .item-specs li.spec-attr.gld,html.theme-tech .item-specs li.spec-add,html.theme-tech .item-specs li.spec-cm,html.theme-tech .zftip .li.spec-attr.gld,
html.theme-tech .zftip .li.spec-add,html.theme-tech .atr-gold,html.theme-tech .atr-gold b,html.theme-tech .atr-gold i{text-shadow:none}
html.theme-mint .item-specs li.spec-attr.gld,html.theme-mint .item-specs li.spec-add,html.theme-mint .item-specs li.spec-cm,html.theme-mint .zftip .li.spec-attr.gld,
html.theme-mint .zftip .li.spec-add,html.theme-mint .atr-gold,html.theme-mint .atr-gold b,html.theme-mint .atr-gold i{text-shadow:none}
html.theme-wash .item-specs li.spec-attr.gld,html.theme-wash .item-specs li.spec-add,html.theme-wash .item-specs li.spec-cm,html.theme-wash .zftip .li.spec-attr.gld,
html.theme-wash .zftip .li.spec-add,html.theme-wash .atr-gold,html.theme-wash .atr-gold b,html.theme-wash .atr-gold i{text-shadow:none}
html.theme-moon .item-specs li.spec-attr.gld,html.theme-moon .item-specs li.spec-add,html.theme-moon .item-specs li.spec-cm,html.theme-moon .zftip .li.spec-attr.gld,
html.theme-moon .zftip .li.spec-add,html.theme-moon .atr-gold,html.theme-moon .atr-gold b,html.theme-moon .atr-gold i{text-shadow:none}
html.theme-pine .item-specs li.spec-attr.gld,html.theme-pine .item-specs li.spec-add,html.theme-pine .item-specs li.spec-cm,html.theme-pine .zftip .li.spec-attr.gld,
html.theme-pine .zftip .li.spec-add,html.theme-pine .atr-gold,html.theme-pine .atr-gold b,html.theme-pine .atr-gold i{text-shadow:none}
/* ==================================================================
版面（布局）—— 2026-09-28 第 9 轮加：主题不只换颜色，还换版面
------------------------------------------------------------------
导航在上面还是在左边、首页卡片几列、页头是横幅还是报头 —— 都随主题变。
版式键写在 zf_themes() 的 'lay' 里，由 index.php / thpreview.php（后台样张）
输出到 。
为什么每段都带 `html.lay-xx body.full` 前缀：
· 只有 index.php 和 thpreview.php 的 body 有 .full；
· teach/ 下的静态教程页没有 → 它们只跟着换色、版面不动，免得把老页面弄乱。
（哪天想让教程页也跟版面走：把这些前缀里的 `body.full` 去掉即可。）
版式键：top 原版（墨金）/ tiles 全宽英雄+三列 / side 左侧竖导航 /
pill 居中胶囊导航 / dense 紧凑四列仪表盘 / card 宽版两列大卡 /
min 极简居中窄栏 / mag 报刊报头 + 分栏
================================================================== */
/* ---------------- lay-tiles：全宽英雄 + 三列瓷贴 ---------------- */
html.lay-tiles body.full .hero{text-align:center;padding:22px 18px 16px}
html.lay-tiles body.full .hero h1{font-size:27px}
html.lay-tiles body.full .hero p{margin-bottom:14px}
html.lay-tiles body.full .bigsearch input{width:62%}
html.lay-tiles body.full .hero .stats{margin-top:14px}
html.lay-tiles body.full .stats span{margin:0 12px}
html.lay-tiles body.full .cols{overflow:hidden}
html.lay-tiles body.full .cols .col{float:none;width:100%;margin:0}
html.lay-tiles body.full .link-cards{overflow:hidden}
html.lay-tiles body.full .link-cards a{float:left;width:31.6%;margin:0 2.6% 12px 0;min-height:104px}
html.lay-tiles body.full .link-cards a:nth-child(3n){margin-right:0}
html.lay-tiles body.full .h2{margin-top:16px}
html.lay-tiles body.full .chips .chip{padding:7px 13px;border:1px solid var(--line2)}
@media (max-width:820px){
html.lay-tiles body.full .link-cards a{float:none;width:100%;margin-right:0}
html.lay-tiles body.full .bigsearch input{width:100%}
}
/* ---------------- lay-side：左侧固定竖导航（logo / 搜索 / 菜单都竖着排） ---------------- */
html.lay-side body.full .hd{position:fixed;left:0;top:0;bottom:0;width:212px;height:auto;
overflow-y:auto;border-right:var(--hdbdw) solid var(--hdbd);border-bottom:0;z-index:60}
html.lay-side body.full .hd-in{max-width:none;padding:14px 12px 6px}
html.lay-side body.full .logo{float:none;display:block;text-align:center;margin-bottom:12px}
html.lay-side body.full .logo b{font-size:19px;letter-spacing:1px}
html.lay-side body.full .logo i{font-size:11px;letter-spacing:0}
html.lay-side body.full .search{float:none;display:block;margin:0 0 12px}
html.lay-side body.full .search input{width:100%;box-sizing:border-box}
html.lay-side body.full .search button{display:block;width:100%;margin-top:6px}
html.lay-side body.full .nav{background:none;border:0;box-shadow:none}
html.lay-side body.full .nav-in{max-width:none;padding:0}
html.lay-side body.full .nav a{display:block;width:100%;box-sizing:border-box;margin:0 0 5px;
padding:9px 10px 9px 36px;border-bottom:0;border-radius:var(--r-s)}
html.lay-side body.full .nav a.on{border-bottom:0}
html.lay-side body.full .nav .sets{float:none;display:block;padding:10px 0 6px;line-height:2;font-size:12px}
html.lay-side body.full .nav .sets a{display:inline;width:auto;padding:0 3px}
html.lay-side body.full .main{margin-left:232px;max-width:none;padding:16px 20px 30px}
html.lay-side body.full .ft{margin-left:232px}
html.lay-side body.full .ft-in{max-width:none}
html.lay-side body.full .hero{padding:14px 16px}
html.lay-side body.full .hero h1{font-size:22px}
html.lay-side body.full .bigsearch input{width:64%}
html.lay-side body.full .stats span{display:block;margin:3px 0}
html.lay-side body.full .cols .col{width:48.5%}
html.lay-side body.full .link-cards a{min-height:78px}
@media (max-width:820px){
html.lay-side body.full .hd{position:static;width:auto;height:auto;overflow:visible;
border-right:0;border-bottom:var(--hdbdw) solid var(--hdbd)}
html.lay-side body.full .hd-in{max-width:1240px;padding:12px 16px 8px}
html.lay-side body.full .logo{float:left;text-align:left;margin:0}
html.lay-side body.full .logo b{font-size:22px}
html.lay-side body.full .search{float:right;width:auto;margin:6px 0 0}
html.lay-side body.full .search input{width:180px}
html.lay-side body.full .search button{display:inline-block;width:auto;margin:0}
html.lay-side body.full .nav{background:linear-gradient(180deg,var(--nav1),var(--nav2) 46%,var(--nav3));
border-top:1px solid var(--navbd);border-bottom:2px solid var(--navbd2);box-shadow:var(--navsh)}
html.lay-side body.full .nav-in{max-width:1240px;padding:0 16px}
html.lay-side body.full .nav a{display:inline-block;width:auto;margin:3px 1px 0;
padding:8px 15px 8px 36px;border-radius:var(--navr)}
html.lay-side body.full .nav a.on{border-bottom:3px solid var(--navonbd)}
html.lay-side body.full .nav .sets{float:right;padding:9px 0}
html.lay-side body.full .nav .sets a{display:inline;padding:9px 0}
html.lay-side body.full .main,html.lay-side body.full .ft{margin-left:0}
html.lay-side body.full .main{max-width:1240px;padding:14px 16px 30px}
html.lay-side body.full .ft-in{max-width:1240px}
html.lay-side body.full .stats span{display:inline-block;margin:0 14px 0 0}
}
/* ---------------- lay-pill：居中页头 + 胶囊导航 + 三列瓷贴 ---------------- */
html.lay-pill body.full .hd-in{max-width:1180px;padding:18px 16px 10px;text-align:center}
html.lay-pill body.full .logo{float:none;display:inline-block;text-align:center}
html.lay-pill body.full .logo b{font-size:27px;letter-spacing:5px}
html.lay-pill body.full .logo i{letter-spacing:2px}
html.lay-pill body.full .search{float:none;display:block;margin:12px auto 0;text-align:center}
html.lay-pill body.full .search input{width:300px}
html.lay-pill body.full .nav{background:none;border:0;box-shadow:none}
html.lay-pill body.full .nav-in{max-width:1180px;padding:0 16px;text-align:center}
html.lay-pill body.full .nav a{display:inline-block;margin:4px 4px 8px;padding:7px 16px 7px 34px;
border:1px solid var(--navbd);border-bottom-width:1px}
html.lay-pill body.full .nav a.on{border-color:var(--navonbd);border-bottom-width:1px}
html.lay-pill body.full .nav .sets{float:none;display:block;text-align:center;padding:0 0 8px}
html.lay-pill body.full .nav .sets a{padding:2px 6px}
html.lay-pill body.full .hero{text-align:center;padding:20px 18px 16px}
html.lay-pill body.full .hero h1{font-size:26px}
html.lay-pill body.full .bigsearch input{width:56%}
html.lay-pill body.full .hero .stats{margin-top:14px}
html.lay-pill body.full .stats span{margin:0 12px}
html.lay-pill body.full .cols{overflow:hidden}
html.lay-pill body.full .cols .col{float:none;width:100%;margin:0}
html.lay-pill body.full .link-cards{overflow:hidden}
html.lay-pill body.full .link-cards a{float:left;width:31.6%;margin:0 2.6% 12px 0;min-height:104px}
html.lay-pill body.full .link-cards a:nth-child(3n){margin-right:0}
html.lay-pill body.full .h2{display:inline-block;background:none;border:0;border-bottom:2px solid var(--acc);
border-radius:0;padding:0 0 6px;text-shadow:none}
html.lay-pill body.full .chips .chip{padding:7px 13px;border:1px solid var(--line2)}
@media (max-width:820px){
html.lay-pill body.full .link-cards a{float:none;width:100%;margin-right:0}
html.lay-pill body.full .bigsearch input{width:100%}
html.lay-pill body.full .logo b{font-size:22px;letter-spacing:2px}
}
/* ---------------- lay-dense：窄顶栏 + 四列瓷贴（信息密集仪表盘） ---------------- */
html.lay-dense body.full .hd-in{max-width:none;padding:8px 14px 6px}
html.lay-dense body.full .logo b{font-size:19px;letter-spacing:1px}
html.lay-dense body.full .logo i{font-size:11px}
html.lay-dense body.full .search{margin-top:2px}
html.lay-dense body.full .search input{width:200px;padding:5px 8px}
html.lay-dense body.full .search button{padding:5px 10px}
html.lay-dense body.full .nav-in{max-width:none;padding:0 14px}
html.lay-dense body.full .nav a{padding:6px 12px 6px 30px;font-size:12px;
background-size:20px 20px;background-position:7px 50%}
html.lay-dense body.full .main{max-width:none;padding:12px 14px 24px}
html.lay-dense body.full .ft-in{max-width:none}
html.lay-dense body.full .hero{padding:12px 14px;margin:4px 0 12px}
html.lay-dense body.full .hero h1{font-size:19px}
html.lay-dense body.full .hero p{margin-bottom:8px;font-size:12px}
html.lay-dense body.full .bigsearch input{width:46%;min-width:200px}
html.lay-dense body.full .hero .stats{margin-top:8px}
html.lay-dense body.full .stats span{margin-right:14px;font-size:12px}
html.lay-dense body.full .stats b{font-size:14px}
html.lay-dense body.full .cols{overflow:hidden}
html.lay-dense body.full .cols .col{float:none;width:100%;margin:0}
html.lay-dense body.full .link-cards{overflow:hidden}
html.lay-dense body.full .link-cards a{float:left;width:23.5%;margin:0 2% 10px 0;min-height:92px;
padding:8px 10px}
html.lay-dense body.full .h2{margin:14px 0 8px;padding:5px 10px;font-size:14px}
html.lay-dense body.full .chip{padding:4px 9px;margin:0 4px 5px 0}
html.lay-dense body.full .two .panel{width:49%;padding:10px 12px}
html.lay-dense body.full .two .panel h3{margin:12px 0 6px;padding:4px 8px}
html.lay-dense body.full table.grid th{padding:6px 8px}
html.lay-dense body.full table.grid td{padding:5px 8px}
@media (max-width:820px){
html.lay-dense body.full .link-cards a{float:none;width:100%;margin-right:0}
html.lay-dense body.full .two .panel{width:100%}
}
/* ---------------- lay-card：宽版 + 两列大卡（一张卡一件事，留白多） ---------------- */
html.lay-card body.full .hd-in,html.lay-card body.full .nav-in,
html.lay-card body.full .main,html.lay-card body.full .ft-in{max-width:1080px}
html.lay-card body.full .hd-in{padding:18px 16px 12px}
html.lay-card body.full .hero{padding:26px 24px 20px;text-align:center}
html.lay-card body.full .hero h1{font-size:28px}
html.lay-card body.full .hero p{font-size:13px;margin-bottom:16px}
html.lay-card body.full .bigsearch input{width:58%;padding:9px 12px}
html.lay-card body.full .hero .stats{margin-top:16px}
html.lay-card body.full .stats span{margin:0 14px}
html.lay-card body.full .cols{overflow:hidden}
html.lay-card body.full .cols .col{float:none;width:100%;margin:0}
html.lay-card body.full .link-cards{overflow:hidden}
html.lay-card body.full .link-cards a{float:left;width:48%;margin:0 4% 14px 0;padding:16px 18px;
min-height:120px}
html.lay-card body.full .link-cards a:nth-child(even){margin-right:0}
html.lay-card body.full .link-cards b{font-size:16px}
html.lay-card body.full .link-cards span{margin-top:4px}
html.lay-card body.full .h2{font-size:16px;padding:9px 14px}
html.lay-card body.full .chips .chip{padding:7px 14px}
@media (max-width:820px){
html.lay-card body.full .link-cards a{float:none;width:100%;margin-right:0}
html.lay-card body.full .bigsearch input{width:100%}
}
/* ---------------- lay-min：极简（无边框大留白 · 白卡 + 柔和阴影） ---------------- */
html.lay-min body.full{font-size:13px}
html.lay-min body.full .hd{box-shadow:none}
html.lay-min body.full .hd-in,html.lay-min body.full .nav-in,
html.lay-min body.full .main,html.lay-min body.full .ft-in{max-width:1000px}
html.lay-min body.full .hd-in{padding:22px 16px 14px}
html.lay-min body.full .logo b{font-size:26px;letter-spacing:3px}
html.lay-min body.full .nav{background:none;border:0;border-bottom:1px solid var(--line);box-shadow:none}
html.lay-min body.full .nav a{padding:11px 14px 11px 32px;border-bottom:2px solid transparent;border-radius:0}
html.lay-min body.full .nav a.on{background:none;border-bottom-color:var(--acc);box-shadow:none}
html.lay-min body.full .main{padding:26px 20px 40px}
html.lay-min body.full .hero{background:none;border:0;box-shadow:none;padding:6px 0 12px;margin:0 0 18px}
html.lay-min body.full .hero h1{font-size:30px;letter-spacing:2px}
html.lay-min body.full .hero p{font-size:13px;margin-bottom:16px}
html.lay-min body.full .bigsearch input{width:64%;padding:11px 14px}
html.lay-min body.full .bigsearch button{padding:11px 20px}
html.lay-min body.full .hero .stats{border-top:1px solid var(--line2);padding-top:14px;margin-top:16px}
html.lay-min body.full .stats span{margin-right:22px}
html.lay-min body.full .stats b{font-size:17px}
html.lay-min body.full .cols .col{width:48.5%}
html.lay-min body.full .link-cards a{padding:16px 18px;min-height:96px;box-shadow:0 4px 18px rgba(23,43,77,.07)}
html.lay-min body.full .h2{background:none;border:0;border-left:3px solid var(--acc);border-radius:0;
padding:2px 0 2px 12px;font-size:15px;text-shadow:none}
html.lay-min body.full .chips .chip{padding:7px 13px}
html.lay-min body.full .two .panel{box-shadow:0 8px 26px rgba(23,43,77,.08)}
@media (max-width:820px){
html.lay-min body.full .bigsearch input{width:100%}
}
/* ---------------- lay-mag：报刊版面（报头 + 文字导航 + 分栏文字列表） ---------------- */
html.lay-mag body.full .hd{box-shadow:none;border-bottom:3px double var(--hdbd)}
html.lay-mag body.full .hd-in{max-width:1080px;padding:20px 16px 6px;text-align:center}
html.lay-mag body.full .logo{float:none;display:inline-block;text-align:center}
html.lay-mag body.full .logo b{font-size:31px;letter-spacing:8px}
html.lay-mag body.full .logo i{font-size:12px;letter-spacing:3px}
html.lay-mag body.full .search{float:none;display:block;margin:14px auto 4px;text-align:center}
html.lay-mag body.full .search input{width:280px;background:transparent;border:0;
border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;color:var(--fg)}
html.lay-mag body.full .search button{background:none;border:1px solid var(--hdbd);border-radius:0;
color:var(--acc);box-shadow:none;text-shadow:none;padding:5px 12px}
html.lay-mag body.full .nav{background:var(--hd2);border-top:1px solid var(--hdbd);
border-bottom:1px solid var(--hdbd);box-shadow:none}
html.lay-mag body.full .nav-in{max-width:1080px}
html.lay-mag body.full .nav a{padding:8px 13px;background-image:none;font-weight:normal;
border-bottom:0;border-radius:0}
html.lay-mag body.full .nav a:hover{background:none;color:var(--navonbd);text-decoration:underline}
html.lay-mag body.full .nav a.on{background:none;border-bottom:2px solid var(--acc);font-weight:bold;box-shadow:none}
html.lay-mag body.full .main{max-width:1080px;padding:18px 16px 34px}
html.lay-mag body.full .ft-in{max-width:1080px}
html.lay-mag body.full .hero{background:none;border:0;border-top:1px solid var(--hdbd);
border-bottom:1px solid var(--hdbd);border-radius:0;box-shadow:none;padding:14px 0;
margin:12px 0 20px;text-align:center}
html.lay-mag body.full .hero h1{font-size:25px;letter-spacing:4px}
html.lay-mag body.full .hero p{font-size:12px;margin-bottom:10px}
html.lay-mag body.full .bigsearch input{width:52%}
html.lay-mag body.full .hero .stats{border-top:0;padding-top:8px;margin-top:10px}
html.lay-mag body.full .stats span{margin:0 11px}
html.lay-mag body.full .cols .col{float:none;width:100%;margin:0}
html.lay-mag body.full .link-cards{column-count:2;-moz-column-count:2;-webkit-column-count:2;
column-gap:36px;-moz-column-gap:36px;-webkit-column-gap:36px}
html.lay-mag body.full .link-cards a{display:block;float:none;background:none;border:0;
border-bottom:1px dotted var(--line);border-radius:0;box-shadow:none;padding:8px 0;margin:0 0 2px}
html.lay-mag body.full .link-cards a:hover{background:none;border-bottom-style:solid;
border-bottom-color:var(--acc);text-decoration:none}
html.lay-mag body.full .link-cards b{font-size:14px}
html.lay-mag body.full .h2{background:none;border:0;border-top:2px solid var(--hdbd);
border-bottom:1px solid var(--line);border-radius:0;padding:7px 0;letter-spacing:3px;text-shadow:none}
html.lay-mag body.full .bandtitle{background:none;border:0;border-bottom:1px solid var(--line);
border-radius:0;letter-spacing:2px}
html.lay-mag body.full .chips .chip{background:none;border:1px solid var(--line);border-radius:0}
html.lay-mag body.full .two .panel{background:none;border:1px solid var(--hdbd);border-radius:0;box-shadow:none}
html.lay-mag body.full .two .panel h3{background:none;border:0;border-bottom:1px solid var(--line);
border-radius:0;padding:6px 0;letter-spacing:2px}
@media (max-width:820px){
html.lay-mag body.full .logo b{font-size:24px;letter-spacing:4px}
html.lay-mag body.full .link-cards{column-count:1;-moz-column-count:1;-webkit-column-count:1}
html.lay-mag body.full .bigsearch input{width:88%}
}
/* ===== 云海仙庭（浅色·跟官网同一套配色）===== */
html.theme-cloud{
--bg:#eef5fc; --bg2:#f7fbff; --pan:#ffffff; --pan2:#fbfdff;
--line:#dbe8f5; --line2:#eef4fa; --fg:#12293f; --dim:#6c8299;
--acc:#c8963e; --acc2:#a8762a; --link:#3f7bb8;
--hover:#f4f9ff; --head:#f5fafe; --inp:#f9fcff; --tab:#f4f9ff; --tabon:#fdf3dd;
--gold:#c8963e; --red:#c0392b; --purple:#6a5acd; --blue:#3f7bb8; --green:#1a9c6b;
--job1:#b06a2a; --job2:#3f7a4f; --job3:#3b6f9c; --job4:#6b5a9e;
--tipbg:rgba(255,253,247,.99); --tipbd:#edd9a8; --tipfg:#4a3a1e;
--bgimg:linear-gradient(180deg,#fbfdff 0,#eef5fc 300px,#e9f2fa 100%);
--row1:#ffffff; --row2:#fbfdff; --titlebg:#f5fafe; --cellfg:#12293f;
--pagerbg:rgba(200,150,62,.10); --pagerbg2:rgba(200,150,62,.22);
--gtbg:#ffffff; --gtbd:#e6eef8; --gtbd2:#eef4fa; --gtfg:#12293f;
--gtdim:#8ea6b8; --gtline:#eef4fa; --gtt1:#f8fbff; --gtt2:#f5fafe; --gtgold:#c8963e;
--font-h:"KaiTi","STKaiti",Georgia,serif;
--r-s:4px; --r-m:10px; --r-x:14px; --shade:transparent;
--hdbd:#dbe8f5; --hdbdw:1px; --hd1:#ffffff; --hd2:#fbfdff; --hd3:#f5fafe;
--hdsh:none;
--logoc:#1c3f66; --logosh:none;
--nav1:#ffffff; --nav2:#fbfdff; --nav3:#f5fafe; --navbd:#e3eef9; --navbd2:#dbe8f5;
--navfg:#3d5a75; --navho:rgba(200,150,62,.08); --navon:rgba(200,150,62,.14); --navonbd:#c8963e;
--navsh:none; --navr:10px; --navhofg:#c8963e; --navonfg:#a8762a;
--hero1:#fbfdff; --hero2:#f2f8ff; --hero3:#eaf3fc; --herobd:#e3eef9; --herot:1px;
--heroh1:#1c3f66; --herosh:none;
--cardbg:#ffffff; --cardbd:#e6eef8; --cardho:#fbfdff; --cardname:#1c3f66; --carddes:#7d93a8; --cardsh:none;
--panbg:#ffffff; --panbd:#dbe8f5; --panr:12px; --panimg:none; --pansh:0 12px 28px rgba(28,63,102,.07);
--iconglow:none;
--thimg:none; --thsh:none; --thfg:#6c8299; --thbd1:#e6eef8; --thbd2:#eef4fa; --thbd3:#f5fafe;
--tdbd:#f1f6fb; --tdho:#c8963e; --dim2:#8ea6b8; --faint:#b7c7d6;
--tabbg:#f4f9ff; --tabfg:#3d5a75; --tabho:#fdf3dd; --tabhofg:#a8762a;
--tabonbg:#c8963e; --tabonfg:#ffffff; --tabr:8px;
--tagbg:#fdf3dd; --tagfg:#8a5a1e; --tagbd:#edd9a8; --tagb1:#fdf7e8; --tagb2:#a8762a; --tagb3:#edd9a8;
--cellbg:#fbfdff; --cellbd:#e6eef8; --iconbg:#ffffff; --cellr:8px; --cellsh:none; --itemiconbd:#e2edf8;
--ftbg:#f7fbff; --ftbd:#dbe8f5; --ftfg:#8ea6b8; --ftlink:#3f7bb8;
--ptitle:#1c3f66; --ptitlesh:none;
--crumbc:#8ea6b8; --crumbbd:#e6eef8; --crumbdot:#c8963e; --crumbi:#b7c7d6;
--h2fg:#1c3f66; --h2sh:none; --pagerfg:#3f7bb8;
--btn1:#f2d49a; --btn2:#c8963e; --btnbd:#c8963e; --btnfg:#3a2a10;
--btn1h:#f8e2b4; --btn2h:#d9a441; --inpsh:none; --filterbg:#ffffff; --adminbg:#f4f9ff;
--specc:#12293f; --specbd:#3f7bb8; --specup:#c8963e; --specnd:#4a5461;
--specuse:#1a9c6b; --specdes:#6c8299; --zsem:#1c3f66; --zsside:rgba(200,150,62,.05);
--gttl:#1c3f66; --gtneed:#4a5461; --gtuse:#1a9c6b; --gtdes:#6c8299; --gtbind:#3f7bb8; --gtza:#c8963e;
}
/* ===== 云海仙庭：细节覆盖（英雄卡换原画、导航描金、卡片描边）===== */
html.theme-cloud .hero{
position:relative;overflow:hidden;padding:26px 26px 22px;
background:#cfe3f6 url(/images/hero.jpg) 78% 18%/cover no-repeat;
border:1px solid #dbe8f5;border-radius:var(--r-x);
box-shadow:0 14px 34px rgba(28,63,102,.10)}
html.theme-cloud .hero::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(96deg,#f6fbff 0%,rgba(246,251,255,.98) 46%,rgba(246,251,255,.72) 66%,rgba(246,251,255,.12) 88%,rgba(246,251,255,0) 100%)}
html.theme-cloud .hero > *{position:relative;z-index:2}
html.theme-cloud .hero h1{
margin:0 0 6px;color:#1c3f66;font-size:28px;letter-spacing:4px;
text-shadow:0 2px 0 rgba(255,255,255,.9),0 8px 20px rgba(255,255,255,.7)}
html.theme-cloud .hero p{color:#3d5a75;margin:0 0 14px}
html.theme-cloud .bigsearch input[type=text]{
height:42px;border-radius:9px;border:1px solid #dbe8f5;background:#fff;color:#12293f}
html.theme-cloud .bigsearch button{
height:42px;border-radius:9px;border:0;color:#3a2a10;font-weight:600;letter-spacing:2px;
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e);
box-shadow:0 10px 22px rgba(200,150,62,.26)}
html.theme-cloud .stats b{color:#b8863f}
html.theme-cloud .stats span{color:#8a6a2e}
/* 导航描金 */
html.theme-cloud .nav a{border-radius:10px}
html.theme-cloud .nav a.on{box-shadow:0 6px 16px rgba(200,150,62,.20)}
/* 卡片：圆角 + 悬停描金 */
html.theme-cloud .card,html.theme-cloud .panel{
border-radius:var(--r-x) !important;border-color:#e6eef8 !important;
box-shadow:0 10px 26px rgba(28,63,102,.06) !important}
html.theme-cloud .card:hover,html.theme-cloud .panel:hover{
border-color:#e8d3a6 !important;box-shadow:0 14px 30px rgba(200,150,62,.12) !important}
/* 分类胶囊 */
html.theme-cloud .cats a,html.theme-cloud .chip,html.theme-cloud .tag{
border-radius:14px;border:1px solid #e6eef8;background:#fff;color:#3d5a75}
html.theme-cloud .cats a:hover,html.theme-cloud .chip:hover{border-color:#c8963e;color:#a8762a;background:#fffdf7}
/* 表格 */
html.theme-cloud table th{background:#f7fbff !important;color:#6c8299 !important}
html.theme-cloud table tr:hover td{background:#fbfdff !important}
/* 云海：页头已有标题，英雄卡里不再重复 */
html.theme-cloud .hero h1{display:none}
html.theme-cloud .hero p{font-size:14px;letter-spacing:.5px;margin:2px 0 14px}
/* ===== 云海仙庭：站内页头 / 页脚 / 金色线性图标 ===== */
html.theme-cloud .site-hd{
background:rgba(255,255,255,.94);border-bottom:1px solid #dbe8f5;
box-shadow:0 8px 26px rgba(28,63,102,.06);backdrop-filter:blur(12px)}
html.theme-cloud .site-hd .hd-in{
max-width:1200px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;gap:18px}
html.theme-cloud .site-hd .brand{display:flex;align-items:center;gap:8px;text-decoration:none;flex:0 0 auto}
html.theme-cloud .site-hd .brand .bn{
font:26px/1 "KaiTi","STKaiti",serif;letter-spacing:7px;
background:linear-gradient(180deg,#1c3f66,#3f7bb8 58%,#c8963e);
-webkit-background-clip:text;background-clip:text;color:transparent}
html.theme-cloud .site-hd .brand .seal{
width:24px;height:48px;display:flex;align-items:center;justify-content:center;
font:11px/1.25 "KaiTi",serif;color:#fff9ea;border-radius:3px;
writing-mode:vertical-rl;background:linear-gradient(160deg,#dfb463,#b8863f)}
html.theme-cloud .site-hd .site-nav{display:flex;gap:2px;margin-left:6px}
html.theme-cloud .site-hd .site-nav a{
padding:8px 14px;border-radius:18px;font-size:13px;color:#3d5a75;text-decoration:none;transition:all .2s}
html.theme-cloud .site-hd .site-nav a:hover{background:#f4f9ff;color:#c8963e}
html.theme-cloud .site-hd .site-nav a.on{
color:#a8762a;background:#fffdf7;box-shadow:0 4px 12px rgba(200,150,62,.16)}
html.theme-cloud .site-hd .search{margin-left:auto;display:flex;align-items:center;gap:8px}
html.theme-cloud .site-hd .search input[type=text]{
width:210px;height:36px;padding:0 12px;border:1px solid #dbe8f5;border-radius:18px;
background:#f9fcff;color:#12293f;font-size:12.5px;outline:none}
html.theme-cloud .site-hd .search input[type=text]:focus{border-color:#c8963e;background:#fff}
html.theme-cloud .site-hd .search button{
height:36px;padding:0 18px;border:0;border-radius:18px;cursor:pointer;font-size:12.5px;color:#3a2a10;
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e);box-shadow:0 8px 18px rgba(200,150,62,.24)}
/* 资料库二级导航：去图标，金色线性图标 */
html.theme-cloud .lib-nav{
background:linear-gradient(180deg,#fbfdff,#f4f9ff);border-top:1px solid #eef4fa}
html.theme-cloud .lib-nav .nav-in{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;gap:4px;flex-wrap:wrap}
html.theme-cloud .lib-nav a{
position:relative;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;
font-size:13px;color:#3d5a75;text-decoration:none;border-bottom:2px solid transparent;background:none}
html.theme-cloud .lib-nav a img{display:none !important}
html.theme-cloud .lib-nav a::before{
content:"";width:16px;height:16px;flex:0 0 auto;background-repeat:no-repeat;background-position:center;
background-size:16px 16px;opacity:.75;transition:opacity .2s}
html.theme-cloud .lib-nav a:hover{color:#c8963e}
html.theme-cloud .lib-nav a:hover::before{opacity:1}
html.theme-cloud .lib-nav a.on{color:#a8762a;border-bottom-color:#c8963e;font-weight:600}
html.theme-cloud .lib-nav a.on::before{opacity:1}
/* 六个图标（金色描边 SVG） */
html.theme-cloud .nh-home::before{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .nh-npc::before{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .nh-boss::before{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .nh-item::before{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .nh-task::before{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .nh-teach::before{background-image:url("data:image/svg+xml;utf8,")}
/* 站内风格页脚 */
html.theme-cloud .site-ft{background:linear-gradient(180deg,#f7fbff,#eef5fc);border-top:1px solid #dbe8f5;padding:30px 0 18px}
html.theme-cloud .site-ft .ft-in{max-width:1200px;margin:0 auto;padding:0 16px}
html.theme-cloud .site-ft .sf-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:22px}
html.theme-cloud .site-ft h4{
font:15px/1.4 "KaiTi","STKaiti",serif;letter-spacing:2px;color:#1c3f66;margin:0 0 8px;
padding-left:10px;position:relative}
html.theme-cloud .site-ft h4::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;
border-radius:2px;background:linear-gradient(180deg,#e8c47a,#c8963e)}
html.theme-cloud .site-ft .sf-col a{display:block;font-size:12.5px;color:#6c8299;line-height:2.1;text-decoration:none}
html.theme-cloud .site-ft .sf-col a:hover{color:#c8963e}
html.theme-cloud .site-ft .sf-logo{
font:19px/1 "KaiTi","STKaiti",serif;letter-spacing:4px;
background:linear-gradient(180deg,#1c3f66,#3f7bb8 58%,#c8963e);
-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px}
html.theme-cloud .site-ft .sf-col p{margin:0;font-size:12.5px;color:#8ea6b8;line-height:2}
html.theme-cloud .site-ft .sf-col p b{color:#c8963e}
html.theme-cloud .site-ft .sf-bottom{
margin-top:20px;padding-top:12px;border-top:1px solid #e4eef8;
font-size:11.5px;color:#9ab0c2;line-height:1.9;text-align:center}
html.theme-cloud .site-ft .sf-copy{margin-top:6px;font-size:11.5px;color:#9ab0c2;text-align:center}
@media (max-width:900px){
html.theme-cloud .site-hd .site-nav{display:none}
html.theme-cloud .site-hd .search input[type=text]{width:130px}
html.theme-cloud .site-ft .sf-cols{grid-template-columns:1fr 1fr}
}
/* ===== 云海仙庭：动效 + 去装饰图片 ===== */
@keyframes zfBreath{
0%,100%{background-size:100% auto;background-position:78% 18%}
50%{background-size:107% auto;background-position:78% 14%}
}
@keyframes zfUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes zfSweep{0%{left:-35%}55%{left:118%}100%{left:118%}}
@keyframes zfPulse{0%,100%{box-shadow:0 10px 26px rgba(28,63,102,.06)}50%{box-shadow:0 16px 34px rgba(200,150,62,.18)}}
/* 去掉旧皮肤的装饰图 */
html.theme-cloud .panel,html.theme-cloud .card,html.theme-cloud .hero{
background-image:none}
html.theme-cloud .panel,html.theme-cloud .card{border:1px solid #e6eef8 !important;background:#fff !important}
html.theme-cloud table th{background-image:none !important}
html.theme-cloud .hd,html.theme-cloud .lib-nav{background-image:none !important}
/* 英雄卡：原画呼吸 + 扫光 */
html.theme-cloud .hero{
background-image:linear-gradient(180deg,#eaf3fc,#fbfdff) !important;
position:relative;overflow:hidden}
html.theme-cloud .hero::before{
content:"";position:absolute;inset:-4%;z-index:0;pointer-events:none;
background:url(/images/hero.jpg) 78% 18%/cover no-repeat;
transform-origin:78% 26%;animation:zfBreath 22s ease-in-out infinite}
html.theme-cloud .hero::after{
content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(96deg,#eef5fc 0%,rgba(238,245,252,.96) 42%,rgba(238,245,252,.72) 60%,rgba(238,245,252,.18) 82%,rgba(238,245,252,0) 100%)}
/* zf-veil-mask 标记：已把扫光换成蒙层 */
html.theme-cloud .hero > *{position:relative;z-index:2}
/* 蒙层单独一层（原来的渐变挂在 hero 背景上，会挡住 breathing 图）*/
html.theme-cloud .hero .zf-veil{
content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(96deg,#f6fbff 0%,rgba(246,251,255,.98) 46%,rgba(246,251,255,.72) 66%,rgba(246,251,255,.12) 88%,rgba(246,251,255,0) 100%)}
/* 卡片：进场 + 悬停上浮 */
html.theme-cloud .main .card,html.theme-cloud .main .panel{animation:zfUp .55s cubic-bezier(.22,.8,.3,1) both}
html.theme-cloud .main .card:nth-child(1),html.theme-cloud .main .panel:nth-child(1){animation-delay:.02s}
html.theme-cloud .main .card:nth-child(2),html.theme-cloud .main .panel:nth-child(2){animation-delay:.09s}
html.theme-cloud .main .card:nth-child(3),html.theme-cloud .main .panel:nth-child(3){animation-delay:.16s}
html.theme-cloud .main .card:nth-child(4),html.theme-cloud .main .panel:nth-child(4){animation-delay:.23s}
html.theme-cloud .main .card:nth-child(5){animation-delay:.30s}
html.theme-cloud .main .card:nth-child(6){animation-delay:.37s}
html.theme-cloud .main .card:hover,html.theme-cloud .main .panel:hover{
transform:translateY(-3px);border-color:#e8d3a6 !important;box-shadow:0 18px 38px rgba(200,150,62,.14) !important}
/* 分类胶囊：悬停上浮 */
html.theme-cloud .cats a,html.theme-cloud .chip,html.theme-cloud .tag{
transition:transform .18s,border-color .18s,color .18s,box-shadow .18s}
html.theme-cloud .cats a:hover,html.theme-cloud .chip:hover,html.theme-cloud .tag:hover{
transform:translateY(-2px);box-shadow:0 8px 18px rgba(200,150,62,.14)}
/* 区块标题：金色竖条 + 楷体 */
html.theme-cloud h2,html.theme-cloud .sec-title,html.theme-cloud .hd2{
font-family:"KaiTi","STKaiti",serif !important;letter-spacing:2px;position:relative;padding-left:12px}
html.theme-cloud h2::before,html.theme-cloud .sec-title::before{
content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:2px;
background:linear-gradient(180deg,#e8c47a,#c8963e)}
/* 表格斑马 + 悬停 */
html.theme-cloud table tbody tr:nth-child(even) td{background:#fbfdff}
html.theme-cloud table tbody tr:hover td{background:#fffdf7 !important;color:#8a5a1e}
/* 按钮：金光 */
html.theme-cloud button,html.theme-cloud .btn,html.theme-cloud input[type=submit]{
transition:transform .18s,filter .18s,box-shadow .18s}
html.theme-cloud button:hover,html.theme-cloud .btn:hover,html.theme-cloud input[type=submit]:hover{
transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 12px 26px rgba(200,150,62,.30)}
/* 数字统计：呼吸金光 */
html.theme-cloud .stats b{animation:zfNum 4.6s ease-in-out infinite}
@keyframes zfNum{0%,100%{text-shadow:none}50%{text-shadow:0 0 12px rgba(200,150,62,.55)}}
@media (prefers-reduced-motion: reduce){
html.theme-cloud .hero::before,html.theme-cloud .hero::after,
html.theme-cloud .main .card,html.theme-cloud .main .panel,html.theme-cloud .stats b{animation:none}
}
/* ===== full-bleed hero（跟官网内页横幅一样通栏） ===== */
html.theme-cloud .main-in{max-width:1200px;margin:0 auto;padding:22px 16px 0}
html.theme-cloud .hero{
position:relative;overflow:hidden;border:0 !important;border-radius:0 !important;
margin:0 calc(50% - 50vw) 24px !important;
padding:64px calc(50vw - 50% + 16px) 56px !important;
box-shadow:none !important;background:linear-gradient(180deg,#dbeaf8,#eef5fc) !important;
min-height:230px}
html.theme-cloud .hero::before{inset:-3%;background:url(/images/hero.jpg) 76% 22%/cover no-repeat}
html.theme-cloud .hero h1{
display:block !important;margin:0 0 10px !important;color:#12293f !important;
font:38px/1.25 "KaiTi","STKaiti",serif !important;letter-spacing:8px !important;
text-shadow:0 2px 0 rgba(255,255,255,.9),0 10px 26px rgba(255,255,255,.75)}
html.theme-cloud .hero p{
color:#3d5a75 !important;font-size:13.5px !important;letter-spacing:.5px;
max-width:560px;line-height:1.9;margin:0 0 18px !important}
html.theme-cloud .hero .bigsearch{max-width:620px}
html.theme-cloud .hero .stats{margin-top:16px}
html.theme-cloud .hero .stats span{
display:inline-block;margin:0 18px 6px 0;font-size:13px;color:#8a6a2e}
html.theme-cloud .hero .stats b{font-size:17px;color:#b8863f;font-family:"Times New Roman",serif;margin-right:3px}
/* 内容区卡片：间距更松 */
html.theme-cloud .main .card,html.theme-cloud .main .panel{padding:18px 20px;margin-bottom:16px}
html.theme-cloud .main h2{
font-size:18px !important;margin:0 0 12px !important;color:#1c3f66 !important}
/* ===== 首页卡片：金色线性图标 + 数字徽标 ===== */
html.theme-cloud .link-cards a.lc{
position:relative;padding:18px 18px 16px 74px;border-radius:var(--r-x);
background:#fff;border:1px solid #e6eef8;transition:transform .2s,border-color .2s,box-shadow .2s}
html.theme-cloud .link-cards a.lc::before{
content:"";position:absolute;left:18px;top:18px;width:42px;height:42px;border-radius:13px;
background:#fdf3dd;background-image:none;border:1px solid #edd9a8;
box-shadow:0 6px 14px rgba(200,150,62,.14)}
html.theme-cloud .link-cards a.lc::after{
content:"";position:absolute;left:29px;top:29px;width:20px;height:20px;
background-repeat:no-repeat;background-position:center;background-size:20px 20px}
html.theme-cloud .link-cards a.lc:hover{transform:translateY(-3px);border-color:#e8d3a6;
box-shadow:0 16px 32px rgba(200,150,62,.16)}
html.theme-cloud .link-cards a.lc b{font-size:14.5px;color:#1c3f66}
html.theme-cloud .link-cards a.lc span{color:#7d93a8;font-size:12.5px;line-height:1.9}
html.theme-cloud .link-cards a.lc:hover b{color:#a8762a}
html.theme-cloud .lc-npc::after{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .lc-boss::after{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .lc-shop::after{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .lc-item::after{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .lc-task::after{background-image:url("data:image/svg+xml;utf8,")}
html.theme-cloud .lc-search::after{background-image:url("data:image/svg+xml;utf8,")}
/* ===== 道具详情页 ===== */
html.theme-cloud .itemhead{
background:linear-gradient(160deg,#fbfdff,#f4f9ff);border:1px solid #e6eef8;border-radius:var(--r-x);
padding:18px 20px;box-shadow:0 10px 26px rgba(28,63,102,.06)}
html.theme-cloud .ititle{font:24px/1.3 "KaiTi","STKaiti",serif !important;letter-spacing:2px;color:#1c3f66 !important}
html.theme-cloud .bigicon{border-radius:12px;border:1px solid #e6eef8;background:#fff;padding:6px}
html.theme-cloud .item-specs{background:#fff;border:1px solid #e6eef8;border-radius:var(--r-m)}
html.theme-cloud .item-specs tr:hover td{background:#fffdf7}
html.theme-cloud .lbl{color:#8ea6b8 !important}
html.theme-cloud .panel{border-radius:var(--r-x) !important}
html.theme-cloud .panel h3,html.theme-cloud .panel h2{
font-family:"KaiTi","STKaiti",serif;color:#1c3f66;letter-spacing:1px}
html.theme-cloud .zsattr,html.theme-cloud .zsgrp,html.theme-cloud .zslist{
background:#fbfdff;border:1px solid #eef4fa;border-radius:var(--r-m)}
/* ===== 道具详情：把游戏里的悬浮提示「排版收一收」 ===== */
html.theme-cloud .item-specs{
background:#fff !important;border:1px solid #eef4fa;border-radius:12px;
padding:16px 18px !important;line-height:1.9}
html.theme-cloud .item-specs,
html.theme-cloud .item-specs div,
html.theme-cloud .item-specs p,
html.theme-cloud .item-specs span,
html.theme-cloud .item-specs font,
html.theme-cloud .item-specs b,
html.theme-cloud .item-specs center{
font-size:13px !important;line-height:1.95 !important}
html.theme-cloud .item-specs b,html.theme-cloud .item-specs strong{font-weight:600}
html.theme-cloud .item-specs br{line-height:1.6}
html.theme-cloud .item-specs div{margin:0}
html.theme-cloud .item-specs img{vertical-align:middle}
/* 顶部道具头：图标 + 名字 + ID */
html.theme-cloud .itemhead{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
html.theme-cloud .bigicon{
width:64px;height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:center;
border-radius:12px;border:1px solid #e6eef8;background:linear-gradient(160deg,#fffdf7,#fbfdff)}
html.theme-cloud .bigicon img{width:52px;height:52px;object-fit:contain}
html.theme-cloud .ititle{font-size:22px !important;color:#1c3f66 !important;
font-family:"KaiTi","STKaiti",serif !important}
/* 标签行 */
html.theme-cloud .flags .tag,html.theme-cloud .item-specs .tag{
display:inline-block;margin:2px 6px 2px 0;padding:1px 9px;border-radius:10px;font-size:11.5px !important;
color:#8a5a1e;background:#fdf3dd;border:1px solid #edd9a8}
html.theme-cloud .datarow{color:#8ea6b8;font-size:11.5px !important}
/* ===== 版式对齐修正（消除凌乱感） ===== */
/* 页头：定高 + 三段对齐 */
html.theme-cloud .site-hd .hd-in{
height:74px !important;max-width:1200px;margin:0 auto;padding:0 16px !important;
display:flex;align-items:center;justify-content:space-between;gap:18px}
html.theme-cloud .site-hd .brand{margin-right:10px}
html.theme-cloud .site-hd .site-nav{flex:1 1 auto;display:flex;justify-content:center;gap:2px}
html.theme-cloud .site-hd .site-nav a{padding:8px 14px;border-radius:18px;line-height:1}
html.theme-cloud .site-hd .search{flex:0 0 auto;margin-left:0}
/* 二级导航：定高 + 居中 + 当前项金色下划线 */
html.theme-cloud .lib-nav{height:48px;border-top:1px solid #eef4fa}
html.theme-cloud .lib-nav .nav-in{height:48px;max-width:1200px;margin:0 auto;padding:0 16px;
display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
html.theme-cloud .lib-nav a{height:48px;padding:0 15px;font-size:13px;line-height:1;
border-bottom:2px solid transparent}
html.theme-cloud .lib-nav a.on{border-bottom-color:#c8963e}
/* 区块标题：金条变短、对齐文字中线 */
html.theme-cloud .main h2{
font-size:17px !important;letter-spacing:1px;color:#1c3f66 !important;
margin:26px 0 14px !important;padding-left:11px !important;line-height:1.4}
html.theme-cloud .main h2::before{
top:50% !important;bottom:auto !important;height:15px !important;transform:translateY(-50%);
width:3px;background:linear-gradient(180deg,#e8c47a,#c8963e)}
html.theme-cloud .main h2 small{font-size:11.5px;color:#9ab0c2;letter-spacing:0;margin-left:4px}
/* 首屏统计条：分隔点 + 等距 */
html.theme-cloud .hero .stats{
display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:18px;max-width:660px}
html.theme-cloud .hero .stats span{
position:relative;margin:0;padding:0 16px;font-size:12.5px;color:#8a6a2e;line-height:1.6}
html.theme-cloud .hero .stats span:first-child{padding-left:0}
html.theme-cloud .hero .stats span + span::before{
content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:11px;
background:rgba(200,150,62,.35)}
html.theme-cloud .hero .stats b{font-size:15px;margin-right:3px;color:#b8863f}
/* 两栏内容：等宽 + 对齐 */
html.theme-cloud .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
html.theme-cloud .cols .col{min-width:0}
html.theme-cloud .cols .col h2{margin-top:0 !important}
html.theme-cloud .link-cards{display:grid;gap:12px}
html.theme-cloud .link-cards a.lc{margin:0;min-height:84px}
/* 分类胶囊：规整成一行行 */
html.theme-cloud .chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}
html.theme-cloud .chips .chip{margin:0}
@media (max-width:900px){
html.theme-cloud .cols{grid-template-columns:1fr}
}
/* ===== 修正：取消旧栅格的 float 宽度 + h2 双重装饰 ===== */
html.theme-cloud .cols{display:grid !important;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
html.theme-cloud .cols .col,
html.theme-cloud .cols .col + .col{
float:none !important;width:auto !important;margin-left:0 !important}
html.theme-cloud .link-cards{display:block !important}
html.theme-cloud .link-cards a.lc{display:block !important;width:auto !important;margin:0 0 12px 0 !important}
html.theme-cloud .main h2{
background:none !important;border-left:0 !important;
padding-left:12px !important;color:#1c3f66 !important}
html.theme-cloud .main h2::before{
content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
width:3px;height:15px;border-radius:2px;
background:linear-gradient(180deg,#e8c47a,#c8963e)}
html.theme-cloud .main h2{position:relative}
/* 首屏与内容的左右基准线统一 */
html.theme-cloud .main-in{max-width:1200px;margin:0 auto;padding:0 16px}
html.theme-cloud .hero{margin:0 calc(50% - 50vw) 28px !important}
html.theme-cloud .hero > *:not(.zf-veil){max-width:1168px}
/* ===== 页头合并为一条（顶部小条 + 主栏） ===== */
html.theme-cloud .site-hd{background:#fff;border-bottom:1px solid #dbe8f5;
box-shadow:0 8px 26px rgba(28,63,102,.07)}
html.theme-cloud .hd-top{
background:linear-gradient(180deg,#f7fbff,#f2f8ff);border-bottom:1px solid #eaf2fb}
html.theme-cloud .hd-top-in{
max-width:1200px;margin:0 auto;padding:0 16px;height:34px;display:flex;align-items:center;
justify-content:space-between;font-size:12px;color:#8ea6b8}
html.theme-cloud .hd-top-in b{color:#c8963e}
html.theme-cloud .hd-top-in .t-r a{color:#6c8299;text-decoration:none;margin-left:16px}
html.theme-cloud .hd-top-in .t-r a:hover{color:#c8963e}
html.theme-cloud .site-hd .hd-in{
height:72px !important;max-width:1200px;margin:0 auto;padding:0 16px !important;
display:flex;align-items:center;gap:20px}
html.theme-cloud .site-hd .brand{flex:0 0 auto}
html.theme-cloud .lib-nav-in{
flex:1 1 auto;display:flex;align-items:center;gap:2px;overflow:hidden}
html.theme-cloud .lib-nav-in a{
position:relative;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;
border-radius:18px;font-size:13px;color:#3d5a75;text-decoration:none;transition:all .18s}
html.theme-cloud .lib-nav-in a img{display:none !important}
html.theme-cloud .lib-nav-in a::before{
content:"";width:15px;height:15px;flex:0 0 auto;background-repeat:no-repeat;background-position:center;
background-size:15px 15px;opacity:.7;transition:opacity .2s}
html.theme-cloud .lib-nav-in a:hover{background:#f4f9ff;color:#c8963e}
html.theme-cloud .lib-nav-in a:hover::before{opacity:1}
html.theme-cloud .lib-nav-in a.on{
color:#a8762a;font-weight:600;background:#fffdf7;box-shadow:0 4px 12px rgba(200,150,62,.16)}
html.theme-cloud .lib-nav-in a.on::before{opacity:1}
html.theme-cloud .site-hd .search{flex:0 0 auto;margin-left:auto}
/* 旧的两行导航隐藏（已并入主栏） */
html.theme-cloud .lib-nav{display:none !important}
@media (max-width:1100px){
html.theme-cloud .lib-nav-in a{padding:0 9px;font-size:12.5px}
html.theme-cloud .site-hd .search input[type=text]{width:130px}
}
@media (max-width:860px){
html.theme-cloud .hd-top{display:none}
html.theme-cloud .lib-nav-in{display:none}
}
/* ===== 游戏原版悬浮提示配色（深色底板 + 原版文字颜色） ===== */
html.theme-cloud .item-specs,
html.theme-cloud .zftip{
background:linear-gradient(180deg,#1e1712,#171009) !important;
border:1px solid #6d4d22 !important;border-radius:10px !important;
box-shadow:0 18px 40px rgba(0,0,0,.45), inset 0 0 0 1px rgba(255,208,120,.12) !important;
color:#e8dcc0 !important;padding:14px 16px !important}
html.theme-cloud .item-specs li,html.theme-cloud .zftip li{
list-style:none;font-size:13px !important;line-height:1.95 !important}
/* 名称 */
html.theme-cloud .ititle h1,html.theme-cloud .zftip .tipname{
color:#ffcf5a !important;font-family:"KaiTi","STKaiti",serif !important;
text-shadow:0 0 10px rgba(255,180,60,.35)}
/* 绑定 / 不可交易 */
html.theme-cloud .spec-bind{color:#ff9a3c !important}
/* 类型 */
html.theme-cloud .spec-type{color:#ffd76a !important}
/* 品质：上品（紫粉）/ 下品（蓝） */
html.theme-cloud .spec-q1,html.theme-cloud .spec-up{color:#ff74d8 !important}
html.theme-cloud .spec-q2,html.theme-cloud .spec-dn{color:#6fb3ff !important}
/* 属性行（伤害/命中/攻速/距离/必杀） */
html.theme-cloud .spec-attr{color:#ff9a1f !important}
/* 需求行 */
html.theme-cloud .spec-need{color:#ffe98a !important}
/* 职业专用 */
html.theme-cloud .spec-cm{color:#c07cff !important}
/* 说明文字 */
html.theme-cloud .spec-des{color:#a89a7c !important;font-size:12.5px !important;line-height:1.95}
/* 掉率 / 掉落颜色 */
html.theme-cloud .spec-rate{color:#ffcf5a !important}
html.theme-cloud .spec-green{color:#5fd75f !important}
html.theme-cloud .spec-blue{color:#5fa8ff !important}
/* 觉醒 / 附加 */
html.theme-cloud .spec-awaken{color:#8f7bff !important}
/* 分隔线 */
html.theme-cloud .item-specs hr,html.theme-cloud .zftip hr{
border:0;border-top:1px solid rgba(255,208,120,.22);margin:8px 0}
/* 悬浮卡外框（zftip 沿用旧定位，只换外观） */
html.theme-cloud .zftip{max-width:320px;pointer-events:none}
html.theme-cloud .zftip,html.theme-cloud .zftip *{
font-size:12.5px !important;line-height:1.85 !important}
/* 详情页里提示框与白底卡片的过渡 */
html.theme-cloud .item-specs{margin:8px 0 0 !important}
/* ===== 游戏原版提示框（深色变量，覆盖之前的浅色 gt*） ===== */
html.theme-cloud{
--gtbg:#1d150e; --gtbd:#6d4d22; --gtbd2:#3a2a16; --gtfg:#e8dcc0;
--gtdim:#a2906d; --gtline:rgba(255,208,120,.20); --gtt1:#2a2015; --gtt2:#1b130c;
--gtgold:#ffcf5a; --gtuse:#5fd75f; --gtneed:#ffe98a; --gtbind:#ff9a3c; --gtza:#ffcf5a;
--tipbg:#1d150e; --tipbd:#6d4d22; --tipfg:#e8dcc0}
/* ===== 提示框贴合内容宽度 + 标题不被压 ===== */
html.theme-cloud .itemhead{display:flex;align-items:flex-start;gap:16px;flex-wrap:nowrap}
html.theme-cloud .itemhead .ititle{flex:1 1 auto;min-width:0}
html.theme-cloud .ititle h1{
color:#1c3f66 !important;font-size:22px !important;margin:0 0 10px !important;
font-family:"KaiTi","STKaiti",serif !important;letter-spacing:2px}
html.theme-cloud .ititle h1 small{color:#9ab0c2;font-size:12px;letter-spacing:0;margin-left:8px}
html.theme-cloud .item-specs{
display:block !important;width:auto !important;max-width:440px !important;
min-width:320px;margin:0 !important;white-space:normal !important}
html.theme-cloud .item-specs .spec-des{white-space:normal;word-break:break-word}
/* 提示框贴合内容宽度 */
html.theme-cloud .item-specs li{padding:0;margin:0}
/* ===== 游戏原版提示框：黑底 + 细字 + 原版颜色（最终版） ===== */
html.theme-cloud{
--gtbg:#121110; --gtbd:#3a3733; --gtbd2:#26241f; --gtfg:#d9d2c4;
--gtdim:#8f8a7e; --gtline:#2a2823; --gtt1:#1a1815; --gtt2:#121110;
--gtgold:#ffd24a; --gtuse:#4ade4a; --gtneed:#b8ff5a; --gtbind:#ff9a3c; --gtza:#ffd24a;
--tipbg:#121110; --tipbd:#3a3733; --tipfg:#d9d2c4}
html.theme-cloud .item-specs,
html.theme-cloud .zftip{
background:#121110 !important;
border:1px solid #3a3733 !important;
border-radius:2px !important;
box-shadow:0 10px 26px rgba(0,0,0,.55) !important;
padding:8px 10px !important;
color:#d9d2c4 !important;
font:12px/1.55 "SimSun","宋体",Tahoma,sans-serif !important}
html.theme-cloud .item-specs li,
html.theme-cloud .zftip .li{
list-style:none !important;font:12px/1.55 "SimSun","宋体",Tahoma,sans-serif !important;
margin:0 !important;padding:0 !important}
/* 名称 */
html.theme-cloud .ititle h1{
color:#1c3f66 !important;font:22px/1.3 "KaiTi","STKaiti",serif !important;
letter-spacing:2px !important;margin:0 0 10px !important}
html.theme-cloud .zftip .ttl{
color:#ffd24a !important;font:13px/1.5 "SimSun","宋体",sans-serif !important;
text-align:center !important;letter-spacing:0 !important;text-shadow:none !important;
margin:0 0 3px !important}
/* 副标题（类型/价值） */
html.theme-cloud .zftip .tsub{color:#8f8a7e !important;font-size:11px !important;text-align:center !important}
/* 绑定 / 不可交易 —— 橙 */
html.theme-cloud .spec-bind,html.theme-cloud .spec-use{color:#ff9a3c !important}
/* 类型 —— 浅蓝 */
html.theme-cloud .spec-type{color:#b8d4ff !important}
/* 品质 —— 上品浅紫 / 下品橙 */
html.theme-cloud .spec-q1,html.theme-cloud .spec-up{color:#c9a2ff !important}
html.theme-cloud .spec-q2,html.theme-cloud .spec-dn{color:#ff9a3c !important}
/* 属性（伤害/命中/攻速/距离/必杀）—— 攻击力橙，其它淡黄 */
html.theme-cloud .spec-attr{color:#ffcc33 !important}
html.theme-cloud .spec-attr.dmg{color:#ff8000 !important}
/* 需求 —— 黄绿 */
html.theme-cloud .spec-need{color:#b8ff5a !important}
/* 职业专用 —— 紫 */
html.theme-cloud .spec-cm{color:#c060ff !important}
/* 说明 —— 灰 */
html.theme-cloud .spec-des{color:#a8a296 !important;font-size:11.5px !important;margin-top:5px !important}
/* 彩色鉴定属性 —— 绿 */
html.theme-cloud .zftip .li.za,html.theme-cloud .item-specs .za{color:#4ade4a !important}
/* 觉醒 / 附加 —— 浅紫 */
html.theme-cloud .spec-awaken,html.theme-cloud .zftip .li.extra{color:#a78bfa !important}
/* 出处 */
html.theme-cloud .zftip .li.src{color:#8f8a7e !important;font-size:11px !important;margin-top:4px !important}
html.theme-cloud .zftip .gh{color:#c8963e !important}
/* ===== 提示框：逐行取色（对齐游戏截图） ===== */
html.theme-cloud .item-specs{
background:linear-gradient(180deg,rgba(32,24,14,.97),rgba(22,16,9,.97)) !important;
border:1px solid #5a4824 !important;border-radius:0 !important;
padding:7px 9px !important;box-shadow:0 0 0 1px rgba(0,0,0,.6) !important;
max-width:360px !important;min-width:260px !important;
font:12px/1.55 "SimSun","宋体",sans-serif !important;color:#e6dcc2 !important}
html.theme-cloud .item-specs li{font:12px/1.55 "SimSun","宋体",sans-serif !important}
/* 伤害 —— 橙 */
html.theme-cloud .spec-attr.dmg{color:#ff8c1a !important}
/* 其它属性（命中/攻速/距离/必杀）—— 淡黄 */
html.theme-cloud .spec-attr{color:#f0e050 !important}
/* 需求 —— 黄绿 */
html.theme-cloud .spec-need{color:#c8e060 !important}
/* 改造次数 —— 浅蓝 */
html.theme-cloud .spec-fix{color:#7ec8ff !important}
/* 类型 —— 浅蓝白 */
html.theme-cloud .spec-type{color:#cfe3ff !important}
/* 绑定/不可交易 —— 橙红 */
html.theme-cloud .spec-bind{color:#ff9a3c !important}
/* 职业专用 —— 紫 */
html.theme-cloud .spec-cm{color:#b060ff !important}
/* 绿色附加属性 */
html.theme-cloud .item-specs .za,html.theme-cloud .zftip .li.za{color:#6ad06a !important}
/* 说明 */
html.theme-cloud .spec-des{color:#9a9488 !important}
/* ===== 提示框紧凑：与游戏 1:1（行高/字号/宽度收死） ===== */
html.theme-cloud .item-specs{
width:auto !important;max-width:298px !important;min-width:0 !important;
padding:6px 8px !important;border-radius:0 !important;
background:#191008 !important;border:1px solid #4a3a22 !important;
box-shadow:0 2px 0 rgba(0,0,0,.5) !important;
font:12px/1.35 "SimSun","宋体",sans-serif !important;color:#e6dcc2 !important}
html.theme-cloud .item-specs li{
margin:0 !important;padding:0 !important;list-style:none !important;
font:12px/1.35 "SimSun","宋体",sans-serif !important;
text-shadow:none !important;letter-spacing:0 !important}
html.theme-cloud .item-specs li + li{margin-top:0 !important}
html.theme-cloud .item-specs .spec-des{
font:12px/1.4 "SimSun","宋体",sans-serif !important;margin-top:3px !important}
/* 需求色微调：偏黄绿（游戏中偏黄） */
html.theme-cloud .item-specs .spec-need{color:#d4e04a !important}
html.theme-cloud .item-specs .spec-fix{color:#cfe3ff !important}
/* ===== 提示框名字入框（最终） ===== */
html.theme-cloud .item-specs{
width:auto !important;max-width:250px !important;
padding:7px 9px 8px !important;
background:linear-gradient(180deg,rgba(34,25,13,.97),rgba(20,14,7,.97)) !important;
border:1px solid #4a3a22 !important;border-radius:0 !important;
font:11.5px/1.30 "SimSun","宋体",sans-serif !important}
html.theme-cloud .item-specs li{
font:11.5px/1.30 "SimSun","宋体",sans-serif !important;
margin:0 !important;padding:0 !important;list-style:none !important}
html.theme-cloud .item-specs .tipname{
display:block !important;text-align:center !important;
font:13px/1.5 "SimSun","宋体",sans-serif !important;
color:#ffd06a !important;margin:0 0 3px !important;letter-spacing:1px !important;
text-shadow:none !important}
html.theme-cloud .ititle .itemid{
color:#7d93a8 !important;font:11px/1.4 "SimSun","宋体",sans-serif !important;
letter-spacing:1px !important;margin:6px 0 0 2px !important}
html.theme-cloud .item-specs .spec-des{
font:11.5px/1.35 "SimSun","宋体",sans-serif !important;margin-top:4px !important}
html.theme-cloud .item-specs .spec-need{color:#e2e6ea !important}
html.theme-cloud .item-specs .spec-fix{color:#8fc9ff !important}
/* ===== 尺寸收尾 210px（贴游戏原尺寸） ===== */
html.theme-cloud .item-specs{
max-width:210px !important;padding:6px 7px 7px !important;
font:11px/1.28 "SimSun","宋体",sans-serif !important}
html.theme-cloud .item-specs li{font:11px/1.28 "SimSun","宋体",sans-serif !important}
html.theme-cloud .item-specs .tipname{font-size:12px !important;margin-bottom:2px !important}
html.theme-cloud .item-specs .spec-des{font:11px/1.32 "SimSun","宋体",sans-serif !important}
/* ===== 两套并存：详情页浅色（融入站内） / 悬浮卡深色（游戏原版） ===== */
html.theme-cloud .item-specs{
background:#fbfdff !important;border:1px solid #e6eef8 !important;border-radius:12px !important;
box-shadow:0 10px 26px rgba(28,63,102,.06) !important;
padding:14px 16px 15px !important;max-width:400px !important;
font:12.5px/1.85 "Microsoft YaHei",sans-serif !important;color:#3d5a75 !important}
html.theme-cloud .item-specs li{
font:12.5px/1.85 "Microsoft YaHei",sans-serif !important;margin:0 !important;padding:0 !important}
html.theme-cloud .item-specs .tipname{
display:block !important;text-align:left !important;
font:20px/1.4 "KaiTi","STKaiti",serif !important;letter-spacing:2px !important;
color:#1c3f66 !important;margin:0 0 8px !important;padding-bottom:8px !important;
border-bottom:1px dashed #e6eef8 !important}
/* 浅色版逐行配色（同语义，压低饱和度） */
html.theme-cloud .item-specs .spec-bind{color:#c2410c !important}
html.theme-cloud .item-specs .spec-type{color:#3f7bb8 !important}
html.theme-cloud .item-specs .spec-attr.dmg{color:#d97706 !important}
html.theme-cloud .item-specs .spec-attr{color:#a8762a !important}
html.theme-cloud .item-specs .spec-need{color:#4b6b85 !important}
html.theme-cloud .item-specs .spec-fix{color:#3f7bb8 !important}
html.theme-cloud .item-specs .spec-cm{color:#7c5cd6 !important}
html.theme-cloud .item-specs .spec-use{color:#8a6a2e !important}
html.theme-cloud .item-specs .za{color:#16a34a !important}
html.theme-cloud .item-specs .spec-des{
color:#8ea6b8 !important;font-size:12px !important;line-height:1.9 !important;
margin-top:8px !important;padding-top:8px !important;border-top:1px dashed #eef4fa !important}
html.theme-cloud .ititle .itemid{
color:#9ab0c2 !important;font:11.5px/1.4 "Microsoft YaHei",sans-serif !important;margin:8px 0 0 2px !important}
/* 悬浮卡保持深色游戏风 */
html.theme-cloud .zftip{
background:linear-gradient(180deg,rgba(34,25,13,.97),rgba(20,14,7,.97)) !important;
border:1px solid #4a3a22 !important;border-radius:0 !important;
font:11px/1.30 "SimSun","宋体",sans-serif !important;color:#e6dcc2 !important;
max-width:230px !important;padding:6px 8px !important}
/* ===== 提示框：按游戏客户端源码逐行取色 =====
WHITE #ffffff · GREEN #30e512 · BLUE #00aaff · GOLDEN #FFD851 · PURPLE #ff00ff
ENCHANT #944cff · SUIT #00FFFF · NO(不满足) #ff0000 · YES #ffffff
绑定 #afafaf / #b0903a · 价格 #dd3399 · 改造次数 #ff0000
职业专用 #44dd88 · 觉醒未觉醒 #778899 · 可支持合成 #cc6666 · 附加 #ff9900 ===== */
html.theme-cloud .item-specs,
html.theme-cloud .zftip{
background:linear-gradient(180deg,rgba(34,25,13,.97),rgba(20,14,7,.97)) !important;
border:1px solid #4a3a22 !important;border-radius:0 !important;
font:11px/1.30 "SimSun","宋体",sans-serif !important;color:#ffffff !important}
/* 名称：按品质 */
html.theme-cloud .item-specs .tipname,
html.theme-cloud .zftip .ttl{color:#ffffff !important}
html.theme-cloud .item-specs .tipname.q-green,
html.theme-cloud .zftip .ttl.q-green{color:#30e512 !important}
html.theme-cloud .item-specs .tipname.q-blue,
html.theme-cloud .zftip .ttl.q-blue{color:#00aaff !important}
html.theme-cloud .item-specs .tipname.q-gold,
html.theme-cloud .zftip .ttl.q-gold{color:#FFD851 !important}
html.theme-cloud .item-specs .tipname.q-purple,
html.theme-cloud .zftip .ttl.q-purple{color:#ff00ff !important}
/* 基础属性（伤害/命中/攻速/距离/防御/闪避）—— 白 */
html.theme-cloud .spec-attr,
html.theme-cloud .spec-attr.dmg{color:#ffffff !important}
/* 需求 —— 满足白，不满足红 */
html.theme-cloud .spec-need{color:#ffffff !important}
/* 改造次数 —— 红 */
html.theme-cloud .spec-fix{color:#ff0000 !important}
/* 职业专用 —— 绿 */
html.theme-cloud .spec-cm{color:#44dd88 !important}
/* 不可交易 / 绑定 / 密码保护 —— 灰 */
html.theme-cloud .spec-bind{color:#afafaf !important}
/* 类型行（资料库补充，非游戏原文）—— 浅蓝 */
html.theme-cloud .spec-type{color:#cfe3ff !important}
/* 可支持合成 / 互换 —— 暗红 */
html.theme-cloud .spec-use{color:#cc6666 !important}
/* 彩色鉴定属性 —— 按品质色（默认白） */
html.theme-cloud .item-specs .za,html.theme-cloud .zftip .li.za{color:#30e512 !important}
/* 附魔 —— 紫 */
html.theme-cloud .spec-enchant{color:#944cff !important}
/* 觉醒 */
html.theme-cloud .spec-awaken{color:#778899 !important}
/* 说明 —— 灰 */
html.theme-cloud .spec-des{color:#a0a0a0 !important}
/* 名称居中 + 框宽 */
html.theme-cloud .item-specs .tipname{
display:block !important;text-align:center !important;
font:12px/1.5 "SimSun","宋体",sans-serif !important;margin:0 0 2px !important;letter-spacing:0 !important}
html.theme-cloud .item-specs{max-width:250px !important;padding:6px 8px 7px !important}
/* ===== 源码配色·终版（提高选择器权重，压过之前的所有块） ===== */
html.theme-cloud .item-specs li.spec-attr,
html.theme-cloud .item-specs li.spec-attr.dmg,
html.theme-cloud .item-specs li.spec-need{color:#ffffff !important}
html.theme-cloud .item-specs li.spec-fix{color:#ff0000 !important}
html.theme-cloud .item-specs li.spec-cm{color:#44dd88 !important}
html.theme-cloud .item-specs li.spec-bind{color:#afafaf !important}
html.theme-cloud .item-specs li.spec-use{color:#cc6666 !important}
html.theme-cloud .item-specs li.spec-type{color:#cfe3ff !important}
html.theme-cloud .item-specs li.spec-des{color:#a0a0a0 !important}
html.theme-cloud .item-specs li.tipname{color:#ffffff !important}
html.theme-cloud .item-specs li.tipname.q-green{color:#30e512 !important}
html.theme-cloud .item-specs li.tipname.q-blue{color:#00aaff !important}
html.theme-cloud .item-specs li.tipname.q-gold{color:#FFD851 !important}
html.theme-cloud .item-specs li.tipname.q-purple{color:#ff00ff !important}
/* ===== 暖白（模拟客户端提示框的暖色蒙层） ===== */
html.theme-cloud .item-specs li.spec-attr,
html.theme-cloud .item-specs li.spec-attr.dmg,
html.theme-cloud .item-specs li.spec-need{color:#fff6cf !important}
html.theme-cloud .item-specs li.tipname{color:#ffe9a8 !important}
/* ===== 禁止横向溢出（悬浮卡/宽表把页面撑出去） ===== */
html.theme-cloud,html.theme-cloud body{overflow-x:hidden !important;max-width:100% !important}
html.theme-cloud .main,html.theme-cloud .main-in{max-width:1200px;overflow:visible}
html.theme-cloud table{max-width:100%}
html.theme-cloud .zftip{max-width:calc(100vw - 24px) !important}
/* ===== 容器宽度统一（box-sizing） ===== */
html.theme-cloud *,html.theme-cloud *::before,html.theme-cloud *::after{box-sizing:border-box}
html.theme-cloud .hd-top-in,
html.theme-cloud .site-hd .hd-in,
html.theme-cloud .main-in,
html.theme-cloud .site-ft .ft-in{
width:100% !important;max-width:1200px !important;margin-left:auto !important;margin-right:auto !important;
padding-left:16px !important;padding-right:16px !important}
/* 表格行收紧 */
html.theme-cloud table.grid th,html.theme-cloud table.grid td{padding:9px 12px !important}
html.theme-cloud table.grid th{font-weight:500}
/* ===== 道具名统一金色（不再按品质分红绿蓝紫） ===== */
html.theme-cloud .q-green,
html.theme-cloud .q-blue,
html.theme-cloud .q-gold,
html.theme-cloud .q-purple,
html.theme-cloud a.q-green,
html.theme-cloud a.q-blue,
html.theme-cloud a.q-gold,
html.theme-cloud a.q-purple{color:#b8863f !important}
html.theme-cloud .q-green:hover,
html.theme-cloud .q-blue:hover,
html.theme-cloud .q-gold:hover,
html.theme-cloud .q-purple:hover{color:#8a5a1e !important}
/* 提示框里的名字也金黄（跟游戏金色品质一致） */
html.theme-cloud .item-specs li.tipname,
html.theme-cloud .item-specs li.tipname.q-green,
html.theme-cloud .item-specs li.tipname.q-blue,
html.theme-cloud .item-specs li.tipname.q-gold,
html.theme-cloud .item-specs li.tipname.q-purple{color:#ffd06a !important}
html.theme-cloud .zftip .ttl,
html.theme-cloud .zftip .ttl.q-green,
html.theme-cloud .zftip .ttl.q-blue,
html.theme-cloud .zftip .ttl.q-gold,
html.theme-cloud .zftip .ttl.q-purple{color:#ffd06a !important}
html.theme-cloud .ititle h1,
html.theme-cloud .ititle h1.q-green,
html.theme-cloud .ititle h1.q-blue,
html.theme-cloud .ititle h1.q-gold,
html.theme-cloud .ititle h1.q-purple{color:#b8863f !important}
/* ===== 彩色属性块改成游戏深色（和悬浮卡一致） ===== */
html.theme-cloud .zsattr{
background:linear-gradient(180deg,rgba(34,25,13,.97),rgba(20,14,7,.97)) !important;
border:1px solid #4a3a22 !important;border-radius:0 !important;
box-shadow:0 6px 18px rgba(0,0,0,.25) !important;
padding:10px 12px 11px !important;max-width:560px;
font:12px/1.6 "SimSun","宋体",sans-serif !important;color:#fff6cf !important}
html.theme-cloud .zsattr h3{
color:#ffd06a !important;font:13px/1.6 "SimSun","宋体",sans-serif !important;
margin:0 0 6px !important;padding:0 0 6px !important;
border-bottom:1px dashed rgba(255,208,120,.25) !important;letter-spacing:0 !important}
html.theme-cloud .zsattr h3::before{display:none !important}
html.theme-cloud .zsattr .zsqk{color:#00FFFF !important}
html.theme-cloud .zsattr .zsg{color:#ff00ff !important}
html.theme-cloud .zsattr .zsqv em{color:#a0a0a0 !important;font-style:normal}
html.theme-cloud .zsattr .zsqv b{color:#ffd06a !important}
html.theme-cloud .zsattr .zsqv i{color:#a0a0a0 !important;font-style:normal}
html.theme-cloud .zsattr .zsrule{
color:#a0a0a0 !important;font-size:11px !important;
background:none !important;border:0 !important;padding:6px 0 0 !important;margin:0 !important}
html.theme-cloud .zsattr .zsrule b{color:#ffd06a !important}
html.theme-cloud .zsattr .zslist li{color:#30e512 !important;font-size:12px !important;line-height:1.75 !important}
html.theme-cloud .zsattr .zslist li em{color:#30e512 !important;font-style:normal}
html.theme-cloud .zsattr .zslist li b{color:#30e512 !important;font-weight:normal}
html.theme-cloud .zsattr .zsalt{color:#a0a0a0 !important;font-size:11px !important;line-height:1.8 !important}
html.theme-cloud .zsattr .zsmeta{color:#8f8a7e !important;font-size:11px !important;border-top:1px dashed rgba(255,208,120,.2) !important;padding-top:6px !important}
html.theme-cloud .zsattr .zsgrp{background:none !important;border:0 !important;padding:6px 0 0 !important}
/* 彩色属性块内层透明（去掉残留白底） */
html.theme-cloud .zsattr div,
html.theme-cloud .zsattr ul,
html.theme-cloud .zsattr ol,
html.theme-cloud .zsattr li,
html.theme-cloud .zsattr p,
html.theme-cloud .zsattr span{
background:none !important;box-shadow:none !important}
html.theme-cloud .zsattr .zsgrp,
html.theme-cloud .zsattr .zsside,
html.theme-cloud .zsattr .zslist{
background:none !important;border:0 !important;border-radius:0 !important;padding:0 !important;margin:0 !important}
html.theme-cloud .zsattr .zslist li{padding:0 !important;margin:0 !important;border:0 !important}
/* ===== 属性行改金色 #FFD851（客户端 GOLDEN_STRING），不用绿 ===== */
html.theme-cloud .item-specs .za,
html.theme-cloud .item-specs li.za,
html.theme-cloud .zftip .li.za{color:#FFD851 !important}
html.theme-cloud .item-specs li.spec-cm{color:#FFD851 !important}
html.theme-cloud .zsattr .zslist li,
html.theme-cloud .zsattr .zslist li em,
html.theme-cloud .zsattr .zslist li b{color:#FFD851 !important}
/* ===== 底色统一 #251d13（详情页面板实采样，悬浮卡一致） ===== */
html.theme-cloud .item-specs,
html.theme-cloud .zftip,
html.theme-cloud .zsattr{
background:#251d13 !important;
border:1px solid #4a3a22 !important;
border-radius:0 !important;
box-shadow:none !important;
color:#fff6cf !important}
html.theme-cloud .item-specs .spec-des,
html.theme-cloud .zsattr .zsalt,
html.theme-cloud .zsattr .zsrule{color:#a89a7c !important}
/* ===== 列表里的道具名一律金色（压过 skin.css 里的 .q-* 品质色） ===== */
html.theme-cloud .ilink strong,
html.theme-cloud .ilink strong.q-green,
html.theme-cloud .ilink strong.q-blue,
html.theme-cloud .ilink strong.q-gold,
html.theme-cloud .ilink strong.q-purple,
html.theme-cloud .ilink strong.q-red,
html.theme-cloud td strong.q-green,
html.theme-cloud td strong.q-blue,
html.theme-cloud td strong.q-gold,
html.theme-cloud td strong.q-purple,
html.theme-cloud td strong.q-red,
html.theme-cloud td a strong{color:#b8863f !important}
html.theme-cloud .ilink:hover strong{color:#8a5a1e !important}
/* ===== 悬浮卡标题去掉独立色带（名字和内容同一底色） ===== */
html.theme-cloud .zftip{
background:#251d13 !important;box-shadow:none !important;
border:1px solid #4a3a22 !important;border-radius:0 !important;
padding:7px 9px 9px !important}
html.theme-cloud .zftip .ttl{
background:none !important;background-image:none !important;
border:0 !important;border-bottom:1px dashed rgba(255,208,120,.28) !important;
border-radius:0 !important;box-shadow:none !important;
padding:0 0 4px !important;margin:0 0 5px !important;
text-align:center !important;font-size:12px !important;
color:#ffd06a !important;text-shadow:none !important;letter-spacing:1px !important}
html.theme-cloud .zftip .tsub{color:#9c8a6a !important;text-align:center !important;margin-bottom:4px !important}
/* ===== 悬浮卡文字亮度对齐详情页 ===== */
html.theme-cloud .zftip .li{color:#fff6cf !important}
html.theme-cloud .zftip .li.spec-bind{color:#afafaf !important}
html.theme-cloud .zftip .li.spec-attr{color:#fff6cf !important}
html.theme-cloud .zftip .li.spec-need{color:#fff6cf !important}
html.theme-cloud .zftip .li.spec-fix{color:#ff0000 !important}
html.theme-cloud .zftip .li.spec-cm{color:#FFD851 !important}
html.theme-cloud .zftip .li.za{color:#FFD851 !important}
html.theme-cloud .zftip .li.spec-des{color:#a0a0a0 !important}
html.theme-cloud .zftip .li.src{color:#8f8a7e !important}
html.theme-cloud .zftip .tsub{color:#9c8a6a !important}
/* ===== 提示框宽度收到 200px（照游戏截图，说明自动折行） ===== */
html.theme-cloud .zftip{
max-width:200px !important;width:auto !important;
padding:6px 7px 8px !important}
html.theme-cloud .zftip .ttl{font-size:12px !important;margin-bottom:4px !important;padding-bottom:3px !important}
html.theme-cloud .zftip .tsub{font-size:10.5px !important;line-height:1.5 !important;margin-bottom:3px !important}
html.theme-cloud .zftip .li{
font-size:11px !important;line-height:1.35 !important;
word-break:break-all;white-space:normal !important}
html.theme-cloud .zftip .li.spec-des{
font-size:10.5px !important;line-height:1.45 !important;margin-top:4px !important}
/* 详情页面板同样不要拉太宽 */
html.theme-cloud .item-specs{max-width:210px !important}
/* ===== 道具名：深墨蓝（正文高对比）+ 悬停描金 ===== */
html.theme-cloud .ilink strong,
html.theme-cloud .ilink strong.q-green,
html.theme-cloud .ilink strong.q-blue,
html.theme-cloud .ilink strong.q-gold,
html.theme-cloud .ilink strong.q-purple,
html.theme-cloud .ilink strong.q-red,
html.theme-cloud td strong.q-green,
html.theme-cloud td strong.q-blue,
html.theme-cloud td strong.q-gold,
html.theme-cloud td strong.q-purple,
html.theme-cloud td strong.q-red,
html.theme-cloud td a strong{color:#1c3f66 !important}
html.theme-cloud .ilink:hover strong{color:#c8963e !important}
html.theme-cloud .qs-green,html.theme-cloud .q-green{color:#1c3f66 !important}
html.theme-cloud .qs-purple,html.theme-cloud .q-purple{color:#1c3f66 !important}
/* ===== 数据表深色版（仿游戏内数据库，名字白色） ===== */
html.theme-cloud .main table.grid{
background:#2b1d12 !important;border:1px solid #4a3a22 !important;border-radius:8px !important;
overflow:hidden;color:#d9cbb0 !important}
html.theme-cloud .main table.grid th{
background:#3a2817 !important;color:#e8d9b8 !important;
border-bottom:1px solid #4a3a22 !important;border-right:0 !important;font-weight:500}
html.theme-cloud .main table.grid td{
background:#2b1d12 !important;color:#d9cbb0 !important;
border-bottom:1px solid #3a2817 !important;border-right:0 !important}
html.theme-cloud .main table.grid tr:nth-child(even) td{background:#2f2115 !important}
html.theme-cloud .main table.grid tbody tr:hover td{background:#3d2b19 !important;color:#fff6cf !important}
html.theme-cloud .main table.grid em{color:#a89a7c !important;font-style:normal}
html.theme-cloud .main table.grid a{color:#e8d9b8 !important}
html.theme-cloud .main table.grid a:hover{color:#ffd06a !important}
/* 名单列：白色 */
html.theme-cloud .main table.grid .ilink strong,
html.theme-cloud .main table.grid td strong,
html.theme-cloud .main table.grid td strong.q-green,
html.theme-cloud .main table.grid td strong.q-blue,
html.theme-cloud .main table.grid td strong.q-gold,
html.theme-cloud .main table.grid td strong.q-purple{color:#ffffff !important}
html.theme-cloud .main table.grid .ilink:hover strong{color:#ffd06a !important}
/* ===== 云海深蓝数据区（跟主站同一套：深蓝底 + 鎏金描边） ===== */
html.theme-cloud .main .filter{
background:linear-gradient(180deg,#1b3a58,#16324c) !important;
border:1px solid #2f5578 !important;border-radius:10px 10px 0 0 !important;
color:#cfe0f0 !important;padding:12px 14px !important;
box-shadow:0 8px 20px rgba(16,38,60,.16) !important}
html.theme-cloud .main .filter input[type=text],
html.theme-cloud .main .filter select{
background:#0f2438 !important;border:1px solid #2f5578 !important;color:#e8f2fb !important;
border-radius:6px !important;padding:4px 8px !important}
html.theme-cloud .main .filter input[type=text]:focus,
html.theme-cloud .main .filter select:focus{border-color:#c8963e !important;outline:none}
html.theme-cloud .main .filter button{
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e) !important;
border:0 !important;color:#3a2a10 !important;border-radius:7px !important;
padding:4px 16px !important;font-weight:600}
/* 分类标签也转深蓝 */
html.theme-cloud .main .cats a,html.theme-cloud .main .chips .chip{
background:#1b3a58 !important;border:1px solid #2f5578 !important;color:#cfe0f0 !important;
border-radius:16px !important}
html.theme-cloud .main .cats a.on,html.theme-cloud .main .chips .chip.on,
html.theme-cloud .main .cats a:hover,html.theme-cloud .main .chips .chip:hover{
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e) !important;
border-color:#c8963e !important;color:#3a2a10 !important;font-weight:600}
/* 表格：接在同一条深蓝面板上 */
html.theme-cloud .main table.grid{
background:#16324c !important;border:1px solid #2f5578 !important;border-top:0 !important;
border-radius:0 0 10px 10px !important;color:#d7e5f2 !important}
html.theme-cloud .main table.grid th{
background:#1b3a58 !important;color:#e8d9b8 !important;border-bottom:1px solid #2f5578 !important}
html.theme-cloud .main table.grid td{
background:#16324c !important;color:#d7e5f2 !important;border-bottom:1px solid #1f405e !important}
html.theme-cloud .main table.grid tr:nth-child(even) td{background:#19374f !important}
html.theme-cloud .main table.grid tbody tr:hover td{background:#22496a !important;color:#fff !important}
html.theme-cloud .main table.grid em{color:#8fb0cc !important;font-style:normal}
html.theme-cloud .main table.grid a{color:#d7e5f2 !important}
html.theme-cloud .main table.grid a:hover{color:#ffd06a !important}
html.theme-cloud .main table.grid .ilink strong,
html.theme-cloud .main table.grid td strong{color:#ffffff !important}
html.theme-cloud .main table.grid .ilink:hover strong{color:#ffd06a !important}
/* 深蓝区里的分页 */
html.theme-cloud .main .pager a,html.theme-cloud .main .pager b{
background:#1b3a58 !important;border:1px solid #2f5578 !important;color:#cfe0f0 !important}
html.theme-cloud .main .pager b{background:#c8963e !important;color:#3a2a10 !important;border-color:#c8963e !important}
/* ===== 数据区接缝修正 + 标签页转深蓝 ===== */
html.theme-cloud .main .tabs a{
background:#1b3a58 !important;border:1px solid #2f5578 !important;color:#cfe0f0 !important;
border-radius:16px !important;transition:all .18s}
html.theme-cloud .main .tabs a.on,
html.theme-cloud .main .tabs a:hover{
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e) !important;
border-color:#c8963e !important;color:#3a2a10 !important;font-weight:600}
/* 筛选条和表格连成一块 */
html.theme-cloud .main .filter{
border-radius:10px 10px 0 0 !important;border-bottom:0 !important;margin-bottom:0 !important;
box-shadow:none !important}
html.theme-cloud .main table.grid{
border-radius:0 0 10px 10px !important;border-top:0 !important;margin-top:0 !important}
/* ===== 所有胶囊统一深蓝（含 chips / tabs / chip） ===== */
html.theme-cloud .main a.chip,
html.theme-cloud .main .chip,
html.theme-cloud .main .chips a,
html.theme-cloud .main .tabs a{
background:#1b3a58 !important;border:1px solid #2f5578 !important;color:#cfe0f0 !important;
border-radius:16px !important}
html.theme-cloud .main a.chip.on,
html.theme-cloud .main .chips a.on,
html.theme-cloud .main .tabs a.on{
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e) !important;
border-color:#c8963e !important;color:#3a2a10 !important;font-weight:600}
html.theme-cloud .main a.chip:hover,
html.theme-cloud .main .chips a:hover,
html.theme-cloud .main .tabs a:hover{color:#ffd06a !important;border-color:#c8963e !important}
/* ===== 回到浅色数据区（最终选型）：白底 + 深墨蓝名字 ===== */
html.theme-cloud .main .filter{
background:#ffffff !important;border:1px solid #e6eef8 !important;
border-radius:12px !important;color:#3d5a75 !important;
box-shadow:0 10px 26px rgba(28,63,102,.06) !important;
padding:12px 14px !important;margin-bottom:14px !important}
html.theme-cloud .main .filter input[type=text],
html.theme-cloud .main .filter select{
background:#f9fcff !important;border:1px solid #dbe8f5 !important;color:#12293f !important}
html.theme-cloud .main .filter input[type=text]:focus,
html.theme-cloud .main .filter select:focus{border-color:#c8963e !important;background:#fff !important}
html.theme-cloud .main .filter button{
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e) !important;
border:0 !important;color:#3a2a10 !important;border-radius:8px !important}
html.theme-cloud .main .tabs a,
html.theme-cloud .main .chips a,
html.theme-cloud .main a.chip{
background:#ffffff !important;border:1px solid #e6eef8 !important;color:#3d5a75 !important;
border-radius:16px !important}
html.theme-cloud .main .tabs a.on,
html.theme-cloud .main .chips a.on,
html.theme-cloud .main a.chip.on{
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e) !important;
border-color:#c8963e !important;color:#3a2a10 !important;font-weight:600}
html.theme-cloud .main .tabs a:hover,
html.theme-cloud .main .chips a:hover,
html.theme-cloud .main a.chip:hover{border-color:#c8963e !important;color:#a8762a !important}
html.theme-cloud .main table.grid{
background:#ffffff !important;border:1px solid #e6eef8 !important;
border-radius:12px !important;color:#3d5a75 !important;
box-shadow:0 10px 26px rgba(28,63,102,.06) !important}
html.theme-cloud .main table.grid th{
background:#f7fbff !important;color:#6c8299 !important;
border-bottom:1px solid #eef4fa !important;font-weight:500}
html.theme-cloud .main table.grid td{
background:#ffffff !important;color:#3d5a75 !important;border-bottom:1px solid #f1f6fb !important}
html.theme-cloud .main table.grid tr:nth-child(even) td{background:#fbfdff !important}
html.theme-cloud .main table.grid tbody tr:hover td{background:#fffdf7 !important;color:#8a5a1e !important}
html.theme-cloud .main table.grid em{color:#9ab0c2 !important;font-style:normal}
html.theme-cloud .main table.grid a{color:#3d5a75 !important}
html.theme-cloud .main table.grid a:hover{color:#c8963e !important}
/* 名字：深墨蓝 */
html.theme-cloud .main table.grid .ilink strong,
html.theme-cloud .main table.grid td strong,
html.theme-cloud .main table.grid td strong.q-green,
html.theme-cloud .main table.grid td strong.q-blue,
html.theme-cloud .main table.grid td strong.q-gold,
html.theme-cloud .main table.grid td strong.q-purple{color:#1c3f66 !important}
html.theme-cloud .main table.grid .ilink:hover strong{color:#c8963e !important}
/* 分页回到浅色 */
html.theme-cloud .main .pager a{
background:#ffffff !important;border:1px solid #e6eef8 !important;color:#3d5a75 !important}
html.theme-cloud .main .pager b{
background:linear-gradient(135deg,#f6dfa8,#e0b45f 58%,#c8963e) !important;color:#3a2a10 !important;border-color:#c8963e !important}
/* ===== 表格排版精修（视觉优化） ===== */
html.theme-cloud .main table.grid{
table-layout:fixed !important;border-collapse:separate !important;border-spacing:0 !important;
font-size:12.5px}
html.theme-cloud .main table.grid th,
html.theme-cloud .main table.grid td{
padding:9px 16px !important;vertical-align:middle !important;
border-right:0 !important;border-left:0 !important}
/* 列宽：名称 34% / 职业 14% / 等级 12% / 类型 40% */
html.theme-cloud .main table.grid th:nth-child(1),
html.theme-cloud .main table.grid td:nth-child(1){width:34% !important}
html.theme-cloud .main table.grid th:nth-child(2),
html.theme-cloud .main table.grid td:nth-child(2){width:14% !important}
html.theme-cloud .main table.grid th:nth-child(3),
html.theme-cloud .main table.grid td:nth-child(3){width:12% !important}
html.theme-cloud .main table.grid th:nth-child(4),
html.theme-cloud .main table.grid td:nth-child(4){width:40% !important}
/* 表头：吸顶 + 字距 */
html.theme-cloud .main table.grid thead th{
position:sticky;top:0;z-index:3;
font-size:12px !important;letter-spacing:1.5px;color:#8ea6b8 !important;
background:#f7fbff !important}
/* 名字行：图标 + 文字基线对齐 */
html.theme-cloud .main table.grid .ilink{
display:inline-flex;align-items:center;gap:9px;max-width:100%}
html.theme-cloud .main table.grid .ilink .sic{
width:20px !important;height:20px !important;flex:0 0 20px;
border-radius:5px;border:1px solid #eef4fa;background:#fff;padding:1px;object-fit:contain}
html.theme-cloud .main table.grid .ilink strong{
font-size:13.5px !important;letter-spacing:.3px;line-height:1.4;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 行：更轻的斑马 + 左侧金色提示条 */
html.theme-cloud .main table.grid tbody td{position:relative;transition:background .15s}
html.theme-cloud .main table.grid tbody tr:hover td{background:#fffdf7 !important}
html.theme-cloud .main table.grid tbody tr:hover td:nth-child(1)::before{
content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 2px 2px 0;
background:linear-gradient(180deg,#e8c47a,#c8963e)}
/* 分类标签：收小一档 */
html.theme-cloud .main .tabs{margin-bottom:12px}
html.theme-cloud .main .tabs a{padding:6px 13px !important;font-size:12.5px !important}
html.theme-cloud .main .tabs a i{font-size:11px !important;opacity:.75}
/* 筛选条：高度统一 */
html.theme-cloud .main .filter{
display:flex !important;flex-wrap:wrap;align-items:center;gap:8px 14px;
font-size:12.5px;line-height:1.2}
html.theme-cloud .main .filter input[type=text],
html.theme-cloud .main .filter select{height:30px !important;line-height:30px}
html.theme-cloud .main .filter button{height:30px !important;padding:0 18px !important}
/* ===== 视觉再收一档 ===== */
/* 列宽再分配：名称 42% / 职业 14% / 等级 12% / 类型 32% */
html.theme-cloud .main table.grid th:nth-child(1),
html.theme-cloud .main table.grid td:nth-child(1){width:42% !important}
html.theme-cloud .main table.grid th:nth-child(4),
html.theme-cloud .main table.grid td:nth-child(4){width:32% !important}
/* 行高与分隔线 */
html.theme-cloud .main table.grid td{padding:11px 16px !important;border-bottom:1px solid #f4f8fc !important}
html.theme-cloud .main table.grid tbody tr:last-child td{border-bottom:0 !important}
/* 卡片顶部一条金线，锚住整块 */
html.theme-cloud .main table.grid{border-top:2px solid #e8d3a6 !important}
/* 名字再大一点、字距松一点 */
html.theme-cloud .main table.grid .ilink strong{font-size:14px !important;letter-spacing:.4px}
/* 描述列更淡一点，突出名字 */
html.theme-cloud .main table.grid td:nth-child(4){color:#8ea6b8 !important}
/* 筛选条：标签和输入框对齐 */
html.theme-cloud .main .filter label{display:inline-flex;align-items:center;gap:6px}
/* ===== 悬浮卡对比度拉满（最终） ===== */
html.theme-cloud body .zftip{
background:#2a2016 !important;border:1px solid #5a4626 !important;
box-shadow:0 10px 26px rgba(0,0,0,.45) !important}
html.theme-cloud body .zftip,
html.theme-cloud body .zftip li,
html.theme-cloud body .zftip span,
html.theme-cloud body .zftip b,
html.theme-cloud body .zftip i,
html.theme-cloud body .zftip em,
html.theme-cloud body .zftip div{color:#fff6cf !important}
html.theme-cloud body .zftip .ttl{color:#ffd76a !important;font-weight:600 !important}
html.theme-cloud body .zftip .tsub{color:#c9bda4 !important}
html.theme-cloud body .zftip .li.spec-bind{color:#d8cdb6 !important}
html.theme-cloud body .zftip .li.spec-attr,
html.theme-cloud body .zftip .li.spec-attr.dmg{color:#ffffff !important}
html.theme-cloud body .zftip .li.spec-need{color:#fff6cf !important}
html.theme-cloud body .zftip .li.spec-fix{color:#ff6a5a !important}
html.theme-cloud body .zftip .li.spec-cm,
html.theme-cloud body .zftip .li.za,
html.theme-cloud body .zftip .li.extra{color:#ffd76a !important}
html.theme-cloud body .zftip .li.spec-des{color:#c2b9a6 !important}
html.theme-cloud body .zftip .li.src{color:#b3a893 !important}
html.theme-cloud body .zftip .gh{color:#ffd76a !important;font-style:normal}
/* ===== 掉落颜色四色（深底高对比，别被列表名的墨蓝吃掉） ===== */
html.theme-cloud body .zftip i.q-green,
html.theme-cloud body .zftip .q-green,
html.theme-cloud .item-specs i.q-green{color:#7ee787 !important;font-style:normal !important}
html.theme-cloud body .zftip i.q-blue,
html.theme-cloud body .zftip .q-blue,
html.theme-cloud .item-specs i.q-blue{color:#7cc4ff !important;font-style:normal !important}
html.theme-cloud body .zftip i.q-gold,
html.theme-cloud body .zftip .q-gold,
html.theme-cloud .item-specs i.q-gold{color:#ffd76a !important;font-style:normal !important}
html.theme-cloud body .zftip i.q-red,
html.theme-cloud body .zftip .q-red,
html.theme-cloud .item-specs i.q-red{color:#ff8a7a !important;font-style:normal !important}
/* 掉落颜色这行的标签文字 */
html.theme-cloud body .zftip .li.src b,
html.theme-cloud body .zftip .li b{color:#ffd76a !important}
/* ===== 装备品质色恢复（绿/蓝/金/紫按品质显示） ===== */
/* 列表（白底）：用深一档，保证看得清 */
html.theme-cloud .main table.grid .ilink strong{color:#1c3f66 !important}
html.theme-cloud .main table.grid .ilink strong.q-green{color:#1e8e3e !important}
html.theme-cloud .main table.grid .ilink strong.q-blue{color:#1a6fbf !important}
html.theme-cloud .main table.grid .ilink strong.q-gold{color:#b8863f !important}
html.theme-cloud .main table.grid .ilink strong.q-purple{color:#7c4fd0 !important}
html.theme-cloud .main table.grid .ilink:hover strong{color:#c8963e !important}
/* 悬浮卡（深底）：用游戏原色 */
html.theme-cloud body .zftip .ttl{color:#ffffff !important}
html.theme-cloud body .zftip .ttl.q-green{color:#30e512 !important}
html.theme-cloud body .zftip .ttl.q-blue{color:#00aaff !important}
html.theme-cloud body .zftip .ttl.q-gold{color:#FFD851 !important}
html.theme-cloud body .zftip .ttl.q-purple{color:#ff00ff !important}
/* 详情页面板里的道具名同样按品质 */
html.theme-cloud .item-specs li.tipname{color:#ffffff !important}
html.theme-cloud .item-specs li.tipname.q-green{color:#30e512 !important}
html.theme-cloud .item-specs li.tipname.q-blue{color:#00aaff !important}
html.theme-cloud .item-specs li.tipname.q-gold{color:#FFD851 !important}
html.theme-cloud .item-specs li.tipname.q-purple{color:#ff00ff !important}
/* 改造次数：纯红 #ff0000（不是粉） */
html.theme-cloud body .zftip .li.spec-fix{color:#ff0000 !important}
html.theme-cloud .item-specs li.spec-fix{color:#ff0000 !important}
/* ===== 名字回到金色（最终） ===== */
html.theme-cloud .main table.grid .ilink strong,
html.theme-cloud .main table.grid .ilink strong.q-green,
html.theme-cloud .main table.grid .ilink strong.q-blue,
html.theme-cloud .main table.grid .ilink strong.q-gold,
html.theme-cloud .main table.grid .ilink strong.q-purple,
html.theme-cloud .main table.grid td strong{color:#b8863f !important}
html.theme-cloud .main table.grid .ilink:hover strong{color:#8a5a1e !important}
/* 悬浮卡 / 详情页：金黄色名字 */
html.theme-cloud body .zftip .ttl,
html.theme-cloud body .zftip .ttl.q-green,
html.theme-cloud body .zftip .ttl.q-blue,
html.theme-cloud body .zftip .ttl.q-gold,
html.theme-cloud body .zftip .ttl.q-purple{color:#ffd06a !important}
html.theme-cloud .item-specs li.tipname,
html.theme-cloud .item-specs li.tipname.q-green,
html.theme-cloud .item-specs li.tipname.q-blue,
html.theme-cloud .item-specs li.tipname.q-gold,
html.theme-cloud .item-specs li.tipname.q-purple{color:#ffd06a !important}
/* 改造次数：纯红 */
html.theme-cloud body .zftip .li.spec-fix{color:#ff0000 !important}
html.theme-cloud .item-specs li.spec-fix{color:#ff0000 !important}
/* ===== 取消固定列宽（避免出售列表把行撑高） ===== */
html.theme-cloud .main table.grid{table-layout:auto !important}
html.theme-cloud .main table.grid th,
html.theme-cloud .main table.grid td{width:auto !important}
html.theme-cloud .main table.grid th:first-child,
html.theme-cloud .main table.grid td:first-child{min-width:180px}
/* 出售列里的图标：小一点、紧凑排列 */
html.theme-cloud .main table.grid td a{display:inline-block}
html.theme-cloud .main table.grid td .sic,
html.theme-cloud .main table.grid td img{
width:18px !important;height:18px !important;margin:1px !important;vertical-align:middle}