/* 阿里巴巴国际站卖家中心样式改造 */
:root {
    /* 阿里巴巴国际站主色系 */
    --alibaba-primary: #FF6A00;
    --alibaba-primary-hover: #FF8F33;
    --alibaba-primary-light: rgba(255, 106, 0, 0.1);
    --alibaba-secondary: #1B69FA;
    --alibaba-success: #0ABB75;
    --alibaba-info: #25BCF1;
    --alibaba-warning: #FFC519;
    --alibaba-danger: #EF486A;
    --alibaba-dark: #111723;
    --alibaba-dark-sidebar: #1A2332;
    --alibaba-light-bg: #F7F8FA;
    --alibaba-card-bg: #FFFFFF;
    --alibaba-border: #E5E6EB;
    
    /* 覆盖现有变量 */
    --primary: var(--alibaba-primary);
    --hov-primary: var(--alibaba-primary-hover);
    --soft-primary: var(--alibaba-primary-light);
    --secondary: #8f97ab;
    --soft-secondary: rgba(143, 151, 171, 0.15);
    --success: var(--alibaba-success);
    --soft-success: rgba(10, 187, 117, 0.15);
    --info: var(--alibaba-info);
    --soft-info: rgba(37, 188, 241, 0.15);
    --warning: var(--alibaba-warning);
    --soft-warning: rgba(255, 197, 25, 0.15);
    --danger: var(--alibaba-danger);
    --soft-danger: rgba(239, 72, 106, 0.15);
    --light: var(--alibaba-light-bg);
    --dark: var(--alibaba-dark);
    --soft-dark: rgba(42, 50, 66, 0.15);
}

/* 阿里巴巴风格侧边栏 */
.aiz-sidebar {
    background-color: var(--alibaba-dark-sidebar) !important;
    border-right: 1px solid var(--alibaba-border);
}

.aiz-side-nav-logo-wrap {
    background-color: rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px 0;
}

.aiz-side-nav-logo-wrap h3,
.aiz-side-nav-logo-wrap p {
    color: #FFFFFF !important;
}

.aiz-side-nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
    transition: all 0.3s ease;
}

.aiz-side-nav-link:hover {
    color: #FFFFFF !important;
    background-color: rgba(255, 106, 0, 0.15) !important;
    border-left: 3px solid var(--alibaba-primary);
}

.aiz-side-nav-link.active {
    color: #FFFFFF !important;
    background-color: rgba(255, 106, 0, 0.2) !important;
    border-left: 3px solid var(--alibaba-primary);
}

.aiz-side-nav-icon {
    color: rgba(255, 255, 255, 0.7) !important;
}

.aiz-side-nav-text {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* 搜索框样式 */
#menu-search {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #FFFFFF !important;
}

#menu-search::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* 阿里巴巴风格卡片 */
.card {
    border: 1px solid var(--alibaba-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.3s ease;
    background-color: var(--alibaba-card-bg) !important;
}

.card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08) !important;
    transform: translateY(-2px);
}

.card.shadow-none {
    box-shadow: none !important;
}

.card.shadow-none:hover {
    transform: none;
    box-shadow: none !important;
}

/* 阿里巴巴风格按钮 */
.btn-primary {
    background-color: var(--alibaba-primary) !important;
    border-color: var(--alibaba-primary) !important;
    border-radius: 4px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: var(--alibaba-primary-hover) !important;
    border-color: var(--alibaba-primary-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(255, 106, 0, 0.3);
}

.btn-soft-primary {
    background-color: var(--alibaba-primary-light) !important;
    color: var(--alibaba-primary) !important;
    border: 1px solid rgba(255, 106, 0, 0.2) !important;
}

.btn-soft-primary:hover {
    background-color: var(--alibaba-primary) !important;
    color: #FFFFFF !important;
}

/* 阿里巴巴风格表格 */
.table {
    border-collapse: separate;
    border-spacing: 0;
}

.table th {
    background-color: var(--alibaba-light-bg);
    color: var(--alibaba-dark);
    font-weight: 600;
    border-top: 1px solid var(--alibaba-border);
    border-bottom: 1px solid var(--alibaba-border);
    padding: 12px 16px;
}

.table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--alibaba-border);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(247, 248, 250, 0.5);
}

.table-hover tbody tr:hover {
    background-color: var(--alibaba-primary-light);
}

/* 阿里巴巴风格表单 */
.form-control {
    border: 1px solid var(--alibaba-border) !important;
    border-radius: 4px !important;
    transition: all 0.3s ease;
}

.form-control:focus {
    border-color: var(--alibaba-primary) !important;
    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1) !important;
}

/* 阿里巴巴风格徽章 */
.badge {
    border-radius: 10px;
    font-weight: 500;
    padding: 4px 10px;
}

