:root{font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;color:#fff;background:#0b0b0d;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#0b0b0d}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.live-shell{position:relative;width:min(100%,390px);height:100dvh;min-height:650px;margin:auto;overflow:hidden;background:#0b0b0d;box-shadow:0 0 42px #00000052}.live-shell:before{content:"";position:absolute;z-index:0;top:50%;right:-25px;bottom:0;left:-25px;background:url(/assets/live-hero.png) center top / cover;filter:blur(28px);opacity:.18;pointer-events:none}.video-stage{position:relative;height:55%;min-height:320px;background:#050608;overflow:hidden;isolation:isolate}.presenter-image,.video-stage video{display:block;width:100%;height:100%;object-fit:cover}.presenter-image{object-position:18% center}.video-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 23%,transparent 57%,rgba(2,4,8,.7));pointer-events:none}.live-header{position:absolute;z-index:2;top:max(23px,env(safe-area-inset-top));left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:5px}.live-header-left{display:flex;align-items:center;gap:7px;min-width:0}.live-badge{display:flex;align-items:center;gap:6px;flex:none;height:26px;padding:0 10px;border-radius:20px;background:#de2242;font-size:11px;font-weight:700;letter-spacing:.03em;box-shadow:0 5px 18px #0005}.live-badge i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff}.live-title{min-width:0;overflow:hidden;color:#fff;font-size:13px;font-weight:600;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 6px #000}.viewer-pill{display:flex;align-items:center;gap:5px;flex:none;height:26px;padding:0 9px;border-radius:20px;background:#070d1780;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;white-space:nowrap}.video-tools{position:absolute;z-index:3;right:14px;bottom:14px;display:flex;gap:7px}.video-tools button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:#080b11a8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.video-seek{position:absolute;z-index:4;right:15px;bottom:51px;left:15px;display:flex;align-items:center;gap:8px;font-size:10px;text-shadow:0 1px 4px #000}.video-seek input{flex:1;height:3px;accent-color:#fff}.video-paused{position:absolute;z-index:3;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;gap:7px;transform:translate(-50%,-50%);font-size:12px;text-shadow:0 2px 8px #000}.comments-panel{position:absolute;z-index:1;top:55%;right:0;bottom:76px;left:0;padding:14px 16px 0;background:linear-gradient(180deg,#13171ef0,#0d1015b8)}.comments-heading{display:flex;align-items:center;gap:7px;height:24px;color:#e8edf5}.comments-heading h2{margin:0;font-size:13px;font-weight:700}.comments-heading span{margin-left:auto;color:#788697;font-size:9px;letter-spacing:.06em}.comments-list{height:calc(100% - 28px);overflow-y:auto;scrollbar-width:none}.comments-list::-webkit-scrollbar{display:none}.official-comment{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.official-avatar{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:7px;color:#71aeff;background:#29394e}.official-name{color:#7fb6ff;font-size:10px;font-weight:600}.official-comment p{margin:2px 0 0;color:#e5e9f0;font-size:12px;line-height:1.4}.bottom-bar{position:absolute;z-index:5;right:0;bottom:0;left:0;display:flex;align-items:flex-start;gap:10px;height:76px;padding:9px 12px max(9px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#0b0b0d2e,#0b0b0d 23%)}.comment-bar{display:flex;align-items:center;flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid #3c4552;border-radius:22px;background:#252d39}.comment-bar.focused{border-color:#68a5fa}.comment-bar input{width:100%;border:0;outline:0;color:#fff;background:transparent;font-size:12px}.comment-bar input::placeholder{color:#a5acb9}.comment-bar button{padding:0 0 0 5px;color:#68a5fa;background:transparent}.live-actions{display:flex;align-items:center;gap:8px}.live-actions button{display:flex;flex-direction:column;align-items:center;gap:4px;width:37px;height:50px;padding:0;color:#fff;background:transparent;font-size:10px}.live-actions button:first-child svg{color:#ffc047}.toast{position:absolute;z-index:50;bottom:92px;left:50%;padding:9px 15px;border-radius:20px;color:#1b2430;background:#f8faff;box-shadow:0 8px 25px #0007;font-size:12px;white-space:nowrap;transform:translate(-50%)}.overlay{position:absolute;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-drawer,.share-sheet{width:100%;padding:11px 22px 25px;border:1px solid #555e6b;border-bottom:0;border-radius:18px 18px 0 0;background:#1c222d;box-shadow:0 -20px 40px #0005}.drawer-handle{width:36px;height:4px;margin:0 auto 20px;border-radius:4px;background:#657083}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between}.product-drawer .sheet-head{justify-content:flex-end}.sheet-eyebrow{color:#5ba5ff;font-size:9px;font-weight:700;letter-spacing:.12em}.sheet-head h2{margin:3px 0 0;font-size:19px}.icon-close{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#b7c0cd;background:#303847}.qr-card{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 auto;padding:0;color:#fff;background:transparent;font-size:12px}.qr-card img{width:128px;height:128px;padding:7px;border-radius:7px;background:#fff;object-fit:contain}.product-drawer .qr-card{margin-top:14px}.product-drawer .qr-card img{width:150px;height:150px}.sheet-dismiss{display:block;margin:16px auto 0;color:#a9b5c5;background:transparent;font-size:12px}.product-drawer .sheet-dismiss{margin-top:20px}.share-subtitle{margin:7px 0 21px;color:#aab4c4;font-size:12px}.share-options{display:flex;justify-content:space-between;margin:25px 5px 20px}.share-options button{display:flex;flex-direction:column;align-items:center;gap:7px;color:#e7ebf1;background:transparent;font-size:10px}.share-options button span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#303949}.share-hint{display:flex;align-items:center;justify-content:center;gap:5px;color:#8d9bae;font-size:10px}.auth-overlay{z-index:40;align-items:center;padding:18px}.auth-modal{width:100%;max-width:320px;padding:28px 25px 22px;border:1px solid #485265;border-radius:17px;background:#202837;box-shadow:0 25px 70px #000a;text-align:center}.auth-symbol{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:13px;color:#6dabff;background:#293c57}.auth-modal h2{margin:8px 0;font-size:20px}.auth-modal p{margin:0 0 22px;color:#abb7c8;font-size:12px;line-height:1.6}.wechat-button{width:100%;height:43px;border-radius:22px;color:#fff;background:#20aa66;font-size:13px;font-weight:700}.auth-privacy{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px;color:#8996a8;font-size:10px}@media (min-width: 391px){body{background:#16191f}}@media (max-height: 700px){.video-stage{min-height:300px}}@media (max-width: 350px){.live-title{font-size:11px}.viewer-pill{font-size:9px}.live-actions{gap:4px}.live-actions button{width:33px}}