html,body,#root{height:100%;margin:0}body{background:#f5f5f5}.home-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.home-card{width:420px;max-width:100%}.room-loading{height:100vh;display:flex;align-items:center;justify-content:center}.room-page{height:100vh;height:100dvh;display:flex;flex-direction:column}.room-header{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#fff;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}.room-title{margin:0!important;max-width:40%}.room-online{color:#000000a6;white-space:nowrap}.room-main{flex:1;min-height:0;display:flex;gap:12px;padding:12px}.player-col{flex:1;min-width:0;display:flex}.playlist-col{width:360px;flex-shrink:0;background:#fff;border-radius:8px;overflow:hidden auto;display:flex;flex-direction:column}.player-wrap{position:relative;flex:1;width:100%;min-height:0;background:#000;border-radius:8px;overflow:hidden}.player-wrap.web-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;border-radius:0}.player-fill{position:relative;width:100%;height:100%}.player-wrap .vjs-tech{object-fit:contain}.player-placeholder,.player-waiting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 24px;pointer-events:none}.player-placeholder{color:#999;z-index:5}.player-waiting{background:#0000008c;color:#fff;font-size:16px;z-index:10}.video-js .vjs-webfs-btn{width:auto;padding:0 8px;cursor:pointer}.video-js .vjs-webfs-btn .vjs-icon-placeholder{display:none}.video-js .vjs-webfs-label{font-size:12px;white-space:nowrap}.playlist{display:flex;flex-direction:column;min-height:0;flex:1}.playlist-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f0f0f0}.playlist-title{font-weight:600}.playlist .ant-list{flex:1;overflow-y:auto}.playlist-item{cursor:pointer;padding:8px 12px!important;transition:background .2s}.playlist-item:hover{background:#f5f5f5}.playlist-item.active{background:#e6f4ff}.playlist-item-title{font-size:13px}.playlist-item-desc{display:flex;flex-direction:column;gap:2px}.playlist-url{font-size:12px;max-width:180px}.playlist-pos{font-size:12px;color:#faad14}.playlist-ops{display:flex;align-items:center;flex-shrink:0}.member-bar{display:flex;align-items:center;gap:14px;padding:8px 16px;background:#fff;border-top:1px solid #f0f0f0;overflow-x:auto}.mute-btn,.volume-btn,.settings-btn{flex-shrink:0;width:44px;height:44px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.settings-btn{margin-left:auto}.volume-panel{display:flex;flex-direction:column;align-items:center;padding:8px 4px;min-height:140px}.volume-panel-label{font-size:12px;color:#000000a6;margin-bottom:8px;text-align:center}.volume-panel .ant-slider{margin:0}.volume-panel .ant-slider-mark,.volume-panel .ant-slider-mark-text{display:none}@media (max-width: 768px){.member-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 10px}.member-bar-row{display:flex;align-items:center;gap:10px;overflow-x:auto}.member-bar-actions{display:flex;gap:10px;width:100%}.member-bar-actions .mute-btn,.member-bar-actions .volume-btn,.member-bar-actions .settings-btn{flex:1;min-width:0;width:auto;margin-left:0}}.member-card{display:flex;flex-direction:column;align-items:center;min-width:64px;flex-shrink:0}.member-card.self{cursor:pointer}.stats-panel{min-width:220px}.stats-row{display:flex;justify-content:space-between;gap:24px;line-height:2}.stats-label{color:#000000a6}.stats-value{font-variant-numeric:tabular-nums}.stats-nick-btn{margin-top:8px}.member-avatar-wrap{position:relative}.member-avatar{background:#1677ff}.member-nick{font-size:12px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.member-icons{display:flex;align-items:center;gap:5px;height:16px;margin-top:2px}.net-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.member-muted-icon{color:#999;font-size:12px}.member-mic-icon{color:#52c41a;font-size:12px}.vol-meter{display:inline-flex;align-items:flex-end;gap:1px;height:12px}.vol-bar{width:3px;border-radius:1px;background:#e5e5e5;transition:background .1s}.vol-bar:nth-child(1){height:4px}.vol-bar:nth-child(2){height:7px}.vol-bar:nth-child(3){height:10px}.vol-bar:nth-child(4){height:12px}.vol-bar.on{background:#52c41a}.emoji-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.emoji-btn{border:none;background:transparent;font-size:22px;cursor:pointer;padding:4px;border-radius:6px;line-height:1}.emoji-btn:hover{background:#f0f0f0;transform:scale(1.15)}.emoji-pop{position:absolute;top:-14px;right:-12px;font-size:22px;z-index:5;pointer-events:none;animation:emojiPop 15s ease forwards}@keyframes emojiPop{0%{transform:scale(.2);opacity:0}6%{transform:scale(1.7);opacity:1}12%{transform:scale(1.15)}82%{transform:scale(1.15);opacity:1}to{transform:scale(.3);opacity:0}}.captcha-row{display:flex;align-items:center;gap:8px;margin-top:4px}.captcha-img{height:40px;border:1px solid #d9d9d9;border-radius:6px;cursor:pointer;background:#fff}.captcha-loading{color:#999;font-size:12px}.player-autoplay-tip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:0 24px;background:#0000008c;z-index:12;cursor:pointer}@media (max-width: 768px){.room-main{padding:8px}.player-wrap{border-radius:0}.room-header{gap:8px;padding:6px 10px}.room-title{max-width:45%}.member-bar{gap:10px;padding:8px 10px}.member-card.mobile{min-width:44px}}.stats-account{display:flex;align-items:center;gap:8px;margin-top:8px}.stats-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.stats-avatar-letter{display:inline-flex;align-items:center;justify-content:center;background:#1677ff;color:#fff;font-size:10px;line-height:1;overflow:hidden}.stats-account-nick{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-avatar-img{border-radius:50%;object-fit:cover;display:block}.nick-account{display:flex;align-items:center;gap:12px;margin-bottom:16px}.nick-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.nick-avatar-letter{display:inline-flex;align-items:center;justify-content:center;background:#1677ff;color:#fff;font-size:24px;overflow:hidden}.nick-auth-link{margin-top:-8px;padding-left:0}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.page-header{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(5,5,5,.06)}.page-header-title{margin:0!important;flex:1}.page-header-extra{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}.page-body{margin:0 auto;padding:16px 24px 32px}.page-stats{display:flex;gap:48px;margin-bottom:16px}.admin-toolbar{margin-bottom:12px}.library-page,.upload-page{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.library-quota{display:flex;align-items:center;gap:12px;min-width:180px}.library-quota-text{white-space:nowrap;font-size:13px;color:#000000a6}.library-quota-bar{width:120px}.library-browser{display:flex;flex-direction:column;gap:12px}.library-page .library-browser{width:calc(100vw - 48px)}.library-browser-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.media-tile{width:100%;cursor:pointer;display:flex;flex-direction:column}.media-tile-thumb{position:relative;width:100%;aspect-ratio:16 / 10;background:#e5e5e5;border-radius:8px;overflow:hidden;background-size:cover;background-position:center}.media-tile-folder-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#00000040}.media-tile-lock{position:absolute;top:6px;left:6px;color:#fff;background:#00000073;border-radius:50%;padding:4px;font-size:12px}.media-tile-status{position:absolute;bottom:6px;left:6px;color:#fff;background:#0000008c;border-radius:4px;padding:2px 6px;font-size:12px;line-height:1.4}.media-tile-overlay{position:absolute;top:4px;right:4px;display:flex;gap:4px;opacity:0;transition:opacity .2s}.media-tile:hover .media-tile-overlay{opacity:1}.media-tile-overlay .ant-btn{background:#ffffffd9;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0}.media-tile-info{display:flex;justify-content:space-between;align-items:center;padding:6px 2px;gap:8px}.media-tile-title{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-tile-duration{font-size:12px;color:#0000008c;white-space:nowrap}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;overflow-x:hidden}@media (max-width: 576px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.media-grid-loading,.media-grid-empty{padding:40px 0}.video-preview-loading{display:flex;justify-content:center;padding:40px 0}.video-preview-modal video{width:100%;max-height:60vh;background:#000;border-radius:8px}.friend-selector{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0}.friend-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;min-width:72px}.friend-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#1677ff}.friend-nick{font-size:12px;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.friend-selector-empty{padding:40px 0}.add-video-login-tip{padding:40px 0;text-align:center;color:#0000008c}.add-video-friend-tab{min-height:240px}.add-video-friend-back{display:flex;align-items:center;gap:12px;margin-bottom:12px}.add-video-friend-name{font-weight:500}.upload-card{max-width:640px;margin:0 auto;width:100%}.upload-drop{border:2px dashed #d9d9d9;border-radius:8px;padding:24px;text-align:center;transition:border-color .2s}.upload-drop:hover{border-color:#1677ff}.upload-drop-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.upload-drop-icon{font-size:40px;color:#1677ff}.upload-hint{font-size:12px}.upload-status{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}