/* ========================================
   icons.css - 统一图标库
   命名规范: cs-icon-{语义化名称}
   所有页面共享，保证唯一性
   ======================================== */

[class^="cs-icon-"] {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ----- 冷库板块专用图标 ----- */
.cs-icon-snow::before        { content: '❄️'; }
.cs-icon-thermometer::before { content: '🌡️'; }
.cs-icon-home::before        { content: '🏠'; }
.cs-icon-ice::before         { content: '🧊'; }
.cs-icon-vegetable::before   { content: '🥬'; }
.cs-icon-warning::before     { content: '⚠️'; }
.cs-icon-factory::before     { content: '🏭'; }
.cs-icon-gear::before        { content: '🔧'; }
.cs-icon-chart::before       { content: '📊'; }
.cs-icon-phone::before       { content: '📞'; }
.cs-icon-cyclone::before     { content: '🌀'; }
.cs-icon-loop::before        { content: '🔁'; }
.cs-icon-storage::before     { content: '💾'; }
.cs-icon-check::before       { content: '✅'; }
.cs-icon-cycle::before       { content: '🔄'; }

/* ----- 尺寸工具类 ----- */
.cs-icon-2xl { font-size: 48px; }
.cs-icon-3xl { font-size: 60px; }
.cs-icon-4xl { font-size: 80px; }
.cs-icon-5xl { font-size: 50px; }

/* ----- 颜色工具类 ----- */
.cs-icon-white    { color: #ffffff; }
.cs-icon-primary  { color: #0E7490; }
.cs-icon-dark     { color: #064E3B; }

/* ----- 后续其他页面图标可在此继续扩展 ----- */
/* ========================================
   icons.css - 追加 EV 页面图标
   命名规范: cs-icon-{语义化名称}
   ======================================== */

/* ----- 电动汽车页面专用图标 (命名唯一) ----- */
.cs-icon-ev::before              { content: '⚡'; }
.cs-icon-chart-ev::before        { content: '📊'; }
.cs-icon-warning-ev::before      { content: '⚠️'; }
.cs-icon-battery::before         { content: '🔋'; }
.cs-icon-motor::before           { content: '⚡'; }
.cs-icon-snow-ev::before         { content: '❄️'; }
.cs-icon-architecture::before    { content: '🏗️'; }
.cs-icon-car::before             { content: '🚗'; }
.cs-icon-phone-ev::before        { content: '📞'; }
.cs-icon-factory-ev::before      { content: '🏭'; }
.cs-icon-gear-ev::before         { content: '🔧'; }
.cs-icon-loop-ev::before         { content: '🔁'; }
.cs-icon-check-ev::before        { content: '✅'; }
.cs-icon-storage-ev::before      { content: '💾'; }
.cs-icon-home-ev::before         { content: '🏠'; }
.cs-icon-cycle-ev::before        { content: '🔄'; }

/* ----- 尺寸工具类 (已有，但确保覆盖) ----- */
.cs-icon-2xl { font-size: 48px; }
.cs-icon-3xl { font-size: 60px; }
.cs-icon-4xl { font-size: 80px; }
.cs-icon-5xl { font-size: 50px; }

/* ----- 颜色工具类 (已有，确保覆盖) ----- */
.cs-icon-white    { color: #ffffff; }
.cs-icon-primary  { color: #059669; }
.cs-icon-dark     { color: #1a365d; }
.cs-icon-success  { color: #34D399; }




/* ========================================
   icons.css - 追加 Energy Storage 页面图标
   命名规范: cs-icon-{语义化名称}
   ======================================== */

/* ----- 储能页面专用图标 (命名唯一) ----- */
.cs-icon-battery-es::before          { content: '🔋'; }
.cs-icon-lightning::before           { content: '⚡'; }
.cs-icon-sun::before                 { content: '☀️'; }
.cs-icon-home-es::before             { content: '🏠'; }
.cs-icon-water::before               { content: '💧'; }
.cs-icon-solar::before               { content: '🌞'; }
.cs-icon-snow-es::before             { content: '❄️'; }
.cs-icon-chart-es::before            { content: '📊'; }
.cs-icon-warning-es::before          { content: '⚠️'; }
.cs-icon-phone-es::before            { content: '📞'; }
.cs-icon-factory-es::before          { content: '🏭'; }
.cs-icon-gear-es::before             { content: '🔧'; }
.cs-icon-loop-es::before             { content: '🔁'; }
.cs-icon-check-es::before            { content: '✅'; }
.cs-icon-storage-es::before          { content: '💾'; }
.cs-icon-cycle-es::before            { content: '🔄'; }
.cs-icon-architecture-es::before     { content: '🏗️'; }
.cs-icon-arrow-right::before         { content: '→'; }

/* ----- 尺寸工具类 (已有，确保覆盖) ----- */
.cs-icon-2xl { font-size: 48px; }
.cs-icon-3xl { font-size: 60px; }
.cs-icon-4xl { font-size: 80px; }
.cs-icon-5xl { font-size: 50px; }

/* ----- 颜色工具类 (已有，确保覆盖) ----- */
.cs-icon-white    { color: #ffffff; }
.cs-icon-primary  { color: #6366F1; }
.cs-icon-dark     { color: #0F172A; }
.cs-icon-success  { color: #10B981; }
.cs-icon-accent   { color: #F59E0B; }
.cs-icon-purple   { color: #8B5CF6; }
.cs-icon-light-purple { color: #A78BFA; }










/* ========================================
   icons.css - 追加 HVAC 页面图标
   命名规范: cs-icon-{语义化名称}
   ======================================== */

/* ----- HVAC 页面专用图标 (命名唯一) ----- */
.cs-icon-building::before          { content: '🏢'; }
.cs-icon-trophy::before            { content: '🏆'; }
.cs-icon-thermometer-hvac::before  { content: '🌡️'; }
.cs-icon-droplet::before           { content: '💧'; }
.cs-icon-wind::before              { content: '💨'; }
.cs-icon-star::before              { content: '🌟'; }
.cs-icon-snow-hvac::before         { content: '❄️'; }
.cs-icon-globe::before             { content: '🌐'; }
.cs-icon-ice-hvac::before          { content: '🧊'; }
.cs-icon-gear-hvac::before         { content: '🔧'; }
.cs-icon-loop-hvac::before         { content: '🔁'; }
.cs-icon-storage-hvac::before      { content: '💾'; }
.cs-icon-warning-hvac::before      { content: '⚠️'; }
.cs-icon-chart-hvac::before        { content: '📊'; }
.cs-icon-store::before             { content: '🏬'; }
.cs-icon-tools::before             { content: '🛠️'; }
.cs-icon-money::before             { content: '💵'; }
.cs-icon-phone-hvac::before        { content: '📞'; }
.cs-icon-factory-hvac::before      { content: '🏭'; }
.cs-icon-home-hvac::before         { content: '🏠'; }
.cs-icon-cycle-hvac::before        { content: '🔄'; }
.cs-icon-arrow-right::before       { content: '→'; }

/* ----- 尺寸工具类 (已有，确保覆盖) ----- */
.cs-icon-2xl { font-size: 48px; }
.cs-icon-3xl { font-size: 60px; }
.cs-icon-4xl { font-size: 80px; }
.cs-icon-5xl { font-size: 50px; }

/* ----- 颜色工具类 (已有，确保覆盖) ----- */
.cs-icon-white    { color: #ffffff; }
.cs-icon-primary  { color: #64748B; }
.cs-icon-gold     { color: #D4AF37; }
.cs-icon-dark     { color: #1E293B; }
.cs-icon-success  { color: #10B981; }



/* ========================================
   icons.css - 追加 Cold Chain 页面图标
   命名规范: cs-icon-{语义化名称}
   ======================================== */

/* ----- 冷链页面专用图标 (命名唯一) ----- */
.cs-icon-snow-cc::before           { content: '❄️'; }
.cs-icon-wheat::before             { content: '🌾'; }
.cs-icon-factory-cc::before        { content: '🏭'; }
.cs-icon-truck::before             { content: '🚛'; }
.cs-icon-store-cc::before          { content: '🏬'; }
.cs-icon-dining::before            { content: '🍽️'; }
.cs-icon-box::before               { content: '📦'; }
.cs-icon-warning-cc::before        { content: '⚠️'; }
.cs-icon-phone-cc::before          { content: '📞'; }
.cs-icon-cycle-cc::before          { content: '🔄'; }
.cs-icon-ice-cc::before            { content: '🧊'; }
.cs-icon-shop::before              { content: '🏪'; }
.cs-icon-chart-cc::before          { content: '📊'; }
.cs-icon-arrow-right::before       { content: '→'; }

/* ----- 尺寸工具类 (已有，确保覆盖) ----- */
.cs-icon-2xl { font-size: 48px; }
.cs-icon-3xl { font-size: 60px; }
.cs-icon-4xl { font-size: 80px; }
.cs-icon-5xl { font-size: 50px; }

/* ----- 颜色工具类 (已有，确保覆盖) ----- */
.cs-icon-white    { color: #ffffff; }
.cs-icon-primary  { color: #0D9488; }
.cs-icon-dark     { color: #0F172A; }
.cs-icon-success  { color: #10B981; }
.cs-icon-gold     { color: #F59E0B; }
.cs-icon-cyan     { color: #06B6D4; }