.badge-primary {
    background-color: var(--alibaba-primary-light) !important;
    color: var(--alibaba-primary) !important;
}

/* 阿里巴巴风格导航 */
.aiz-navbar {
    background-color: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid var(--alibaba-border);
}

/* 背景颜色优化 */
body {
    background-color: var(--alibaba-light-bg) !important;
}

.aiz-main-content {
    background-color: var(--alibaba-light-bg) !important;
}

/* 阿里巴巴风格仪表盘卡片 */
.dashboard-card {
    border-radius: 8px;
    border: 1px solid var(--alibaba-border);
    background: linear-gradient(135deg, #FFFFFF, #F7F8FA);
    transition: all 0.3s ease;
}

.dashboard-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-4px);
}

.dashboard-stat-card {
    background: linear-gradient(135deg, var(--alibaba-primary), var(--alibaba-secondary));
    color: #FFFFFF;
    border: none;
}

.dashboard-stat-card h3 {
    color: #FFFFFF !important;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .aiz-sidebar {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }
    
    .aiz-sidebar.active {
        transform: translateX(0);
    }
}

/* 阿里巴巴图标优化 */
.las {
    font-size: 1.2em;
}

/* 阿里巴巴风格模态框 */
.modal-content {
    border-radius: 8px;
    border: 1px solid var(--alibaba-border);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.modal-header {
    border-bottom: 1px solid var(--alibaba-border);
    background-color: var(--alibaba-light-bg);
    border-radius: 8px 8px 0 0;
}

.modal-footer {
    border-top: 1px solid var(--alibaba-border);
    background-color: var(--alibaba-light-bg);
    border-radius: 0 0 8px 8px;
}

/* ==================== */
/* 阿里巴巴国际站新增样式 */
/* ==================== */

/* 阿里巴巴图标库支持 */
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 阿里巴巴统计卡片渐变背景 */
.bg-gradient-orange {
    background: linear-gradient(135deg, #FF6A00, #FF8F33) !important;
    border: none !important;
}

.bg-gradient-blue {
    background: linear-gradient(135deg, #1B69FA, #4D8EFF) !important;
    border: none !important;
}

.bg-gradient-green {
    background: linear-gradient(135deg, #0ABB75, #2CD997) !important;
    border: none !important;
}

.bg-gradient-purple {
    background: linear-gradient(135deg, #8B5CF6, #A78BFA) !important;
    border: none !important;
}

/* 阿里巴巴统计卡片样式 */
.alibaba-stat-card {
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
}

.alibaba-stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
}

.alibaba-stat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

.alibaba-stat-icon {
    font-size: 1.2em;
    margin-right: 8px;
    opacity: 0.9;
}

.alibaba-stat-big-icon {
    font-size: 3em !important;
    opacity: 0.3;
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.text-white-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* 阿里巴巴侧边栏增强 */
.alibaba-sidebar-dark {
    background: linear-gradient(180deg, #1A2332, #111723) !important;
}

.alibaba-sidebar-header {
    background: rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.alibaba-shop-logo {
    border-radius: 0;
    border: none;
    padding: 0;
    background: none;
    max-width: 180px;
    height: auto;
}

.alibaba-shop-name {
    font-weight: 600;
    letter-spacing: 0.5px;
}

.alibaba-shop-email {
    font-size: 0.85em;
    opacity: 0.7;
}

/* 顶部快速操作卡片 */
.alibaba-top-action-card {
    display: block;
    padding: 20px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e8e8e8;
    text-align: center;
    transition: all 0.3s ease;
    color: inherit;
    text-decoration: none;
}
.alibaba-top-action-card:hover {
    border-color: #0277bd;
    box-shadow: 0 4px 12px rgba(2, 119, 189, 0.15);
    color: inherit;
    text-decoration: none;
}
.alibaba-top-action-card .action-icon {
    font-size: 36px;
    color: #0277bd;
    margin-bottom: 12px;
}
.alibaba-top-action-card .action-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
}
.alibaba-top-action-card .action-desc {
    font-size: 12px;
    color: #666;
    margin-bottom: 0;
}

/* 阿里巴巴导航菜单增强 */
.aiz-side-nav-item {
    margin: 2px 0;
}

.aiz-side-nav-link {
    border-radius: 6px;
    margin: 0 8px;
    padding: 10px 16px !important;
}

.aiz-side-nav-link:hover {
    border-radius: 6px 0 0 6px;
}

.aiz-side-nav-link.active {
    border-radius: 6px 0 0 6px;
}

/* 阿里巴巴卡片标题样式 */
.card-title {
    border-bottom: 1px solid var(--alibaba-border);
    padding-bottom: 12px;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--alibaba-dark);
}

/* 阿里巴巴图表容器 */
.chart-container {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid var(--alibaba-border);
}

/* 阿里巴巴快速操作卡片 */
.quick-action-card {
    background: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    border: 1px solid var(--alibaba-border);
    transition: all 0.3s ease;
    height: 100%;
}

.quick-action-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: var(--alibaba-primary);
}

.quick-action-card .icon {
    font-size: 2.5em;
    color: var(--alibaba-primary);
    margin-bottom: 15px;
}

/* 阿里巴巴数据表格增强 */
.data-table {
    border: 1px solid var(--alibaba-border);
    border-radius: 8px;
    overflow: hidden;
}

.data-table th {
    background: var(--alibaba-light-bg);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85em;
    letter-spacing: 0.5px;
}

/* 阿里巴巴表单组样式 */
.form-group.alibaba-form-group {
    margin-bottom: 1.5rem;
}

.form-group.alibaba-form-group label {
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--alibaba-dark);
}

/* 阿里巴巴按钮变体 */
.btn-alibaba-primary {
    background: linear-gradient(135deg, #FF6A00, #FF8F33);
    border: none;
    color: white;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: 4px;
}

.btn-alibaba-primary:hover {
    background: linear-gradient(135deg, #FF8F33, #FF6A00);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 106, 0, 0.3);
}

.btn-alibaba-secondary {
    background: linear-gradient(135deg, #1B69FA, #4D8EFF);
    border: none;
    color: white;
    font-weight: 500;
}

/* 阿里巴巴面包屑导航 */
.breadcrumb.alibaba-breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 20px;
}

.breadcrumb.alibaba-breadcrumb .breadcrumb-item a {
    color: var(--alibaba-primary);
    text-decoration: none;
}

.breadcrumb.alibaba-breadcrumb .breadcrumb-item.active {
    color: var(--alibaba-dark);
    font-weight: 500;
}

/* 阿里巴巴页面标题 */
.alibaba-page-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--alibaba-primary-light);
}

/* 阿里巴巴警告框 */
.alert.alibaba-alert {
    border-radius: 8px;
    border: 1px solid;
    border-left-width: 4px;
}

.alert.alibaba-alert-success {
    border-color: #0ABB75;
    border-left-color: #0ABB75;
    background-color: rgba(10, 187, 117, 0.1);
}

.alert.alibaba-alert-warning {
    border-color: #FFC519;
    border-left-color: #FFC519;
    background-color: rgba(255, 197, 25, 0.1);
}

.alert.alibaba-alert-info {
    border-color: #25BCF1;
    border-left-color: #25BCF1;
    background-color: rgba(37, 188, 241, 0.1);
}

.alert.alibaba-alert-danger {
    border-color: #EF486A;
    border-left-color: #EF486A;
    background-color: rgba(239, 72, 106, 0.1);
}

/* ==================== */
/* 阿里巴巴国际站卖家中心增强样式 */
/* ==================== */

/* 阿里巴巴仪表盘布局优化 */
.alibaba-dashboard {
    background-color: var(--alibaba-light-bg);
    min-height: calc(100vh - 120px);
}

/* 阿里巴巴数据卡片网格布局 */
.alibaba-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

/* 阿里巴巴快速操作网格 */
.alibaba-quick-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    margin: 30px 0;
}

/* 阿里巴巴店铺状态卡片 */
.alibaba-shop-status-card {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--alibaba-border);
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease;
}

.alibaba-shop-status-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    border-color: var(--alibaba-primary);
}

