:root{--bg-top:#3e262a;--bg-mid:#2a1e20;--bg-bottom:#1a1a1a;--bg-page:#3e262a;--panel:#3e30328c;--panel-solid:#3e3032;--panel-border:#ffffff0f;--text:#f5f5f5;--text-muted:#9a9496;--name:#8ce7ff;--gift-text:#f9c1c3;--gift-pink:#f9c1c3;--gift-x:#f9c1c3;--accent:#fe2c55;--input-bg:#00000073;--gift-bg:#00000047;--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;--live-bg:linear-gradient(180deg, #4a3034 0%, #3e262a 18%, #322024 42%, #24181a 68%, #1a1a1a 88%, #141414 100%)}*{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:1fr 360px;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{background:var(--live-bg);isolation:isolate;justify-content:center;align-items:stretch;min-height:100vh;padding:10px;display:flex;position:relative}.preview-pane:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 70% at 50% -10%,#783c4673 0%,#0000 55%),linear-gradient(#3e262a59 0%,#0000 40%,#00000059 100%);position:absolute;inset:0}.sidebar{z-index:1;flex-direction:column;gap:10px;width:100%;height:calc(100vh - 20px);display:flex;position:relative}@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}.sidebar{height:100%}}.dy-panel{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(20px)saturate(1.1);background:#30282a85;border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 8px 28px #00000052}.dy-chat-panel{background:#28282880;flex:1}.dy-rank-panel{background:#372a2d80;flex:0 0 44%}.dy-rank-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:2px;padding:10px 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;background:0 0;border:none;padding:0 0 10px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:20px;position:relative}.dy-rank-tab.is-active{color:#fff;font-weight:600}.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:48px;padding:0 14px;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:600}.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:14px}.level-badge--sm{height:14px}.level-badge--md{height:16px}.dy-chat-header{justify-content:space-between;align-items:center;padding:12px 14px 8px;display:flex}.dy-chat-header h2{color:#fff;margin:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;font-weight:600}.dy-chat-header-actions{align-items:center;gap:10px;display:flex}.dy-chat-header-actions img{filter:invert();opacity:.72;width:16px;height:16px}.dy-chat-messages{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.dy-chat-list{flex-direction:column;gap:4px;padding:0 12px 8px;display:flex}.dy-chat-item{margin:0}.dy-chat-item-wrapper{background:var(--gift-bg);border-radius:8px;flex-wrap:wrap;align-items:center;max-width:100%;padding:2px 8px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:24px;display:inline-flex}.dy-gift-user{color:#fff}.dy-gift-text,.dy-gift-count{color:var(--gift-text)}.dy-gift-count{font-weight:700}.dy-gift-image{object-fit:contain;border-radius:50%;width:24px;height:24px;margin:0 4px;position:relative;top:2px}.dy-chat-line{flex-wrap:wrap;align-items:center;gap:4px;padding:2px 0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:24px;display:flex}.dy-chat-name,.dy-chat-sep{color:#8ce7ff;cursor:default}.dy-chat-content{color:#ffffffe6;word-break:break-word}.dy-chat-input-bar{align-items:center;gap:8px;padding:8px 10px 12px;display:flex}.dy-persona-select{color:#fff;background:#00000073;border:none;border-radius:8px;max-width:72px;padding:8px 4px;font-size:12px}.dy-input-wrap{background:#00000073;border-radius:999px;flex:1;align-items:center;gap:6px;min-width:0;min-height:36px;padding:6px 10px 6px 14px;display:flex}.dy-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}.dy-input::placeholder{color:#ffffff57}.dy-emoji{filter:invert();opacity:.75;flex-shrink:0;width:18px;height:18px}.dy-input-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:14px}.dy-send{appearance:none;color:#ffffff57;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:13px}.dy-send.is-active,.dy-send:hover{color:#fff}.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 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-selected-preview{color:#646a73;align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.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}@media (width<=640px){.dy-persona-select{display:none}}