/* 分类容器：网格布局，自动换行 */ .pro-cate-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; max-width: 1000px; margin: 0 auto; } /* 分类按钮基础样式 */ .pro-cate-item { display: inline-flex; align-items: center; justify-content: center; padding: 8px 14px; border-radius: 6px; color: #fff; font-size: 13px; text-decoration: none; transition: all 0.2s ease; white-space: nowrap; } .pro-cate-item:hover { opacity: 0.85; transform: translateY(-1px); } /* 按你的分类ID分配颜色（和截图风格一致） */ .pro-cate-item[data-id="2914"] { background: #f5222d; } /* 热卖推荐（红） */ .pro-cate-item[data-id="1466"] { background: #1890ff; } /* 福利爆款（蓝） */ .pro-cate-item[data-id="3562"] { background: #ffc107; } /* 自动卡密（黄） */ .pro-cate-item[data-id="140"] { background: #722ed1; } /* QC业务（紫） */ .pro-cate-item[data-id="145"] { background: #00bfa5; } /* DY专区（青） */ .pro-cate-item[data-id="158"] { background: #fa541c; } /* DY直播（橙红） */ .pro-cate-item[data-id="165"] { background: #eb2f96; } /* SK专区（粉） */ .pro-cate-item[data-id="173"] { background: #13c2c2; } /* SK直播（青蓝） */ .pro-cate-item[data-id="192"] { background: #fa8c16; } /* SPH专区（橙） */ .pro-cate-item[data-id="200"] { background: #faad14; } /* SPH直播（浅橙） */ .pro-cate-item[data-id="185"] { background: #52c41a; } /* GZH专区（绿） */ .pro-cate-item[data-id="246"] { background: #ff7875; } /* XHS专区（浅红） */ .pro-cate-item[data-id="226"] { background: #00a1d6; } /* BILI专区（天蓝） */ .pro-cate-item[data-id="208"] { background: #ff4d4f; } /* PDD专区（深红） */ .pro-cate-item[data-id="237"] { background: #fa8c16; } /* WB专区（橙） */ .pro-cate-item[data-id="980"] { background: #52c41a; } /* 电商业务（绿） */ .pro-cate-item[data-id="206"] { background: #f5222d; } /* 投票专区（红） */ .pro-cate-item[data-id="252"] { background: #faad14; } /* TT专区（浅橙） */ .pro-cate-item[data-id="289"] { background: #eb2f96; } /* BJH专区（粉） */ .pro-cate-item[data-id="2017"] { background: #722ed1; } /* 影视多平台（紫） */