.popular[data-v-7683b0f8]{width:300px}.populartop[data-v-7683b0f8]{height:57px;line-height:57px;padding-left:8px;margin-top:4px;font-size:18px;font-weight:700;color:#555;border-bottom:1px solid #f2f2f2}.popularmetter[data-v-7683b0f8]{margin-top:8px}.populardata[data-v-7683b0f8]{width:300px;height:100px;background-color:#fff;display:flex}.populardata>div[data-v-7683b0f8]:first-child{width:130px;height:100px}.populardata>div:first-child>img[data-v-7683b0f8]{margin-left:10px;margin-top:15px;width:110px;height:70px}.populardata>div[data-v-7683b0f8]:nth-child(2){width:170px;height:100px}.populardata>div:nth-child(2)>div[data-v-7683b0f8]:first-child,.populardata>div:nth-child(2)>div[data-v-7683b0f8]:nth-child(2){width:150px;font-size:14px;margin-top:15px;font-kerning:normal;color:#555}.populardata>div:nth-child(2)>div[data-v-7683b0f8]:nth-child(2){display:flex;justify-content:space-around}.populardata>div:nth-child(2)>div:nth-child(2)>div[data-v-7683b0f8]{flex:1;color:#888}.popularfooter[data-v-7683b0f8]{margin-left:100px;margin-top:40px}.header[data-v-7aebea16]{width:100%}.headerbox[data-v-7aebea16]{width:1200px;margin:0 auto;border:1px solid #f2f2f2}.headerbox>div[data-v-7aebea16]:nth-child(2){height:64px}.icon[data-v-7aebea16]{display:flex;justify-content:space-between;border-top:1px solid #f2f2f2}.iconleft[data-v-7aebea16]{display:flex;margin-left:100px}.iconleft>div[data-v-7aebea16]:first-child{margin-top:15px;width:30px;height:30px;background-size:contain;background-image:url(../img/u231.65a5e119.svg);background-repeat:no-repeat}.iconleft>div[data-v-7aebea16]:nth-child(2){margin-top:22px;width:30px;height:30px;margin-left:12px}.iconleft>div[data-v-7aebea16]:nth-child(3){margin-top:19px;margin-left:30px;width:25px;height:25px;background-size:contain;background-image:url(../img/u234.99b684db.svg);background-repeat:no-repeat}.iconleft>div[data-v-7aebea16]:nth-child(4){margin-top:22px;width:30px;height:30px;margin-left:12px}.iconright[data-v-7aebea16]{display:flex;align-items:center}.iconright>div[data-v-7aebea16]{margin-right:40px}.iconright>div>img[data-v-7aebea16]{margin-right:5px;width:25px;height:25px;vertical-align:middle}.videimg[data-v-7aebea16]{display:flex;align-items:center}.matterbox[data-v-7aebea16]{width:1200px;margin:0 auto;margin-top:30px;display:flex;justify-content:space-around}.matterbox>div[data-v-7aebea16]:first-child{width:875px;min-height:400px;margin-right:30px}.matterbox>div[data-v-7aebea16]:nth-child(2){width:300px;border:1px solid #f2f2f2}.videoPot[data-v-7aebea16]{position:relative}.next-box[data-v-7aebea16]{position:absolute;z-index:999;border-radius:20px;width:100%;height:540px;color:#fff;background-color:#080808;text-align:center;border-radius:0;display:flex;justify-content:center;align-items:center;top:0;left:0}.replayclas[data-v-7aebea16]{color:#8cb822;font-size:18px}.txIcon[data-v-7aebea16]{line-height:64px;color:#6d6b6b;font-size:14px;padding-left:20px}.audioclass[data-v-7aebea16]{justify-content:center;background-color:#aaa}.audioclass[data-v-7aebea16],.videimgs[data-v-7aebea16]{display:flex;align-items:center}.videimgs[data-v-7aebea16]:hover,.vidojl[data-v-7aebea16]:hover{text-decoration:underline;color:#1492ff}.learn-time[data-v-7aebea16],.ras-time[data-v-7aebea16]{text-align:center;font-weight:700;font-size:18px}.ras-time[data-v-7aebea16]{width:50px;height:50px;line-height:50px;background-color:#999;color:#fff;border-radius:50%;position:absolute;top:50px;left:50%}[data-v-7aebea16]{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body[data-v-7aebea16]{background-color:#1a1a1a;color:#fff;min-height:100vh;display:flex;flex-direction:column}#liveArea[data-v-7aebea16]{flex:1;position:relative;overflow:hidden}#liveArea img[data-v-7aebea16]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.8}.live-overlay[data-v-7aebea16]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,rgba(26,26,26,.8) 0,transparent)}.like-counter[data-v-7aebea16]{position:absolute;top:15px;left:15px;background-color:rgba(0,0,0,.5);padding:8px 15px;border-radius:20px;display:flex;align-items:center;font-weight:700}.like-counter i[data-v-7aebea16]{color:#ff3b30;margin-right:8px}#effectContainer[data-v-7aebea16]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.interaction-area[data-v-7aebea16]{background-color:#2c2c2c;padding:15px;border-top:1px solid #444}.interaction-container[data-v-7aebea16]{max-width:1200px;margin:0 auto}.quick-actions[data-v-7aebea16]{display:flex;justify-content:center;gap:30px;margin-bottom:20px}.action-btn[data-v-7aebea16]{cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .2s,filter .2s}.action-btn[data-v-7aebea16]:hover{transform:scale(1.1);filter:brightness(1.2)}.action-btn .icon-wrapper[data-v-7aebea16]{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.gifts-title[data-v-7aebea16]{font-size:18px;font-weight:700;margin-bottom:15px}.gift-list[data-v-7aebea16]{display:flex;gap:25px;margin-bottom:20px;overflow-x:auto;padding-bottom:10px}.gift-item[data-v-7aebea16]{cursor:pointer;display:flex;flex-direction:column;align-items:center;min-width:80px;transition:transform .2s}.gift-item[data-v-7aebea16]:hover{transform:scale(1.1)}.gift-item .icon-wrapper[data-v-7aebea16]{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:5px}.gift-item.selected[data-v-7aebea16]{outline:2px solid #ff3b30;border-radius:8px;padding:5px}.send-btn[data-v-7aebea16]{background-color:#ff3b30;color:#fff;border:none;width:100%;padding:12px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s}.send-btn[data-v-7aebea16]:hover{background-color:#e02e24}.effect-element[data-v-7aebea16]{position:absolute;pointer-events:none;z-index:100}.message-notification[data-v-7aebea16]{position:absolute;top:15px;right:15px;background-color:rgba(0,0,0,.7);padding:5px 12px;border-radius:4px;font-weight:700}@-webkit-keyframes floatUp-data-v-7aebea16{0%{transform:translateY(0);opacity:1}to{transform:translateY(-500px);opacity:0}}@keyframes floatUp-data-v-7aebea16{0%{transform:translateY(0);opacity:1}to{transform:translateY(-500px);opacity:0}}@-webkit-keyframes floatUpRotate-data-v-7aebea16{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(-500px) rotate(2turn);opacity:0}}@keyframes floatUpRotate-data-v-7aebea16{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(-500px) rotate(2turn);opacity:0}}@-webkit-keyframes scaleIn-data-v-7aebea16{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes scaleIn-data-v-7aebea16{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@-webkit-keyframes slideIn-data-v-7aebea16{0%{transform:translateX(-100px);opacity:0}20%{transform:translateX(0);opacity:1}80%{transform:translateX(0);opacity:1}to{transform:translateX(100vw);opacity:0}}@keyframes slideIn-data-v-7aebea16{0%{transform:translateX(-100px);opacity:0}20%{transform:translateX(0);opacity:1}80%{transform:translateX(0);opacity:1}to{transform:translateX(100vw);opacity:0}}@-webkit-keyframes likePulse-data-v-7aebea16{0%{transform:scale(0);opacity:1}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:0}}@keyframes likePulse-data-v-7aebea16{0%{transform:scale(0);opacity:1}50%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:0}}@-webkit-keyframes petalFloat-data-v-7aebea16{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(var(--x-offset),var(--y-offset)) rotate(1turn);opacity:0}}@keyframes petalFloat-data-v-7aebea16{0%{transform:translate(0) rotate(0deg);opacity:1}to{transform:translate(var(--x-offset),var(--y-offset)) rotate(1turn);opacity:0}}.like-animation[data-v-7aebea16]{-webkit-animation:likePulse-data-v-7aebea16 .6s cubic-bezier(.17,.89,.32,1.49) forwards;animation:likePulse-data-v-7aebea16 .6s cubic-bezier(.17,.89,.32,1.49) forwards}