:root[theme=light][data-v-e5f2df45]{--bgColor:#fff --textColor:#323237;--smallColor:#666;--vipTextColor:#32323c;--vipYearColor:#eee;--btnColor:#e1e1e1;--vipInfoColor:#666;--ipColor:#afafaf;--borderColor:#32323c;--conThoColor:#32323c;--wrapColor:#rgba(255,255,255,.8);--subjColor:#32323c;--fieldColor:#666;--radioColor:#bdbdbd;--radiotextColor:#32323c;--textareaBackground:#e1e1e1;--textareaText:#878787;--numberColor:#666;--toastBgColor:#c9c9c9;--toastText:#32323c;--toastSuccess:#d2d2d2;--content:#32323c;--toastTextColor:#32323c;--battleBgColor:#f5f5f5;--battleTitleColor:#32323c;--battleTextColor:grey;--tertiary-text:grey;--primary-text:#32323c;--ruleTitleText:#32323d;--ruleText:#666;--rule-cell-bgColor:#d2d2d2;--sendMoneyRuleBgColor:#f5f5f5}:root[theme=dark][data-v-e5f2df45]{--bgColor:#151515;--textColor:#fff;--smallColor:#bdbdbd;--vipTextColor:#fff;--vipYearColor:#292929;--btnColor:#373737;--vipInfoColor:#8f8f8f;--ipColor:#818181;--borderColor:#fff;--conThoColor:#fff;--wrapColor:#303030;--fieldColor:#bdbdbd;--subjColor:#fff;--radioColor:#323237;--radiotextColor:#fff;--textareaBackground:#373737;--textareaText:##8f8f8f;--numberColor:#bdbdbd;--toastBgColor:#5a5a5a;--toastText:#fff;--toastSuccess:#3d3d3d;--content:#fff;--toastTextColor:#fff;--battleBgColor:#212121;--battleTitleColor:#fff;--battleTextColor:#8f8f8f;--tertiary-text:#8f8f8f;--primary-text:#fff;--ruleTitleText:#fff;--ruleText:#bdbdbd;--rule-cell-bgColor:#3d3d3d;--sendMoneyRuleBgColor:#212121}.topic-item[data-v-e5f2df45]{height:104px;overflow:hidden;padding:8px 24px 8px 8px;position:relative;transition:all .5s}.topic-item[data-v-e5f2df45]:hover{background:#ffffff14;border-radius:12px}.topic-item:hover .expand-box[data-v-e5f2df45]{width:24px}.topic-item:hover .img-wrap[data-v-e5f2df45]{position:relative}.topic-item:hover .img-wrap .img-btn[data-v-e5f2df45]{display:flex;opacity:1}.topic-item .img-wrap[data-v-e5f2df45]{height:88px;margin-right:8px;position:relative}.topic-item .img-wrap .img-btn[data-v-e5f2df45]{background:#0000005c;border-radius:4px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .5s}.topic-item .img-wrap .img-btn .p-btn[data-v-e5f2df45]{cursor:pointer}.topic-item .img[data-v-e5f2df45]{border-radius:4px;height:100%}.topic-item .idx-wrap[data-v-e5f2df45]{flex:0 0 24px;margin:0 8px}.topic-item .idx-wrap .idx[data-v-e5f2df45]{color:var(--textColor);font-size:15px;font-weight:500;line-height:22px}.topic-item .idx-wrap .status[data-v-e5f2df45]{color:var(--app-primary-color);font-size:8px;font-weight:400;line-height:14px;margin-top:2px}.topic-item .info-wrap[data-v-e5f2df45]{flex:1;overflow:hidden}.topic-item .info-wrap .topic-name[data-v-e5f2df45]{color:var(--textColor);font-size:14px;font-weight:500;line-height:20px;max-width:188px}.topic-item .info-wrap .artist-wrap[data-v-e5f2df45]{color:#8f8f8f;flex:1;font-size:12px;font-weight:400;line-height:16px;margin-top:4px;overflow:hidden}.topic-item .info-wrap .artist-wrap .vip-icon[data-v-e5f2df45]{flex:0 0 24px;height:16px;margin-right:4px}.topic-item .info-wrap .artist-wrap .quality-icon[data-v-e5f2df45]{flex:0 0 40px;height:16px;margin-right:4px}.topic-item .expand-box[data-v-e5f2df45]{cursor:pointer;overflow:hidden;position:absolute;right:20px;transition:all .5s;width:0}