@font-face{font-family:Douyin Sans;src:url(/fonts/DouyinSansBold.ttf)format("truetype");font-weight:400 700;font-style:normal;font-display:swap}:root{--bg-top:#4a3438;--bg-mid:#3a3133;--bg-bottom:#303030;--bg-page:#4a3438;--panel:#4a34388c;--panel-solid:#4a3438;--panel-border:#ffffff0f;--text:#f5f5f5;--text-muted:#a8a2a4;--name:#8be5fe;--gift-user:#d8d4d5;--gift-text:#f4d0db;--gift-pink:#f4d0db;--gift-x:#f4d0db;--accent:#fe2c55;--input-bg:#1f1f1f;--gift-bg:#343440;--live-comment-bg:#262632;--live-bar-bg:#42424c;--live-pill-bg:#262632;--admin-bg:#f4f5f7;--admin-card:#fff;--admin-text:#1f2329;--admin-border:#e5e6eb;--font:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-live:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;font-family:var(--font);margin:0}body{background:var(--bg-bottom);color:var(--text)}button,input,select{font:inherit}a{color:inherit}img{max-width:100%;display:block}.workspace{background:#f4f5f7;grid-template-columns:minmax(0,1fr) auto;gap:0;min-height:100vh;display:grid}.control-panel{min-width:0;height:100vh;color:var(--admin-text);background:#fafafcf7;border-right:1px solid #e5e6eb;flex-direction:column;display:flex;overflow:hidden}.control-panel__head{border-bottom:1px solid var(--admin-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px 12px;display:flex}.control-panel__head h1{margin:0 0 4px;font-size:18px}.control-panel__head p{color:#646a73;margin:0;font-size:13px}.control-panel__body{flex-direction:column;flex:1;gap:12px;padding:12px 14px 24px;display:flex;overflow-y:auto}.preview-pane{isolation:isolate;background:#101013;align-items:stretch;min-height:100vh;display:flex;position:relative}.live-web{background:#000;width:100%;height:100vh;min-height:0;display:flex}.live-web-video{background:#111 url(/live-bg.png) 50%/cover no-repeat;flex:1;min-width:0}.live-web-side{width:320px;min-height:0;font-family:var(--font-live);background:#252632;flex-direction:column;flex-shrink:0;font-weight:400;display:flex;container-type:size}.live-web-chat{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.live-web-chat .live-comments{background:0 0;flex:1;position:relative;inset:auto}.live-web-chat .live-inputbar{background:#252632;height:52px;position:relative;top:auto;left:auto;right:auto}.dy-audience{background:#33343f;border-radius:0 0 16px 16px;flex-direction:column;flex:0 0 236px;min-height:0;max-height:42%;display:flex}.dy-audience-header{flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.dy-audience-title{align-items:center;gap:2px;min-width:0;display:flex}.dy-audience-label{color:#ffffffe6;font-size:14px;font-weight:500;line-height:20px}.dy-audience-dot,.dy-audience-count{color:#ffffff80;font-size:14px;font-weight:400;line-height:20px}.dy-audience-actions{color:#ffffff80;align-items:center;gap:12px;display:flex}.dy-audience-icon{width:16px;height:16px;display:block}.dy-audience-icon--help{text-align:center;border:1.2px solid;border-radius:50%;width:16px;height:16px;font-size:11px;font-weight:500;line-height:14px}.dy-audience-filters{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:4px 16px 16px;display:flex}.dy-audience-chip{appearance:none;color:#ffffffbf;height:24px;font-size:12px;font-weight:400;line-height:18px;font-family:var(--font-live);cursor:pointer;background:#f2f2f414;border:none;border-radius:6px;padding:3px 10px}.dy-audience-chip.is-active{color:#fff;background:#f2f2f41f;font-weight:600}.dy-audience-list{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.dy-audience-row{align-items:center;height:48px;padding:0 18px;display:flex}.dy-audience-rank{color:#ffffff80;flex-shrink:0;width:25px;font-size:14px;font-weight:600;line-height:20px}.dy-audience-avatar{flex-shrink:0;width:32px;height:32px;margin-left:0;margin-right:8px}.dy-audience-user{flex:1;align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.dy-audience-name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:20px;overflow:hidden}.dy-audience .level-badge--sm{width:auto;height:14px}.dy-audience-empty{color:#ffffff73;flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.live-comments{background:var(--live-comment-bg);z-index:1;flex-direction:column;padding:0 2.8cqw 1.2cqh;display:flex;position:absolute;inset:32.2% 0 7.9%;overflow:hidden}.live-inputbar{background:var(--live-bar-bg);z-index:1;align-items:center;gap:2.4cqw;height:6.45%;padding:0 2.8cqw;display:flex;position:absolute;top:92.1%;left:0;right:0}.live-pill{background:var(--live-pill-bg);box-sizing:border-box;border-radius:999px;flex:1;align-items:center;gap:1.4cqw;min-width:0;height:4.3cqh;padding:0 1.8cqw 0 2.8cqw;display:flex}.live-input{color:#fff;min-width:0;font-size:1.42cqh;font-weight:400;font-family:var(--font-live);background:0 0;border:none;outline:none;flex:1}.live-input::placeholder{color:#9ca2a0;opacity:1;font-weight:400}.live-emoji{flex-shrink:0;width:2.3cqh;height:2.3cqh;display:block}.live-send{appearance:none;color:#8a8a8a;cursor:pointer;font-size:1.35cqh;font-weight:400;line-height:1;font-family:var(--font-live);background:0 0;border:none;flex-shrink:0;padding:0}.live-send.is-active,.live-send:hover{color:#fff}.live-bar-icon{color:#ffffffd9;flex-shrink:0;width:2.7cqh;height:2.7cqh;display:block}@media (width<=900px){.workspace{grid-template-rows:auto 70vh;grid-template-columns:1fr}.control-panel{height:auto;max-height:48vh}.preview-pane{height:70vh;min-height:0}.live-web{height:70vh}.live-web-video{display:none}.live-web-side{width:100%}}.dy-panel{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(18px)saturate(1.05);min-height:0;font-family:var(--font-live);background:#4a34386b;border-radius:12px;flex-direction:column;font-weight:400;display:flex;overflow:hidden;box-shadow:0 6px 22px #00000038}.dy-rank-panel{background:#4a343880;flex:0 0 34%}.dy-rank-header{border-bottom:1px solid #ffffff0a;align-items:center;gap:2px;padding:8px 8px 0;display:flex}.dy-rank-tabs{flex:1;justify-content:center;gap:18px;display:flex}.dy-icon-btn{appearance:none;color:#ffffffb3;cursor:default;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.dy-icon-btn img{filter:invert();opacity:.75;width:15px;height:15px}.dy-icon-btn--pop{margin-left:2px}.dy-rank-tab{appearance:none;color:#ffffff80;cursor:pointer;font-size:14px;line-height:20px;font-family:var(--font-live);background:0 0;border:none;padding:0 0 10px;position:relative}.dy-rank-tab.is-active{color:#fff;font-weight:400}.dy-rank-tab.is-active:after{content:"";background:#fe2c55;border-radius:2px;width:28px;height:2px;margin-left:-14px;position:absolute;bottom:0;left:50%}.dy-rank-list,.dy-chat-list{scrollbar-width:thin;scrollbar-color:#ffffff38 transparent;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.dy-rank-list::-webkit-scrollbar{width:4px}.dy-chat-list::-webkit-scrollbar{width:4px}.dy-rank-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.dy-chat-list::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.dy-rank-row{align-items:center;height:40px;padding:0 12px;display:flex}.dy-rank-row:hover{background:#ffffff0f}.dy-rank-num{color:#ffffff80;text-align:center;flex-shrink:0;width:25px;font-size:14px;font-weight:400}.dy-rank-num--1{color:#ff2935}.dy-rank-num--2{color:#f64}.dy-rank-num--3{color:#f4b81f}.dy-rank-avatar-wrap{flex-shrink:0;margin-left:8px;margin-right:8px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.avatar--img{object-fit:cover;box-shadow:none;background:#333;padding:0}.dy-rank-info{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex;overflow:hidden}.dy-rank-user{color:#ffffffe6;flex:1 0;align-items:center;min-width:0;margin-right:4px;font-size:14px;font-weight:400;line-height:20px;display:flex;overflow:hidden}.dy-rank-user-info{flex-direction:column;min-width:0;display:flex;overflow:hidden}.dy-rank-name{text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.dy-rank-honor{flex-shrink:0;align-items:center;margin-left:4px;display:flex}.dy-rank-score{color:#ffffffb3;flex-shrink:0;font-size:12px;font-weight:400;line-height:20px}.level-badge{object-fit:contain;flex-shrink:0;width:auto;height:1.35cqh}.level-badge--sm{height:1.35cqh}.level-badge--md{height:1.55cqh}.live-comments .dy-chat-list{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;gap:1cqh;min-height:0;padding:1.6cqh 0 0;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 4.5cqh);mask-image:linear-gradient(#0000 0,#000 4.5cqh)}.live-comments .dy-chat-list::-webkit-scrollbar{display:none}.live-comments .dy-chat-list>li:first-child{margin-top:auto}.dy-chat-item{margin:0}.dy-chat-item--gift{width:100%}.dy-chat-item-wrapper.dy-gift-msg{box-sizing:border-box;background:var(--gift-bg);width:max-content;min-width:0;max-width:100%;height:auto;box-shadow:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:1.42cqh;font-weight:400;line-height:1.55;font-family:var(--font-live);vertical-align:top;border-radius:4px;padding:.35cqh 1.8cqw;display:inline-block}.dy-gift-user{color:var(--gift-user);letter-spacing:0;display:inline}.dy-gift-text{color:var(--gift-text);white-space:normal;margin-left:0;display:inline}.dy-gift-action,.dy-gift-streamer,.dy-gift-qty,.dy-gift-ge,.dy-gift-name{letter-spacing:0;color:inherit;font-family:inherit;font-weight:400}.dy-gift-ge{font-family:inherit}.dy-gift-name{letter-spacing:.015em}.dy-gift-msg--songchu .dy-gift-text{letter-spacing:0}.dy-gift-tail{vertical-align:middle;white-space:nowrap;align-items:center;gap:0;display:inline-flex}.dy-gift-image{width:2.6cqh;height:2.6cqh;margin:0 0 0 var(--gt-icon-dx,0px);top:calc(-1px + var(--gt-icon-dy,0px));object-fit:contain;vertical-align:middle;border-radius:0;flex-shrink:0;padding:0;display:inline-block;position:relative}.dy-gift-msg--songchu .dy-gift-image{margin-left:var(--gt-icon-dx,0px)}.dy-gift-count{color:var(--gift-x);margin:0 0 0 var(--gt-count-dx,0px);letter-spacing:0;-webkit-text-fill-color:currentColor;top:calc(-1px + var(--gt-count-dy,0px));background:0 0;flex-shrink:0;padding:0;font-weight:400;position:relative}.dy-gift-msg--songgei .dy-gift-count{margin-left:calc(-2px + var(--gt-count-dx,0px))}.dy-chat-line{font-size:1.42cqh;line-height:1.55;font-family:var(--font-live);flex-wrap:wrap;align-items:center;gap:0;padding:0;font-weight:400;display:flex}.dy-chat-line>.level-badge{flex-shrink:0;margin-right:.9cqw}.dy-chat-body{min-width:0;display:inline}.dy-chat-name,.dy-chat-sep{color:var(--name);cursor:default}.dy-chat-sep{margin:0 -.35em 0 0;padding:0}.dy-chat-content{color:#ffffffe6;word-break:break-word;margin:0;padding:0}.dy-enter-text{color:#a8a8a8;cursor:default;margin-left:.9cqw}.dy-chat-line--top1{align-items:center;gap:0}.dy-chat-line--top1>.level-badge{margin-left:0;margin-right:.9cqw;position:relative;top:1px}.dy-top1-prefix,.dy-top1-suffix{color:#ffffffb8;cursor:default}.dy-top1-prefix{margin-right:0;font-size:1.2cqh}.dy-top1-name{color:var(--name);cursor:default}.dy-top1-suffix{margin-left:2px}.empty-hint{color:#ffffff80;text-align:center;padding:12px 6px;font-size:13px}.admin-card{background:var(--admin-card);border:1px solid var(--admin-border);border-radius:12px;padding:14px}.admin-card h2{margin:0 0 12px;font-size:16px}.admin-card__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-card__head h2{margin:0}.field{color:#646a73;flex-direction:column;gap:6px;font-size:13px;display:flex}.field--check{cursor:pointer;color:var(--admin-text);flex-direction:row;align-items:center;gap:8px;margin-top:10px}.tweak-group{margin-top:10px}.tweak-title{color:var(--admin-text);margin:0 0 2px;font-size:13px;font-weight:600}.tweak-row{align-items:center;gap:10px;margin-top:8px;display:flex}.tweak-label{color:var(--admin-text);flex:0 0 76px;font-size:13px}.tweak-row input[type=range]{accent-color:#3370ff;flex:1}.tweak-num{border:1px solid var(--admin-border);width:64px;color:var(--admin-text);background:#fff;border-radius:8px;padding:6px 8px}.field--check input{accent-color:#3370ff;width:16px;height:16px;margin:0}.field input,.quick-row input,.quick-row select,.table-row input,.table-row select{border:1px solid var(--admin-border);color:var(--admin-text);background:#fff;border-radius:8px;padding:8px 10px}.quick-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-row.compact{gap:6px}.quick-row>input{flex:1;min-width:140px}.table{flex-direction:column;gap:8px;display:flex}.table-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-row>input:not(.color-dot):not(.emoji-input){flex:1;min-width:100px}.color-dot{cursor:pointer;background:0 0;border:none;width:36px;height:36px;padding:0}.emoji-input{text-align:center;width:52px}.inline-level{color:#646a73;align-items:center;gap:6px;font-size:13px;display:inline-flex}.inline-level input{width:72px}.rank-index{color:#8f959e;width:28px;font-size:13px}.grow{flex:1;min-width:80px}.muted{color:#8f959e;margin:0;font-size:13px}.btn{appearance:none;border:1px solid var(--admin-border);color:var(--admin-text);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;text-decoration:none;display:inline-flex}.btn:hover{background:#f7f8fa}.btn-primary{color:#fff;background:#3370ff;border-color:#3370ff}.btn-primary:hover{background:#245bdb}.btn-ghost{background:0 0}.btn-danger{color:#d92d20;background:#fff5f5;border-color:#f5c2c0}.btn-sm{padding:6px 10px;font-size:13px}.level-preview{width:auto;height:18px}.persona-block{border:1px solid var(--admin-border);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.persona-row{z-index:1;position:relative}.persona-block:focus-within{z-index:5;position:relative}.persona-block:has(.avatar-picker__pop){z-index:5;position:relative}.avatar-picker{flex-shrink:0;position:relative}.avatar-picker__trigger{border:1px solid var(--admin-border);cursor:pointer;color:#646a73;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:12px;display:inline-flex}.avatar-picker__trigger img{object-fit:cover;border-radius:50%;width:36px;height:36px;display:block}.avatar-picker__pop{border:1px solid var(--admin-border);z-index:20;background:#fff;border-radius:12px;width:min(360px,100vw - 48px);padding:10px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #1f232924}.avatar-picker__tabs{gap:4px;margin-bottom:8px;display:flex}.avatar-picker__tabs button{cursor:pointer;color:#646a73;background:#f5f6f7;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:12px;display:inline-flex}.avatar-picker__tabs button em{color:#8f959e;font-size:10px;font-style:normal}.avatar-picker__tabs button.is-active{color:#3370ff;background:#e8f0ff;font-weight:600}.avatar-picker__grid{grid-template-columns:repeat(6,1fr);gap:6px;max-height:220px;padding:2px;display:grid;overflow-y:auto}.avatar-pick{aspect-ratio:1;cursor:pointer;background:#f5f6f7;border:2px solid #0000;border-radius:10px;padding:0;overflow:hidden}.avatar-pick.is-active{border-color:#3370ff}.avatar-pick img{object-fit:cover;width:100%;height:100%;display:block}.avatar-picker__foot{align-items:center;gap:6px;margin-top:8px;display:flex}.avatar-url{flex:1;min-width:0;font-size:12px}.avatar-picker__upload{cursor:pointer;flex-shrink:0}.gift-select{min-width:160px}.gift-quick-chips{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.gift-selected-preview{color:#646a73;align-items:center;gap:8px;font-size:13px;display:inline-flex}.gift-quick-chip{appearance:none;border:1px solid var(--admin-border);cursor:pointer;background:#fff;border-radius:8px;margin:0;padding:6px 10px 6px 6px}.gift-quick-chip.is-active{color:#1f2329;background:#f0f4ff;border-color:#3370ff}.gift-selected-preview img{object-fit:contain;width:32px;height:32px}.gift-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;max-height:320px;margin-top:10px;display:grid;overflow-y:auto}.gift-tile{appearance:none;border:1px solid var(--admin-border);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.gift-tile.is-active{background:#f0f5ff;border-color:#3370ff}.gift-tile img{object-fit:contain;width:40px;height:40px}.gift-tile__name{color:var(--admin-text);text-align:center;word-break:break-all;font-size:12px;line-height:1.2}.gift-tile__diamond{color:#8f959e;font-size:11px}