/* category.css - 分类页专属样式 */

.cat-page{padding:0 4px 0!important}
.cat-page .filter-card{margin-top:0!important;animation-delay:.15s!important}
.cat-sub-list .filter-card{animation-delay:0s!important}
.cat-hero{background:var(--gradient,linear-gradient(135deg,var(--primary,#8b5cf6),#a855f7,#d946ef));border-radius:16px;padding:32px 24px 28px;color:#fff;text-align:center;margin-bottom:16px;position:relative;overflow:hidden}
.cat-hero::before{content:'';position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.9) 1.5px,transparent 0);background-size:24px 24px}
.cat-hero-title{font-size:24px;font-weight:800;margin:0 0 6px;position:relative}
.cat-hero-desc{font-size:14px;color:rgba(255,255,255,.8);margin:0;position:relative}
.cat-title{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 20px;display:flex;align-items:center;gap:8px}
.cat-title::before{content:'';width:4px;height:20px;background:linear-gradient(135deg,var(--primary,#8b5cf6),#a855f7);border-radius:2px}
.cat-count{font-size:13px;color:#94a3b8;margin-bottom:16px}

/* 分类组 */
.cat-group{margin-bottom:32px}
.cat-group h3{font-size:16px;font-weight:600;color:#1a1a2e;margin-bottom:16px;padding-left:12px;border-left:4px solid var(--primary,#8b5cf6)}

/* 子分类卡片 */
.cat-sub-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center;transition:all .2s;text-decoration:none;color:inherit}
.cat-sub-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px rgba(0,0,0,.1);border-color:var(--primary,#8b5cf6)}
.cat-sub-card .title{font-size:16px;font-weight:600;margin-bottom:8px}
.cat-sub-card .count{font-size:13px;color:#6b7280}

/* 热门推荐区 */
.cat-hot{margin-top:32px}

/* 空状态 */
.cat-empty{text-align:center;padding:44px 20px;color:#6b7280;font-size:14px;background:#f8fafc;border:1px dashed #d1d5db;border-radius:14px;margin:8px 0 4px}.cat-empty::before{content:"📂";display:block;font-size:30px;margin-bottom:10px;opacity:.7}.cat-empty p{color:#4b5563;font-weight:500}

/* 暗色模式 */

/* 移动端 */
@media(max-width:768px){
  .cat-page{padding:16px 4px 0}
  .cat-hero{padding:24px 16px 20px;margin-bottom:16px}
  .cat-title{font-size:20px}
  .cat-group h3{font-size:15px}
  .cat-sub-card{padding:16px}
  .cat-sub-card .title{font-size:14px}
}

/* 暗色模式 - 分类页 */

/* 暗色模式 - 分类hero统一 */