.alibaba-shop-status-card.verified {
    border-top: 4px solid var(--alibaba-success);
}

.alibaba-shop-status-card.unverified {
    border-top: 4px solid var(--alibaba-warning);
}

.alibaba-shop-status-card .status-icon {
    font-size: 48px;
    margin-bottom: 15px;
}

.alibaba-shop-status-card .status-icon.verified {
    color: var(--alibaba-success);
}

.alibaba-shop-status-card .status-icon.unverified {
    color: var(--alibaba-warning);
}

.alibaba-shop-status-card .status-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--alibaba-dark);
}

.alibaba-shop-status-card .status-description {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
}

/* 阿里巴巴订单状态卡片 */
.alibaba-order-status-card {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--alibaba-border);
    padding: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.alibaba-order-status-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
}

.alibaba-order-status-card .status-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.alibaba-order-status-card .status-icon {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 20px;
}

.alibaba-order-status-card .status-icon.pending {
    background-color: rgba(255, 197, 25, 0.1);
    color: var(--alibaba-warning);
}

.alibaba-order-status-card .status-icon.delivered {
    background-color: rgba(10, 187, 117, 0.1);
    color: var(--alibaba-success);
}

.alibaba-order-status-card .status-icon.cancelled {
    background-color: rgba(239, 72, 106, 0.1);
    color: var(--alibaba-danger);
}

.alibaba-order-status-card .status-icon.on_delivery {
    background-color: rgba(37, 188, 241, 0.1);
    color: var(--alibaba-info);
}

