.sb-live-addon{position:absolute;inset:0;z-index:60;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#fffaf0 0%,#fff 68%);font-family:Nunito,"PingFang SC","Microsoft YaHei",sans-serif;color:#59677f}
.sb-live-head{height:82px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between}.sb-live-brand{font-size:13px;font-weight:800;letter-spacing:.08em;color:#7d8ca7}.sb-live-timer{font:700 12px ui-monospace,monospace;background:#fff;padding:7px 12px;border-radius:999px;box-shadow:0 3px 14px #a8b1bd22}
.sb-live-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 28px}.sb-live-orbit{position:relative;width:min(42vh,310px);aspect-ratio:1;border:6px solid #fff;border-radius:50%;overflow:hidden;box-shadow:0 18px 60px #e9ba4938,0 0 0 1px #f6e8c4}.sb-live-avatar,.sb-live-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.35s}.sb-live-avatar.off{opacity:0}.sb-live-video{opacity:0;transform:scaleX(-1)}.sb-live-video.on{opacity:1}
.sb-live-state{margin-top:-20px;z-index:2;padding:11px 25px;border-radius:999px;background:#fff;box-shadow:0 7px 22px #7b849722;font-size:14px;font-weight:800;color:#8997ae}.sb-live-answer{margin-top:20px;width:min(92%,430px);padding:17px 22px;text-align:center;background:#ffffffd9;border:1px solid #f1eadc;border-radius:23px;box-shadow:0 7px 24px #8390a414;font-size:16px;line-height:1.65;color:#536078}.sb-live-answer small{display:block;margin-top:5px;font-size:12px;color:#91a1ba}
.sb-live-controls{padding:25px 28px 20px;background:#fffffff2;border-radius:38px 38px 0 0;box-shadow:0 -10px 34px #7e8b9c12;text-align:center}.sb-live-controls>button{border:0;cursor:pointer;transition:.2s}.sb-live-small{width:54px;height:54px;margin:0 12px;border-radius:50%;background:#f5f7f9;color:#71819a;font-size:21px;box-shadow:0 3px 12px #71819a18}.sb-live-small.off{background:#feecea;color:#d8584d}.sb-live-start{width:78px;height:78px;border-radius:50%;background:linear-gradient(145deg,#ffd63f,#f4b91c);color:#fff;font-size:27px;box-shadow:0 10px 26px #f4c02e66}.sb-live-start.stop{background:#e85b51;box-shadow:0 10px 26px #e85b5144}.sb-live-controls p{margin:15px 0 0;font-size:10px;font-weight:800;letter-spacing:.08em;color:#c0c9d6}
@media(max-height:650px){.sb-live-head{height:55px;padding:18px 28px}.sb-live-orbit{width:min(34vh,230px)}.sb-live-answer{margin-top:12px;padding:12px 18px}.sb-live-controls{padding:15px}.sb-live-start{width:66px;height:66px}}