*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;padding-left:180px;background-color:#fff}a{text-decoration:none;color:inherit}ul,li{list-style:none}img{max-width:100%;display:block}.wrap{width:1200px;margin:0 auto}.header{display:flex;align-items:center;justify-content:space-between;padding:0;border:none;background:none;color:#fff;height:60px}.logoText{font-size:20px;font-weight:700;color:#fff;text-decoration:none}.nav{display:none}.userInfo{font-size:14px;margin-right:20px}.userInfo em{color:gold;font-style:normal}.logoutBtn{padding:6px 16px;background:#fff3;border-radius:4px;color:#fff;font-size:14px}.logoutBtn:hover{background:#ffffff4d}.sidebar{position:fixed;left:0;top:0;bottom:0;width:180px;background-color:#efeff1;z-index:1000}.sidebar-logo{height:60px;display:flex;align-items:center;justify-content:center;background-color:#bfac2c;border-bottom:1px solid hsl(0deg 0% 0% / 10%)}.sidebar-logo img{width:80%;height:60px;object-fit:cover}.sidebar-nav{padding:0 8px;font-size:16px;font-weight:700}.sidebar-nav-item{margin:6px 12px;line-height:38px;display:flex;align-items:center;border-bottom:dashed 1px #e8e8e8;color:#333}.sidebar-nav-item:last-child{border-bottom:none}.sidebar-nav-item img{width:20px;height:20px;margin-right:10px}.sidebar-divider{width:120px;height:1px;background-color:#e4e4e4;margin:0 auto}.sidebar-links{padding:0 8px;font-size:14px;color:#666}.sidebar-links a{margin:6px 12px;line-height:38px;display:flex;align-items:center;border-bottom:dashed 1px #e8e8e8;color:#666}.sidebar-links a img{width:20px;height:20px;margin-right:10px}.banner{background-size:cover;padding:40px 0}.bannerBox{display:flex;gap:20px;max-width:1200px;margin:0 auto}.playerLiveBox{flex:1;position:relative}.playerLiveBox #playerCon{border-radius:20px;overflow:hidden}.playerRoomBtn{position:absolute;bottom:20px;right:20px;padding:10px 24px;background:linear-gradient(90deg,#ff4436,#ff9e4f);color:#fff;border-radius:20px;font-size:14px;z-index:10}.playerRoomBtn:hover{opacity:.9}.playerLive{width:300px;display:flex;flex-direction:column;gap:10px}.liveList{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;height:160px}.liveListBorder{position:absolute;inset:0;border:3px solid transparent;border-radius:10px;pointer-events:none;transition:border-color .3s}.liveList.liveActive .liveListBorder{border-color:#ff4436}.liveListContent{position:relative;height:100%}.liveListImg{width:100%;height:100%;object-fit:cover}.liveListUser{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,#000000b3);color:#fff;display:flex;justify-content:space-between;align-items:center}.liveListUserName{font-size:14px;font-weight:700}.liveListUserWatcher{font-size:12px;opacity:.8}.category-section{padding:60px 0;background-color:#f8f9fb}.category-list{display:flex;gap:15px}.category-card{position:relative;width:271px;height:74px;border-radius:10px;cursor:pointer;overflow:hidden}.category-card.music{background:linear-gradient(90deg,#ff4436,#ff9e4f)}.category-card.dance{background:linear-gradient(90deg,#409bff,#5be2ff)}.category-card.talkshow{background:linear-gradient(90deg,#9457ff,#d161ff)}.category-card.beauty{background:linear-gradient(90deg,#ff65c7,#fcdc42)}.category-card .title{padding:15px 0 0 15px;line-height:20px;font-size:18px;color:#fff}.category-card .icon{position:absolute;top:-20px;right:15px}.category-card .icon img{width:64px}.category-card .gift-log{margin:6px 15px;height:22px;line-height:22px;overflow:hidden}.category-card .gift-log .item{width:241px;height:22px;white-space:nowrap;overflow:hidden;transition:margin .5s ease;color:#fff;font-size:12px}.category-card .gift-log .item .user{display:inline-block;max-width:86px;height:20px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;color:#fff}.category-card .gift-log .item .gift-s{display:inline-block;height:22px;margin-left:5px;vertical-align:middle}.category-card .gift-log .item .num{color:#fff;margin-left:2px}.titleBox{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.titleBox span{font-size:24px;font-weight:700;color:#333}.titleBoxMore{color:#666;font-size:14px}.titleBoxMore:hover{color:#ff4436}.starBox{display:flex;gap:20px;flex-wrap:wrap}.starItem{text-align:center}.starAvatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.starName{font-size:14px;color:#333}.listBox{display:flex;gap:20px;flex-wrap:wrap}.listItem{width:calc(25% - 15px);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 10px #0000001a;transition:transform .3s}.listItem:hover{transform:translateY(-5px)}.listItemImg{width:100%;height:285px;object-fit:cover}.listItemInfo{display:flex;align-items:center;padding:15px;gap:10px}.listItemAvatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.listItemInfoBody{flex:1}.listItemInfoName{font-size:14px;font-weight:700;color:#333}.listItemInfoId{font-size:12px;color:#999;display:flex;align-items:center;gap:4px}.footer{padding:40px 0;background:#f5f6f8}.footerNav{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.footerNav a{color:#666;font-size:14px}.footerNav a:hover{color:#ff4436}.copyright{text-align:center;color:#999;font-size:12px;line-height:2}.copyright a{color:#666}.copyright a:hover{color:#ff4436}.layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal}.layui-icon-mike:before{content:""}@media(max-width:1400px){.wrap{width:100%;padding:0 20px}.listItem{width:calc(33.333% - 14px)}}@media(max-width:1200px){.category-list{flex-wrap:wrap}.category-card{width:calc(50% - 8px)}}@media(max-width:768px){body{padding-left:0}.sidebar{display:none}.listItem{width:calc(50% - 10px)}.category-card{width:100%}}.header-wrapper[data-v-1b19cb9e]{background:#0c1c8d;position:sticky;top:0;z-index:999;border-bottom:1px solid hsl(0deg 0% 0% / 10%)}.header-container[data-v-1b19cb9e]{width:auto;margin:0 60px 0 10px}.header[data-v-1b19cb9e]{display:flex;align-items:center;justify-content:space-between;padding:0;border:none;background:none;color:#fff;height:60px}.logoText[data-v-1b19cb9e]{font-size:20px;font-weight:700;color:#fff;text-decoration:none}.nav[data-v-1b19cb9e]{display:none}.nav-list[data-v-1b19cb9e]{display:flex;list-style:none;margin:0;padding:0;background:none}.nav-item[data-v-1b19cb9e]{position:relative}.nav-item>a[data-v-1b19cb9e]{display:block;padding:0 20px;line-height:60px;color:#fff;text-decoration:none}.nav-item>a[data-v-1b19cb9e]:hover,.nav-item>a.router-link-active[data-v-1b19cb9e]{background:#ffffff1a}.nav-dropdown-menu[data-v-1b19cb9e]{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:150px;box-shadow:0 2px 10px #0000001a;border-radius:4px;margin:0;padding:5px 0}.nav-dropdown:hover .nav-dropdown-menu[data-v-1b19cb9e]{display:block}.nav-dropdown-menu dd[data-v-1b19cb9e]{margin:0}.nav-dropdown-menu dd a[data-v-1b19cb9e]{display:block;padding:10px 20px;color:#333;text-decoration:none}.nav-dropdown-menu dd a[data-v-1b19cb9e]:hover,.nav-dropdown-menu dd a.router-link-active[data-v-1b19cb9e]{background:#f5f5f5;color:#ff4436}.header-right[data-v-1b19cb9e]{display:flex;align-items:center;gap:15px}.userInfo[data-v-1b19cb9e]{font-size:14px;color:#fff}.userInfo em[data-v-1b19cb9e]{color:gold;font-style:normal}.logoutBtn[data-v-1b19cb9e]{padding:6px 16px;background:#fff3;border-radius:4px;color:#fff;font-size:14px;text-decoration:none}.logoutBtn[data-v-1b19cb9e]:hover{background:#ffffff4d}.regBtn[data-v-1b19cb9e]{padding:6px 16px;background:#c2af31;border-radius:4px;color:#fff;font-size:14px;text-decoration:none}.regBtn[data-v-1b19cb9e]:hover{background:#d4c13a}.loginBtn[data-v-1b19cb9e]{padding:6px 16px;background:#fff3;border-radius:4px;color:#fff;font-size:14px;text-decoration:none}.loginBtn[data-v-1b19cb9e]:hover{background:#ffffff4d}.sidebar[data-v-c8524184]{position:fixed;left:0;top:0;bottom:0;width:180px;background-color:#efeff1;z-index:1000}.sidebar-logo[data-v-c8524184]{height:60px;display:flex;align-items:center;justify-content:center;background-color:#bfac2c;border-bottom:1px solid hsl(0deg 0% 0% / 10%)}.sidebar-logo a[data-v-c8524184]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.sidebar-logo img[data-v-c8524184]{width:80%;height:60px;object-fit:cover}.sidebar-nav[data-v-c8524184]{padding:0 8px;font-size:16px;font-weight:700}.sidebar-nav-item[data-v-c8524184]{margin:6px 12px;line-height:38px;display:flex;align-items:center;border-bottom:dashed 1px #e8e8e8;color:#333;text-decoration:none}.sidebar-nav-item[data-v-c8524184]:last-child{border-bottom:none}.sidebar-nav-item img[data-v-c8524184]{width:20px;height:20px;margin-right:10px}.sidebar-nav-item[data-v-c8524184]:hover,.sidebar-nav-item.router-link-active[data-v-c8524184]{color:#ff4436}.sidebar-divider[data-v-c8524184]{width:120px;height:1px;background-color:#e4e4e4;margin:10px auto}.sidebar-links[data-v-c8524184]{padding:0 8px;font-size:14px}.sidebar-links a[data-v-c8524184]{margin:6px 12px;line-height:38px;display:flex;align-items:center;border-bottom:dashed 1px #e8e8e8;color:#666;text-decoration:none}.sidebar-links a[data-v-c8524184]:last-child{border-bottom:none}.sidebar-links a img[data-v-c8524184]{width:20px;height:20px;margin-right:10px}.sidebar-links a[data-v-c8524184]:hover,.sidebar-links a.router-link-active[data-v-c8524184]{color:#ff4436}@media(max-width:768px){.sidebar[data-v-c8524184]{display:none}}.footer[data-v-a94bdfdd]{padding:40px 0;background:#f5f6f8}.wrap[data-v-a94bdfdd]{width:1200px;margin:0 auto}.footerNav[data-v-a94bdfdd]{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.footerNav a[data-v-a94bdfdd]{color:#666;font-size:14px;text-decoration:none}.footerNav a[data-v-a94bdfdd]:hover{color:#ff4436}.copyright[data-v-a94bdfdd]{text-align:center;color:#999;font-size:12px;line-height:2}.copyright p[data-v-a94bdfdd]{margin:0}.copyright a[data-v-a94bdfdd]{color:#666;text-decoration:none}.copyright a[data-v-a94bdfdd]:hover{color:#ff4436}@media(max-width:1400px){.wrap[data-v-a94bdfdd]{width:100%;padding:0 20px}}@media(max-width:768px){.footerNav[data-v-a94bdfdd]{flex-wrap:wrap;gap:15px}}.banner[data-v-95a5ba6b]{background-size:cover;background-position:center;padding:40px 0}.bannerBox[data-v-95a5ba6b]{display:flex;gap:20px;max-width:1200px;margin:0 auto}.playerLiveBox[data-v-95a5ba6b]{flex:1;position:relative}.playerLiveBox[data-v-95a5ba6b] #playerCon{border-radius:20px;overflow:hidden}.playerRoomBtn[data-v-95a5ba6b]{position:absolute;bottom:20px;right:20px;padding:10px 24px;background:linear-gradient(90deg,#ff4436,#ff9e4f);color:#fff;border-radius:20px;font-size:14px;z-index:10;text-decoration:none}.playerRoomBtn[data-v-95a5ba6b]:hover{opacity:.9}.playerLive[data-v-95a5ba6b]{width:300px;display:flex;flex-direction:column;gap:10px}.liveList[data-v-95a5ba6b]{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;height:160px}.liveListBorder[data-v-95a5ba6b]{position:absolute;inset:0;border:3px solid transparent;border-radius:10px;pointer-events:none;transition:border-color .3s;z-index:2}.liveList.liveActive .liveListBorder[data-v-95a5ba6b]{border-color:#ff4436}.liveListContent[data-v-95a5ba6b]{position:relative;height:100%}.liveListImg[data-v-95a5ba6b]{width:100%;height:100%;object-fit:cover}.liveListUser[data-v-95a5ba6b]{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,#000000b3);color:#fff;display:flex;justify-content:space-between;align-items:center;z-index:1}.liveListUserName[data-v-95a5ba6b]{font-size:14px;font-weight:700}.liveListUserWatcher[data-v-95a5ba6b]{font-size:12px;opacity:.8}@media(max-width:1200px){.bannerBox[data-v-95a5ba6b]{flex-direction:column;padding:0 20px}.playerLive[data-v-95a5ba6b]{width:100%;flex-direction:row;overflow-x:auto}.liveList[data-v-95a5ba6b]{min-width:200px;height:120px}}.category-section[data-v-f028fc50]{padding:60px 0;background-color:#f8f9fb}.wrap[data-v-f028fc50]{width:1200px;margin:0 auto}.category-list[data-v-f028fc50]{display:flex;gap:15px;list-style:none;margin:0;padding:0}.category-card[data-v-f028fc50]{position:relative;width:271px;height:74px;border-radius:10px;cursor:pointer;overflow:hidden}.category-card .title[data-v-f028fc50]{padding:15px 0 0 15px;line-height:20px;font-size:18px;color:#fff}.category-card .icon[data-v-f028fc50]{position:absolute;top:-20px;right:15px}.category-card .icon img[data-v-f028fc50]{width:64px}.category-card .gift-log[data-v-f028fc50]{margin:6px 15px;height:22px;line-height:22px;overflow:hidden}.category-card .gift-log .item[data-v-f028fc50]{width:241px;height:22px;white-space:nowrap;overflow:hidden;transition:margin .5s ease}.category-card .gift-log .item a[data-v-f028fc50]{color:#ffffffe6;font-size:12px;text-decoration:none;cursor:pointer}.category-card .gift-log .item .user[data-v-f028fc50]{display:inline-block;max-width:86px;height:20px;vertical-align:top;text-overflow:ellipsis;overflow:hidden;color:#fff}.category-card .gift-log .item .gift-s[data-v-f028fc50]{display:inline-block;height:22px;margin-left:5px;vertical-align:middle}.category-card .gift-log .item .num[data-v-f028fc50]{color:#fff;margin-left:2px}@media(max-width:1400px){.wrap[data-v-f028fc50]{width:100%;padding:0 20px}}@media(max-width:1200px){.category-list[data-v-f028fc50]{flex-wrap:wrap}.category-card[data-v-f028fc50]{width:calc(50% - 8px)}}@media(max-width:768px){.category-card[data-v-f028fc50]{width:100%}}.live-section[data-v-7a80462b]{padding-top:40px}.wrap[data-v-7a80462b]{width:1200px;margin:0 auto}.titleBox[data-v-7a80462b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.titleBox span[data-v-7a80462b]{font-size:24px;font-weight:700;color:#333}.titleBoxMore[data-v-7a80462b]{color:#666;font-size:14px;text-decoration:none}.titleBoxMore[data-v-7a80462b]:hover{color:#ff4436}.listBox[data-v-7a80462b]{display:flex;gap:20px;flex-wrap:wrap}.listItem[data-v-7a80462b]{width:calc(25% - 15px);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 10px #0000001a;transition:transform .3s;text-decoration:none}.listItem[data-v-7a80462b]:hover{transform:translateY(-5px)}.listItemImg[data-v-7a80462b]{width:100%;height:285px;object-fit:cover}.listItemInfo[data-v-7a80462b]{display:flex;align-items:center;padding:15px;gap:10px}.listItemAvatar[data-v-7a80462b]{width:40px;height:40px;border-radius:50%;object-fit:cover}.listItemInfoBody[data-v-7a80462b]{flex:1}.listItemInfoName[data-v-7a80462b]{font-size:14px;font-weight:700;color:#333}.listItemInfoId[data-v-7a80462b]{font-size:12px;color:#999;display:flex;align-items:center;gap:4px}.icon-mike[data-v-7a80462b]{font-size:12px}@media(max-width:1400px){.wrap[data-v-7a80462b]{width:100%;padding:0 20px}.listItem[data-v-7a80462b]{width:calc(33.333% - 14px)}}@media(max-width:992px){.listItem[data-v-7a80462b]{width:calc(50% - 10px)}}@media(max-width:576px){.listItem[data-v-7a80462b]{width:100%}.listItemImg[data-v-7a80462b]{height:200px}}.main-content[data-v-5f97a099]{min-height:calc(100vh - 200px)}.star-section[data-v-5f97a099]{padding-top:40px}.wrap[data-v-5f97a099]{width:1200px;margin:0 auto}.titleBox[data-v-5f97a099]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.titleBox span[data-v-5f97a099]{font-size:24px;font-weight:700;color:#333}.titleBoxMore[data-v-5f97a099]{color:#666;font-size:14px;text-decoration:none}.titleBoxMore[data-v-5f97a099]:hover{color:#ff4436}.starBox[data-v-5f97a099]{display:flex;gap:20px;flex-wrap:wrap}.starItem[data-v-5f97a099]{text-align:center;text-decoration:none}.starAvatar[data-v-5f97a099]{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px}.starName[data-v-5f97a099]{font-size:14px;color:#333}@media(max-width:1400px){.wrap[data-v-5f97a099]{width:100%;padding:0 20px}}