:root{color:#172b4d;font-synthesis:none;--brand:#008cff;--line:#e8edf3;--muted:#718096;--el-color-primary:#008cff;background:#f5f7fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:3px solid #63baff}button{border:0}button.primary{background:var(--brand);color:#fff;border-radius:10px;padding:12px 20px;font-weight:600}button.secondary{color:#0875d7;background:#edf5ff;border:1px solid #cee5ff;border-radius:10px;padding:10px 16px}.subtle{color:var(--muted)}.simulation-banner{color:#805b07;text-align:center;z-index:20;background:#fff4d7;padding:7px 12px;font-size:12px;position:relative}.connection-error{color:#ad2525;text-align:center;background:#fff1f0;padding:12px}.connection-error button{color:#ad2525;background:0 0;margin-left:10px;text-decoration:underline}.empty{text-align:center;color:var(--muted);padding:50px 20px;line-height:1.8}.error{color:#b63036;background:#fff0f0;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.6}.success{color:#177449;background:#edfbf3;border-radius:8px;padding:10px 12px}.field{gap:8px;margin:16px 0;font-size:14px;display:grid}.field input,.field select,.field textarea{color:#172b4d;background:#fff;border:1px solid #d9e2ef;border-radius:8px;width:100%;padding:11px 12px}.field textarea{min-height:90px}.modal-backdrop{z-index:100;background:#0a183866;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:18px;width:min(440px,100%);max-height:90dvh;padding:26px;overflow:auto;box-shadow:0 24px 90px #00234d33}.modal-head{justify-content:space-between;align-items:center;gap:20px;display:flex}.modal-head h2{margin:0;font-size:21px}.icon-button{width:34px;height:34px;color:inherit;background:0 0;border-radius:50%;place-items:center;font-size:22px;display:grid}.modal-card .actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.small{font-size:12px}.chip{color:#0878d8;background:#edf6ff;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.h5-shell{max-width:1080px;margin:0 auto;padding:0 28px 100px}.h5-header{justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:10px;font-size:21px;font-weight:800;display:flex}.brand-mark{background:var(--brand);color:#fff;letter-spacing:-3px;border-radius:10px;place-items:center;width:34px;height:34px;padding-right:3px;font-size:17px;display:grid}.h5-header .header-actions{align-items:center;gap:15px;font-size:14px;display:flex}.avatar{color:#178cef;background:#e6f3ff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:600;display:grid}.bottom-nav{z-index:15;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;justify-content:center;align-items:center;gap:140px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#8491a5;justify-items:center;gap:4px;font-size:13px;display:grid}.bottom-nav a.router-link-exact-active{color:var(--brand);font-weight:600}.bottom-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}@media (max-width:600px){.h5-shell{padding:0 18px 94px}.h5-header{height:68px}.brand{font-size:19px}.bottom-nav{gap:110px}.h5-header .header-actions{gap:8px;font-size:12px}.h5-header .secondary{padding:8px 10px}.modal-backdrop{padding:12px}.modal-card{padding:22px}.simulation-banner{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.simulation-banner{justify-content:center;align-items:center;height:29px;display:flex}.admin-shell .admin-sidebar{top:var(--banner-height,0px)}.admin-card .el-table .cell{white-space:nowrap}.admin-card .el-table{--el-table-header-text-color:#667b95;--el-table-text-color:#526b87}:root.native-live-publishing,:root.native-live-publishing body,:root.native-live-publishing #app,:root.native-live-viewing,:root.native-live-viewing body,:root.native-live-viewing #app{background:0 0!important}:root.immersive-live-room,:root.immersive-live-room body{overscroll-behavior:none;overflow:hidden}html.live-h5-app,html.live-h5-app body{touch-action:pan-x pan-y}html.live-h5-app input,html.live-h5-app select,html.live-h5-app textarea,html.live-h5-app .room-page .chat-form input{font-size:16px}html.live-h5-app .modal-backdrop:not(.room-backdrop){inset:auto;top:var(--h5-viewport-top,0px);left:var(--h5-viewport-left,0px);width:var(--h5-viewport-width,100vw);height:var(--h5-viewport-height,100dvh);padding:12px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));overflow:hidden}html.live-h5-app .modal-backdrop:not(.room-backdrop)>.modal-card{overscroll-behavior:contain;min-height:0;max-height:100%;overflow:auto}