/* ══════════════════════════════════════════════════════════════════════ 21 ACE · 黑金 VIP 厅(BUILD 81) 整套视觉换皮。加载在 style.css 之后,只改「看起来怎样」,不动任何布局逻辑、 类名、测试选择器。所有规则挂在 #app 下面(id 优先级),稳压旧样式里的类选择器。 设计语言:近黑漆面 + 香槟金线 + 暗红点缀;字体 Cinzel(金字标题/数字)。 ══════════════════════════════════════════════════════════════════════ */ @font-face{font-family:"Cinzel";font-style:normal;font-weight:600;font-display:swap; src:url(fonts/cinzel-latin-600-normal.woff2?v=f013ac32) format("woff2")} @font-face{font-family:"Cinzel";font-style:normal;font-weight:700;font-display:swap; src:url(fonts/cinzel-latin-700-normal.woff2?v=e30aae05) format("woff2")} @font-face{font-family:"Cinzel";font-style:normal;font-weight:900;font-display:swap; src:url(fonts/cinzel-latin-900-normal.woff2?v=46694920) format("woff2")} :root{ --bg:#09080c; --panel:#121016; --panel2:#1a171f; --line:rgba(212,175,55,.22); --line2:rgba(255,255,255,.06); --felt:#171419; --felt2:#211d25; --felt3:#0b0a0e; --rail:#0a090c; --rail2:#2a2530; --ink:#f4ecd8; --muted:#b9ad91; --dim:#7d735f; --gold:#d4af37; --gold2:#f3dd8e; --gold3:#8c6d1f; --goldline:rgba(212,175,55,.5); --crimson:#a3172a; --crimson2:#d83a4b; --win:#6fd89a; --lose:#e35d68; --push:#cdbd8c; --blue:#7fa6ff; --serif:"Cinzel",Georgia,'Times New Roman',serif; --num:"Cinzel",Georgia,serif; --display:"Cinzel",Georgia,serif; /* 绒面噪点(内联 SVG,不用图片文件) */ --grain:url("data:image/svg+xml;utf8,"); --goldgrad:linear-gradient(180deg,#f7e7a8 0%,#d4af37 45%,#a8842a 72%,#e9cf72 100%); --goldflat:linear-gradient(160deg,#e9cf72,#b8912f); } @media(min-width:520px){ html,body{background:#050407} } #app{background:radial-gradient(120% 60% at 50% -10%,rgba(212,175,55,.08),transparent 60%),var(--bg)} ::-webkit-scrollbar-thumb{background:#3a3226} /* ── 顶栏:黑漆 + 金发丝线 ── */ #app .top{background:linear-gradient(180deg,#151218,#0b0a0e)} #app .top::after{background:linear-gradient(90deg,transparent,var(--gold) 30%,#f3dd8e 50%,var(--gold) 70%,transparent);opacity:.75} #app .brand .bicon{box-shadow:0 0 0 1px rgba(212,175,55,.5),0 0 12px rgba(212,175,55,.35)} #app .bn{font-family:var(--display);font-weight:900;letter-spacing:.06em;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent} #app .bn em{-webkit-text-fill-color:var(--ink);font-style:normal;font-weight:700;letter-spacing:.12em;font-size:.72em;vertical-align:2px} #app .wallet{background:linear-gradient(180deg,#171419,#0d0b10);border:1px solid rgba(212,175,55,.45); box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 2px 8px rgba(0,0,0,.5)} #app .wv{font-family:var(--num);font-weight:700;color:var(--gold2);letter-spacing:.02em;font-size:15px} #app .topupbtn{background:var(--goldgrad);color:#2a1d05;box-shadow:0 0 0 1px rgba(255,235,170,.4),0 0 8px rgba(212,175,55,.5)} #app .icb{border-color:rgba(212,175,55,.28);color:#cdbd8c;background:rgba(255,255,255,.02)} #app .icb:active{background:rgba(212,175,55,.12)} #app .icb .dot{background:var(--crimson2)} /* ── 牌桌:黑绒桌面 + 金线镶嵌 + 黑漆桌沿 ── */ #app .tablewrap{padding:10px 10px 0} #app .tablefelt{ border:1px solid rgba(212,175,55,.38); background: var(--grain), radial-gradient(110% 70% at 50% -8%,rgba(212,175,55,.16),transparent 58%), radial-gradient(90% 90% at 50% 40%,#231f28 0%,#171419 55%,#0c0a0f 100%); background-blend-mode:soft-light,normal,normal; box-shadow:inset 0 -30px 60px rgba(0,0,0,.6),inset 0 12px 30px rgba(255,255,255,.03), inset 24px 0 50px rgba(0,0,0,.35),inset -24px 0 50px rgba(0,0,0,.35), 0 0 0 4px #0b0a0e,0 0 0 5px rgba(212,175,55,.55),0 0 0 9px #131117,0 0 0 10px rgba(212,175,55,.22), 0 22px 46px rgba(0,0,0,.75)} /* 双金线镶边(桌面内圈) */ #app .tablefelt::before{inset:10px 12px 14px;border:1px solid rgba(212,175,55,.42); border-radius:8px 8px 120px 120px / 8px 8px 66px 66px; box-shadow:inset 0 0 0 3px rgba(0,0,0,.18),inset 0 0 0 4px rgba(212,175,55,.16),inset 0 0 26px rgba(0,0,0,.35)} #app .tablefelt::after{background:none} #app .rail{display:none} /* 桌沿改用 box-shadow 画的黑漆双金线,层次更薄更贵 */ #app .feltmark{display:block;opacity:1} #app .feltmark span{font:900 30px/1 var(--display);color:rgba(212,175,55,.08); text-shadow:0 1px 0 rgba(255,255,255,.03),0 -1px 0 rgba(0,0,0,.4)} #app .feltmark i{font-family:var(--display);color:rgba(212,175,55,.11);letter-spacing:.3em;font-size:7px} #app .privtag{color:var(--gold2);border-color:rgba(212,175,55,.5);background:rgba(9,8,12,.8);font-family:var(--display)} /* 荷官:金环头像 + 黑金状态胶囊 */ #app .dealerimg{border:2px solid var(--gold);box-shadow:0 0 0 1px #0b0a0e,0 0 0 2.5px rgba(212,175,55,.35),0 4px 14px rgba(0,0,0,.6)} #app .dealerimg.live{border-color:#f3dd8e;box-shadow:0 0 0 1px #0b0a0e,0 0 0 2.5px rgba(243,221,142,.4),0 0 16px rgba(212,175,55,.45)} #app #dealerStatus{background:rgba(9,8,12,.85);border:1px solid rgba(212,175,55,.4);color:#e9d9a4; font-family:var(--display);font-weight:600;letter-spacing:.06em;font-size:8.5px;text-transform:uppercase} #app #dealerStatus::before{background:var(--gold)} #app #dealerStatus.live,#app .dtxt i.wait{color:#f3dd8e} /* 座位 */ #app .podsit{border:1.5px dashed rgba(212,175,55,.45);color:rgba(212,175,55,.6);background:rgba(0,0,0,.25)} #app .pod:hover .podsit,#app .pod.sitting .podsit{border-color:var(--gold2);color:var(--gold2);box-shadow:0 0 12px rgba(212,175,55,.4)} #app .pod .av{background:var(--goldgrad);color:#2a1d05;font-family:var(--display);font-weight:900;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.5)} #app .pod.other .av{background:linear-gradient(160deg,#cfc6b3,#8a8272);color:#1a1712} #app .pod .nm{color:var(--muted);font-family:var(--display);letter-spacing:.04em} #app .pod .bt{color:var(--gold2);font-family:var(--num)} #app .pod.own{border-color:rgba(212,175,55,.45);background:rgba(212,175,55,.06)} #app .pod.act,#app .pod.own.act,#app .pod.picked{border-color:var(--gold);background:rgba(212,175,55,.12); box-shadow:0 0 0 3px rgba(212,175,55,.12),0 0 18px rgba(212,175,55,.3)} #app .pod.act::after{background:radial-gradient(circle,rgba(212,175,55,.25),transparent 70%)} #app .podhand.ah{background:rgba(212,175,55,.18);box-shadow:0 0 0 1px rgba(212,175,55,.55)} #app .pod .mt{background:rgba(9,8,12,.8);border:1px solid rgba(212,175,55,.3);font-family:var(--num)} #app .pod .rdy.ok{background:var(--gold);color:#2a1d05;box-shadow:0 0 0 2px var(--bg),0 0 10px rgba(212,175,55,.7)} #app .pod .rdy.wait{color:var(--push)} /* 点数胶囊 / 牌 */ #app .tot{background:rgba(9,8,12,.85);border:1px solid rgba(212,175,55,.35);font-family:var(--num);color:var(--ink)} #app .tot.bj{color:var(--gold2);border-color:var(--gold);box-shadow:0 0 10px rgba(212,175,55,.35)} #app .tot.bust{color:var(--lose);border-color:rgba(227,93,104,.5)} #app .cardrow.lg svg,#app .cardrow.md svg{box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 6px 14px rgba(0,0,0,.6),0 0 0 .5px rgba(212,175,55,.35)} /* 大字结果 */ #app .bigmsg{font-family:var(--display);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:24px} #app .bigmsg.win{background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent; filter:drop-shadow(0 2px 0 rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(212,175,55,.55));text-shadow:none} #app .bigmsg.push{color:var(--push)} #app .bigmsg.lose{color:#f1c9cd;text-shadow:0 3px 20px rgba(0,0,0,.9),0 0 22px rgba(216,58,75,.5)} #app .bigmsg .sub{font-family:var(--num);letter-spacing:.04em} /* ── 状态条 ── */ #app .statusbar{background:linear-gradient(180deg,#171419,#0f0d12);border:1px solid rgba(212,175,55,.3); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 14px rgba(0,0,0,.4)} #app .ptag{color:#d9caa0;font-family:var(--display);font-weight:600;letter-spacing:.1em;font-size:9.5px} #app .statusbar.you{border-color:var(--gold);background:linear-gradient(180deg,#2a2213,#181308);animation:youglowG 1.1s ease-in-out infinite alternate} #app .statusbar.you .ptag{color:var(--gold2)} @keyframes youglowG{from{box-shadow:0 0 0 0 rgba(212,175,55,0)}to{box-shadow:0 0 16px 2px rgba(212,175,55,.45)}} #app .tbar{background:#070609;box-shadow:inset 0 1px 2px rgba(0,0,0,.8)} #app .tbar i{background:linear-gradient(90deg,#a8842a,#f3dd8e)} #app .tsec{color:var(--gold2);font-family:var(--num);font-weight:700} #app .tsec.urgent{color:#ff8a94} /* ── 我的区域 ── */ #app .myzone{background:var(--bg)} #app .mycard{background:linear-gradient(160deg,#1a171f,#111014);border:1px solid rgba(212,175,55,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 16px rgba(0,0,0,.4)} #app .mycard.act{border-color:var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 3px rgba(212,175,55,.12),0 0 18px rgba(212,175,55,.2)} #app .stag{background:rgba(212,175,55,.12);color:#e9d9a4;font-family:var(--display);letter-spacing:.08em;border:1px solid rgba(212,175,55,.3)} #app .mycard.act .stag{background:rgba(212,175,55,.2);color:var(--gold2)} #app .turnpill{background:var(--goldgrad);color:#2a1d05;font-family:var(--display);font-weight:900;letter-spacing:.1em} #app .hbox.ah{border-color:var(--gold);background:rgba(212,175,55,.1)} #app .hbox .hl{font-family:var(--display);color:var(--muted)} #app .hbox .hb{color:var(--gold2);font-family:var(--num)} #app .res.win,#app .res.blackjack{background:rgba(212,175,55,.18);color:var(--gold2);border:1px solid rgba(212,175,55,.4)} #app .res.lose,#app .res.bust{background:rgba(216,58,75,.16);color:#f1a7ae;border:1px solid rgba(216,58,75,.35)} #app .res.push{background:rgba(205,189,140,.12);color:var(--push);border:1px solid rgba(205,189,140,.3)} #app .res{font-family:var(--display)} #app .bkbox{background:linear-gradient(160deg,#1a171f,#111014);border-color:rgba(212,175,55,.22)} #app .bkhd{font-family:var(--display);color:#e9d9a4;letter-spacing:.08em} #app .bktbl th{color:var(--dim);font-family:var(--display);letter-spacing:.06em} #app .bktbl td.g{color:var(--ink)} #app .bktbl td.n{font-family:var(--num)} #app .bktbl td.p{color:var(--gold2)} #app .bktbl tfoot td{border-top:1px solid rgba(212,175,55,.35)} #app .outwarn{color:var(--push)} /* ── 下注面板 .bp2:黑绒格 + 金线 ── */ #app .bp2{--tile:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.15));--tile-line:rgba(212,175,55,.35);--tile-hi:rgba(255,255,255,.06);--sel:#f3dd8e; background:var(--grain),linear-gradient(180deg,#161319,#0f0d12);background-blend-mode:soft-light,normal; border:1px solid rgba(212,175,55,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.45)} #app .bp2 .grouplbl .gmain{color:var(--gold2);font-family:var(--display);font-weight:700;letter-spacing:.14em} #app .bp2 .grouplbl .gside{color:var(--muted)} #app .bp2 .grouplbl .gside b{color:var(--gold2)} #app .bp2 .bspot,#app .bp2 .rbbox,#app .bp2 .oebox,#app .bp2 .suitbox{ background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18)),#131117; border:1px solid rgba(212,175,55,.38);border-radius:10px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 2px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.05),0 3px 8px rgba(0,0,0,.35)} #app .bp2 .bspot .bn2{color:#d9caa0;font-family:var(--display);font-weight:700;letter-spacing:.12em;font-size:10px} #app .bp2 .bspot .bv{color:var(--ink);font-family:var(--num);font-weight:700} #app .bp2 .bspot.has,#app .bp2 .rbar.has,#app .bp2 .stile.has,#app .bp2 .betspots.sq3n .rbbox .rbar.has{ border-color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 0 0 1px rgba(212,175,55,.45),0 0 16px rgba(212,175,55,.35)} #app .bp2 .bspot.has .bv,#app .bp2 .rbar.has .rbv,#app .bp2 .stile.has .rbv,#app .bp2 .betspots.sq3n .rbbox .rbar.has .rbv{color:var(--gold2);text-shadow:0 0 12px rgba(243,221,142,.45)} #app .bp2 .bspot.sel{border-color:rgba(212,175,55,.38)} #app .bp2 .bspot.sel.has{border-color:var(--gold2)} #app .bp2 .rbhead,#app .bp2 .betspots.sq3n .rbbox .rbhead{color:#d9caa0;font-family:var(--display);font-weight:700;letter-spacing:.12em} #app .bp2 .rbhead em{color:var(--gold2);font-family:var(--num)} #app .bp2 .rbar,#app .bp2 .stile,#app .bp2 .betspots.sq3n .rbbox .rbar{border:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)} #app .bp2 .rbar .rbn{font-family:var(--display);font-weight:700;letter-spacing:.06em;color:#fff} #app .bp2 .rbar .rbpay{color:rgba(255,255,255,.55)} #app .bp2 .rbar .rbv,#app .bp2 .stile .rbv,#app .bp2 .betspots.sq3n .rbbox .rbar .rbv{font-family:var(--num);font-weight:700} #app .bp2 .rbar.red,#app .bp2 .betspots.sq3n .rbbox .rbar.red{background:linear-gradient(160deg,#b21e30,#5c0c16);border-color:rgba(255,150,160,.45)} #app .bp2 .rbar.black,#app .bp2 .betspots.sq3n .rbbox .rbar.black{background:linear-gradient(160deg,#2b2830,#0e0d11);border-color:rgba(205,190,160,.4)} #app .bp2 .rbar.odd{background:linear-gradient(160deg,#7a5a17,#3a2a08);border-color:rgba(212,175,55,.55)} #app .bp2 .rbar.even{background:linear-gradient(160deg,#3a3242,#17141c);border-color:rgba(205,190,160,.4)} #app .bp2 .rbhist .rbtip{color:var(--dim)} #app .bp2 .stile{background:linear-gradient(180deg,#f8f2e2,#dccfb2);border:1px solid rgba(212,175,55,.5);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(120,90,30,.18)} #app .bp2 .stile .sg{color:#1a1712} #app .bp2 .stile.h .sg,#app .bp2 .stile.d .sg{color:#b81a2c} #app .bp2 .stile .rbv{color:#3a2a08} #app .bp2 .stile.has{background:linear-gradient(180deg,#fff3c8,#f0d98a);border-color:var(--gold)} #app .bp2 .stile.has .rbv{color:#5c3f05;text-shadow:none} #app .betpanel{background:transparent;border-color:transparent} /* ── 操作台:黑漆 + 真筹码 ── */ #app .dock{background:linear-gradient(180deg,#141118,#09080b);border-top:1px solid rgba(212,175,55,.35); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 -12px 28px -14px rgba(0,0,0,.9)} #app .hintbar{color:var(--muted)} #app .hintbar.first{color:var(--gold2)} #app .hintbar.lowbal{color:#f1a7ae} #app .insnote b{color:var(--gold2)} /* 筹码:圆形、六道边纹、内环、金字 —— 纯 CSS,不改 JS */ #app .chiptray{display:flex;justify-content:center;align-items:flex-end;gap:12px;padding:6px 12px 2px;min-height:64px} #app .chipbtn,.chipbtn.chipfly{--cb:#b41f2f;--ce:#6d0f1a;--ct:#fff; width:58px;height:58px;min-height:0;flex:0 0 auto;border-radius:50%;border:0;padding:0; display:grid;place-items:center;position:relative;opacity:1;color:var(--ct); font:700 15px/1 var(--num);letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,0,0,.6); background: radial-gradient(circle at 50% 50%,transparent 0 33%,rgba(0,0,0,.18) 33.5% 35%,transparent 35.5%), /* 内环阴影 */ radial-gradient(circle at 50% 50%,var(--cb) 0 62%,transparent 62.5%), /* 中心盘 */ repeating-conic-gradient(from -18deg,#f4ecd8 0 36deg,var(--ce) 36deg 60deg), /* 六道边纹 */ var(--ce); box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.35),inset 0 2px 3px rgba(255,255,255,.35),inset 0 -3px 5px rgba(0,0,0,.45), 0 4px 0 rgba(0,0,0,.45),0 8px 16px -6px rgba(0,0,0,.9); transition:transform .12s,box-shadow .12s,filter .12s} #app .chipbtn::before,.chipbtn.chipfly::before{content:attr(data-v);position:relative;z-index:1} #app .chipbtn::after,.chipbtn.chipfly::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;border:0; background:linear-gradient(155deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 38%,transparent 52%,rgba(0,0,0,.18) 100%)} #app .chipbtn:not(.on){filter:saturate(.75) brightness(.78)} #app .chipbtn.on{transform:translateY(-6px) scale(1.06);filter:none; box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.35),inset 0 2px 3px rgba(255,255,255,.4),inset 0 -3px 5px rgba(0,0,0,.45), 0 0 0 2px #0b0a0e,0 0 0 3.5px var(--gold2),0 6px 0 rgba(0,0,0,.45),0 14px 22px -8px rgba(212,175,55,.6)} #app .chipbtn:active{transform:translateY(-1px) scale(.95)} #app .chipbtn:disabled{filter:grayscale(.7) brightness(.5);opacity:1} /* 面额配色(按真实赌场惯例:5 红 25 绿 100 黑 500 紫 1k 金) */ #app .chipbtn[data-v="1"],.chipbtn.chipfly[data-v="1"]{--cb:#e9e2cf;--ce:#a89f88;--ct:#2a1d05} #app .chipbtn[data-v="5"],.chipbtn.chipfly[data-v="5"]{--cb:#b41f2f;--ce:#5c0c16} #app .chipbtn[data-v="10"],.chipbtn.chipfly[data-v="10"]{--cb:#1f7a8c;--ce:#0c3d47} #app .chipbtn[data-v="25"],.chipbtn.chipfly[data-v="25"]{--cb:#1f7a4d;--ce:#0d4429} #app .chipbtn[data-v="50"],.chipbtn.chipfly[data-v="50"]{--cb:#1f4e8c;--ce:#0e2a52} #app .chipbtn[data-v="100"],.chipbtn.chipfly[data-v="100"]{--cb:#232026;--ce:#000;--ct:#f3dd8e} #app .chipbtn[data-v="200"],.chipbtn.chipfly[data-v="200"]{--cb:#6b3fa0;--ce:#3b1f60} #app .chipbtn[data-v="500"],.chipbtn.chipfly[data-v="500"]{--cb:#6b3fa0;--ce:#3b1f60} #app .chipbtn[data-v="1k"],.chipbtn.chipfly[data-v="1k"]{--cb:#c9a437;--ce:#7a5a17;--ct:#2a1d05} #app .chipbtn[data-v="2k"],#app .chipbtn[data-v="2.5k"],.chipbtn.chipfly[data-v="2.5k"]{--cb:#b9612a;--ce:#6c3410} #app .chipbtn[data-v="5k"],.chipbtn.chipfly[data-v="5k"]{--cb:#5b5f6b;--ce:#2c2f37;--ct:#f3dd8e} #app .chipbtn[data-v="10k"],.chipbtn.chipfly[data-v="10k"]{--cb:#171417;--ce:#000;--ct:#f3dd8e} @media(max-height:620px){#app .chiptray{min-height:52px;gap:10px}#app .chipbtn,.chipbtn.chipfly{width:48px;height:48px;font-size:13px}} /* 按钮:金色主键;决策键保留动作色,但换成黑金质感 */ #app .btn{background:linear-gradient(180deg,#221e27,#141118);border:1px solid rgba(212,175,55,.35);color:var(--ink); font-family:var(--display);font-weight:700;letter-spacing:.06em; box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 8px rgba(0,0,0,.45)} #app .btn.primary,#app .tubuy{background:var(--goldgrad);color:#2a1d05;border:0;text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 4px rgba(90,60,10,.35),0 0 0 1px rgba(90,60,10,.6),0 5px 14px rgba(212,175,55,.35)} #app .btn.primary.glow{animation:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 4px rgba(90,60,10,.35),0 0 0 1px rgba(90,60,10,.6),0 0 24px rgba(212,175,55,.5)} #app .btn.act-hit{background:linear-gradient(180deg,#5b86e0 0%,#2f5db8 60%,#1c3d84 100%);color:#fff;border:0;text-shadow:0 1px 0 rgba(0,0,0,.3); box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 4px rgba(10,30,80,.5),0 0 0 1px rgba(20,40,90,.8),0 5px 14px rgba(47,93,184,.35)} #app .btn.act-stand{background:linear-gradient(180deg,#e2556a 0%,#b21e30 60%,#6f0f1c 100%);border:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 4px rgba(80,5,15,.5),0 0 0 1px rgba(90,10,20,.8),0 5px 14px rgba(178,30,48,.35)} #app .btn.act-double{background:var(--goldgrad);color:#2a1d05;border:0;text-shadow:0 1px 0 rgba(255,255,255,.35); box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 4px rgba(90,60,10,.35),0 0 0 1px rgba(90,60,10,.6),0 5px 14px rgba(212,175,55,.35)} #app .btn.act-split{background:linear-gradient(180deg,#5fcf8f 0%,#1f8a4f 60%,#115530 100%);color:#fff;border:0;text-shadow:0 1px 0 rgba(0,0,0,.3); box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 4px rgba(0,50,20,.5),0 0 0 1px rgba(10,60,30,.8),0 5px 14px rgba(31,138,79,.35)} #app .btn.danger{border-color:rgba(216,58,75,.5);color:#f1a7ae} #app .btn.ghost{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none} #app .actionbar .btn.undo{color:var(--gold2);border-color:rgba(212,175,55,.5)} /* ── 提示条 / 弹窗 / 抽屉 ── */ #app .toast{background:rgba(14,12,17,.86);border:1px solid rgba(212,175,55,.45);color:var(--ink);box-shadow:0 8px 22px rgba(0,0,0,.6)} #app .toast.err{background:rgba(60,12,20,.88);border-color:rgba(227,93,104,.6)} #app .toast.good{background:rgba(30,26,12,.9);border-color:rgba(212,175,55,.7);color:var(--gold2)} #app .topupcard,#app .drawer{background:linear-gradient(165deg,rgba(212,175,55,.06),rgba(0,0,0,0) 45%),var(--panel);border-color:rgba(212,175,55,.3)} #app .topuphead b{font-family:var(--display);color:var(--gold2)} #app .tupkg.sel,#app .tucustom.active{border-color:var(--gold);background:rgba(212,175,55,.1)} #app .tupkg .price,#app .tucur,#app .tucget{color:var(--gold2)} #app .tucinput{background:#0d0b10;border-color:rgba(212,175,55,.3)} #app .tucinput:focus{border-color:var(--gold)} #app .dhandle{background:rgba(212,175,55,.35)} #app .bgmopt.on{border-color:var(--goldline);background:rgba(212,175,55,.12)} #app .bgmopt.on i{color:var(--gold2)} #app .rftable tr.hl td,#app .pt tr.hl td{background:rgba(212,175,55,.08)} #app .rftable tr.hl td:first-child,#app .pt tr.hl td:first-child,#app .rftable tr.hl td:last-child b,#app .pt tr.hl td:last-child b{color:var(--gold2)} /* ── 大厅 / 登录:先把底色和金线统一(整页重做在下一版) ── */ #app .lobhead h1,#app .lobhead .h1{font-family:var(--display);background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent} #app .ruleslink{border-color:rgba(212,175,55,.4);color:var(--gold2);background:rgba(212,175,55,.06)} #app .room{background:linear-gradient(160deg,#1a171f,#111014);border-color:rgba(212,175,55,.22)} #app .room .rn,#app .room h3,#app .tiercard .tn{font-family:var(--display);color:var(--ink)} #app .loginhero .loginsub{color:var(--gold2);font-family:var(--display);letter-spacing:.2em} #app .logoring{box-shadow:0 0 0 1px rgba(212,175,55,.5),0 0 40px rgba(212,175,55,.25)} #app .tin{background:#0d0b10;border-color:rgba(212,175,55,.3);color:var(--ink)} #app .tin:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.15)} #app .atab.on{color:var(--gold2);border-color:var(--gold)} #app .lf{color:var(--muted);font-family:var(--display);letter-spacing:.08em} @media(prefers-reduced-motion:reduce){#app .statusbar.you{animation:none}} /* ── 登录页:黑金(同一套语言;大厅/登录的结构重做在下一版) ── */ #app #login{background: radial-gradient(ellipse 110% 55% at 50% -12%,rgba(212,175,55,.22),transparent 62%), radial-gradient(ellipse 90% 60% at 50% 118%,rgba(212,175,55,.08),transparent 58%), linear-gradient(180deg,#141018 0%,var(--bg) 40%,#06050a 100%)} #app .loginbg .suit{color:rgba(212,175,55,.06)} #app .logoring{background:conic-gradient(from 0deg,rgba(212,175,55,0) 0%,rgba(243,221,142,.95) 18%,rgba(212,175,55,0) 36%, rgba(212,175,55,0) 55%,rgba(233,207,114,.6) 72%,rgba(212,175,55,0) 90%); box-shadow:0 22px 60px rgba(0,0,0,.7),0 0 70px rgba(212,175,55,.22)} #app .logoring::before{background:radial-gradient(circle,rgba(212,175,55,.16),transparent 62%)} #app .ringlight{background:conic-gradient(from var(--ra,90deg),transparent 0 70%,rgba(255,240,190,.95) 84%,transparent 100%)} #app .loginlogo{background:#0b0a0e} #app .loginsub{color:var(--gold2);font-family:var(--display);font-weight:600} #app .loginsub i{background:linear-gradient(90deg,transparent,rgba(212,175,55,.7))} #app .loginsub i:last-child{background:linear-gradient(90deg,rgba(212,175,55,.7),transparent)} #app .loginsub i::after{background:var(--gold2);box-shadow:0 0 8px rgba(243,221,142,.9)} #app .loginform{background:linear-gradient(160deg,rgba(212,175,55,.08),rgba(18,16,22,.7) 45%),rgba(14,12,17,.86)} #app .loginform::before{background:linear-gradient(160deg,rgba(243,221,142,.6),rgba(212,175,55,.15) 40%,rgba(212,175,55,.06) 70%,rgba(243,221,142,.35))} #app .authtabs{background:rgba(6,5,8,.7);border-color:rgba(212,175,55,.22)} #app .authtabs::before{background:var(--goldgrad);box-shadow:0 6px 16px rgba(212,175,55,.3),inset 0 1px 0 rgba(255,255,255,.4)} #app .atab{font-family:var(--display);font-weight:700;letter-spacing:.06em} #app .atab.on{color:#2a1d05} @supports not selector(:has(a)){#app .atab.on{background:var(--goldgrad)}} #app .tin.big{background:rgba(6,5,8,.75);border-color:rgba(212,175,55,.22)} #app .tin.big:focus{border-color:rgba(243,221,142,.8);box-shadow:0 0 0 3px rgba(212,175,55,.18),0 0 18px rgba(212,175,55,.15)} #app .fld .fic{color:var(--dim)} #app .loginfoot{color:var(--dim)} #app .lfopt{color:var(--push)} /* ── 大厅:场次卡统一黑金,顶上一条金线,等级用金的深浅区分 ── */ #app .lobhead h1{font-family:var(--display);font-weight:900;letter-spacing:.06em;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent} #app .lobhint{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.25);color:var(--muted)} #app .room{background:var(--grain),radial-gradient(ellipse 130% 90% at 85% -30%,rgba(212,175,55,.14),transparent 55%),linear-gradient(150deg,#1a171f,#111014); background-blend-mode:soft-light,normal,normal;border:1px solid rgba(212,175,55,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.45)} #app .room::before{height:2px;background:linear-gradient(90deg,transparent,var(--tg,var(--gold)) 30%,#f3dd8e 50%,var(--tg,var(--gold)) 70%,transparent)} #app .room[data-tag=low]{--tg:#b9ad91} #app .room[data-tag=mid]{--tg:#c9a437} #app .room[data-tag=pro]{--tg:#d4af37} #app .room[data-tag=high]{--tg:#e9cf72} #app .room[data-tag=vip]{--tg:#f3dd8e} #app .room.recommend{box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 1px rgba(212,175,55,.45),0 0 18px rgba(212,175,55,.15)} #app .rn{font-family:var(--display);font-weight:700;letter-spacing:.04em;color:var(--ink)} #app .re{color:var(--dim)} #app .rl b,#app .go{color:var(--gold2);font-family:var(--num)} #app .sdot.on{background:var(--gold)} #app .pill.live{background:rgba(212,175,55,.14);color:var(--gold2)} #app .recbadge{background:var(--goldgrad);color:#2a1d05;font-family:var(--display);letter-spacing:.06em} #app .tiercard .playing{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.3)} #app .tiercard .playing b{color:var(--gold2);font-family:var(--num)} #app .tierback{border-color:rgba(212,175,55,.35);color:var(--gold2)} #app .ruleslink{background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.4);color:var(--gold2)} /* 飞行中的筹码克隆挂在 body 下(不在 #app 里),所以上面每条筹码规则都带了 .chipbtn.chipfly */ .chipbtn.chipfly{box-shadow:0 8px 18px rgba(0,0,0,.6) !important;filter:none !important} /* 大赢金光:改成香槟金 */ .goldflash{background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(243,221,142,.45),rgba(212,175,55,.1) 55%,transparent 75%)} /* ── 大厅 v2(BUILD 81):私人房排第一、做成 VIP 金卡;等级卡像 VIP 厅的房门 ── */ #app .lobhead{margin-bottom:16px} #app .lobhead p{color:var(--muted)} #app .privcard{position:relative;overflow:hidden; background:var(--grain),radial-gradient(ellipse 120% 100% at 100% 0%,rgba(212,175,55,.28),transparent 55%),linear-gradient(150deg,#221c14,#120f12 60%); background-blend-mode:soft-light,normal,normal; border:1px solid rgba(243,221,142,.6); box-shadow:inset 0 0 0 1px rgba(0,0,0,.5),inset 0 0 0 2px rgba(212,175,55,.22),inset 0 1px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.5),0 0 22px rgba(212,175,55,.14)} #app .privcard::before{background:linear-gradient(90deg,transparent,#d4af37 25%,#fff0b8 50%,#d4af37 75%,transparent)} #app .privcard .pvcrest{position:absolute;right:16px;top:0;pointer-events:none} #app .privcard .pvcrest span{display:block;font:900 10px/1 var(--display);letter-spacing:.26em;color:#2a1d05;padding:6px 9px 5px 11px; background:var(--goldgrad);border-radius:0 0 6px 6px;box-shadow:0 3px 8px rgba(0,0,0,.5),inset 0 -1px 0 rgba(255,255,255,.4)} #app .privcard .rh{padding-right:0;margin-top:4px;align-items:flex-start} #app .privcard .playing.pv{margin-top:22px} #app .privcard .rn{color:var(--gold2);font-size:19px;letter-spacing:.06em} #app .privcard .re{color:var(--muted);text-transform:none;letter-spacing:0;font-size:11px;line-height:1.45;margin-top:4px} #app .privcard .playing.pv{color:var(--gold2);background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.4);border-radius:14px;padding:4px 11px;font-family:var(--display);font-size:10px;letter-spacing:.06em;white-space:nowrap} #app .privcard .rl label{color:var(--muted);font-family:var(--display);font-size:11px;letter-spacing:.08em} #app .privcard .rl select{background:#0d0b10;border:1px solid rgba(212,175,55,.35);color:var(--ink);border-radius:9px} #app .privcard .btn{margin-top:10px} /* 等级卡:名字大、限额金、右上人数 */ #app .tiercard{padding:14px 16px 12px} #app .tiercard .rn{font-size:19px} #app .tiercard .re{font-family:inherit;letter-spacing:.04em;color:var(--dim)} #app .tiercard .rl{color:var(--muted);font-family:var(--display);font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:9px} #app .tiercard .rl b{font-size:14px;letter-spacing:.02em;margin-left:4px} #app .tiercard .rf{color:var(--dim)} #app .tiercard .go{font-family:var(--display);font-size:11px;letter-spacing:.1em;text-transform:uppercase} #app .tiercard.recommend{border-color:rgba(212,175,55,.5)} /* 桌列表:座位点点金色 */ #app .tiercrumb b{font-family:var(--display);color:var(--gold2);letter-spacing:.06em} #app .tiercrumb .tierlim{font-family:var(--num);color:var(--muted)} #app .tierback{background:rgba(212,175,55,.06)} #app .tierback:active{background:rgba(212,175,55,.18)} #app .room .pill{background:rgba(255,255,255,.05);color:var(--dim);border:1px solid rgba(255,255,255,.08);font-family:var(--display);letter-spacing:.08em} #app .room .pill.live{background:rgba(212,175,55,.14);color:var(--gold2);border-color:rgba(212,175,55,.4)} #app .sdot{background:rgba(255,255,255,.07)} #app .sdot.on{background:linear-gradient(90deg,#a8842a,#f3dd8e)} #app .room .rf .go{color:var(--gold2)} /* ── BUILD 82:百家乐三门 + 大小(黑金版配色) ── */ #app .bp2 .bacbox,#app .bp2 .bsbox{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.18)),#131117;border:1px solid rgba(212,175,55,.38);border-radius:10px; box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),inset 0 0 0 2px rgba(212,175,55,.12),inset 0 1px 0 rgba(255,255,255,.05),0 3px 8px rgba(0,0,0,.35)} #app .bp2 .bacbox{border-color:rgba(243,221,142,.55)} #app .bp2 .rbar.bac-p{background:linear-gradient(160deg,#2456a8,#0f2a55);border-color:rgba(140,190,255,.5)} #app .bp2 .rbar.bac-t{background:linear-gradient(160deg,#1f8a4f,#0b3a22);border-color:rgba(120,230,160,.45)} #app .bp2 .rbar.bac-b{background:linear-gradient(160deg,#b21e30,#5c0c16);border-color:rgba(255,150,160,.45)} /* 大小和单双要一眼分得开:大 = 铜橙,小 = 青绿(单双是金 / 黑) */ #app .bp2 .rbar.big{background:linear-gradient(160deg,#c9662a,#5a2708);border-color:rgba(255,180,120,.6)} #app .bp2 .rbar.small{background:linear-gradient(160deg,#1f8f9a,#0a3a40);border-color:rgba(140,225,235,.55)} #app .bp2 .rbar.big .rbn::before{content:'▲ ';font-size:.8em} #app .bp2 .rbar.small .rbn::before{content:'▼ ';font-size:.8em} #app .bp2 .rbar.bac-t .rbpay{color:#f3dd8e;font-weight:700}