.alibaba-order-status-card .status-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin: 0;
}

.alibaba-order-status-card .status-count {
    font-size: 28px;
    font-weight: 700;
    color: var(--alibaba-dark);
    margin-bottom: 5px;
}

.alibaba-order-status-card .status-label {
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 阿里巴巴销售图表容器 */
.alibaba-sales-chart-container {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--alibaba-border);
    padding: 25px;
    margin-bottom: 30px;
}

.alibaba-sales-chart-container .chart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.alibaba-sales-chart-container .chart-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin: 0;
}

.alibaba-sales-chart-container .chart-period {
    font-size: 14px;
    color: #666;
}

/* 阿里巴巴产品展示卡片 */
.alibaba-product-card {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--alibaba-border);
    overflow: hidden;
    transition: all 0.3s ease;
}

.alibaba-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.alibaba-product-card .product-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    background-color: #f5f5f5;
}

.alibaba-product-card .product-info {
    padding: 20px;
}

.alibaba-product-card .product-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 48px;
}

.alibaba-product-card .product-price {
    font-size: 18px;
    font-weight: 700;
    color: var(--alibaba-primary);
    margin-bottom: 10px;
}

.alibaba-product-card .product-rating {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.alibaba-product-card .rating-stars {
    color: #FFC519;
    margin-right: 8px;
}

.alibaba-product-card .rating-count {
    font-size: 12px;
    color: #999;
}

/* 阿里巴巴仪表盘小工具 */
.alibaba-dashboard-widget {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--alibaba-border);
    padding: 20px;
    margin-bottom: 20px;
}

.alibaba-dashboard-widget .widget-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.alibaba-dashboard-widget .widget-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin: 0;
}

.alibaba-dashboard-widget .widget-action {
    font-size: 14px;
    color: var(--alibaba-primary);
    text-decoration: none;
    font-weight: 500;
}

.alibaba-dashboard-widget .widget-action:hover {
    text-decoration: underline;
}

/* 阿里巴巴响应式调整 */
@media (max-width: 768px) {
    .alibaba-stat-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        gap: 15px;
    }
    
    .alibaba-quick-action-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 15px;
    }
    
    .alibaba-sales-chart-container {
        padding: 15px;
    }
    
    .alibaba-order-status-card {
        padding: 15px;
    }
}

@media (max-width: 576px) {
    .alibaba-stat-grid {
        grid-template-columns: 1fr;
    }
    
    .alibaba-quick-action-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .alibaba-product-card .product-image {
        height: 150px;
    }
}

/* 阿里巴巴加载动画 */
@keyframes alibaba-pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.alibaba-loading {
    animation: alibaba-pulse 1.5s ease-in-out infinite;
}

/* 阿里巴巴空状态 */
.alibaba-empty-state {
    text-align: center;
    padding: 60px 20px;
}

.alibaba-empty-state .empty-icon {
    font-size: 64px;
    color: #e0e0e0;
    margin-bottom: 20px;
}

.alibaba-empty-state .empty-title {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
}

.alibaba-empty-state .empty-description {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px;
}

/* 阿里巴巴徽章样式 */
.badge.alibaba-badge {
    border-radius: 12px;
    padding: 4px 12px;
    font-weight: 500;
    font-size: 12px;
}

.badge.alibaba-badge-primary {
    background-color: var(--alibaba-primary-light);
    color: var(--alibaba-primary);
}

.badge.alibaba-badge-success {
    background-color: rgba(10, 187, 117, 0.1);
    color: var(--alibaba-success);
}

.badge.alibaba-badge-warning {
    background-color: rgba(255, 197, 25, 0.1);
    color: var(--alibaba-warning);
}

.badge.alibaba-badge-danger {
    background-color: rgba(239, 72, 106, 0.1);
    color: var(--alibaba-danger);
}

/* 阿里巴巴进度条 */
.progress.alibaba-progress {
    height: 8px;
    border-radius: 4px;
    background-color: var(--alibaba-border);
    overflow: hidden;
}

.progress.alibaba-progress .progress-bar {
    background: linear-gradient(135deg, var(--alibaba-primary), var(--alibaba-secondary));
    border-radius: 4px;
}

