
/* 配置区域 */
.cloud-cart-section {
    margin-bottom: 15px !important;
}

/* 配置区域标题 */
.cloud-cart-section-title {
    font-size: 12px !important;
    font-weight: bold !important;
    color: #374151 !important;
    margin-bottom: 8px !important;
    padding-left: 4px !important;
    border-left: 3px solid #3b82f6 !important;
}

/* 配置网格 */
.cloud-cart-grid {
    padding: 4px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3px !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* 配置项 */
.cloud-cart-item {
    background: linear-gradient(145deg, #ffffff, #f9fafb) !important;
    border-radius: 6px !important;
    padding: 6px 5px !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04) !important;
    border: 1px solid #e5e7eb !important;
    transition: all 0.3s ease !important;
    min-width: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.cloud-cart-item:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.12) !important;
    transform: translateY(-1px) !important;
    border-color: #d1d5db !important;
}

/* 配置标题 */
.cloud-cart-title {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
    margin-bottom: 1px !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8) !important;
    line-height: 11px !important;
    word-break: break-all !important;
}

/* 配置值 */
.cloud-cart-value {
    font-size: 11px !important;
    color: #1f2937 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-weight: 500 !important;
    word-break: break-all !important;
}

/* 图标基础样式 - 简化版本 */
.cloud-cart-icon {
    margin-right: 4px !important;
    font-size: 12px !important;
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    vertical-align: middle !important;
    filter: drop-shadow(0 1px 0 rgba(255,255,255,0.5)) !important;
    flex-shrink: 0 !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
    font-weight: 900 !important;
    font-style: normal !important;
    text-align: center !important;
    line-height: 12px !important;
}

/* 云服务器区图标 */
.cloud-cart-icon-cpu::before {
    content: "\f2db" !important; /* fa-microchip */
    color: #3b82f6 !important;
}

.cloud-cart-icon-memory::before {
    content: "\f538" !important; /* fa-memory */
    color: #10b981 !important;
}

.cloud-cart-icon-hdd::before {
    content: "\f0a0" !important; /* fa-hdd */
    color: #6366f1 !important;
}

.cloud-cart-icon-database::before {
    content: "\f1c0" !important; /* fa-database */
    color: #8b5cf6 !important;
}

.cloud-cart-icon-globe::before {
    content: "\f0ac" !important; /* fa-globe */
    color: #ec4899 !important;
}

.cloud-cart-icon-bandwidth::before {
    content: "\f0ec" !important; /* fa-exchange */
    color: #f59e0b !important;
}

.cloud-cart-icon-traffic::before {
    content: "\f0c2" !important; /* fa-cloud */
    color: #06b6d4 !important;
}

.cloud-cart-icon-desktop::before {
    content: "\f108" !important; /* fa-desktop */
    color: #84cc16 !important;
}

.cloud-cart-icon-network::before {
    content: "\f1e0" !important; /* fa-share-alt */
    color: #ef4444 !important;
}

.cloud-cart-icon-datacenter::before {
    content: "\f1ad" !important; /* fa-building */
    color: #64748b !important;
}

/* 虚拟主机区图标 */
.cloud-cart-icon-server::before {
    content: "\f121" !important; /* fa-code */
    color: #10b981 !important;
}

.cloud-cart-icon-php::before {
    content: "\f457" !important; /* fa-php */
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
    color: #777bb4 !important;
}

.cloud-cart-icon-shield::before {
    content: "\f3ed" !important; /* fa-shield-alt */
    color: #ef4444 !important;
}

.cloud-cart-icon-website::before {
    content: "\f484" !important; /* fa-sitemap */
    color: #ec4899 !important;
}

.cloud-cart-icon-storage::before {
    content: "\f1c0" !important; /* fa-database */
    color: #6366f1 !important;
}

.cloud-cart-icon-quota::before {
    content: "\f0e4" !important; /* fa-tachometer-alt */
    color: #f59e0b !important;
}

.cloud-cart-icon-domain::before {
    content: "\f57c" !important; /* fa-globe-asia */
    color: #6366f1 !important;
}

/* 宿主机区图标 */
.cloud-cart-icon-host-cpu::before {
    content: "\f2db" !important; /* fa-microchip */
    color: #dc2626 !important;
}

.cloud-cart-icon-host-memory::before {
    content: "\f538" !important; /* fa-memory */
    color: #059669 !important;
}

.cloud-cart-icon-host-storage::before {
    content: "\f0a0" !important; /* fa-hdd */
    color: #7c3aed !important;
}

.cloud-cart-icon-host-ip::before {
    content: "\f0ac" !important; /* fa-globe */
    color: #0891b2 !important;
}

.cloud-cart-icon-host-premium::before {
    content: "\f005" !important; /* fa-star */
    color: #ca8a04 !important;
}

.cloud-cart-icon-host-optimized::before {
    content: "\f0e7" !important; /* fa-bolt */
    color: #ea580c !important;
}

.cloud-cart-icon-host-defense::before {
    content: "\f132" !important; /* fa-shield-alt */
    color: #dc2626 !important;
}

.cloud-cart-icon-host-delivery::before {
    content: "\f017" !important; /* fa-clock */
    color: #16a34a !important;
}