.room-layout .room-toolbar [data-room-switch]{background:#eeb500}
.room-layout .room-toolbar [data-room-scratch]{background:#fa4046}
.room-layout .room-toolbar [data-go="充值"]{background:#11a64e}
.room-layout .room-toolbar [data-go="提现"]{background:#f26300}
.room-tool-dialog{padding:0;border:0;color:#333;box-sizing:border-box;max-width:100vw;max-height:100dvh}
.room-tool-dialog::backdrop{background:#000a}
.room-tool-dialog button{cursor:pointer;font:inherit}
.room-switch-dialog{margin:auto 0 0;width:100%;height:60dvh;border-radius:20px 20px 0 0;background:white;overflow:auto}
.room-switch-dialog header{display:flex;align-items:center;justify-content:center;position:sticky;top:0;background:#fff;padding:18px 48px;border-bottom:1px solid #eee;z-index:1}
.room-switch-dialog h2{margin:0;font-size:22px}.room-switch-dialog header button{position:absolute;right:18px;top:10px;border:0;background:none;font-size:32px;color:#999}
.room-switch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:20px}
.room-switch-item{display:flex;gap:12px;align-items:center;position:relative;border:1px solid #e8edf4;border-radius:12px;background:#f7f9fc;padding:16px;text-align:left;min-width:0;color:#333}
.room-switch-item.selected{background:#eaf3ff;border-color:#5798ff}.room-switch-item img{width:64px;height:64px;object-fit:contain}.room-switch-item b{display:block;font-size:16px}.room-switch-item small{display:block;color:#7690af;margin-top:8px}.room-switch-item i{position:absolute;right:8px;bottom:6px;color:#2a83ff}
.room-scratch-dialog{background:transparent;width:min(904px,100vw);margin:auto;padding:16px;overflow:auto;overscroll-behavior:contain}
.room-scratch-dialog::backdrop{background:#111}
.room-scratch-card{position:relative;box-sizing:border-box;border:3px solid #ff4baf;border-radius:8px;background:#ffe6f5;padding:40px 24px 26px;color:#ff168b;text-align:center;min-width:0}
.room-scratch-card h2{font-size:clamp(19px,3.5vw,32px);font-weight:500;margin:18px 0 24px;color:#ff168b}
.scratch-dismiss{position:absolute;top:4px;right:12px;background:none;border:0;color:#ba4786;font-size:28px!important}
.room-scratch-surface{position:relative;aspect-ratio:2.07;border:7px solid #ff269e;overflow:hidden;background:white;user-select:none}
.room-scratch-surface canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
.room-scratch-surface [data-scratch-result]{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(4px,1.5vw,15px);font-size:clamp(16px,3.4vw,32px)}
.room-scratch-surface .draw-ball{width:clamp(28px,7vw,64px);height:clamp(28px,7vw,64px);font-size:inherit}
.room-scratch-surface .draw-label{position:absolute;bottom:12%;font-size:clamp(14px,2.5vw,28px);color:#ff168b}
.room-scratch-card>p{font-size:clamp(18px,3vw,30px);margin:28px 0 0;color:#ff168b}
.scratch-slogans{font-size:clamp(14px,2.3vw,23px);font-weight:bold;line-height:1.8;margin-top:28px;color:#fa5396}
.room-scratch-card footer{display:flex;justify-content:center;gap:24px;margin-top:24px}.room-scratch-card footer button{padding:10px 30px;border:1px solid #fc81c5;border-radius:8px;background:#fff;color:#ec268e;min-height:44px}
@media(max-width:700px){.room-switch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px}.room-switch-item{flex-direction:column;padding:14px 8px;text-align:center}.room-switch-item img{width:56px;height:56px}.room-switch-item b{font-size:14px}.room-scratch-dialog{padding:8px}.room-scratch-card{padding:25px 10px 22px}.room-scratch-surface{border-width:4px}.room-scratch-card h2{margin:12px 0 20px}.room-layout .room-toolbar{top:30%;gap:8px}}
@media(max-height:540px){.room-layout .room-toolbar{top:70px;gap:5px}.room-layout .room-toolbar button{width:40px;height:40px;font-size:12px}}