/*
 * 皇家金绿皮肤的第二部分（最后加载）：把各个游戏文件里写死的霓虹色（粉、青、紫）统一换成 金 / 绿 / 木 / 红漆。
 * 第一部分是 skin-gold.css（颜色变量和通用控件）。要换回霓虹夜场：index.html 里换回 skin-neon.css、去掉这个文件。
 */

/* ===================== 大厅、登录、通用 ===================== */
.lme, .lhead .lcards { background: rgba(0, 0, 0, .28); border: 1px solid rgba(242, 193, 78, .55); }
.lnotice { background: rgba(0, 0, 0, .28); border: 1px solid rgba(242, 193, 78, .25); }
.lnav i { color: #ffe9a8; }
.lnav .ico { filter: drop-shadow(0 1px 0 rgba(0, 0, 0, .5)); }
.lnav:active i { color: var(--gold); }
.installtop img { box-shadow: 0 0 0 2px #f2c14e; }
.avopt.on { border-color: #f2c14e; box-shadow: 0 0 8px rgba(242, 193, 78, .7); }
.avtab { background: rgba(4, 34, 20, .6); border-color: rgba(242, 193, 78, .35); }
.dissbox { background: rgba(2, 16, 9, .7); }

/* ===================== 十三水 ===================== */
.tlab .tn { background: rgba(10, 70, 42, .9); border-color: rgba(242, 193, 78, .6); }
.tstate, .tinfo .tsum.tacc { background: rgba(4, 34, 20, .85); color: var(--text); border-color: rgba(242, 193, 78, .45); }
.btn.skipbtn { background: linear-gradient(#35946a, #1a6a44); border: 1.5px solid #f2c14e; box-shadow: 0 3px 0 #06301c; color: #fff8e1; text-shadow: none; }
.btn.skipbtn:active { box-shadow: 0 1px 0 #06301c; }
.afloat .side .chip, .afloat .side .btn.ghost, .afloat .types .tbtn,
.tview.floating .afloat .side .suggest .chip, .tview.floating .afloat .side .btn.ghost, .tview.floating .afloat .types .tbtn { background: #0f4a2e; }
.sbtn { border-color: rgba(242, 193, 78, .6); background: rgba(242, 193, 78, .1); color: var(--gold-light); }
input.sv:focus { border-color: var(--gold); }
.scheck { border-color: rgba(242, 193, 78, .7); }
.sugg .st1 { color: #ffe9a8; }
.sugg .st4 { color: #ffd76a; text-shadow: 0 0 6px rgba(255, 200, 80, .6); }
/* 摆好牌：取消 = 绿底金边，确定出牌 = 金色主按钮 */
.donebar .dbtn.cancel { color: #fff8e1; background: linear-gradient(#2a7a52, #155a3a); border: 1.5px solid #f2c14e; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); box-shadow: 0 4px 0 #06301c; }
.donebar .dbtn.ok { color: #4a2800; background: linear-gradient(#ffe48a, #f2b705 58%, #c98a00); border: 1.5px solid #fff3c4; text-shadow: 0 1px 0 rgba(255, 255, 255, .45); box-shadow: 0 4px 0 #8a5a00, inset 0 1px 0 rgba(255, 255, 255, .6); }
/* 十三水特效里的粉色 → 红金 */
.fx-banner.hr { border-color: #f2c14e; box-shadow: 0 0 40px rgba(255, 190, 60, .55), 0 0 0 10px rgba(242, 193, 78, .18); }
.fx-banner.hr .fx-rays { background: repeating-conic-gradient(from 0deg, rgba(255, 210, 90, .3) 0deg 8deg, transparent 8deg 16deg); }

/* ===================== 福州麻将 ===================== */
/* 台呢四周换回金边 + 木框，和整套皇家金绿一致 */
.mjtable { box-shadow: inset 0 0 0 2px #d8a440, inset 0 0 0 5px #5a3410, inset 0 0 0 6px rgba(216, 164, 64, .55), inset 0 0 30px rgba(0, 0, 0, .55), 0 6px 18px rgba(0, 0, 0, .4); }
.mt.last, .mjrwin .mt { outline-color: #f2c14e; }
.mjinfo { background: rgba(4, 34, 20, .7); border-color: rgba(242, 193, 78, .4); }
/* 操作按钮：深绿圆 + 金属色圈；胡还是红金实心 */
.mjbtn.peng, .mjbtn.chi, .mjbtn.gang, .mjbtn.jinkan, .mjbtn.pass {
  background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .16), transparent 60%), linear-gradient(#1f7a50, #0b4029); }
.mjbtn.peng, .mjbtn.chi { --n: #f2c14e; --ng: rgba(242, 193, 78, .45); }
.mjbtn.gang { --n: #f0a060; --ng: rgba(240, 160, 96, .45); }
.mjbtn.jinkan { --n: #ffe48a; --ng: rgba(255, 228, 138, .45); }
.mjbtn.pass { --n: #8fe6b8; --ng: rgba(143, 230, 184, .35); }
.mjround .mjrrow.win { background: linear-gradient(90deg, rgba(242, 193, 78, .25), rgba(200, 16, 46, .12)); }

/* ===================== 五十K / 摸勾 ===================== */
.wscore, .wpot, .mgnow, .mgnext .hint { background: rgba(4, 34, 20, .82); border: 1px solid rgba(242, 193, 78, .5); }
.wsc .us { color: #ffd76a; }
.wsc .them { color: #a8f0c8; }
.wskscreen { --us: #ffd76a; --them: #a8f0c8; --mate: #3fbf6f; --foe: #c8102e; }
.wtitle b, .wtitle span { color: rgba(255, 240, 200, .32); }
/* 每家：剩余张数 红漆金边、鬼数 金圈、吃炸勾 小金圈 */
.wcount { background: linear-gradient(#e0263f, #9a0c22); border: 1px solid #f2c14e; box-shadow: none; text-shadow: none; }
.wjk i, .wsti { background: rgba(4, 34, 20, .9); border: 1px solid #f2c14e; color: #ffe08a; box-shadow: none; }
.wst b { background: rgba(0, 0, 0, .35); color: #ffe08a; }
/* 「过」：红漆印章 + 金字 */
.wlast.pass b { --n: #f2c14e; color: #ffe9a8; -webkit-text-stroke: 0; text-shadow: 0 1px 0 #4a0010;
  background: linear-gradient(#d4243c, #8e0f20); border: 2px solid #f2c14e; box-shadow: 0 0 0 2px rgba(90, 10, 20, .6), 0 3px 8px rgba(0, 0, 0, .45); }
/* 大按钮：提示 / 过 = 绿底金边，出牌 = 金色主按钮 */
.wbtn { --n: #f2c14e; --ng: rgba(242, 193, 78, .35); color: #fff8e1; background: linear-gradient(#2a7a52, #155a3a); border: 1.5px solid #f2c14e;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .45); box-shadow: 0 4px 0 #06301c, inset 0 1px 0 rgba(255, 255, 255, .18); }
.wbtn::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .45), transparent); }
.wbtn:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 1px 0 #06301c; }
.wbtn.orange, .wbtn.blue, .wbtn.orange[data-action="wskPass"] { --n: #f2c14e; color: #fff8e1; }
.wbtn.green { color: #4a2800; background: linear-gradient(#ffe48a, #f2b705 58%, #c98a00); border-color: #fff3c4;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .45); box-shadow: 0 4px 0 #8a5a00, inset 0 1px 0 rgba(255, 255, 255, .6); }
.wbtn:disabled { color: rgba(255, 248, 225, .45); background: linear-gradient(#2a4a3a, #1a3428); border-color: rgba(242, 193, 78, .3); box-shadow: inset 0 0 6px rgba(0, 0, 0, .4); }
/* 右下 510K / 排序 / 查分 / 布局：木牌 + 金边 + 金色图标 */
.wsb { background: linear-gradient(90deg, var(--wood-hi), var(--wood-lo)); box-shadow: 0 2px 0 rgba(0, 0, 0, .4); }
.wsb.k510, .wsb.sort, .wsb.score, .wsb.layout { --n: #f2c14e; --ng: rgba(242, 193, 78, .4); }
.wsb span { text-shadow: 0 1px 0 rgba(0, 0, 0, .5); }
.wsb:active { background: linear-gradient(90deg, #8a5418, #4a2a08); box-shadow: 0 0 8px rgba(242, 193, 78, .5); }
/* 每局结算 胜利 / 失败，总结算 我方 / 对方 */
.wvs.win { background: linear-gradient(135deg, rgba(190, 30, 46, .9), rgba(110, 12, 26, .9)); border-color: #f2c14e; }
.wvs.lose { background: linear-gradient(135deg, rgba(20, 90, 58, .9), rgba(8, 52, 32, .9)); border-color: rgba(242, 193, 78, .5); }
.wfin { background: rgba(4, 34, 20, .78); }
.wfin.us { border-color: #f2c14e; box-shadow: none; }
.wfin.them { border-color: #8fe6b8; box-shadow: none; }
.wfin.us h3 { background: linear-gradient(90deg, #a87418, #f2c14e, #a87418); color: #3a2000; text-shadow: none; }
.wfin.them h3 { background: linear-gradient(90deg, #1a6a44, #35946a, #1a6a44); text-shadow: 0 1px 0 rgba(0, 0, 0, .4); }
/* 队伍对阵两边的淡色：我方金、对方绿 */
.lay-team .wfield::before { background: linear-gradient(90deg, rgba(242, 193, 78, .1), transparent); }
.lay-team .wfield::after { background: linear-gradient(270deg, rgba(143, 230, 184, .08), transparent); }
/* 摸勾：盖着的牌、搓牌放大框、亮勾、王牌奖勾 */
@keyframes mgGlow { 50% { box-shadow: 0 0 0 1px #fff3c4, 0 0 12px rgba(255, 200, 80, .8); } }
.mgsq { background: rgba(2, 20, 11, .8); }
.mgrow { background: rgba(4, 34, 20, .6); border-color: rgba(242, 193, 78, .2); }
.mgrow.me { background: rgba(242, 193, 78, .12); border-color: rgba(242, 193, 78, .6); }
.jkbox { background: linear-gradient(rgba(18, 88, 58, .97), rgba(8, 52, 32, .98)); border-color: #f2c14e; box-shadow: 0 0 0 4px rgba(90, 52, 16, .8), 0 10px 30px rgba(0, 0, 0, .5); }
.jkshow { background: rgba(2, 16, 9, .55); }

/* ===================== 游戏确认框（报到、解散等） ===================== */
.gdialog { background: rgba(2, 16, 9, .62); }
.gpanel { background: linear-gradient(rgba(18, 88, 58, .97), rgba(8, 52, 32, .98)); border: 2px solid #d8a440;
  box-shadow: 0 0 0 4px rgba(90, 52, 16, .8), 0 0 24px rgba(242, 193, 78, .25), 0 18px 40px rgba(0, 0, 0, .55); }
.gtext { color: #fff8e1; }
.ginput { border-color: rgba(242, 193, 78, .5); }
.gtext b { color: #ffd76a; }
/* 手牌排序按钮：放在牌型按钮那一排最右边，木牌金边，和牌型按钮分开 */
.types .tbtn.sortbtn, .tview.floating .afloat .types .tbtn.sortbtn { margin-left: 6px; background: linear-gradient(var(--wood-hi), var(--wood-lo)); border-color: #f2c14e; color: #ffe9a8; }
/* 推荐摆法：深绿底金边，选中的金边发光（原来是紫色） */
.tview.floating .afloat .side .suggest .sugg, .sugg { background: linear-gradient(#1f7a50, #0f5536); border-color: rgba(242, 193, 78, .45); }
.tview.floating .afloat .side .suggest .sugg.on, .sugg.on { background: linear-gradient(#2a9a66, #146a44); border-color: #f2c14e; box-shadow: 0 0 10px rgba(242, 193, 78, .6), inset 0 1px 0 rgba(255, 255, 255, .2); }
.sugg i { background: rgba(255, 240, 200, .3); }
.sugg .st0 { color: #cfe8d8; }
/* 马牌：整张牌面金色（用户要求），右上角红色「马」字保留 */
.card.horse { background: linear-gradient(150deg, #fff7cf, #ffe07a 40%, #f2b72e 75%, #d9951a);
  box-shadow: 0 3px 7px rgba(0, 0, 0, .45), 0 0 0 1px #b07a10, 0 0 8px rgba(255, 200, 60, .55); }
.card.horse.mini { box-shadow: 0 1px 3px rgba(0, 0, 0, .45), 0 0 0 1px #b07a10; }
.card.horse.selected { box-shadow: 0 0 0 2px #fff3c4, 0 0 16px rgba(255, 200, 60, .95); }
.card.horse::after { background: linear-gradient(#e0263f, #9a0c22); }

/* ===================== 聊天按钮：右下角（所有游戏，位置按页面调） ===================== */
.chatfab { position: absolute; z-index: 30; right: 10px; bottom: 10px; width: 40px; height: 40px; padding: 0; border-radius: 50%; cursor: pointer;
  display: flex; align-items: center; justify-content: center; color: #ffe9a8;
  background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .18), transparent 60%), linear-gradient(var(--wood-hi, #7a4614), var(--wood-lo, #3e2306));
  border: 1.5px solid #f2c14e; box-shadow: 0 3px 0 rgba(0, 0, 0, .4), 0 0 10px rgba(242, 193, 78, .35); }
.chatfab .ico { width: 20px; height: 20px; }
.chatfab:active { transform: translateY(2px); box-shadow: 0 1px 0 rgba(0, 0, 0, .4); }
/* 五十K 打牌：聊天放进右下那一列（.wsb.chat），不再单独浮一个；一列五个，排紧一点，不碰右下那家 */
.chatfab.g-wsk.p-playing:not(.watch) { display: none; }
.wsidebtns { gap: 4px; }
.wsb { height: 23px; }
.wsb.chat { --n: #f2c14e; --ng: rgba(242, 193, 78, .4); }
.wsb { flex: none; }
/* 等人页：右下那个座位贴得近，按钮再往角里靠一点 */
.chatfab.p-waiting, .chatfab.p-finished { right: 5px; bottom: 4px; }
/* 大小王：和其他牌一样的米色牌面（原来是纯白，放在一起看着比别的牌白，用户 2026-10-20 提的） */
.card.joker.big { background: radial-gradient(circle at 70% 70%, rgba(255, 226, 150, .55) 0, transparent 70%), linear-gradient(#fffef8, #f6efd9); }
.card.joker.small { background: radial-gradient(circle at 70% 70%, rgba(200, 205, 215, .35) 0, transparent 70%), linear-gradient(#fffef8, #f6efd9); }
/* 右下五个按钮排成两列三行（2026-10-20：一列五个太高，把手牌那一排撑高，矮屏幕的苹果手机上牌桌只剩一点点，
   中间两家被挤掉看不到）。这样右下这块不比手牌高 */
.wsidebtns { display: grid; grid-template-columns: repeat(2, auto); gap: 4px 5px; align-content: end; padding: 0 4px 4px 0; }
.wsb { width: 58px; height: 26px; padding: 0 5px 0 6px; gap: 3px; }
.wsb i { width: 13px; height: 13px; }
.wsb span { font-size: 12px; letter-spacing: 0; }

/* 对阵布局：我们队在右边一列（自己右下），金色底在右、对方绿色底在左 */
.lay-team:not(.lay-ring) .wfield::before { background: linear-gradient(90deg, rgba(143, 230, 184, .08), transparent); }
.lay-team:not(.lay-ring) .wfield::after { background: linear-gradient(270deg, rgba(242, 193, 78, .1), transparent); }

/* ===================== 五十K：对手出的牌一眼看得出（用户 2026-10-20） =====================
   对手：整手牌外面一圈红色发光框、底下淡红底，刚出的时候闪一下；队友：细绿框；自己出的不加。 */
.wlast.foe .wcards, .wlast.mate .wcards { padding: 2px; border-radius: 7px; }
.wlast.foe .wcards { background: rgba(200, 16, 46, .28); box-shadow: 0 0 0 2px #ff4d5e, 0 0 12px rgba(255, 60, 80, .75); }
.wlast.mate .wcards { background: rgba(63, 191, 111, .14); box-shadow: 0 0 0 1.5px rgba(110, 230, 150, .85); }
.wlast.foe .wcards.in { animation: wIn .38s cubic-bezier(.2, 1.3, .4, 1) both, wFoeFlash 1.3s ease-out both; animation-delay: var(--ind, 0ms), var(--ind, 0ms); }
@keyframes wFoeFlash { 0%, 30% { box-shadow: 0 0 0 3px #ff8a96, 0 0 26px rgba(255, 60, 80, 1); } 100% { box-shadow: 0 0 0 2px #ff4d5e, 0 0 12px rgba(255, 60, 80, .75); } }
.wtagc { font-size: 12px; padding: 0 4px; line-height: 1.35; }