/* 类别图标 6 套：后台「系统 → 风格主题 → 类别图标」选择，作用在手机首页分类宫格、电脑端左侧分类和分类信息块标题 */
html[data-iconset] body .cate-item:nth-child(8n+1),html[data-iconset] body #infomenu li:nth-child(8n+1),html[data-iconset] body .showbox:nth-child(8n+1){--ic:#ff6a00;--ic2:#ffb36b;--icbg:#fff1e8}
html[data-iconset] body .cate-item:nth-child(8n+2),html[data-iconset] body #infomenu li:nth-child(8n+2),html[data-iconset] body .showbox:nth-child(8n+2){--ic:#3c8cff;--ic2:#7fb8ff;--icbg:#e9f1ff}
html[data-iconset] body .cate-item:nth-child(8n+3),html[data-iconset] body #infomenu li:nth-child(8n+3),html[data-iconset] body .showbox:nth-child(8n+3){--ic:#22a95b;--ic2:#6fd49a;--icbg:#e7f7ec}
html[data-iconset] body .cate-item:nth-child(8n+4),html[data-iconset] body #infomenu li:nth-child(8n+4),html[data-iconset] body .showbox:nth-child(8n+4){--ic:#8b5cf6;--ic2:#c0a4ff;--icbg:#f1ebff}
html[data-iconset] body .cate-item:nth-child(8n+5),html[data-iconset] body #infomenu li:nth-child(8n+5),html[data-iconset] body .showbox:nth-child(8n+5){--ic:#ec4899;--ic2:#f8a0cc;--icbg:#ffe9f4}
html[data-iconset] body .cate-item:nth-child(8n+6),html[data-iconset] body #infomenu li:nth-child(8n+6),html[data-iconset] body .showbox:nth-child(8n+6){--ic:#0ea5b7;--ic2:#6fd7e3;--icbg:#e2f8fb}
html[data-iconset] body .cate-item:nth-child(8n+7),html[data-iconset] body #infomenu li:nth-child(8n+7),html[data-iconset] body .showbox:nth-child(8n+7){--ic:#f59e0b;--ic2:#fcd36b;--icbg:#fff5dc}
html[data-iconset] body .cate-item:nth-child(8n+8),html[data-iconset] body #infomenu li:nth-child(8n+8),html[data-iconset] body .showbox:nth-child(8n+8){--ic:#ef4444;--ic2:#ff9a8a;--icbg:#ffe8e5}

html[data-iconset] body .cate-item .ti-tile{width:48px!important;height:48px!important;border-radius:15px!important;display:flex!important;align-items:center;justify-content:center;position:relative;margin:0 auto;box-shadow:none;background:none;border:0;transition:transform .15s}
html[data-iconset] body .cate-item .ti-tile::after{display:none!important}
html[data-iconset] body .cate-item .ti-tile svg.ti{width:27px!important;height:27px!important;overflow:visible}
html[data-iconset] body .cate-item:active .ti-tile{transform:scale(.92)}