/* 阿里巴巴工具提示增强 */
.tooltip.alibaba-tooltip .tooltip-inner {
    background-color: var(--alibaba-dark);
    color: white;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.tooltip.alibaba-tooltip .arrow::before {
    border-top-color: var(--alibaba-dark);
}

/* 阿里巴巴标签页样式 */
.nav-tabs.alibaba-tabs {
    border-bottom: 2px solid var(--alibaba-border);
}

.nav-tabs.alibaba-tabs .nav-link {
    border: none;
    color: #666;
    font-weight: 500;
    padding: 12px 24px;
    margin-bottom: -2px;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
}

.nav-tabs.alibaba-tabs .nav-link:hover {
    color: var(--alibaba-primary);
    border-bottom-color: var(--alibaba-primary-light);
}

.nav-tabs.alibaba-tabs .nav-link.active {
    color: var(--alibaba-primary);
    background-color: transparent;
    border-bottom: 2px solid var(--alibaba-primary);
}

/* 阿里巴巴折叠面板样式 */
.accordion.alibaba-accordion .card {
    border: 1px solid var(--alibaba-border);
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}

.accordion.alibaba-accordion .card-header {
    background-color: var(--alibaba-light-bg);
    border-bottom: 1px solid var(--alibaba-border);
    padding: 0;
}

.accordion.alibaba-accordion .btn-link {
    width: 100%;
    text-align: left;
    color: var(--alibaba-dark);
    font-weight: 600;
    padding: 16px 20px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accordion.alibaba-accordion .btn-link:hover {
    color: var(--alibaba-primary);
    text-decoration: none;
}

.accordion.alibaba-accordion .btn-link::after {
    content: '\f078';
    font-family: 'Line Awesome Free';
    font-weight: 900;
    transition: transform 0.3s ease;
}

.accordion.alibaba-accordion .btn-link.collapsed::after {
    transform: rotate(-90deg);
}

.accordion.alibaba-accordion .card-body {
    padding: 20px;
    background-color: white;
}

/* 阿里巴巴分页样式 */
.pagination.alibaba-pagination .page-item .page-link {
    color: var(--alibaba-dark);
    border: 1px solid var(--alibaba-border);
    margin: 0 4px;
    border-radius: 6px;
    min-width: 40px;
    text-align: center;
    transition: all 0.3s ease;
}

.pagination.alibaba-pagination .page-item .page-link:hover {
    background-color: var(--alibaba-primary-light);
    border-color: var(--alibaba-primary);
    color: var(--alibaba-primary);
}

.pagination.alibaba-pagination .page-item.active .page-link {
    background-color: var(--alibaba-primary);
    border-color: var(--alibaba-primary);
    color: white;
}

.pagination.alibaba-pagination .page-item.disabled .page-link {
    color: #ccc;
    border-color: var(--alibaba-border);
    background-color: var(--alibaba-light-bg);
}

/* ==================== */
/* 阿里巴巴订单页面通用样式 */
/* ==================== */

/* 订单状态徽章 */
.badge-order-status {
    padding: 4px 12px;
    border-radius: 12px;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.badge-order-status.pending {
    background-color: rgba(255, 197, 25, 0.1);
    color: var(--alibaba-warning);
    border: 1px solid rgba(255, 197, 25, 0.3);
}

.badge-order-status.processing {
    background-color: rgba(37, 188, 241, 0.1);
    color: var(--alibaba-info);
    border: 1px solid rgba(37, 188, 241, 0.3);
}

.badge-order-status.delivered {
    background-color: rgba(10, 187, 117, 0.1);
    color: var(--alibaba-success);
    border: 1px solid rgba(10, 187, 117, 0.3);
}

.badge-order-status.cancelled {
    background-color: rgba(239, 72, 106, 0.1);
    color: var(--alibaba-danger);
    border: 1px solid rgba(239, 72, 106, 0.3);
}

/* 阿里巴巴订单卡片 */
.alibaba-order-card {
    background: white;
    border: 1px solid var(--alibaba-border);
    border-radius: 10px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    overflow: hidden;
}

.alibaba-order-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    transform: translateY(-3px);
    border-color: var(--alibaba-primary);
}

.alibaba-order-card .order-header {
    background-color: var(--alibaba-light-bg);
    border-bottom: 1px solid var(--alibaba-border);
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.alibaba-order-card .order-body {
    padding: 20px;
}

.alibaba-order-card .order-footer {
    border-top: 1px solid var(--alibaba-border);
    background-color: var(--alibaba-light-bg);
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 阿里巴巴产品表格行 */
.alibaba-product-row {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid var(--alibaba-border);
}

.alibaba-product-row:last-child {
    border-bottom: none;
}

.alibaba-product-row .product-image {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    object-fit: cover;
    margin-right: 15px;
}

.alibaba-product-row .product-info {
    flex: 1;
}

.alibaba-product-row .product-name {
    font-weight: 500;
    color: var(--alibaba-dark);
    margin-bottom: 5px;
}

.alibaba-product-row .product-sku {
    font-size: 12px;
    color: #999;
}

/* 阿里巴巴过滤器面板 */
.alibaba-filter-panel {
    background: white;
    border: 1px solid var(--alibaba-border);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

.alibaba-filter-panel .filter-title {
    font-weight: 600;
    color: var(--alibaba-dark);
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--alibaba-border);
}

/* 阿里巴巴搜索框增强 */
.form-control.alibaba-search {
    border-radius: 20px;
    padding-left: 40px;
    background-color: var(--alibaba-light-bg);
    border: 1px solid var(--alibaba-border);
}

.form-control.alibaba-search:focus {
    background-color: white;
    border-color: var(--alibaba-primary);
    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);
}

.form-control.alibaba-search + .las {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
}

/* 阿里巴巴操作按钮组 */
.alibaba-action-buttons {
    display: flex;
    gap: 10px;
}

.alibaba-action-button {
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    border: 1px solid var(--alibaba-border);
    background-color: white;
    color: var(--alibaba-dark);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.alibaba-action-button:hover {
    background-color: var(--alibaba-primary-light);
    border-color: var(--alibaba-primary);
    color: var(--alibaba-primary);
    text-decoration: none;
}

.alibaba-action-button.primary {
    background-color: var(--alibaba-primary);
    border-color: var(--alibaba-primary);
    color: white;
}

.alibaba-action-button.primary:hover {
    background-color: var(--alibaba-primary-hover);
    border-color: var(--alibaba-primary-hover);
    color: white;
}

/* 阿里巴巴统计摘要 */
.alibaba-stats-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.alibaba-stat-item {
    background: linear-gradient(135deg, white, var(--alibaba-light-bg));
    border: 1px solid var(--alibaba-border);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
}

.alibaba-stat-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.alibaba-stat-item .stat-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background-color: var(--alibaba-primary-light);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    color: var(--alibaba-primary);
    font-size: 24px;
}

.alibaba-stat-item .stat-value {
    font-size: 28px;
    font-weight: 700;
    color: var(--alibaba-dark);
    margin-bottom: 5px;
}

.alibaba-stat-item .stat-label {
    font-size: 14px;
    color: #666;
}

/* 阿里巴巴模态框增强 */
.modal.alibaba-modal .modal-content {
    border-radius: 12px;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.modal.alibaba-modal .modal-header {
    background: linear-gradient(135deg, var(--alibaba-primary), var(--alibaba-secondary));
    color: white;
    border-radius: 12px 12px 0 0;
    border: none;
}

.modal.alibaba-modal .modal-title {
    font-weight: 600;
}

.modal.alibaba-modal .modal-body {
    padding: 30px;
}

.modal.alibaba-modal .modal-footer {
    border-top: 1px solid var(--alibaba-border);
    background-color: var(--alibaba-light-bg);
    border-radius: 0 0 12px 12px;
}

/* 阿里巴巴日期选择器样式 */
.datepicker.alibaba-datepicker {
    border: 1px solid var(--alibaba-border);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.datepicker.alibaba-datepicker .datepicker-days .table-condensed td.active {
    background-color: var(--alibaba-primary);
    border-color: var(--alibaba-primary);
}

/* 阿里巴巴文件上传区域 */
.alibaba-upload-area {
    border: 2px dashed var(--alibaba-border);
    border-radius: 10px;
    padding: 40px;
    text-align: center;
    background-color: var(--alibaba-light-bg);
    transition: all 0.3s ease;
}

.alibaba-upload-area:hover {
    border-color: var(--alibaba-primary);
    background-color: rgba(255, 106, 0, 0.05);
}

.alibaba-upload-area .upload-icon {
    font-size: 48px;
    color: var(--alibaba-primary);
    margin-bottom: 20px;
}

.alibaba-upload-area .upload-text {
    color: var(--alibaba-dark);
    margin-bottom: 10px;
}

.alibaba-upload-area .upload-hint {
    color: #999;
    font-size: 14px;
}

/* 阿里巴巴响应式表格 */
@media (max-width: 768px) {
    .alibaba-stats-summary {
        grid-template-columns: 1fr;
    }
    
    .alibaba-action-buttons {
        flex-wrap: wrap;
    }
    
    .alibaba-order-card .order-header,
    .alibaba-order-card .order-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* 阿里巴巴动画效果 */
@keyframes alibaba-slide-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.alibaba-animated {
    animation: alibaba-slide-in 0.5s ease-out;
}

/* 阿里巴巴加载状态 */
.alibaba-loading-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid var(--alibaba-border);
    border-top-color: var(--alibaba-primary);
    border-radius: 50%;
    animation: alibaba-spin 1s linear infinite;
    margin: 0 auto;
}

@keyframes alibaba-spin {
    to {
        transform: rotate(360deg);
    }
}

/* 阿里巴巴空状态卡片 */
.alibaba-empty-state-card {
    text-align: center;
    padding: 60px 40px;
    background: white;
    border: 1px solid var(--alibaba-border);
    border-radius: 10px;
    margin: 40px 0;
}

.alibaba-empty-state-card .empty-icon {
    font-size: 64px;
    color: #e0e0e0;
    margin-bottom: 20px;
}

.alibaba-empty-state-card .empty-title {
    font-size: 20px;
    font-weight: 600;
    color: #666;
    margin-bottom: 10px;
}

.alibaba-empty-state-card .empty-description {
    font-size: 16px;
    color: #999;
    margin-bottom: 30px;
}

/* 阿里巴巴成功提示 */
.alibaba-success-message {
    background-color: rgba(10, 187, 117, 0.1);
    border: 1px solid rgba(10, 187, 117, 0.3);
    border-left: 4px solid var(--alibaba-success);
    color: var(--alibaba-dark);
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.alibaba-success-message .success-icon {
    color: var(--alibaba-success);
    font-size: 20px;
}

/* 阿里巴巴警告提示 */
.alibaba-warning-message {
    background-color: rgba(255, 197, 25, 0.1);
    border: 1px solid rgba(255, 197, 25, 0.3);
    border-left: 4px solid var(--alibaba-warning);
    color: var(--alibaba-dark);
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.alibaba-warning-message .warning-icon {
    color: var(--alibaba-warning);
    font-size: 20px;
}

/* 阿里巴巴错误提示 */
.alibaba-error-message {
    background-color: rgba(239, 72, 106, 0.1);
    border: 1px solid rgba(239, 72, 106, 0.3);
    border-left: 4px solid var(--alibaba-danger);
    color: var(--alibaba-dark);
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.alibaba-error-message .error-icon {
    color: var(--alibaba-danger);
    font-size: 20px;
}

/* 阿里巴巴表格样式 */
.alibaba-table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--alibaba-border);
}

.alibaba-table thead {
    background-color: var(--alibaba-light-bg);
}

.alibaba-table thead th {
    border-bottom: 2px solid var(--alibaba-border);
    padding: 12px 16px;
    font-weight: 600;
    color: var(--alibaba-dark);
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.alibaba-table tbody tr {
    transition: background-color 0.2s ease;
}

.alibaba-table tbody tr:nth-child(even) {
    background-color: rgba(0, 0, 0, 0.02);
}

.alibaba-table tbody tr:hover {
    background-color: var(--alibaba-primary-light);
}

.alibaba-table tbody td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--alibaba-border);
    color: var(--alibaba-dark);
    font-size: 14px;
}

.alibaba-table tbody tr:last-child td {
    border-bottom: none;
}

/* 阿里巴巴套餐信息卡片 */
.alibaba-package-card {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--alibaba-border);
    padding: 20px;
    margin-bottom: 20px;
}

.alibaba-package-card .package-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.alibaba-package-card .package-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin: 0;
}

.alibaba-package-card .package-action {
    color: var(--alibaba-primary);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
}

.alibaba-package-card .package-action:hover {
    text-decoration: underline;
}

.alibaba-package-card .package-info {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.alibaba-package-card .package-logo {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    margin-right: 16px;
    border: 1px solid var(--alibaba-border);
}

.alibaba-package-card .package-details h5 {
    font-size: 16px;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin: 0 0 4px 0;
}

.alibaba-package-card .package-details p {
    font-size: 12px;
    color: #666;
    margin: 0;
}

.alibaba-package-card .package-features {
    margin-bottom: 20px;
}

.alibaba-package-card .feature-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--alibaba-border);
}

.alibaba-package-card .feature-item:last-child {
    border-bottom: none;
}

.alibaba-package-card .feature-label {
    font-size: 12px;
    color: #666;
}

.alibaba-package-card .feature-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--alibaba-dark);
}

