.container{max-width:1200px;margin:24px auto;display:flex;flex-direction:row-reverse;gap:24px;padding:0 24px}body{background-color:#fff!important}.hot-top-bg{width:100vw;height:480px;position:fixed;left:0;top:0;z-index:-899;background:linear-gradient(0deg,#fff 20%,rgba(30,128,255,.2))}.divider{display:inline-block;width:1px;height:13px;background:var(--gray-border);margin:0 3px}.sidebar{width:260px;flex-shrink:0;background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,4%);padding:16px;height:fit-content}.sidebar-item{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;font-size:15px;color:#2c3e50;cursor:pointer;border-radius:5px;transition:background .2s,color .2s;border-left:3px solid transparent;margin:2px 0}.sidebar-item:hover{background:rgba(41,151,247,.1);color:var(--logo)}.sidebar-item.active{background:rgba(41,151,247,.1);color:var(--logo)}.sidebar-item.active .badge svg{transition:transform .3s ease;display:inline-block;transform:scale(1.2)}.main-content{flex:1;background:#fff;border-radius:10px;padding:10px}.badge{display:flex;align-items:center;justify-content:center}.ant-list-item-meta li{padding:14px}.ant-list-item-meta .Heat{display:flex;gap:24px;transition:all .3s;align-items:center;justify-content:space-between}.ant-list-item-meta .Heat:hover{background-color:#f0f0f080;border-radius:4px}.ant-list-item-meta .Heat h3 a{font-size:15px;overflow:hidden;display:-webkit-box;max-width:580px;color:#000;-webkit-box-orient:vertical;-webkit-line-clamp:1}.modet{font-size:24px}.list-top-1{color:#ff403a}.list-top-2{color:#f77932}.list-top-3{color:var(--fuzhu)}.Heat .data-list{width:100%;display:flex;gap:28px;align-items:center;margin-top:3px;color:var(--size)}.Heat .flexq{display:flex;gap:28px;align-items:center}.Heat .user-data{gap:3px}.Heat .data-list .img-user{width:23px;height:23px;overflow:hidden;border-radius:50%}.Heat .data-list .img-user img{width:100%;height:100%;object-fit:cover}.Heat .data-list .user-name a{color:#000;margin-left:6px}.Heat .data-list .user-name a:hover{color:var(--logo)}.right-li{position:relative;align-items:center;gap:6px}.right-li{position:relative}.right-li samp{position:absolute;top:-16px;right:0;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:14px;padding:0 6px;background:#1e80ff;color:#fff;font-size:12px;font-weight:500;line-height:1;border-radius:12px 12px 12px 4px;transform:skewX(-8deg);box-shadow:0 2px 6px rgba(0,0,0,8%);transition:all .2s ease;&::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:inherit; border-radius:inherit; z-index:-1; } transform:skewX(-8deg);>span, &::after { transform: skewX(8deg); display: inline-block; }}.right-li samp{transform:skewX(-8deg)}.right-li samp span{display:inline-block;transform:skewX(8deg)}.align{gap:28px;align-items:center}.user-d{display:flex;align-items:center;justify-content:space-between}.user-d .grup .user-avimg{width:37px;height:37px;overflow:hidden;border-radius:50%}.user-d .grup{gap:5px;align-items:center}.user-d .grup .text .user-name a{overflow:hidden;display:-webkit-box;max-width:580px;color:#000;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#000}.user-d .grup .text .from{font-size:13px;color:var(--size);overflow:hidden;display:-webkit-box;color:#000;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-width:420px}.user-d .grup .user-avimg img{width:100%;height:100%;object-fit:cover}.gd{gap:18px;align-items:center}.btn-sf{background-color:var(--logo);color:#fff;padding:6px 18px;border-radius:5px;font-size:.9rem;box-shadow:0 1px 3px rgba(30,128,255,.2);border:none;cursor:pointer}.btn-sf:hover{opacity:.8}