.category-page{padding:var(--section-py) 0;background-color:var(--color-bg);min-height:80vh}.breadcrumb{font-size:var(--fs-meta);color:var(--color-text-muted);margin-bottom:var(--gap-grid);align-items:center;gap:8px;font-weight:500;display:flex}.breadcrumb a{transition:color var(--transition-fast)}.breadcrumb a:hover,.breadcrumb .current{color:var(--cat-color,var(--color-primary))}.breadcrumb .current{font-weight:600}.category-header{margin-bottom:var(--section-py)}.category-title{font:800 var(--fs-h1) / var(--lh-tight) var(--font-headline);color:var(--color-text-main);letter-spacing:-.01em}.category-description{border-left:4px solid var(--cat-color,var(--color-primary));color:var(--color-text-muted);font-size:15px;line-height:var(--lh-snug);margin-top:8px;padding-left:12px}.category-widget-wrapper{margin-bottom:var(--section-py);border-radius:var(--radius-card);border:1px solid var(--color-hairline);overflow:hidden}.category-content{align-items:flex-start;gap:32px;display:flex}.category-main{gap:var(--gap-grid);flex-direction:column;flex:auto;min-width:0;display:flex}.category-sidebar{flex:0 0 var(--sidebar-width);width:var(--sidebar-width);top:var(--sticky-top);gap:var(--gap-grid);flex-direction:column;display:flex;position:sticky}@media (max-width:1024px){.category-content{flex-direction:column}.category-sidebar{flex:auto;width:100%;position:static}}.list-feed{flex-direction:column;display:flex}.cat-card--lead{gap:var(--gap-grid);padding-bottom:var(--section-py);flex-direction:column;display:flex}.cat-card--lead .cat-card-image-wrapper{aspect-ratio:16/9;border-radius:var(--radius-card);width:100%;position:relative;overflow:hidden}.cat-card--lead .cat-card-title{font:800 var(--fs-card-lg) / var(--lh-tight) var(--font-headline)}.cat-card--lead .cat-card-summary{font-size:var(--fs-card-sm);-webkit-line-clamp:3}.cat-card.list-card{gap:var(--gap-grid);padding:var(--gap-grid) 0;display:flex}.list-card .cat-card-image-wrapper{border-radius:var(--radius-card);flex-shrink:0;width:250px;height:160px;position:relative;overflow:hidden}.list-card .cat-card-title{font:700 18px / 1.4 var(--font-headline)}@media (max-width:640px){.cat-card.list-card{flex-direction:column}.list-card .cat-card-image-wrapper{aspect-ratio:16/9;width:100%;height:auto}}.grid-feed{gap:var(--gap-grid);grid-template-columns:repeat(2,1fr);display:grid}.cat-card.grid-card{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-card);flex-direction:column;display:flex;overflow:hidden}.grid-card .cat-card-image-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.grid-card .cat-card-content{padding:var(--card-pad)}.masonry-feed{column-count:2;column-gap:var(--gap-grid)}.cat-card.masonry-card{width:100%;margin-bottom:var(--gap-grid);background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-hairline);display:inline-block;overflow:hidden}.masonry-card .cat-card-image-wrapper{width:100%;height:auto;display:block;position:relative}.masonry-card .cat-card-content{padding:var(--card-pad)}@media (max-width:768px){.grid-feed{grid-template-columns:1fr}.masonry-feed{column-count:1}}.cat-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.cat-card:hover .cat-card-image{transform:scale(1.05)}.cat-card-content{flex-direction:column;gap:8px;display:flex}.cat-card-title{font:700 var(--fs-card) / 1.4 var(--font-headline);color:var(--color-text-main);transition:color var(--transition-fast)}.cat-card-title:hover{color:var(--cat-color,var(--color-primary))}.cat-card-summary{color:var(--color-text-muted);font-size:var(--fs-card-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.cat-card-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.cat-card-time{font-size:var(--fs-meta);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.video-icon-overlay{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cat-card.ad-interstitial{padding:var(--gap-grid) 0;border-bottom:1px solid var(--color-hairline);justify-content:center;display:flex}.load-more-btn{background-color:var(--color-surface);border:1px solid var(--color-hairline);width:100%;color:var(--color-text-main);border-radius:var(--radius-card);margin-top:var(--gap-grid);transition:all var(--transition-fast);padding:16px;font-size:1rem;font-weight:700}.load-more-btn:hover{background-color:var(--cat-color,var(--color-primary));color:#fff;border-color:var(--cat-color,var(--color-primary))}.category-page .sidebar-widget{background:var(--color-surface);border:1px solid var(--color-hairline);border-radius:var(--radius-card);padding:var(--card-pad)}.category-page .trending-list{gap:var(--gap-grid);flex-direction:column;display:flex}.category-page .trending-item{align-items:flex-start;gap:12px;display:flex}.category-page .trending-number{font-family:var(--font-headline);color:var(--cat-color,var(--color-primary));font-size:1.75rem;font-weight:800;line-height:1}.category-page .trending-link{color:var(--color-text-main);transition:color var(--transition-fast);font-size:.95rem;font-weight:600;line-height:1.5}.category-page .trending-link:hover{color:var(--cat-color,var(--color-primary))}.sidebar-ad{border-radius:var(--radius-card);overflow:hidden}