.alibaba-package-card .package-progress {
    margin-bottom: 20px;
}

.alibaba-package-card .progress-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.alibaba-package-card .progress-label span {
    font-size: 12px;
    color: #666;
}

.alibaba-package-card .progress-label .progress-percentage {
    font-weight: 600;
    color: var(--alibaba-primary);
}

.alibaba-package-card .package-buttons {
    display: flex;
    gap: 12px;
}

.alibaba-package-card .package-buttons .btn {
    flex: 1;
    text-align: center;
}

.alibaba-package-card .package-buttons .btn-alibaba-primary {
    background-color: var(--alibaba-primary);
    border-color: var(--alibaba-primary);
    color: white;
}

.alibaba-package-card .package-buttons .btn-alibaba-primary:hover {
    background-color: var(--alibaba-primary-hover);
    border-color: var(--alibaba-primary-hover);
}

.alibaba-package-card .package-buttons .btn-alibaba-outline {
    background-color: transparent;
    border-color: var(--alibaba-border);
    color: var(--alibaba-dark);
}

.alibaba-package-card .package-buttons .btn-alibaba-outline:hover {
    background-color: var(--alibaba-light-bg);
    border-color: var(--alibaba-primary);
    color: var(--alibaba-primary);
}

/* 阿里巴巴类目摘要卡片 */
.alibaba-category-summary {
    background: white;
    border-radius: 10px;
    border: 1px solid var(--alibaba-border);
    padding: 20px;
    margin-bottom: 20px;
}

