.hot-board-tips,.hot-boards{grid-template-columns:repeat(3,1fr)}.hot-board-tips{display:grid;gap:15px;margin-bottom:15px}.hot-board-tip{background:#fff;border-radius:4px;padding:12px 15px;border:1px solid #eee}.hot-board-tip-header{display:flex;justify-content:space-between;align-items:center;color:#666;font-size:13px}.hot-board-tip-header i{margin-right:5px}.hot-board-tip-content{margin-top:10px}.hot-board-tip-item{display:flex;align-items:center;margin:5px 0}.hot-board-tip-item .number{width:20px;height:20px;line-height:20px;text-align:center;background:#f23f40;color:#fff;border-radius:50%;margin-right:8px;font-size:12px}.hot-board-tip-item .number.yellow{background:#faa90e}.hot-board-tip-item span{color:#333;font-size:13px}.hot-boards{display:grid;gap:8px;margin:8px;box-sizing:border-box}.hot-board-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;height:500px;display:flex;flex-direction:column}.hot-board-title{padding:12px 15px;font-size:15px;font-weight:600;border-bottom:1px solid #eee;position:relative;flex:none}.hot-board-title[data-type]::after{content:attr(data-type);position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:12px;color:#999;font-weight:400}.hot-board-title img{width:16px;height:16px;vertical-align:middle;margin-right:1px;object-fit:contain}.hot-board-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ddd #f5f5f5}.hot-board-list::-webkit-scrollbar{width:6px}.hot-board-list::-webkit-scrollbar-track{background:#f5f5f5}.hot-board-list::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.hot-board-list::-webkit-scrollbar-thumb:hover{background:#ccc}.hot-board-item{padding:8px 15px;display:flex;align-items:center;gap:8px}.hot-board-rank{flex:none;width:18px;height:18px;line-height:18px;text-align:center;border-radius:4px;font-size:12px;color:#fff;background:#bbbec4}.hot-board-rank.rank-1{color:#fe2d46}.hot-board-rank.rank-2{color:#f60}.hot-board-rank.rank-3{color:#faa90e}.hot-board-link{flex:1;font-size:14px;color:#333;text-decoration:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;word-break:break-all}.hot-board-link:hover{color:#ff6b81}.hot-board-hot{flex:none;font-size:12px;color:#ff6b81}@media screen and (max-width:1200px){.hot-boards{grid-template-columns:repeat(2,1fr);margin:5px;padding:0 5px;gap:5px}.hot-board-section{height:450px}}@media screen and (max-width:768px){.hot-boards{grid-template-columns:1fr;margin:5px;padding:0 1px;gap:5px}.hot-board-section{height:400px}}.hot-boards-error{text-align:center;padding:30px;color:#f44336}.hot-tag,.new-tag{color:#fff;padding:2px 4px;border-radius:4px;font-size:12px}.hot-tag{background-color:#ff4b4b;margin-right:4px}.new-tag{background-color:#ff7847;margin-left:4px}.hot-board-footer{padding:8px 15px;border-top:1px solid #eee;text-align:right;flex:none}.update-time{color:#999;font-size:12px}.huangli-title{font-weight:700}.huangli-suitable{color:#ff4b4b}.huangli-unsuitable{color:#52c41a}