html[data-iconset] body #infomenu li > em > a svg.ti,html[data-iconset] body .showbox .cattitle svg.ti{flex:none;vertical-align:middle;overflow:visible;box-sizing:border-box}
html[data-iconset] body #infomenu li > em > a svg.ti{width:22px!important;height:22px!important;padding:3px;border-radius:7px;margin-right:6px}
html[data-iconset] body .showbox .cattitle svg.ti{width:30px!important;height:30px!important;padding:5px;border-radius:9px;margin-right:8px;margin-left:0}
html[data-iconset="1"] body .cate-item .ti-tile{background:linear-gradient(135deg,var(--ic),var(--ic2))!important;box-shadow:0 6px 12px -6px var(--ic)!important}
html[data-iconset="1"] body .cate-item .ti-tile svg.ti{--ti-stroke:#fff;--ti-sw:1.7;--ti-fill:#fff;--ti-fill-o:.28;--ti-accent:#fff;color:#fff!important}
html[data-iconset="1"] body #infomenu li > em > a svg.ti,html[data-iconset="1"] body .showbox .cattitle svg.ti{background:linear-gradient(135deg,var(--ic),var(--ic2))!important;--ti-stroke:#fff;--ti-sw:1.8;--ti-fill:#fff;--ti-fill-o:.28;--ti-accent:#fff;color:#fff}
html[data-iconset="2"] body .cate-item .ti-tile{background:none!important;border:1.5px solid var(--ic)!important;border-radius:16px!important}
html[data-iconset="2"] body .cate-item .ti-tile svg.ti{--ti-stroke:var(--ic);--ti-sw:1.4;--ti-fill:none;--ti-fill-o:0;--ti-accent:var(--ic);color:var(--ic)!important}
html[data-iconset="2"] body #infomenu li > em > a svg.ti,html[data-iconset="2"] body .showbox .cattitle svg.ti{background:none!important;box-shadow:inset 0 0 0 1.4px var(--ic);--ti-stroke:var(--ic);--ti-sw:1.5;--ti-fill:none;--ti-fill-o:0;--ti-accent:var(--ic);color:var(--ic)}
html[data-iconset="3"] body .cate-item .ti-tile{background:var(--icbg)!important;border-radius:18px!important}
html[data-iconset="3"] body .cate-item .ti-tile svg.ti{--ti-stroke:var(--ic);--ti-sw:1.6;--ti-fill:var(--ic);--ti-fill-o:.3;--ti-accent:var(--ic2);color:var(--ic)!important}
html[data-iconset="3"] body #infomenu li > em > a svg.ti,html[data-iconset="3"] body .showbox .cattitle svg.ti{background:var(--icbg)!important;--ti-stroke:var(--ic);--ti-sw:1.6;--ti-fill:var(--ic);--ti-fill-o:.3;--ti-accent:var(--ic2);color:var(--ic)}
html[data-iconset="4"] body .cate-item .ti-tile{background:var(--ic)!important;border-radius:50%!important;box-shadow:0 0 0 4px var(--icbg)!important}
html[data-iconset="4"] body .cate-item .ti-tile svg.ti{--ti-stroke:#fff;--ti-sw:1.8;--ti-fill:#fff;--ti-fill-o:.3;--ti-accent:var(--ic);color:#fff!important}
html[data-iconset="4"] body #infomenu li > em > a svg.ti,html[data-iconset="4"] body .showbox .cattitle svg.ti{background:var(--ic)!important;border-radius:50%!important;--ti-stroke:#fff;--ti-sw:1.8;--ti-fill:#fff;--ti-fill-o:.3;--ti-accent:var(--ic);color:#fff}
html[data-iconset="5"] body .cate-item .ti-tile{background:#fff!important;border:1px solid #1f1f23!important;border-radius:14px!important;box-shadow:3px 3px 0 #d6b45a!important}
html[data-iconset="5"] body .cate-item .ti-tile svg.ti{--ti-stroke:#1f1f23;--ti-sw:1.35;--ti-fill:none;--ti-fill-o:0;--ti-accent:#c8a24a;color:#1f1f23!important}
html[data-iconset="5"] body #infomenu li > em > a svg.ti,html[data-iconset="5"] body .showbox .cattitle svg.ti{background:#fff!important;box-shadow:inset 0 0 0 1px #1f1f23,2px 2px 0 #d6b45a;--ti-stroke:#1f1f23;--ti-sw:1.4;--ti-fill:none;--ti-fill-o:0;--ti-accent:#c8a24a;color:#1f1f23}
html[data-iconset="6"] body .cate-item .ti-tile{background:linear-gradient(160deg,#fff 0%,var(--icbg) 100%)!important;border-radius:16px!important;box-shadow:0 10px 16px -8px var(--ic),inset 0 1px 0 #fff,inset 0 -3px 6px rgba(0,0,0,.06)!important}
html[data-iconset="6"] body .cate-item .ti-tile svg.ti{--ti-stroke:var(--ic);--ti-sw:1.7;--ti-fill:var(--ic2);--ti-fill-o:.5;--ti-accent:var(--ic);color:var(--ic);filter:drop-shadow(0 2px 2px rgba(0,0,0,.18))!important}
html[data-iconset="6"] body #infomenu li > em > a svg.ti,html[data-iconset="6"] body .showbox .cattitle svg.ti{background:linear-gradient(160deg,#fff,var(--icbg))!important;box-shadow:0 5px 8px -4px var(--ic),inset 0 1px 0 #fff;--ti-stroke:var(--ic);--ti-sw:1.7;--ti-fill:var(--ic2);--ti-fill-o:.5;--ti-accent:var(--ic);color:var(--ic)}
