.categories-page{padding:40px 0 80px;animation:fadeIn .4s ease}.categories-breadcrumbs{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;color:var(--text-secondary)}.categories-breadcrumbs a{display:flex;align-items:center;gap:4px;transition:color var(--transition)}.categories-breadcrumbs a:hover{color:var(--accent)}.categories-breadcrumbs span.separator{color:var(--text-muted)}.categories-header{margin-bottom:40px;border-bottom:1px solid var(--border-light);padding-bottom:24px;display:flex;flex-direction:column;gap:16px}@media (min-width:769px){.categories-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.categories-title-group h1{font-family:var(--font-serif);font-size:38px;font-weight:700;color:var(--text-primary);line-height:1.2}.categories-title-group p{font-size:16px;color:var(--text-secondary);margin-top:6px}.categories-search-box{position:relative;max-width:360px;width:100%}.categories-search-input{width:100%;padding:12px 16px 12px 42px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);font-size:14px;color:var(--text-primary);outline:none;transition:all var(--transition);box-shadow:var(--shadow-sm)}.categories-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.categories-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;transition:color var(--transition)}.categories-search-input:focus+.categories-search-icon{color:var(--accent)}.categories-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.category-index-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1/1.15;text-align:center;transition:all .4s cubic-bezier(.25,1,.5,1);cursor:pointer;border:none;background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.category-index-card .category-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.category-index-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.7));z-index:1;transition:background .3s}.category-index-card:hover .category-bg-img{transform:scale(1.08)}.category-index-card:hover:after{background:linear-gradient(180deg,rgba(0,0,0,0) 20%,rgba(0,0,0,.8))}.category-index-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.category-index-card-text{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:20px 16px;text-align:center}.category-index-card h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 1px 6px rgba(0,0,0,.5)}.category-index-card p{font-size:13px;color:rgba(255,255,255,.85);font-weight:400}.categories-empty{text-align:center;padding:80px 24px;background:var(--bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);max-width:480px;margin:40px auto;animation:fadeIn .3s ease}.categories-empty-icon{font-size:48px;display:block;margin-bottom:16px}.categories-empty h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.categories-empty p{color:var(--text-secondary);font-size:14px}.categories-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.categories-skeleton-card{aspect-ratio:1/1.15;border-radius:var(--radius-lg)}@media (max-width:768px){.categories-title-group h1{font-size:32px}.categories-index-grid{gap:16px}}