.vb-demo{max-width:1480px}.demo-intro{padding-top:24px;padding-bottom:18px}.demo-intro h1{font-size:28px}.chat-stamp{min-height:92px;width:110px}.workspace{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.4fr);gap:24px;align-items:start}.operation-panel{min-width:0}.live-panel{position:sticky;top:18px;overflow:hidden;background:white;border:1px solid var(--line);border-radius:16px}.live-player{position:relative;background:#bedbed;aspect-ratio:560/380;overflow:hidden}.live-scene{display:block;width:100%;height:100%}.live-badges{position:absolute;top:14px;left:14px;right:14px;display:flex;align-items:center;gap:8px;font-size:12px;color:white}.live-badges>span:not(.live-pill){background:#203f56bf;padding:3px 8px;border-radius:5px}.live-badges #live-clock{margin-left:auto;font-variant-numeric:tabular-nums}.live-pill{display:flex;align-items:center;gap:5px;background:#d83b60;border-radius:5px;font-weight:bold;padding:3px 8px}.live-pill i{width:6px;height:6px;border-radius:50%;background:white;animation:on-air 1.5s ease infinite}.live-product{position:absolute;bottom:15px;left:16px;right:50px;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.live-product>span{font-size:12px;padding:2px 9px;border-radius:5px;background:#2f79aa;color:white}.live-product strong{font-size:19px;line-height:1.5;background:#fffdf2eb;color:#25475e;padding:3px 10px;border-radius:4px}.live-product small{font-size:12px;background:#203f56c9;color:white;padding:2px 7px;border-radius:4px}.live-hearts{position:absolute;bottom:12px;right:20px;color:#e76082;font-size:24px}.live-hearts span{position:absolute;bottom:0;right:0;animation:heart-rise 4s ease-out infinite}.live-hearts span:nth-child(2){animation-delay:1.3s}.live-hearts span:nth-child(3){animation-delay:2.6s}.host-motion{transform-origin:250px 290px;animation:host-breathe 4s ease-in-out infinite}.host-hand{transform-origin:322px 232px;animation:host-wave 3.2s ease-in-out infinite}.live-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid #e4edf3}.live-caption strong{display:block;font-size:15px}.live-caption span{display:block;font-size:12px;color:#657b8b}.sim-viewers{white-space:nowrap}.chat-heading{padding:13px 16px 8px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px}.chat-heading strong{font-size:14px}.chat-heading span{font-size:12px;color:#657b8b}.live-chat{height:220px;overflow-y:auto;padding:5px 16px 14px;scroll-behavior:smooth;overscroll-behavior:contain}.chat-row{display:flex;gap:9px;margin:12px 0;animation:message-in .25s ease}.chat-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#2f79aa;color:white;display:grid;place-items:center;font-size:13px}.chat-avatar.guest{background:#e2edf5;color:#2f79aa}.chat-row>div{min-width:0}.chat-row strong{font-size:13px;line-height:1.4}.chat-row small{font-size:12px;color:#718696;font-weight:normal;margin-left:5px}.chat-row p{margin:2px 0 0;font-size:14px;overflow-wrap:anywhere}.chat-hint{font-size:12px;color:#60798d;padding:10px 16px;background:#edf6fc;border-top:1px solid #dceaf3}.operation-panel .guide{margin-top:0}.operation-panel .demo-summary{margin-top:0;padding:18px;gap:16px;flex-wrap:wrap}.operation-panel .demo-order{flex:1 1 260px}.operation-panel .demo-order h2{font-size:18px}.operation-panel .progress-area{min-width:145px}.operation-panel .end{display:none}.operation-panel .wait{font-size:12px}.operation-panel #bot-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.operation-panel .bot{width:100%;max-width:none}.operation-panel .report{min-height:82px}.operation-panel .guide ol{gap:8px 20px}.operation-panel .guide li{font-size:13px}@keyframes on-air{50%{opacity:.35}}@keyframes host-breathe{50%{transform:translateY(2px)}}@keyframes host-wave{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(5deg)}}@keyframes heart-rise{0%{transform:translate(0,0) scale(.6);opacity:0}20%{opacity:.9}100%{transform:translate(-10px,-110px) scale(1.1);opacity:0}}@keyframes message-in{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1000px){.workspace{grid-template-columns:minmax(285px,.9fr) minmax(0,1.1fr);gap:16px}.operation-panel #bot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.operation-panel .progress-area{width:100%;margin-top:0}.live-caption{align-items:flex-start;flex-direction:column;gap:3px}.live-product strong{font-size:17px}}@media(max-width:720px){.workspace{display:flex;flex-direction:column;gap:18px}.live-panel{position:static;width:100%}.operation-panel{width:100%}.live-player{aspect-ratio:16/10}.live-scene{object-fit:cover}.live-chat{height:155px}.live-caption{flex-direction:row;align-items:center}.live-caption strong{font-size:14px}.live-caption .sim-viewers{font-size:12px}.chat-heading{padding-top:10px}.operation-panel .demo-summary{display:flex}.operation-panel .progress-area{margin:0}.chat-stamp{width:80px;min-height:88px}.demo-intro h1{font-size:25px}.live-product strong{font-size:17px}.operation-panel .guide li{font-size:12px}}@media(prefers-reduced-motion:reduce){.live-scene *,.live-hearts span,.live-pill i,.chat-row{animation:none}.live-chat{scroll-behavior:auto}.live-hearts span{display:none}}
.mobile-return{display:none}@media(max-width:720px){.workspace .live-panel{display:none}.workspace.is-live .live-panel{display:block;position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:100dvh;overflow-y:auto;border-radius:0;border:0;animation:live-page-in .24s ease-out}.workspace.is-live .operation-panel{visibility:hidden}.mobile-live-open{overflow:hidden}.mobile-return{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:#e5f1fa;color:#25475e;font-size:12px}.mobile-return button{min-height:38px;padding:6px 10px;font-size:12px}.workspace.is-live .live-chat{height:clamp(155px,30dvh,280px)}.workspace.is-live .chat-hint{display:none}.operation-panel{animation:live-page-back .22s ease-out}}@keyframes live-page-in{from{opacity:.5;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes live-page-back{from{opacity:.7;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.workspace.is-live .live-panel,.operation-panel{animation:none}}
@media(max-width:720px){.operation-panel .demo-summary{padding:12px 14px;gap:10px;align-items:center}.operation-panel .demo-order{flex:1 1 160px}.operation-panel .demo-order h2{font-size:17px;margin:2px 0}.operation-panel .demo-order>p:not(.wait){font-size:12px;margin:0}.operation-panel .demo-order .label:not(:first-child),.operation-panel .demo-order .wait{display:none}.operation-panel .progress-area{width:auto;min-width:90px;flex:0 0 90px;margin:0}.operation-panel .progress-area strong{font-size:28px}.operation-panel .progress-area>.label{display:none}.operation-panel .progress-area progress{margin:6px 0}.operation-panel .guide{padding:12px 14px}.operation-panel .guide p{margin:8px 0 10px}.demo-intro{padding-top:18px;padding-bottom:14px}}
.new-message-label{display:none}.chat-row.is-new{padding:10px 9px;margin-left:-5px;margin-right:-5px;border:1px solid #7bb9df;border-radius:12px;background:#e8f5ff;box-shadow:0 0 0 3px #b6dff433;animation:new-chat-arrive .35s ease-out,new-chat-glow 1s ease-in-out 2}.chat-row.is-new .chat-avatar{background:#2f79aa;color:white}.chat-row.is-new .new-message-label{display:inline-block;vertical-align:middle;margin-left:7px;padding:1px 7px;background:#2f79aa;color:white;border-radius:5px;font-size:12px;line-height:1.6;font-weight:bold}.chat-row.is-new p{color:#163d58}@keyframes new-chat-arrive{from{opacity:0;transform:translateX(24px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes new-chat-glow{0%,100%{box-shadow:0 0 0 3px #b6dff433}50%{box-shadow:0 0 0 4px #91caed77}}@media(prefers-reduced-motion:reduce){.chat-row.is-new{animation:none}}
.mobile-live-footer{display:none}@media(max-width:720px){.workspace.is-live .live-panel{display:flex;flex-direction:column}.workspace.is-live .live-player,.workspace.is-live .live-caption,.workspace.is-live .chat-heading,.workspace.is-live .mobile-return{flex-shrink:0}.workspace.is-live .live-chat{height:auto;min-height:120px;flex:1 1 auto}.mobile-return{min-height:44px}.mobile-live-footer{display:block;position:sticky;bottom:0;flex-shrink:0;margin-top:auto;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dceaf3}.mobile-live-footer button{display:block;width:100%;min-height:46px;font-size:16px;font-weight:bold}}