.category-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}@media (width<=1200px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.category-grid{grid-template-columns:1fr}}.category-card{cursor:grab;background:#fff;border:1px solid #f0f0f0;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #00000014}.category-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.category-card.dragging{opacity:.5;cursor:grabbing}.category-card-header{background:var(--category-color,#1890ff);height:4px}.category-card-body{padding:20px}.category-icon{color:var(--category-color,#1890ff);margin-bottom:12px;font-size:32px;display:block}.category-name{color:#262626;margin-bottom:4px;font-size:18px;font-weight:600}.category-slug{color:#8c8c8c;margin-bottom:12px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;display:block}.category-description{color:#595959;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;min-height:44px;margin-bottom:16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.category-stats{color:#8c8c8c;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;gap:16px;margin-bottom:16px;padding:12px 0;font-size:13px;display:flex}.category-stat-item{align-items:center;gap:4px;display:flex}.category-actions{gap:8px;display:flex}.category-action-btn{color:#595959;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:4px;flex:1;height:32px;font-size:14px;transition:all .2s}.category-action-btn:hover{color:var(--category-color,#1890ff);border-color:var(--category-color,#1890ff)}.category-action-btn.danger:hover{color:#f5222d;border-color:#f5222d}.icon-picker-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin:16px 0;display:grid}.icon-picker-item{cursor:pointer;background:#fff;border:2px solid #f0f0f0;border-radius:8px;flex-direction:column;align-items:center;padding:16px 8px;transition:all .2s;display:flex}.icon-picker-item:hover{background:#f0f7ff;border-color:#1890ff}.icon-picker-item.selected{background:#e6f7ff;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.icon-picker-icon{margin-bottom:8px;font-size:28px}.icon-picker-label{color:#595959;font-size:12px}.color-picker-grid{flex-wrap:wrap;gap:12px;margin:16px 0;display:flex}.color-picker-item{cursor:pointer;border:2px solid #f0f0f0;border-radius:50%;width:40px;height:40px;transition:all .2s;position:relative}.color-picker-item:hover{transform:scale(1.1)}.color-picker-item.selected{border-width:3px;border-color:#000;box-shadow:0 0 0 2px #0000001a}.category-preview-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-top:16px;padding:16px;overflow:hidden}.category-preview-header{height:4px;margin:-16px -16px 16px}.category-preview-body{text-align:center}.category-preview-icon{margin-bottom:12px;font-size:40px}.category-preview-name{margin-bottom:4px;font-size:16px;font-weight:600}.category-preview-slug{color:#8c8c8c;font-family:Consolas,Monaco,Courier New,monospace;font-size:12px}.category-empty{text-align:center;color:#8c8c8c;padding:60px 20px}.category-empty-icon{color:#d9d9d9;margin-bottom:16px;font-size:64px}