/* 炸金花 · 牌桌样式（与单机版 index.html 共用同一套视觉） */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{
--gold:#f0cf7a;--gold2:#c9a227;--cream:#f6f1e4;
--red:#e5484d;--green:#30a46c;
}
html,body{height:100%;overflow:hidden;background:#050f0b}
body{
font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
color:var(--cream);-webkit-font-smoothing:antialiased;user-select:none;
position:fixed;inset:0;
}
.screen{position:absolute;inset:0;display:none;flex-direction:column}
.screen.show{display:flex}
/* ============ 大厅 ============ */
#lobby{
background:radial-gradient(120% 70% at 50% -10%,#175b43 0%,#0a2b20 40%,#04120d 78%,#020b08 100%);
padding:calc(20px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));
overflow-y:auto;-webkit-overflow-scrolling:touch;
}
.brand{text-align:center;padding:12px 0 22px}
.suits{font-size:18px;letter-spacing:10px;color:rgba(240,207,122,.55);margin-bottom:10px}
.suits .red{color:rgba(229,72,77,.6)}
.brand h1{
font-size:40px;letter-spacing:6px;font-weight:800;
background:linear-gradient(180deg,#fff4cf 0%,#f0cf7a 40%,#b98f28 100%);
-webkit-background-clip:text;background-clip:text;color:transparent;
text-shadow:0 0 40px rgba(240,207,122,.25);
font-family:Georgia,"Songti SC",serif;
}
.brand p{font-size:12px;letter-spacing:4px;color:rgba(246,241,228,.45);margin-top:8px}
.panel{
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
border:1px solid rgba(240,207,122,.14);border-radius:18px;padding:6px 16px;
}
.field{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.field:last-child{border-bottom:none}
.field.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.field>label{display:block;font-size:11px;letter-spacing:.16em;color:rgba(246,241,228,.5);margin-bottom:9px}
.field.row>label{margin:0;font-size:12.5px;letter-spacing:0;color:rgba(246,241,228,.78);line-height:1.4}
#inpName{
width:100%;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);
border-radius:11px;height:42px;padding:0 13px;color:var(--cream);font-size:15px;
font-family:inherit;outline:none;
}
#inpName:focus{border-color:rgba(240,207,122,.55)}
.seg{display:flex;gap:6px}
.seg button{
flex:1;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.09);
background:rgba(255,255,255,.045);color:rgba(246,241,228,.62);
font-size:13px;font-family:inherit;font-weight:600;transition:.18s;
}
.seg button.on{
background:linear-gradient(180deg,rgba(240,207,122,.95),rgba(201,162,39,.9));
color:#241a02;border-color:transparent;box-shadow:0 4px 14px rgba(201,162,39,.3);
}
.switch{
width:48px;height:27px;border-radius:99px;border:none;position:relative;
background:rgba(255,255,255,.13);transition:.22s;flex:0 0 auto;
}
.switch::after{
content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;
background:#fff;transition:.22s;box-shadow:0 2px 6px rgba(0,0,0,.4);
}
.switch.on{background:linear-gradient(90deg,#2f9e6b,#48c78e)}
.switch.on::after{left:24px}
.btn{
border:none;border-radius:13px;font-family:inherit;font-weight:700;color:var(--cream);
background:rgba(255,255,255,.08);transition:transform .12s,opacity .2s;cursor:pointer;
}
.btn:active{transform:scale(.965)}
.btn:disabled{opacity:.32}
.btn.gold{background:linear-gradient(180deg,#f7db98,#c9a227);color:#241a02;box-shadow:0 6px 18px rgba(201,162,39,.32)}
.btn.big{height:54px;font-size:17px;letter-spacing:3px;border-radius:15px;margin-top:20px;width:100%}
.stats{display:flex;margin-top:22px;padding:0 4px}
.stats>div{flex:1;text-align:center}
.stats b{display:block;font-size:19px;font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}
.stats span{font-size:10.5px;letter-spacing:.1em;color:rgba(246,241,228,.38)}
.rule-link{text-align:center;margin-top:18px;font-size:12px;color:rgba(246,241,228,.4);text-decoration:underline;text-underline-offset:3px}
/* ============ 牌桌 ============ */
#game{
background:radial-gradient(95% 52% at 50% 40%,#186b4f 0%,#0b3b2c 38%,#062017 70%,#030f0a 100%);
padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);
}
#game::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(closest-side at 50% 42%,transparent 45%,rgba(0,0,0,.55) 100%);
}
.topbar{
display:flex;align-items:center;justify-content:space-between;
padding:8px 12px;height:46px;flex:0 0 auto;z-index:2;
}
.ico-btn{
width:34px;height:34px;border-radius:10px;border:none;background:rgba(255,255,255,.07);
color:rgba(246,241,228,.8);font-size:16px;line-height:1;font-family:inherit;
}
.topbar-mid{display:flex;align-items:center;gap:9px;font-size:12px;color:rgba(246,241,228,.6)}
.topbar-mid b{color:var(--gold);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.dot{width:3px;height:3px;border-radius:50%;background:rgba(240,207,122,.4)}
.opponents{
display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));
gap:7px;padding:4px 12px 0;flex:0 0 auto;z-index:2;
}
.seat{
display:flex;flex-direction:column;align-items:center;gap:2px;
padding:7px 3px 7px;border-radius:12px;position:relative;
background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));
border:1px solid rgba(240,207,122,.1);transition:.25s;
}
.seat.turn{
border-color:rgba(240,207,122,.8);
background:linear-gradient(180deg,rgba(240,207,122,.16),rgba(240,207,122,.03));
box-shadow:0 0 0 1px rgba(240,207,122,.35),0 0 20px rgba(240,207,122,.22);
}
.seat.folded{opacity:.38;filter:grayscale(.7)}
.seat-cards{display:flex;gap:2px;--cw:20px;margin-bottom:2px;height:calc(20px*1.42)}
.seat-name{font-size:11px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seat-chips{font-size:10px;color:rgba(240,207,122,.8);font-variant-numeric:tabular-nums}
.seat-bet{
position:absolute;top:-5px;right:-4px;font-size:9.5px;font-weight:700;
background:linear-gradient(180deg,#f7db98,#c9a227);color:#2a1f02;
padding:1px 5px;border-radius:99px;box-shadow:0 2px 6px rgba(0,0,0,.45);
}
.badge{font-size:9px;padding:1px 6px;border-radius:99px;letter-spacing:.04em}
.badge.blind{background:rgba(94,160,255,.18);color:#8fb8ff}
.badge.seen{background:rgba(240,207,122,.16);color:var(--gold)}
.badge.off{background:rgba(255,255,255,.08);color:rgba(246,241,228,.45)}
.dealer-badge{
display:inline-flex;align-items:center;justify-content:center;
width:16px;height:16px;border-radius:5px;flex:0 0 auto;
background:linear-gradient(180deg,#f7db98,#c9a227);color:#2a1f02;
font-size:10px;font-weight:800;line-height:1;letter-spacing:0;
box-shadow:0 2px 6px rgba(0,0,0,.4);
}
.seat .dealer-badge{position:absolute;top:-5px;left:-4px;width:15px;height:15px;font-size:9px;border-radius:4px}
.seat.vs{border-color:rgba(229,72,77,.7);box-shadow:0 0 0 1px rgba(229,72,77,.35),0 0 16px rgba(229,72,77,.28)}
.seat .badge.vs{
position:absolute;top:-7px;left:50%;transform:translateX(-50%);z-index:3;
background:linear-gradient(180deg,#e5484d,#a81f26);color:#fff;font-weight:700;
font-size:9px;padding:1px 6px;border-radius:7px;white-space:nowrap;
box-shadow:0 2px 8px rgba(229,72,77,.5);
}
/* 顺位序号：庄家下家为 1，顺时针递增；庄家本人显示「庄」，二者互斥 */
.ord-badge{
display:inline-flex;align-items:center;justify-content:center;
min-width:15px;height:15px;padding:0 3px;border-radius:99px;flex:0 0 auto;
background:rgba(10,26,20,.92);border:1px solid rgba(240,207,122,.55);
color:#ffeaa8;font-size:9px;font-weight:800;line-height:1;
font-variant-numeric:tabular-nums;box-shadow:0 2px 6px rgba(0,0,0,.45);
}
.seat .ord-badge{position:absolute;top:-5px;left:-4px;height:15px;font-size:9px}
.seat .badge.cut{
position:absolute;top:-7px;left:50%;transform:translateX(-50%);z-index:3;
background:linear-gradient(180deg,#4a96d8,#1d5389);color:#fff;font-weight:700;
font-size:9px;padding:1px 6px;border-radius:7px;white-space:nowrap;
box-shadow:0 2px 8px rgba(74,150,216,.5);
}
.center{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:70px;z-index:2;position:relative}
.center::before{
content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:min(88vw,360px);height:min(42vh,200px);border-radius:50%;
border:1.5px solid rgba(240,207,122,.12);
background:radial-gradient(closest-side,rgba(0,0,0,.22),transparent 78%);
box-shadow:inset 0 6px 30px rgba(0,0,0,.3);pointer-events:none;
}
.round-chip{font-size:10.5px;letter-spacing:.18em;color:rgba(246,241,228,.42)}
.round-chip b{color:rgba(240,207,122,.75)}
.pot{
padding:8px 26px;border-radius:999px;text-align:center;
background:radial-gradient(circle at 50% 0%,rgba(240,207,122,.2),rgba(0,0,0,.4));
border:1px solid rgba(240,207,122,.28);
box-shadow:0 8px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08);
}
.pot.pop{animation:pop .35s ease}
@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.12)}100%{transform:scale(1)}}
.pot-label{font-size:9.5px;letter-spacing:.26em;color:rgba(240,207,122,.7)}
.pot-val{font-size:26px;font-weight:800;color:#ffeaa8;font-variant-numeric:tabular-nums;line-height:1.15;text-shadow:0 0 20px rgba(240,207,122,.45)}
.table-tip{font-size:11.5px;color:rgba(246,241,228,.55);height:16px;letter-spacing:.05em}
/* 侧边流水：本局所有动作按时间顺序滚动展示 */
.gamelog{
position:absolute;right:6px;top:50%;transform:translateY(-50%);
width:99px;max-height:40%;overflow:hidden;
display:flex;flex-direction:column;justify-content:flex-end;gap:4px;
padding:8px 7px;border-radius:11px;z-index:3;pointer-events:none;
background:linear-gradient(180deg,rgba(3,15,10,.66),rgba(3,15,10,.3));
border:1px solid rgba(240,207,122,.1);
box-shadow:0 6px 18px rgba(0,0,0,.3);
-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 100%);
mask-image:linear-gradient(180deg,transparent,#000 14%,#000 100%);
font-size:9.5px;line-height:1.5;letter-spacing:.01em;
}
.gamelog:empty{display:none}
.gamelog .lg{color:rgba(246,241,228,.6);word-break:break-word;animation:lgin .22s ease}
.gamelog .lg b{color:#ffeaa8;font-weight:700}
.gamelog .lg.sep{
color:rgba(240,207,122,.55);font-size:9px;letter-spacing:.1em;
border-top:1px solid rgba(240,207,122,.14);padding-top:4px;margin-top:2px;
}
.gamelog .lg.sep:first-child{border-top:none;padding-top:0;margin-top:0}
@keyframes lgin{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
/* 桌面牌堆：发牌与抬牌的动作都从这里出发 */
.deck-stack{
position:absolute;left:9%;top:47%;width:23px;height:32px;
transform:translate(-50%,-50%) rotate(-7deg);transform-origin:50% 100%;
pointer-events:none;z-index:1;transition:opacity .3s;
}
.deck-stack .ds{
position:absolute;inset:0;border-radius:3px;
background:
repeating-linear-gradient(45deg,rgba(240,207,122,.13) 0 3px,transparent 3px 7px),
linear-gradient(150deg,#1b4068,#0a1b2e 70%);
box-shadow:0 3px 8px rgba(0,0,0,.45),inset 0 0 0 1px rgba(240,207,122,.32);
}
.deck-stack .ds:nth-child(1){transform:translate(2px,2px)}
.deck-stack .ds:nth-child(2){transform:translate(1px,1px)}
.deck-stack.cutting .ds:nth-child(3){animation:sliceUp .62s cubic-bezier(.35,0,.3,1)}
@keyframes sliceUp{
0%{transform:none}
36%{transform:translate(14px,-14px) rotate(11deg)}
66%{transform:translate(14px,-14px) rotate(11deg)}
100%{transform:none}
}
.deck-stack.empty{opacity:0}
.mine{padding:0 14px 6px;display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;z-index:2}
.mine-head{display:flex;align-items:center;gap:8px;font-size:12px}
.mine-head .nm{font-weight:700}
.mine-chips{color:var(--gold);font-variant-numeric:tabular-nums;font-weight:700}
.my-cards{display:flex;gap:7px;--cw:66px}
.my-status{font-size:11px;color:rgba(246,241,228,.5);height:15px}
.card{
width:var(--cw,66px);height:calc(var(--cw,66px)*1.42);border-radius:calc(var(--cw,66px)*.12);
background:linear-gradient(160deg,#fffdf7,#f0e9d8);
box-shadow:0 6px 14px rgba(0,0,0,.45),inset 0 0 0 1px rgba(0,0,0,.07);
position:relative;display:flex;flex-direction:column;justify-content:space-between;
padding:calc(var(--cw,66px)*.085);color:#1b1b1b;font-weight:800;
font-family:Georgia,"Times New Roman",serif;flex:0 0 auto;
}
.card .cr{font-size:calc(var(--cw,66px)*.36);line-height:.92;letter-spacing:-.02em}
.card .cs{font-size:calc(var(--cw,66px)*.36);align-self:flex-end;line-height:.92}
.card.red{color:#c81e2b}
.card.back{
background:
repeating-linear-gradient(45deg,rgba(240,207,122,.11) 0 4px,transparent 4px 9px),
linear-gradient(150deg,#1b4068,#0a1b2e 70%);
box-shadow:0 6px 14px rgba(0,0,0,.5),inset 0 0 0 1.5px rgba(240,207,122,.3);
}
.card.flip{animation:flipIn .42s cubic-bezier(.2,.8,.3,1)}
@keyframes flipIn{0%{transform:rotateY(88deg) scale(.92);opacity:.3}100%{transform:rotateY(0) scale(1);opacity:1}}
/* 发牌：牌从桌面牌堆飞向座位。位移量由 JS 量出后写入 --dx/--dy */
.card.pre{opacity:0}
.card.deal{animation:dealIn .38s cubic-bezier(.22,.85,.28,1) both;animation-delay:var(--d,0ms)}
@keyframes dealIn{
0%{opacity:0;transform:translate(var(--dx,0px),var(--dy,0px)) scale(.5) rotate(-14deg)}
22%{opacity:1}
100%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}
}
.actions{padding:4px 12px calc(8px);display:flex;flex-direction:column;gap:7px;flex:0 0 auto;z-index:2}
.act-row{display:flex;gap:7px}
.act-row .btn{flex:1;height:44px;font-size:14.5px}
.wait{
height:52px;display:flex;align-items:center;justify-content:center;
font-size:13px;color:rgba(246,241,228,.55);letter-spacing:.04em;
}
.wait b{color:var(--gold);margin:0 2px}
/* ============ 弹层 ============ */
.overlay{
position:fixed;inset:0;background:rgba(2,8,5,.8);backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;
padding:20px;z-index:60;
}
.overlay.show{display:flex}
.result-card{
width:100%;max-width:390px;border-radius:20px;padding:20px 18px 16px;
background:linear-gradient(180deg,#12402f,#081d16);
border:1px solid rgba(240,207,122,.28);
box-shadow:0 26px 70px rgba(0,0,0,.65);animation:rise .32s ease;
}
@keyframes rise{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
.res-title{text-align:center;font-size:12px;letter-spacing:.3em;color:rgba(240,207,122,.75)}
.res-who{text-align:center;font-size:22px;font-weight:800;margin:8px 0 2px;color:#ffeaa8}
.res-gain{text-align:center;font-size:13px;color:var(--green);margin-bottom:16px;font-variant-numeric:tabular-nums}
.res-row{
display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;
margin-bottom:6px;background:rgba(255,255,255,.035);
}
.res-row.win{background:linear-gradient(90deg,rgba(240,207,122,.2),rgba(240,207,122,.04));border:1px solid rgba(240,207,122,.4)}
.res-cards{display:flex;gap:2px;--cw:19px;flex:0 0 auto}
.res-info{flex:1;min-width:0}
.res-name{font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res-hand{font-size:10.5px;color:rgba(240,207,122,.72);margin-top:1px}
.res-net{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;flex:0 0 auto}
.res-net.plus{color:#5fd39a}
.res-net.minus{color:#ef8080}
.res-actions{display:flex;gap:8px;margin-top:14px}
.res-actions .btn{flex:1;height:46px;font-size:15px}
/* ============ 比牌大图 ============ */
.cmp-card{
width:100%;max-width:358px;border-radius:22px;padding:16px 14px 14px;
background:linear-gradient(180deg,#15452f,#081d16);
border:1px solid rgba(240,207,122,.3);
box-shadow:0 26px 70px rgba(0,0,0,.7);animation:rise .28s ease;
}
.cmp-title{text-align:center;font-size:12px;letter-spacing:.3em;color:rgba(240,207,122,.8);margin-bottom:12px}
.cmp-body{display:flex;align-items:center;justify-content:center;gap:5px}
.cmp-side{
flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px;
padding:10px 7px 8px;border-radius:15px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
transition:.2s;position:relative;
}
.cmp-side .cmp-cards{display:flex;gap:4px;--cw:41px}
.cmp-side.win{
background:linear-gradient(180deg,rgba(240,207,122,.2),rgba(240,207,122,.03));
border-color:rgba(240,207,122,.62);
box-shadow:0 0 24px rgba(240,207,122,.2);
}
.cmp-side.lose{opacity:.6}
.cmp-side.win .cmp-name{color:#ffeaa8}
.cmp-name{font-size:12px;font-weight:700;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-hand{font-size:10.5px;color:rgba(240,207,122,.78);font-weight:600;height:13px}
.cmp-tag{
position:absolute;top:-9px;right:-7px;font-size:9.5px;font-weight:800;
padding:2px 6px;border-radius:6px;letter-spacing:.06em;
}
.cmp-tag.w{background:linear-gradient(180deg,#f7dfa2,#dcb45f);color:#3a2506}
.cmp-tag.l{background:rgba(255,120,120,.16);color:#ff9b9b;border:1px solid rgba(255,120,120,.3)}
.cmp-vs{
flex:0 0 auto;font-size:11px;font-weight:800;letter-spacing:.06em;
color:rgba(246,241,228,.4);padding:0 1px;
}
.cmp-foot{
margin-top:13px;text-align:center;font-size:12px;color:rgba(246,241,228,.62);
}
.cmp-foot b{color:#ff9b9b}
.cmp-foot i{font-style:normal;color:#ffeaa8;font-weight:800;font-variant-numeric:tabular-nums;font-size:13px;margin:0 1px}
.cmp-gain{margin-top:12px;text-align:center;font-size:12.5px;color:rgba(246,241,228,.74)}
.cmp-gain b{color:#5fd39a;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;margin-left:2px}
.cmp-bar{
margin-top:9px;height:3px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;
}
.cmp-bar i{display:block;height:100%;background:linear-gradient(90deg,#f7dfa2,#dcb45f);animation:cmpbar 10s linear forwards}
@keyframes cmpbar{from{width:100%}to{width:0%}}
.cmp-skip{margin-top:9px;text-align:center;font-size:10.5px;letter-spacing:.16em;color:rgba(246,241,228,.34)}
.sheet{
position:fixed;inset:0;z-index:70;display:none;
background:rgba(2,8,5,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
.sheet.show{display:block}
.sheet-inner{
position:absolute;left:0;right:0;bottom:0;
background:linear-gradient(180deg,#123c2d,#071a13);
border-top:1px solid rgba(240,207,122,.25);
border-radius:20px 20px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));
animation:up .26s cubic-bezier(.2,.8,.3,1);
}
@keyframes up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.sheet-title{text-align:center;font-size:12px;letter-spacing:.24em;color:rgba(240,207,122,.7);margin-bottom:14px}
.sheet-item{
width:100%;display:flex;align-items:center;justify-content:space-between;
padding:14px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.05);color:var(--cream);font-family:inherit;
font-size:14.5px;font-weight:600;margin-bottom:8px;
}
.sheet-item .sub{font-size:11.5px;color:rgba(240,207,122,.7);font-weight:500}
.sheet-item:active{background:rgba(240,207,122,.14)}
.sheet-item.dis{opacity:.4;pointer-events:none}
.sheet-item.dis:active{background:rgba(255,255,255,.05)}
/* 抬牌确认：随机 / 指定张数 / 不抬 */
.cut-hint{text-align:center;font-size:11px;color:rgba(246,241,228,.42);margin:-4px 0 12px}
.cut-step{display:none;padding:10px 12px 12px;margin:-2px 0 8px;border-radius:13px;
background:rgba(0,0,0,.28);border:1px solid rgba(240,207,122,.2)}
.cut-step.open{display:block;animation:lgin .2s ease}
.cut-qty-row{display:flex;align-items:center;gap:7px;justify-content:center}
.cut-adj{
width:42px;height:36px;border-radius:10px;border:1px solid rgba(240,207,122,.28);
background:rgba(240,207,122,.1);color:#ffeaa8;font-family:inherit;
font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;
}
.cut-adj:active{background:rgba(240,207,122,.24)}
.cut-adj:disabled{opacity:.32}
.cut-qty{
flex:1;text-align:center;font-size:26px;font-weight:800;color:#ffeaa8;
font-variant-numeric:tabular-nums;line-height:1;
}
.cut-qty span{font-size:11px;font-weight:600;color:rgba(240,207,122,.6);margin-left:3px}
.cut-rest{text-align:center;font-size:10.5px;color:rgba(246,241,228,.45);margin-top:9px}
.cut-rest b{color:#9fe0b5}
.cut-rest.low b{color:#ff9b9b}
.cut-ok{width:100%;height:44px;margin-top:10px;border-radius:11px;border:none;
font-family:inherit;font-size:14.5px;font-weight:800;color:#2a1f02;
background:linear-gradient(180deg,#f7dfa2,#dcb45f);box-shadow:0 6px 16px rgba(220,180,95,.28)}
.sheet-cancel{
width:100%;height:46px;border-radius:13px;border:none;margin-top:4px;
background:rgba(255,255,255,.07);color:rgba(246,241,228,.7);
font-family:inherit;font-size:14.5px;font-weight:600;
}
.toast{
position:fixed;left:50%;top:calc(64px + env(safe-area-inset-top));transform:translate(-50%,-8px);
background:rgba(0,0,0,.8);border:1px solid rgba(240,207,122,.24);
padding:8px 16px;border-radius:99px;font-size:12.5px;z-index:99;opacity:0;
transition:.28s;pointer-events:none;white-space:nowrap;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.rule-body{max-height:56vh;overflow-y:auto;font-size:13px;line-height:1.85;color:rgba(246,241,228,.82)}
.rule-body h4{font-size:12px;letter-spacing:.16em;color:var(--gold);margin:12px 0 6px;font-weight:700}
.rule-body h4:first-child{margin-top:0}
.rule-body em{color:#ffeaa8;font-style:normal;font-weight:700}