.room-password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:#00000073}.room-password-card{width:min(420px,100%);padding:20px 24px 16px;border-radius:8px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.room-password-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#000000e0}.room-password-subtitle{margin:0 0 16px;font-size:13px;color:#00000073;line-height:1.5}.room-password-room{margin-bottom:16px;padding:8px 12px;border-radius:6px;background:#f5f5f5;border:1px solid #f0f0f0;font-size:13px;color:#000000e0}.room-password-input{width:100%;box-sizing:border-box;padding:6px 11px;border-radius:6px;border:1px solid #d9d9d9;background:#fff;color:#000000e0;font-size:14px;transition:border-color .2s,box-shadow .2s}.room-password-input:hover{border-color:#4096ff}.room-password-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a}.room-password-error{margin:8px 0 0;font-size:12px;color:#ff4d4f}.room-password-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.room-password-btn{padding:4px 15px;border-radius:6px;border:1px solid #d9d9d9;background:#fff;color:#000000e0;font-size:14px;cursor:pointer;transition:all .2s}.room-password-btn:hover{color:#4096ff;border-color:#4096ff}.room-password-btn--primary{border-color:#1677ff;background:#1677ff;color:#fff}.room-password-btn--primary:hover{background:#4096ff;border-color:#4096ff;color:#fff}.room-select-page{min-height:100%;background:#f5f5f5;color:#000000e0;font-size:13px;line-height:1.5}.room-select-wrap{padding:8px;max-width:1400px;margin:0 auto;box-sizing:border-box}.room-select-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.room-select-toolbar-title h1{margin:0 0 4px;font-size:16px;font-weight:600;color:#262626}.room-select-toolbar-title p{margin:0;font-size:12px;color:#8c8c8c}.room-select-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 1px 2px #00000008;overflow:hidden}.room-select-table-wrap{overflow:auto}.room-select-table{width:100%;border-collapse:collapse;table-layout:fixed}.room-select-table thead th{padding:8px;text-align:left;font-weight:600;font-size:12px;color:#000000e0;background:#fafafa;border-bottom:1px solid #f0f0f0;white-space:nowrap}.room-select-table thead th:nth-child(1){width:22%}.room-select-table thead th:nth-child(2){width:18%}.room-select-table thead th:nth-child(3){width:10%}.room-select-table thead th:nth-child(4){width:14%}.room-select-table thead th:nth-child(5){width:14%}.room-select-table thead th:nth-child(6){width:12%}.room-select-table tbody td{padding:6px 8px;font-size:12px;color:#000000e0;border-bottom:1px solid #f0f0f0;vertical-align:middle}.room-select-table tbody tr:hover td{background:#fafafa}.room-select-table tbody tr:last-child td{border-bottom:none}.rs-cell-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs-tag{display:inline-block;padding:0 7px;font-size:12px;line-height:20px;border-radius:4px;border:1px solid #d9d9d9;background:#fafafa;color:#000000e0}.rs-tag--green{color:#389e0d;background:#f6ffed;border-color:#b7eb8f}.rs-tag--blue{color:#0958d9;background:#e6f4ff;border-color:#91caff}.rs-link-btn{padding:0;border:none;background:none;color:#1677ff;font-size:12px;cursor:pointer}.rs-link-btn:hover{color:#4096ff}.rs-btn{padding:4px 15px;font-size:13px;line-height:1.5;border-radius:6px;cursor:pointer;transition:all .2s}.rs-btn--default{color:#000000e0;background:#fff;border:1px solid #d9d9d9}.rs-btn--default:hover:not(:disabled){color:#4096ff;border-color:#4096ff}.rs-btn:disabled{opacity:.6;cursor:not-allowed}.room-select-table-footer{padding:8px 12px;text-align:right;font-size:12px;color:#8c8c8c;border-top:1px solid #f0f0f0}.room-select-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:48px 24px;color:#8c8c8c;font-size:13px}.room-select-status--error{color:#ff4d4f}.rs-spin{display:inline-block;width:14px;height:14px;border:2px solid #f0f0f0;border-top-color:#1677ff;border-radius:50%;animation:rs-spin .8s linear infinite}@keyframes rs-spin{to{transform:rotate(360deg)}}.room-display-page{position:relative;display:flex;flex-direction:column;min-height:100%;height:100%;padding:16px 32px 28px;overflow:hidden;--ps-bg-1: transparent;--ps-bg-2: transparent;--ps-bg-base: #eab308;--ps-accent: #ca8a04;--ps-accent-soft: #facc15;--ps-accent-glow: rgba(234, 179, 8, .35);--ps-brand-gradient: linear-gradient(180deg, #facc15 0%, #ca8a04 100%);--ps-panel-bg: rgba(255, 255, 255, .45);--ps-panel-border: rgba(255, 255, 255, .5);--ps-panel-highlight: rgba(255, 255, 255, .38);--ps-panel-shadow: 0 8px 28px rgba(202, 138, 4, .1);--ps-inner-bg: rgba(255, 255, 255, .32);--ps-key-border: rgba(202, 138, 4, .28);--ps-key-bg: rgba(255, 255, 255, .55);--ps-service-btn: linear-gradient(135deg, #f59e0b, #d97706);--ps-submit-btn: linear-gradient(135deg, #ca8a04, #facc15);--ps-cast-border: rgba(255, 255, 255, .72);--ps-room-name: rgba(0, 0, 0, .88);--ps-logo-ring: rgba(202, 138, 4, .28)}.room-display-page--empty{align-items:center;justify-content:center;gap:16px;color:#fff9}.room-display-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -8%,var(--ps-bg-1),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,var(--ps-bg-2),transparent),linear-gradient(180deg,var(--ps-bg-base) 0%,color-mix(in srgb,var(--ps-bg-base) 70%,#000) 50%,var(--ps-bg-base) 100%);z-index:0;pointer-events:none}.display-header,.display-top,.display-body{position:relative;z-index:1}.display-top{flex-shrink:0;margin-bottom:14px}.display-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 20px;padding:10px 18px;border-radius:16px;border:1px solid var(--ps-panel-border);background:color-mix(in srgb,var(--ps-panel-bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--ps-panel-shadow);margin-bottom:0;flex-shrink:0}.display-header-brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}.display-header-spacer{flex:1}.display-header-meta{min-width:0;display:flex;justify-content:flex-end}.display-logo-slot{height:40px;min-width:128px;max-width:200px;display:flex;align-items:center;justify-content:center;padding:4px 14px;border-radius:10px;border:1px dashed var(--ps-logo-ring);background:var(--ps-panel-highlight)}.display-store-logo{max-height:30px;max-width:100%;width:auto;object-fit:contain}.display-logo-placeholder{display:flex;align-items:center;justify-content:center;width:100%}.display-logo-placeholder-mark{font-size:13px;font-weight:600;letter-spacing:.18em;background:var(--ps-brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-btn{flex-shrink:0;padding:8px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ps-panel-border) 80%,rgba(255,255,255,.12));background:var(--ps-panel-highlight);color:#ffffffe0;font-size:13px;letter-spacing:.04em;transition:background .15s,border-color .15s}.back-btn:hover{background:color-mix(in srgb,var(--ps-accent) 16%,transparent);border-color:color-mix(in srgb,var(--ps-accent-soft) 35%,transparent)}.display-room-line{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#ffffff8c;line-height:1.4}.display-room-line-item{flex-shrink:0}.display-room-line-name{color:var(--ps-room-name);font-weight:600}.display-room-line-sep{flex-shrink:0;margin:0 10px;color:#ffffff47}.display-access-key{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:14px 28px 16px;border-radius:16px;border:1px solid var(--ps-key-border);background:var(--ps-key-bg);box-shadow:0 8px 32px #0000001f}.display-access-key--compact{flex-direction:row;align-items:center;gap:10px;margin-top:0;padding:8px 16px;border-radius:12px;box-shadow:inset 0 1px #ffffff0f;justify-self:center}.display-access-key-label{font-size:13px;letter-spacing:.12em;color:#ffffffa6;white-space:nowrap}.display-access-key--compact .display-access-key-label{font-size:12px;letter-spacing:.06em}.display-access-key-value{font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:.28em;padding-left:.28em;color:#fff;text-shadow:0 0 24px var(--ps-accent-glow);font-variant-numeric:tabular-nums}.display-access-key--compact .display-access-key-value{font-size:22px;letter-spacing:.18em;padding-left:.18em;text-shadow:0 0 12px rgba(167,139,250,.45)}.display-access-key-hint{font-size:12px;color:#ffffff73}.display-access-key--compact .display-access-key-hint{font-size:11px;color:#ffffff61;white-space:nowrap}@media (max-width: 1100px){.display-access-key--compact .display-access-key-hint{display:none}}.danmaku-panel{display:flex;flex-direction:column;flex-shrink:0;min-height:0;padding:16px 22px;border-radius:20px;border:1px solid var(--ps-panel-border);background:var(--ps-panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--ps-panel-shadow);overflow:hidden}.danmaku-panel:before{content:"";display:block;height:1px;margin:-16px -22px 12px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ps-accent-soft) 45%,transparent),transparent);opacity:.65}.danmaku-panel-head{margin-bottom:10px}.danmaku-panel-stage{position:relative;height:56px;overflow:hidden;border-radius:14px;background:var(--ps-inner-bg);border:1px solid color-mix(in srgb,var(--ps-panel-border) 70%,transparent)}.danmaku-panel-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:13px;color:#ffffff59}.danmaku-item{position:absolute;left:100%;top:var(--dm-top);white-space:nowrap;font-size:15px;font-weight:500;color:var(--dm-color);animation:danmaku-scroll var(--dm-duration, 12s) linear infinite;animation-delay:var(--dm-delay);text-shadow:0 1px 6px rgba(0,0,0,.9);pointer-events:none}@keyframes danmaku-scroll{0%{transform:translate(0)}to{transform:translate(-200%)}}.display-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(280px,.42fr) minmax(420px,.58fr);gap:20px}.cast-panel{display:flex;flex-direction:column;min-height:0;padding:22px 24px 24px;border-radius:20px;border:1px solid var(--ps-panel-border);background:var(--ps-panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--ps-panel-shadow);overflow:hidden}.cast-panel:before,.guests-panel:before,.music-panel:before,.service-panel:before,.danmaku-panel:before{content:"";display:block;height:1px;margin:-22px -24px 18px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ps-accent-soft) 45%,transparent),transparent);opacity:.65}.service-panel:before{margin-top:-20px;margin-bottom:14px}.music-panel:before{margin-bottom:14px}.cast-screen{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;margin-bottom:0;border-radius:16px;border:2px dashed rgba(255,255,255,.12);background:#0006;color:#ffffff73;font-size:14px;text-align:center;padding:16px;overflow:hidden;position:relative}.cast-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cast-fullscreen-btn{flex-shrink:0;padding:8px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ps-accent-soft) 55%,transparent);background:color-mix(in srgb,var(--ps-accent) 40%,transparent);color:#fff;font-size:14px;cursor:pointer;transition:background .15s}.cast-fullscreen-btn:hover{background:color-mix(in srgb,var(--ps-accent) 60%,transparent)}.cast-slide-stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.cast-screen--active .cast-slide-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:14px;opacity:0;transition:opacity .8s ease-in-out;pointer-events:none}.cast-screen--active .cast-slide-image.is-visible{opacity:1;z-index:1}.cast-screen--overlay-fullscreen{display:none}html.cast-fs-active,body.cast-fs-active{overflow:hidden!important;background:#000!important}.room-display-page--cast-fs .display-top,.room-display-page--cast-fs .side-panel,.room-display-page--cast-fs .cast-panel{visibility:hidden;pointer-events:none}.cast-fs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;width:100vw;height:100vh;margin:0;padding:0;background:#000;overflow:hidden}.cast-fs-overlay-stack{position:absolute;top:0;right:0;bottom:0;left:0}.cast-fs-overlay-stack img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .8s ease-in-out;pointer-events:none}.cast-fs-overlay-stack img.is-visible{opacity:1;z-index:1}.cast-fs-overlay-caption{position:absolute;left:0;right:0;bottom:48px;margin:0;text-align:center;font-size:16px;color:#ffffffbf;z-index:2;pointer-events:none}.cast-fs-overlay-dots{position:absolute;left:0;right:0;bottom:20px;display:flex;gap:8px;justify-content:center;z-index:2}.cast-fs-overlay-dots button{width:10px;height:10px;padding:0;border:none;border-radius:50%;background:#ffffff59;cursor:pointer}.cast-fs-overlay-dots button.is-active{background:#b47aff}.cast-fs-overlay-exit{position:absolute;top:16px;right:16px;z-index:3;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;font-size:14px;cursor:pointer}.cast-fs-overlay-exit:hover{background:#000000bf}.cast-screen--fullscreen{background:#000}.cast-screen--fullscreen:fullscreen,.cast-screen--fullscreen:-webkit-full-screen{width:100vw;height:100vh;border:none;border-radius:0}.cast-screen--active{padding:0;border-style:solid;border-color:var(--ps-cast-border);background:#000}.cast-screen--active .cast-slide-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:14px}.cast-screen--active .cast-slide-caption,.cast-screen--active .cast-slide-dots{position:relative;z-index:2;flex-shrink:0}.cast-slide-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#ffffff40;cursor:pointer}.cast-slide-dot.is-active{background:var(--ps-accent-soft)}.cast-slide-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;flex:1;min-height:0}.cast-slide-caption{margin:0;font-size:13px;color:#ffffffa6}.cast-slide-dots{display:flex;gap:6px;justify-content:center;flex-shrink:0}.cast-screen-label{font-size:20px;font-weight:600;color:#ffffffb3}.cast-empty-wxacode{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}.cast-wxacode-img{width:min(220px,42vw);height:min(220px,42vw);border-radius:50%;background:#fff;padding:10px;box-shadow:0 8px 32px #00000059}.cast-wxacode-hint{margin:0;font-size:14px;color:#ffffff8c;line-height:1.5}.cast-wxacode-error{margin:0;font-size:13px;color:#ffb4b4d9}.side-panel{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.guests-panel,.music-panel,.service-panel,.danmaku-panel{display:flex;flex-direction:column;min-height:0;padding:20px 22px;border-radius:20px;border:1px solid var(--ps-panel-border);background:var(--ps-panel-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--ps-panel-shadow);overflow:hidden}.service-panel{flex:1}.service-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-call-btn{flex-shrink:0;padding:10px 16px;border:none;border-radius:12px;background:var(--ps-service-btn);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #0003;transition:transform .15s ease,box-shadow .15s ease}.service-call-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff4d4f73}.service-off{flex:1;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:14px}.service-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0;margin-bottom:12px}.service-col{display:flex;flex-direction:column;min-height:0;min-width:0;padding:10px;border-radius:14px;background:var(--ps-inner-bg);border:1px solid color-mix(in srgb,var(--ps-panel-border) 70%,transparent)}.service-scroll-area{flex:1;min-height:0;max-height:200px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:2px}.service-staff-block,.service-form-block,.service-requests-block{margin-bottom:14px;flex-shrink:0}.service-form-block{flex-shrink:0;margin-bottom:0}.service-block-label{display:block;margin-bottom:8px;font-size:12px;color:#ffffff8c;letter-spacing:.02em}.service-staff-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.service-staff-list li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.06)}.service-staff-list li.is-serving{border-color:#ffa94059;background:#ffa94014}.service-staff-list li.is-busy{border-color:#faad1459;background:#faad140f}.service-staff-dot{width:8px;height:8px;border-radius:50%;background:#52c41a;flex-shrink:0;box-shadow:0 0 8px #52c41a99}.service-staff-dot--busy{background:#ffa940;box-shadow:0 0 8px #ffa94099}.service-staff-dot--warn{background:#faad14;box-shadow:0 0 8px #faad148c}.service-staff-info{display:flex;flex-direction:column;gap:2px;min-width:0}.service-staff-name{font-size:14px;font-weight:600}.service-staff-meta{font-size:11px;color:#ffffff73}.service-empty{padding:12px;text-align:center;font-size:13px;color:#ffffff59;border-radius:12px;background:#00000026}.service-message-input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#00000047;color:#fff;font-size:14px;line-height:1.5;resize:vertical;min-height:72px;font-family:inherit}.service-message-input::placeholder{color:#ffffff59}.service-message-input:focus{outline:none;border-color:#ff7a458c;box-shadow:0 0 0 2px #ff4d4f26}.service-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:8px;gap:12px}.service-char-count{font-size:11px;color:#ffffff59}.service-submit-btn{padding:10px 18px;border:none;border-radius:10px;background:var(--ps-submit-btn);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.service-submit-btn:disabled{opacity:.45;cursor:not-allowed}.service-feedback{margin:8px 0 0;font-size:13px;color:#95de64}.service-request-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.service-request-list li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 10px;border-radius:10px;background:#0000002e;font-size:12px}.service-request-status{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600}.service-request-status--pending{background:#ffa94033;color:#ffc069}.service-request-status--serving{background:#52c41a33;color:#95de64}.service-request-status--hold{background:#722ed133;color:#d3adf7}.service-request-message{flex:1;min-width:0;color:#ffffffd9}.service-request-staff{color:#b482ffe6}.guests-panel{flex:1}.music-panel{flex-shrink:0;max-height:32%}.panel-head{margin-bottom:16px;flex-shrink:0}.panel-title{position:relative;margin:0 0 6px;padding-left:12px;font-size:17px;font-weight:600;letter-spacing:.06em}.panel-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:15px;border-radius:2px;background:var(--ps-brand-gradient);box-shadow:0 0 10px var(--ps-accent-glow)}.panel-subtitle{margin:0;font-size:13px;color:#ffffff80}.guest-grid{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px}.guest-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:#00000040;border:1px solid rgba(255,255,255,.06);flex-shrink:0}.guest-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#7c4dff,#b47aff);font-weight:600;color:#fff;border:2px solid rgba(255,255,255,.15);flex-shrink:0}.guest-avatar--lg{width:44px;height:44px;font-size:18px}.guest-card-name{font-size:15px;font-weight:600;margin-bottom:2px}.guest-card-role{font-size:12px;color:#b482ffe6}.guest-card-note{font-size:11px;color:#fff6;margin-top:2px}.guests-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff59;font-size:14px}.feature-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;flex-shrink:0}.feature-actions button{flex:1;min-width:80px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:color-mix(in srgb,var(--ps-accent) 28%,transparent);color:#fff;font-size:13px}.feature-actions--disabled button,.feature-actions--disabled input{opacity:.45;cursor:not-allowed}.feature-hint{margin:0;font-size:11px;color:#ffffff59;text-align:center;flex-shrink:0}.now-playing{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:12px;border-radius:12px;background:color-mix(in srgb,var(--ps-accent) 18%,transparent);border:1px solid color-mix(in srgb,var(--ps-accent-soft) 30%,transparent)}.now-playing-disc{width:44px;height:44px;border-radius:50%;flex-shrink:0;position:relative;background:radial-gradient(circle at center,rgba(0,0,0,.88) 16%,transparent 17%),repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--ps-accent) 85%,#000),color-mix(in srgb,var(--ps-accent) 85%,#000) 8deg,color-mix(in srgb,var(--ps-accent-soft) 70%,#000) 8deg,color-mix(in srgb,var(--ps-accent-soft) 70%,#000) 16deg);border:2px solid color-mix(in srgb,var(--ps-accent-soft) 45%,transparent);box-shadow:0 4px 16px #00000059;animation:spin-slow 10s linear infinite}.now-playing-disc:after{content:"";position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;background:var(--ps-bg-base);border:1px solid rgba(255,255,255,.12)}.playlist-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff38;flex-shrink:0}.playlist-indicator.is-playing{background:var(--ps-accent-soft);box-shadow:0 0 8px var(--ps-accent-glow)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.now-playing-label{font-size:11px;color:#ffffff80;margin-bottom:2px}.now-playing-title{font-size:15px;font-weight:600}.now-playing-artist{font-size:12px;color:#ffffff8c}.playlist{list-style:none;margin:0 0 12px;padding:0;max-height:120px;overflow:auto}.playlist li{display:grid;grid-template-columns:20px 1fr auto;gap:6px;align-items:center;padding:8px 6px;border-radius:8px;font-size:13px;color:#ffffffa6}.playlist li.is-playing{background:color-mix(in srgb,var(--ps-accent) 14%,transparent);color:#fff}.playlist-artist{font-size:11px;color:#fff6}@media (max-width: 1100px){.display-body{grid-template-columns:1fr;overflow:auto}.display-header{grid-template-columns:1fr;gap:12px}.display-header-brand{flex-wrap:wrap}.display-header-meta{justify-content:flex-start}.display-access-key--compact{justify-self:stretch;flex-wrap:wrap;justify-content:center}.display-room-line{justify-content:flex-start;flex-wrap:wrap;white-space:normal}.music-panel{max-height:none}}.room-display-page.theme-classic{--ps-bg-1: rgba(124, 77, 255, .32);--ps-bg-2: rgba(255, 100, 150, .14);--ps-bg-base: #0a0612;--ps-accent: #7c4dff;--ps-accent-soft: #b47aff;--ps-accent-glow: rgba(167, 139, 250, .55);--ps-brand-gradient: linear-gradient(180deg, #9356ff 0%, #7c4dff 100%);--ps-panel-bg: rgba(18, 12, 28, .72);--ps-panel-border: rgba(147, 86, 255, .18);--ps-panel-highlight: rgba(147, 86, 255, .08);--ps-panel-shadow: 0 12px 40px rgba(0, 0, 0, .28);--ps-inner-bg: rgba(0, 0, 0, .28);--ps-key-border: rgba(124, 77, 255, .38);--ps-key-bg: linear-gradient(135deg, rgba(124, 77, 255, .16), rgba(255, 100, 150, .08));--ps-service-btn: linear-gradient(135deg, #ff7a45, #ff4d4f);--ps-submit-btn: linear-gradient(135deg, #7c4dff, #b47aff);--ps-cast-border: rgba(180, 130, 255, .22);--ps-room-name: rgba(255, 255, 255, .92);--ps-logo-ring: rgba(147, 86, 255, .35)}.room-display-page.theme-warm{--ps-bg-1: transparent;--ps-bg-2: transparent;--ps-bg-base: #eab308;--ps-bg-image: url(/%E8%83%8C%E6%99%AF%E5%9B%BE.jpg);--ps-accent: #ca8a04;--ps-accent-soft: #facc15;--ps-accent-glow: rgba(234, 179, 8, .35);--ps-brand-gradient: linear-gradient(180deg, #facc15 0%, #ca8a04 100%);--ps-panel-bg: rgba(255, 255, 255, .45);--ps-panel-border: rgba(255, 255, 255, .5);--ps-panel-highlight: rgba(255, 255, 255, .38);--ps-panel-shadow: 0 8px 28px rgba(202, 138, 4, .1);--ps-inner-bg: rgba(255, 255, 255, .32);--ps-key-border: rgba(202, 138, 4, .28);--ps-key-bg: rgba(255, 255, 255, .55);--ps-service-btn: linear-gradient(135deg, #f59e0b, #d97706);--ps-submit-btn: linear-gradient(135deg, #ca8a04, #facc15);--ps-cast-border: rgba(255, 255, 255, .72);--ps-room-name: rgba(0, 0, 0, .88);--ps-logo-ring: rgba(202, 138, 4, .28);--ps-text-primary: rgba(0, 0, 0, .88);--ps-text-secondary: rgba(0, 0, 0, .55);--ps-text-muted: rgba(0, 0, 0, .45);--ps-text-faint: rgba(0, 0, 0, .35);color:var(--ps-text-primary)}.room-display-page.theme-warm .room-display-bg{background:var(--ps-bg-image) center / cover no-repeat}.room-display-page.theme-warm .back-btn{color:var(--ps-text-primary);border-color:#ca8a0438;background:#ffffff73}.room-display-page.theme-warm .back-btn:hover{background:#ffffff9e;border-color:#ca8a0461}.room-display-page.theme-warm .cast-fullscreen-btn{color:var(--ps-text-primary);background:#ffffff8c;border-color:#ca8a0459}.room-display-page.theme-warm .cast-fullscreen-btn:hover{background:#ffffffb8;border-color:#ca8a0480}.room-display-page.theme-warm .display-room-line{color:var(--ps-text-secondary)}.room-display-page.theme-warm .display-room-line-sep{color:#0003}.room-display-page.theme-warm .display-access-key-label,.room-display-page.theme-warm .display-access-key-hint{color:var(--ps-text-secondary)}.room-display-page.theme-warm .display-access-key-value{color:var(--ps-text-primary);text-shadow:none}.room-display-page.theme-warm .panel-subtitle,.room-display-page.theme-warm .cast-wxacode-hint{color:var(--ps-text-secondary)}.room-display-page.theme-warm .cast-screen{border:2px solid rgba(255,255,255,.88);background:#1c1c1cd1;color:#ffffffb8}.room-display-page.theme-warm .cast-screen-label{color:#ffffffe0}.room-display-page.theme-warm .cast-panel:before,.room-display-page.theme-warm .service-panel:before,.room-display-page.theme-warm .music-panel:before,.room-display-page.theme-warm .danmaku-panel:before{background:linear-gradient(90deg,transparent,rgba(250,204,21,.55),transparent)}.room-display-page.theme-warm .service-block-label,.room-display-page.theme-warm .service-staff-meta,.room-display-page.theme-warm .service-empty,.room-display-page.theme-warm .feature-hint,.room-display-page.theme-warm .now-playing-label,.room-display-page.theme-warm .playlist-artist,.room-display-page.theme-warm .guest-card-note,.room-display-page.theme-warm .guests-empty{color:var(--ps-text-muted)}.room-display-page.theme-warm .service-staff-list li,.room-display-page.theme-warm .service-request-list li,.room-display-page.theme-warm .guest-card,.room-display-page.theme-warm .playlist li{background:#ffffff6b;border-color:#ca8a041f;color:var(--ps-text-primary)}.room-display-page.theme-warm .service-request-message{color:var(--ps-text-primary)}.room-display-page.theme-warm .service-off{color:var(--ps-text-muted)}.room-display-page.theme-warm .service-message-input{color:var(--ps-text-primary);background:#ffffff8c;border-color:#ca8a0433}.room-display-page.theme-warm .service-char-count,.room-display-page.theme-warm .service-feedback,.room-display-page.theme-warm .now-playing-artist{color:var(--ps-text-secondary)}.room-display-page.theme-warm .playlist-title{color:var(--ps-text-primary)}.room-display-page.theme-warm .feature-actions button{color:var(--ps-text-secondary);background:#ffffff6b;border-color:#ca8a042e}.room-display-page.theme-warm .danmaku-panel-empty{color:var(--ps-text-muted)}.room-display-page.theme-warm .danmaku-item{text-shadow:0 1px 2px rgba(255,255,255,.65)}.room-display-page.theme-golden{--ps-bg-1: rgba(212, 160, 23, .26);--ps-bg-2: rgba(255, 193, 7, .12);--ps-bg-base: #120c04;--ps-accent: #d4a017;--ps-accent-soft: #ffc53d;--ps-accent-glow: rgba(255, 197, 61, .5);--ps-brand-gradient: linear-gradient(180deg, #ffc53d 0%, #d48806 100%);--ps-panel-bg: rgba(24, 16, 6, .78);--ps-panel-border: rgba(255, 197, 61, .16);--ps-panel-highlight: rgba(255, 197, 61, .06);--ps-panel-shadow: 0 12px 40px rgba(0, 0, 0, .32);--ps-inner-bg: rgba(0, 0, 0, .32);--ps-key-border: rgba(212, 160, 23, .42);--ps-key-bg: linear-gradient(135deg, rgba(212, 160, 23, .14), rgba(255, 193, 7, .06));--ps-service-btn: linear-gradient(135deg, #fa8c16, #d48806);--ps-submit-btn: linear-gradient(135deg, #d48806, #ffc53d);--ps-cast-border: rgba(255, 197, 61, .24);--ps-room-name: #ffe7ba;--ps-logo-ring: rgba(255, 197, 61, .32)}.room-display-page.theme-ocean{--ps-bg-1: rgba(24, 144, 255, .28);--ps-bg-2: rgba(54, 207, 201, .14);--ps-bg-base: #040a12;--ps-accent: #1890ff;--ps-accent-soft: #69c0ff;--ps-accent-glow: rgba(105, 192, 255, .5);--ps-brand-gradient: linear-gradient(180deg, #69c0ff 0%, #096dd9 100%);--ps-panel-bg: rgba(6, 14, 24, .78);--ps-panel-border: rgba(105, 192, 255, .16);--ps-panel-highlight: rgba(24, 144, 255, .07);--ps-panel-shadow: 0 12px 40px rgba(0, 0, 0, .3);--ps-inner-bg: rgba(0, 0, 0, .3);--ps-key-border: rgba(24, 144, 255, .38);--ps-key-bg: linear-gradient(135deg, rgba(24, 144, 255, .14), rgba(54, 207, 201, .08));--ps-service-btn: linear-gradient(135deg, #13c2c2, #08979c);--ps-submit-btn: linear-gradient(135deg, #096dd9, #69c0ff);--ps-cast-border: rgba(105, 192, 255, .24);--ps-room-name: #bae7ff;--ps-logo-ring: rgba(105, 192, 255, .32)}.room-display-page.theme-rose{--ps-bg-1: rgba(235, 47, 150, .28);--ps-bg-2: rgba(255, 120, 180, .14);--ps-bg-base: #120610;--ps-accent: #eb2f96;--ps-accent-soft: #ff85c0;--ps-accent-glow: rgba(255, 133, 192, .5);--ps-brand-gradient: linear-gradient(180deg, #ff85c0 0%, #c41d7f 100%);--ps-panel-bg: rgba(20, 8, 14, .78);--ps-panel-border: rgba(255, 133, 192, .16);--ps-panel-highlight: rgba(235, 47, 150, .07);--ps-panel-shadow: 0 12px 40px rgba(0, 0, 0, .3);--ps-inner-bg: rgba(0, 0, 0, .3);--ps-key-border: rgba(235, 47, 150, .36);--ps-key-bg: linear-gradient(135deg, rgba(235, 47, 150, .14), rgba(255, 120, 180, .08));--ps-service-btn: linear-gradient(135deg, #f759ab, #eb2f96);--ps-submit-btn: linear-gradient(135deg, #c41d7f, #ff85c0);--ps-cast-border: rgba(255, 133, 192, .24);--ps-room-name: #ffd6e7;--ps-logo-ring: rgba(255, 133, 192, .32)}.room-display-page.theme-minimal{--ps-bg-1: rgba(255, 255, 255, .05);--ps-bg-2: rgba(255, 255, 255, .02);--ps-bg-base: #111111;--ps-accent: #bfbfbf;--ps-accent-soft: #d9d9d9;--ps-accent-glow: rgba(255, 255, 255, .22);--ps-brand-gradient: linear-gradient(180deg, #d9d9d9 0%, #8c8c8c 100%);--ps-panel-bg: rgba(22, 22, 22, .82);--ps-panel-border: rgba(255, 255, 255, .1);--ps-panel-highlight: rgba(255, 255, 255, .04);--ps-panel-shadow: 0 12px 40px rgba(0, 0, 0, .35);--ps-inner-bg: rgba(0, 0, 0, .35);--ps-key-border: rgba(255, 255, 255, .16);--ps-key-bg: rgba(255, 255, 255, .05);--ps-service-btn: linear-gradient(135deg, #595959, #434343);--ps-submit-btn: linear-gradient(135deg, #434343, #8c8c8c);--ps-cast-border: rgba(255, 255, 255, .12);--ps-room-name: #f0f0f0;--ps-logo-ring: rgba(255, 255, 255, .18)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%}body{font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f5;color:#000000e0;font-size:13px;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-track{background:transparent}