.alibaba-category-summary .summary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.alibaba-category-summary .summary-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--alibaba-dark);
    margin: 0;
}

.alibaba-category-summary .summary-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.alibaba-category-summary .stat-box {
    background: var(--alibaba-light-bg);
    border-radius: 8px;
    padding: 16px;
    text-align: center;
}

.alibaba-category-summary .stat-value {
    font-size: 24px;
    font-weight: 700;
    color: var(--alibaba-primary);
    margin-bottom: 4px;
}

.alibaba-category-summary .stat-label {
    font-size: 12px;
    color: #666;
}

/* =============================================== */
/* 阿里巴巴国际站样式使用指南 */
/* =============================================== */

/*
如何将现有页面转换为阿里巴巴国际站风格：

1. 基本颜色类：
   - .text-primary          阿里巴巴橙色文字
   - .bg-primary            阿里巴巴橙色背景
   - .bg-soft-primary       阿里巴巴橙色浅背景
   - .border-primary        阿里巴巴橙色边框

2. 统计卡片：
   - .alibaba-stat-card     统计卡片基础样式
   - .bg-gradient-orange    橙色渐变背景
   - .bg-gradient-blue      蓝色渐变背景
   - .bg-gradient-green     绿色渐变背景
   - .bg-gradient-purple    紫色渐变背景

3. 布局组件：
   - .alibaba-dashboard     仪表盘容器
   - .alibaba-stat-grid     统计卡片网格布局
   - .alibaba-quick-action-grid 快速操作网格

4. 卡片组件：
   - .alibaba-order-card    订单卡片
   - .alibaba-product-card  产品卡片
   - .alibaba-dashboard-widget 仪表盘小工具
   - .alibaba-shop-status-card 店铺状态卡片

5. 表格和表单：
   - .data-table            阿里巴巴风格表格
   - .form-group.alibaba-form-group 阿里巴巴表单组
   - .form-control.alibaba-search 阿里巴巴搜索框

6. 按钮样式：
   - .btn-alibaba-primary   阿里巴巴主按钮
   - .btn-alibaba-secondary 阿里巴巴次按钮
   - .alibaba-action-button 阿里巴巴操作按钮

7. 状态徽章：
   - .badge.alibaba-badge         基础徽章
   - .badge.alibaba-badge-primary 主要徽章
   - .badge-order-status.pending  待处理状态
   - .badge-order-status.delivered 已发货状态

8. 导航组件：
   - .breadcrumb.alibaba-breadcrumb 面包屑导航
   - .nav-tabs.alibaba-tabs      标签页
   - .pagination.alibaba-pagination 分页

9. 消息提示：
   - .alert.alibaba-alert-success 成功提示
   - .alert.alibaba-alert-warning 警告提示
   - .alert.alibaba-alert-info    信息提示
   - .alert.alibaba-alert-danger  错误提示

10. 实用工具类：
    - .alibaba-animated         动画效果
    - .alibaba-loading-spinner  加载动画
    - .alibaba-empty-state-card 空状态卡片

使用示例：

<!-- 阿里巴巴统计卡片 -->
<div class="alibaba-stat-card bg-gradient-orange">
    <div class="card-body py-4">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <p class="small text-white-80 mb-1">
                    <i class="las la-box alibaba-stat-icon"></i>
                    <span class="fs-16 text-white">Products</span>
                </p>
                <h3 class="mb-0 text-white fs-30 fw-700">125</h3>
                <p class="text-white-60 mb-0 mt-1 fs-12">Total Products</p>
            </div>
            <div class="text-right">
                <i class="las la-box alibaba-stat-big-icon"></i>
            </div>
        </div>
    </div>
</div>

<!-- 阿里巴巴快速操作卡片 -->
<div class="quick-action-card">
    <div class="icon">
        <i class="las la-plus-circle"></i>
    </div>
    <div class="fs-16 fw-600 text-primary mb-2">Add New Product</div>
    <p class="text-muted fs-12 mb-0">Upload new products</p>
</div>

<!-- 阿里巴巴订单状态卡片 -->
<div class="alibaba-order-status-card">
    <div class="status-header">
        <div class="status-icon pending">
            <i class="las la-clock"></i>
        </div>
        <h4 class="status-title">New Order</h4>
    </div>
    <div class="status-count">15</div>
    <div class="status-label">Pending Orders</div>
</div>

注意事项：
1. 所有阿里巴巴样式都定义在 :root 变量中，便于统一修改
2. 响应式设计已内置，无需额外处理
3. 动画和交互效果已优化，提升用户体验
4. 与现有Bootstrap样式兼容，可逐步迁移
*/