.category-page{background:#f7f7f8;min-height:100vh}.category-shell{max-width:1400px;margin:0 auto;padding:20px 12px 48px}.category-breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.category-breadcrumb a{color:#f97316;font-weight:600;text-decoration:none}.category-breadcrumb a:hover{text-decoration:underline}.breadcrumb-sep{color:#9ca3af}.breadcrumb-current{color:#6b7280;font-weight:600}.category-head{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:18px;padding-bottom:14px;display:flex}.category-head h1{color:#111827;letter-spacing:-.02em;margin:0;font-size:clamp(24px,4vw,32px);font-weight:800;line-height:1.2}.category-count{color:#6b7280;margin:0;font-size:13px;font-weight:600}.category-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:8px;margin-bottom:20px;padding:0 0 8px;display:flex;overflow:auto hidden}.category-tabs::-webkit-scrollbar{display:none}.category-tab{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex-shrink:0;min-height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.category-tab.active{color:#fff;background:#f97316;border-color:#f97316;box-shadow:0 4px 14px #f973164d}@media (hover:hover){.category-tab:hover{color:#ea580c;border-color:#f97316}.category-tab.active:hover{color:#fff}}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.category-empty{text-align:center;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:48px 16px;font-size:15px;font-weight:600}.category-back{text-align:center;margin-top:32px}.category-back a{color:#f97316;border:1px solid #f97316;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background-color .2s,color .2s;display:inline-block}.category-back a:hover{color:#fff;background:#f97316}@media (min-width:768px){.category-shell{padding:28px 16px 64px}.category-head{margin-bottom:20px}.category-grid{grid-template-columns:repeat(3,1fr);gap:14px}.category-tab{min-height:40px;padding:0 18px;font-size:14px}}@media (min-width:1024px){.category-shell{padding:32px 24px 72px}.category-grid{grid-template-columns:repeat(4,1fr);gap:18px}.category-tab{min-height:42px;padding:0 20px;font-size:15px}}