.type-tabs{background:#fff;border:1px solid #d9e5f5;padding:0;display:flex;margin-bottom:25px;}.tab-item{flex:1;text-align:center;padding:14px 0;font-size:18px;font-weight:600;color:#4b556b;cursor:pointer;background:#fff;border:0;border-bottom:2px solid transparent;transition:all .2s;}.tab-item.active{color:#f97316;border-bottom-color:#f97316;}.tab-item:hover:not(.active){color:#f97316;background:#fffaf5;}.article-list{background:#fff;border:1px solid #d9e5f5;padding:20px;margin-bottom:30px;}.article-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid #e2edff;}.article-item:last-child{border-bottom:0;}.article-img{width:100px;height:100px;background:#f0f6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:36px;color:#f97316;}.article-info{flex:1;}.article-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#1e293b;}.article-summary{font-size:14px;color:#566f8f;line-height:1.5;margin-bottom:12px;}.article-meta{display:flex;gap:20px;font-size:13px;color:#7f8fa4;}.article-meta i{margin-right:4px;color:#f97316;}.pagination{display:flex;justify-content:center;gap:12px;margin-top:25px;}.pagination a{display:inline-block;padding:6px 14px;background:#fff;border:1px solid #d9e5f5;color:#2c3e50;text-decoration:none;font-size:14px;}.pagination a.active{background:#f97316;color:#fff;border-color:#f97316;}.side-card{background:#fff;border:1px solid #d9e5f5;padding:22px 20px;margin-bottom:25px;}.side-title{font-size:18px;font-weight:700;margin-bottom:18px;border-left:3px solid #f97316;padding-left:12px;}.hot-list,.recommend-list{list-style:none;}.hot-item,.recommend-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed #e2edff;}.hot-item:last-child,.recommend-item:last-child{border-bottom:0;}.hot-rank{width:28px;height:28px;background:#f0f6ff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#f97316;flex-shrink:0;}.hot-info,.recommend-info{flex:1;}.hot-title,.recommend-title{font-weight:500;font-size:14px;line-height:1.4;margin-bottom:6px;}.hot-title a,.recommend-title a{text-decoration:none;color:#2c3e50;}.hot-title a:hover,.recommend-title a:hover{color:#176bf0;}.hot-meta,.recommend-meta{font-size:12px;color:#8b9ab5;}