*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;background:#000;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}:root{--douyin-pink:#fe2c55;--douyin-blue:#25f4ee;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80}a{color:inherit;text-decoration:none}input,textarea{background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.live-page[data-v-65d2bc89]{background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.video-wrapper[data-v-65d2bc89]{z-index:1;position:absolute;inset:0}.video-wrapper[data-v-65d2bc89] .tcplayer{width:100%;height:100%}.video-wrapper[data-v-65d2bc89] .tcplayer video{object-fit:cover;width:100%;height:100%}.video[data-v-65d2bc89]{object-fit:cover;background:#000;width:100%;height:100%;display:block}.tap-area[data-v-65d2bc89]{z-index:5;position:absolute;inset:0 0 30%}.loading-mask[data-v-65d2bc89],.error-mask[data-v-65d2bc89]{text-align:center;color:#ffffffb3;z-index:10;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner[data-v-65d2bc89]{border:3px solid #fff3;border-top-color:#fff;border-radius:50%;width:40px;height:40px;margin:0 auto 12px;animation:.8s linear infinite spin-65d2bc89}@keyframes spin-65d2bc89{to{transform:rotate(360deg)}}.error-icon[data-v-65d2bc89]{margin-bottom:12px;font-size:48px}.error-mask .sub[data-v-65d2bc89]{color:#ffffff80;margin-top:6px;font-size:12px}.top-bar[data-v-65d2bc89]{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));z-index:20;background:linear-gradient(#00000080 0%,#0000 100%);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.anchor-info[data-v-65d2bc89]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border-radius:20px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.avatar-wrapper[data-v-65d2bc89]{flex-shrink:0;position:relative}.avatar[data-v-65d2bc89]{object-fit:cover;border:2px solid #fff;border-radius:50%;width:36px;height:36px}.default-avatar[data-v-65d2bc89]{background:linear-gradient(135deg,#fe2c55,#ff6b8a);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.live-badge[data-v-65d2bc89]{color:#fff;white-space:nowrap;background:#fe2c55;border-radius:8px;padding:1px 5px;font-size:9px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.info[data-v-65d2bc89]{line-height:1.3}.name[data-v-65d2bc89]{color:#fff;font-size:13px;font-weight:600}.title[data-v-65d2bc89]{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:11px;overflow:hidden}.viewer-count[data-v-65d2bc89]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#00000059;border-radius:14px;align-items:center;gap:6px;height:28px;padding:6px 12px;font-size:12px;display:flex;overflow:hidden}.viewer-count .dot[data-v-65d2bc89]{background:#fe2c55;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.5s ease-in-out infinite pulse-65d2bc89}@keyframes pulse-65d2bc89{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.fade-enter-active[data-v-65d2bc89],.fade-leave-active[data-v-65d2bc89]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-65d2bc89]{opacity:0;transform:translateY(10px)}.fade-leave-to[data-v-65d2bc89]{opacity:0;transform:translateY(-10px)}.side-actions[data-v-65d2bc89]{z-index:20;flex-direction:column;gap:20px;display:flex;position:absolute;bottom:200px;right:12px}.action-item[data-v-65d2bc89]{color:#fff;cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:transform .2s;display:flex}.action-item[data-v-65d2bc89]:active{transform:scale(.9)}.action-item .icon[data-v-65d2bc89]{filter:drop-shadow(0 2px 4px #0000004d);justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.action-item .heart[data-v-65d2bc89]{color:#fff;font-size:28px;transition:color .2s}.like-btn.liked .heart[data-v-65d2bc89]{color:#fe2c55;animation:.3s ease-out heartPop-65d2bc89}@keyframes heartPop-65d2bc89{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.action-item .label[data-v-65d2bc89]{text-shadow:0 1px 2px #00000080;font-size:11px}.hearts-container[data-v-65d2bc89]{pointer-events:none;z-index:15;width:60px;height:200px;position:absolute;bottom:280px;right:12px}.floating-heart[data-v-65d2bc89]{color:#fe2c55;text-shadow:0 0 10px #fe2c5580;font-size:28px;animation:2s ease-out forwards floatUp-65d2bc89;position:absolute;bottom:0}@keyframes floatUp-65d2bc89{0%{opacity:1;transform:translateY(0)scale(.5)rotate(0)}50%{opacity:1;transform:translateY(-80px)scale(1.2)rotate(10deg)}to{opacity:0;transform:translateY(-180px)scale(.8)rotate(-10deg)}}.screen-comments[data-v-65d2bc89]{z-index:10;pointer-events:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;height:45vh;padding:0 16px;display:flex;position:absolute;bottom:80px;left:0;right:80px;overflow:hidden auto}.screen-comments[data-v-65d2bc89]:before{content:"";flex:auto;min-height:8px}.screen-comments[data-v-65d2bc89]::-webkit-scrollbar{display:none}.screen-comment[data-v-65d2bc89]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);word-break:break-word;background:#00000073;border-radius:14px;width:fit-content;max-width:85%;margin-top:6px;padding:6px 12px;font-size:13px;line-height:1.4;animation:.3s ease-out slideIn-65d2bc89}@keyframes slideIn-65d2bc89{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.screen-comment.mine[data-v-65d2bc89]{background:#25f4ee40}.comment-user[data-v-65d2bc89]{color:#25f4ee;margin-right:4px;font-weight:500}.screen-comment.mine .comment-user[data-v-65d2bc89]{color:#25f4ee}.comment-content[data-v-65d2bc89]{color:#fff;word-break:break-all}.comment-enter-enter-active[data-v-65d2bc89]{transition:all .3s ease-out}.comment-enter-enter-from[data-v-65d2bc89]{opacity:0;transform:translateY(20px)}.bottom-bar[data-v-65d2bc89]{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:20;background:linear-gradient(#0000 0%,#0009 100%);position:absolute;bottom:0;left:0;right:0}.input-wrapper[data-v-65d2bc89]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:22px;align-items:center;gap:10px;padding:4px 4px 4px 16px;display:flex}.comment-input[data-v-65d2bc89]{color:#fff;background:0 0;flex:1;height:36px;font-size:14px}.comment-input[data-v-65d2bc89]::placeholder{color:#ffffff80}.send-btn[data-v-65d2bc89]{color:#fff;background:linear-gradient(135deg,#fe2c55,#ff6b8a);border-radius:16px;flex-shrink:0;height:32px;padding:0 16px;font-size:13px;font-weight:500;transition:opacity .2s}.send-btn[data-v-65d2bc89]:disabled{opacity:.4;cursor:not-allowed}