/* Mint 绿极简主题覆盖 */

/* 字体与基础变量 */
:root {
    --mint-500: #35c2a0; /* 主色 */
    --mint-600: #38d1ad; /* 主色变体 */
    --accent-orange: #ff8a00; /* CTA 点缀 */
    --bg-soft: #f6f8fa; /* 浅灰背景 */
    --text-strong: #1a1a1a; /* 深灰文字 */
    --text-secondary: #475467; /* 次要文字 */
    --border-soft: #e5e7eb; /* 细分隔线 */
    --shadow-soft: 0 6px 24px rgba(16, 24, 40, 0.06);
}

/* 将现有色板映射为 Mint 主题（增加统一圆角/阴影变量，贴近 acbuy 的干净白底风） */
:root {
    --cyan: var(--mint-600);
    --neon-blue: var(--mint-500);
    --white: #ffffff;
    --light-gray: #667085; /* 用于次要文字颜色场景 */
    --glass-bg: rgba(255, 255, 255, 0.88);
    --glass-border: rgba(16, 24, 40, 0.06);
    --deep-blue: var(--bg-soft);
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --shadow-1: 0 1px 2px rgba(16,24,40,.06);
    --shadow-2: 0 4px 12px rgba(16,24,40,.08);
    --shadow-3: 0 8px 24px rgba(16,24,40,.10);
}

/* 全局排版与基色 */
html, body {
    font-family: "Inter", "Poppins", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    color: var(--text-strong);
}

body {
    background: #fcfdfd !important; /* 更轻的柔白底 */
    color: var(--text-strong) !important;
    line-height: 1.65;
}

/* 默认链接颜色，避免非悬停态不可见 */
a { color: #344054 !important; }
a:visited { color: #344054 !important; }
a:hover, a:focus { color: var(--mint-600) !important; }

/* 浅色主题下禁用深色粒子背景 */
html { background: #fcfdfd !important; }
#particles-js { display: none !important; background: transparent !important; opacity: 0 !important; pointer-events: none !important; }
.particles-js-canvas-el { display: none !important; mix-blend-mode: normal !important; opacity: 0 !important; }
/* 强制首页英雄区不使用任何深色背景 */
#home, section#home, .hero { background: #fcfdfd !important; }
/* 来自 header 的粒子画布（页面顶部全局 canvas） */
#canvas { display: none !important; }

/* 导航栏：固定顶部白底，轻量字重，Hover 下划线 */
.glass-nav { background: var(--white) !important; border-bottom: 1px solid var(--border-soft) !important; box-shadow: var(--shadow-1); }
.logo { color: var(--text-strong) !important; }
.nav-links a { color: #344054 !important; padding: 10px 14px !important; font-weight: 500; position: relative; white-space: nowrap; display: inline-flex; align-items: center; }
.nav-links a:hover,
.nav-links a:focus { color: var(--mint-600) !important; }
/* 悬停/激活使用底边条 */
.nav-links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: transparent; width: 0; transition: width .2s ease, background .2s ease; pointer-events: none; }
.nav-links a:hover::after { background: var(--mint-600); width: 100%; }
.nav-links a.active { color: var(--mint-600) !important; }
.nav-links a.active::after { background: var(--mint-600); width: 100%; }
.menu-toggle { color: var(--mint-600) !important; }
.glass-nav.scrolled { background: var(--white) !important; }

/* 英雄区标题与标语 */
.hero h1 {
    -webkit-text-fill-color: initial !important;
    background: none !important;
    color: var(--text-strong) !important;
    letter-spacing: -0.01em;
    font-weight: 700;
}
.hero h1 .highlight {
    -webkit-text-fill-color: initial !important;
    background: none !important;
    color: var(--mint-600) !important;
}
.hero h1 .highlight::after { display: none !important; }
.hero .subheading { color: var(--mint-600) !important; letter-spacing: .08em; }
.hero .subheading::before,
.hero .subheading::after { background: var(--mint-600) !important; opacity: .35; }
.hero p { color: #475467 !important; }
/* 移除英雄区彩色圈与装饰形状，保持干净白底 */
.hero::before { display: none !important; }
.hero-decoration, .floating-shape { display: none !important; }

/* 其它页面容器如有深色底，统一透明以露出柔白背景 */
.page-header, .list-container, .page, .wrapper, .content, main, section { background: transparent !important; }

/* 强力兜底：把常见布局容器背景统一成柔白，避免遗留深灰 */
main, section, header, footer,
.page, .page-content, .layout, .wrapper, .container, .container-fluid,
.content, .content-wrap, .site-main, .site-content,
.featured-products, .categories, .services, .faq, .about, .tutorial-module {
    background-color: #fcfdfd !important;
}

/* 首页产品双轮播区域与轨道：移除任何深灰底或叠层 */
.featured-products .container,
.product-carousel-container,
.products-carousel,
.carousel-track,
.carousel-dots,
.view-all-container { background: transparent !important; }

/* 轮播轨道的父层若设置了半透明深灰，强制透明 */
[class*="carousel"] { background-color: transparent !important; }

/* 可能的分隔条样式（灰色横条）统一清理 */
.section-divider, .divider, .hr, hr { background: transparent !important; border-color: transparent !important; }

/* 产品详情页：彻底换成浅色体系 */
.detail-container { background: #fcfdfd !important; }
.product-detail { background: transparent !important; }
.product-gallery { background: #ffffff !important; border: 1px solid var(--border-soft) !important; }
.main-image { background: #ffffff !important; }
.product-info { background: #ffffff !important; border: 1px solid var(--border-soft) !important; }
.breadcrumb { background: #ffffff !important; border: 1px solid var(--border-soft) !important; }
.product-list { background: #ffffff !important; border: 1px solid var(--border-soft) !important; }
.product-card::before { background: #ffffff !important; }
.product-card .product-info { background: #ffffff !important; color: var(--text-strong) !important; }
.product-card .product-name { color: var(--text-strong) !important; }
.product-card .product-views { background: rgba(56,209,173,0.08) !important; color: #667085 !important; }
.slider-arrow { background: #ffffff !important; color: var(--mint-600) !important; border: 1px solid var(--border-soft) !important; }

/* 产品页注入的粒子背景直接隐藏 */
body > #particles-js { display: none !important; }

/* 若有旧的深色线性渐变背景，强制移除 */
[style*="rgba(10, 25, 47"],
[style*="#0a192f"],
[class*="gradient"],
.bg-dark, .bg-gradient, .dark-bg { background: #fcfdfd !important; }

/* 51.la 等脚本注入的遮罩：当 body 出现 la-mask/ad-closed 时，取消任何遮罩背景 */
body.la-mask, body.ad-closed { background: #fcfdfd !important; }
body.la-mask::before, body.la-mask::after,
body.ad-closed::before, body.ad-closed::after { display: none !important; background: transparent !important; }
body.la-mask > div[id^="LA_"],
body.la-mask > div[class*="la-"],
body.la-mask > div[style*="position: fixed"],
body.la-mask > div[style*="fixed"],
body.ad-closed > div[style*="position: fixed"][style*="rgba"],
body.ad-closed > div[style*="fixed"][style*="rgba"] { display: none !important; }

/* 统一按钮风格（尺寸规范化） */
.glow-button,
.tutorial-btn.primary-btn,
.add-to-cart-btn.cta,
.btn-primary {
    background: var(--mint-600) !important;
    color: #ffffff !important;
    border: 1px solid var(--mint-600) !important;
    border-radius: 9999px !important;
    box-shadow: var(--shadow-2);
    height: 44px; padding: 0 18px; font-weight: 600;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1;
}
.glow-button:hover,
.tutorial-btn.primary-btn:hover,
.btn-primary:hover { filter: brightness(0.96); transform: translateY(-2px); }

/* 次级按钮：薄荷描边 */
.outline-button,
.tutorial-btn.secondary-btn,
.view-all-btn,
.add-to-cart-btn {
    background: #ffffff !important;
    color: var(--mint-600) !important;
    border: 1px solid var(--mint-600) !important;
    border-radius: 9999px !important;
    box-shadow: var(--shadow-1) !important;
    height: 44px; padding: 0 18px; font-weight: 600;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; line-height: 1;
}

/* 按钮内图标垂直居中 */
.glow-button .btn-icon,
.outline-button .btn-icon,
.tutorial-btn .btn-icon,
.btn-primary .btn-icon,
.add-to-cart-btn .btn-icon { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.outline-button:hover,
.tutorial-btn.secondary-btn:hover,
.view-all-btn:hover,
.add-to-cart-btn:hover {
    background: rgba(56, 209, 173, 0.08) !important;
}

/* CTA 点缀橙：可用于活动 banner 或重要按钮 */
.btn-accent,
.banner-cta {
    background: var(--accent-orange) !important;
    border-color: var(--accent-orange) !important;
    color: #fff !important;
    border-radius: 9999px !important;
}

/* 搜索框：白底阴影，hover 边框变色 */
.search-bar {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 9999px !important;
    box-shadow: var(--shadow-soft);
}
.search-bar input {
    background: transparent !important;
    color: var(--text-strong) !important;
    border: 1px solid transparent !important;
}
.search-bar .search-icon { color: #98a2b3 !important; }
.search-btn { background: var(--mint-600) !important; box-shadow: none !important; }
.search-bar:hover,
.search-bar:focus-within { border-color: var(--mint-600) !important; box-shadow: 0 0 0 4px rgba(56, 209, 173, 0.12); }

/* 卡片：白底 + 阴影 + 大留白（贴近 acbuy） */
.glass-card,
.product-card,
.platform-showcase,
.about-content,
.glass-tutorial-container,
.faq-item {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-2) !important;
}
/* 卡片与常见区块里的文字默认使用深色 */
.glass-card, .product-card, .platform-showcase, .about, .faq, .services, .tutorial-module, .section-header, .category-item { color: var(--text-strong) !important; }
.section-header p { color: #475467 !important; }
.product-card { padding: 14px !important; }
.product-image { background: #ffffff !important; border: 1px solid var(--border-soft); border-radius: var(--radius-sm) !important; }
.product-info h3 { color: var(--text-strong) !important; font-weight: 600; }
.product-price { color: var(--mint-600) !important; font-size: 1.1rem !important; font-weight: 700; }
.product-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-3) !important; border-color: var(--border-soft) !important; }
.product-views { color: #667085 !important; }

/* 分类与平台项：轻描边 + 悬浮微提升 */
.category-item { color: var(--text-strong) !important; background: #ffffff !important; border: 1px solid var(--border-soft); border-radius: var(--radius-md); box-shadow: var(--shadow-1); }
.category-item:hover { border-color: var(--mint-600) !important; box-shadow: 0 8px 28px rgba(56, 209, 173, 0.15); }
.category-icon { color: var(--mint-600) !important; }
.platform-item { color: var(--mint-600) !important; background: #ffffff !important; border: 1px solid var(--border-soft) !important; }
.platform-item:hover { background: rgba(56,209,173,0.08) !important; box-shadow: none; }

/* 兜底：其他页面的商品卡片可能有深色叠层，这里强制统一为白底明亮文字 */
.product-card .product-info,
.product-card .product-meta,
.product-card .product-title,
.product-card .product-actions,
.product-card .card-body,
.product-card .card-footer { background: #ffffff !important; color: var(--text-strong) !important; border: 0 !important; }
.product-card h3, .product-card h4, .product-card p, .product-card span { color: var(--text-strong) !important; }
.product-card [class*="price"], .product-card .price { color: var(--mint-600) !important; font-weight: 700; }
.product-card [class*="btn"], .product-card .btn, .product-card a.button { 
    background: #ffffff !important; 
    color: var(--mint-600) !important; 
    border: 1px solid var(--mint-600) !important; 
    border-radius: 9999px !important; 
    height: 38px; padding: 0 14px; 
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; 
}
.product-card [class*="btn"]:hover, .product-card .btn:hover, .product-card a.button:hover { background: rgba(56,209,173,0.08) !important; }

/* 轮播箭头：浅灰圆形，图标薄荷 */
.carousel-arrow { background: #ffffff !important; color: var(--mint-600) !important; border: 1px solid var(--border-soft) !important; box-shadow: var(--shadow-1) !important; }
.carousel-dot { background: rgba(56, 209, 173, 0.22) !important; }
.carousel-dot.active { background: var(--mint-600) !important; }

/* FAQ 标题配色 */
.faq-question h3 { color: var(--text-strong) !important; }
.faq-item.active .faq-question h3 { color: var(--mint-600) !important; }
.faq-icon { color: var(--mint-600) !important; }
.faq-answer p, .faq-answer ul, .faq-answer ol { color: #475467 !important; }

/* 页脚浅色 */
.glass-footer { background: #ffffff !important; border-top: 1px solid var(--border-soft) !important; }
.copyright-text { color: #667085 !important; }
.copyright-text a { color: var(--mint-600) !important; }

/* 滚动条浅色 */
::-webkit-scrollbar-track { background: #ffffff !important; }
::-webkit-scrollbar-thumb { background: var(--mint-600) !important; }

/* 表单输入：圆角白底阴影，hover 边框变色（兜底泛化） */
input[type="text"], input[type="search"], input[type="email"], input[type="url"], textarea {
    background: #ffffff;
    border: 1px solid var(--border-soft);
    border-radius: var(--radius-sm);
    color: var(--text-strong);
    box-shadow: var(--shadow-1);
    height: 44px; padding: 10px 14px;
}
input:hover, input:focus, textarea:hover, textarea:focus {
    border-color: var(--mint-600);
    outline: none;
    box-shadow: 0 0 0 3px rgba(56, 209, 173, 0.14);
}

/* 标题层级与间距优化 */
.section-header h2 { color: var(--text-strong); font-weight: 700; letter-spacing: -0.01em; }
.section-tag { background: rgba(56, 209, 173, 0.10) !important; color: var(--mint-600) !important; }

/* 英文大标题点句式示例（可复用此 class） */
.headline-dot { font-weight: 800; letter-spacing: -0.02em; }
.headline-dot::after { content: "."; color: var(--mint-600); }

/* 弹窗/对话框：统一白底卡片式，移除霓虹光影 */
[class*="modal"],
[class*="dialog"],
[class*="popup"],
.modal,
.dialog,
.popup {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 40px rgba(16, 24, 40, 0.14) !important;
}
/* 遮罩层必须不透明，防止背景透出 */
[class*="mask"], [class*="overlay"], [class*="backdrop"], .modal-backdrop, .ant-modal-mask, .el-overlay, .dialog-backdrop {
    background: rgba(16, 24, 40, 0.45) !important;
    backdrop-filter: blur(2px);
}
/* 弹窗内容容器兜底不透明 */
[class*="modal"] [class*="content"], .modal-content, .dialog__wrapper, .el-dialog, .ant-modal-content {
    background: #ffffff !important;
}
[class*="modal"] [class*="header"],
[class*="dialog"] [class*="header"],
.modal-header { border-bottom: 1px solid var(--border-soft) !important; color: var(--text-strong) !important; }
[class*="modal"] [class*="title"],
.modal-title { font-weight: 700 !important; letter-spacing: -0.01em; }
[class*="modal"] [class*="close"],
.modal-close { color: #98a2b3 !important; }
[class*="modal"] [class*="close"]:hover,
.modal-close:hover { color: var(--mint-600) !important; }

/* 弹窗内平台选择网格：更轻的卡片与悬浮 */
[class*="modal"] .grid [class*="item"],
[class*="grid"] [class*="card"],
.purchase-item,
.platform-card { 
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
}
[class*="modal"] .grid [class*="item"]:hover,
[class*="grid"] [class*="card"]:hover,
.purchase-item:hover,
.platform-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(16,24,40,.08) !important;
    border-color: var(--mint-600) !important;
}

/* 覆盖任何绿色外发光（兜底移除） */
* { text-shadow: none !important; }
[style*="box-shadow: 0 0"],
[style*="box-shadow:0 0"] { box-shadow: 0 8px 24px rgba(16,24,40,.08) !important; }

/* 语言/货币选择：默认深色文字，被选中薄荷绿 */
.language-selector .label,
.currency-selector .label,
.language-selector .selector-option,
.currency-selector .selector-option,
.language-selector a,
.currency-selector a { color: var(--text-strong) !important; background: transparent !important; }

.language-selector .selector-option.selected,
.currency-selector .selector-option.selected,
.language-selector a.selected,
.currency-selector a.selected { color: var(--mint-600) !important; background: rgba(56,209,173,0.08) !important; border-color: var(--mint-600) !important; }

.selector-options .selector-option { border: 1px solid var(--border-soft); border-radius: var(--radius-xs); padding: 6px 10px; }


/* === Mint 主题追加覆盖（可删除本段注释） === */
/* 产品详情页：标题/按钮/规格标题为黑色 */
.product-title { color: var(--text-strong) !important; }
.sku-title { color: var(--text-strong) !important; }
.section-title { color: var(--text-strong) !important; }
.action-btn.buy-now-btn { color: var(--text-strong) !important; background: #ffffff !important; border: 1px solid var(--border-soft) !important; }
.action-btn.buy-now-btn:hover { color: var(--mint-600) !important; background: rgba(56,209,173,0.08) !important; border-color: var(--mint-600) !important; }

/* 导航：多语言/多货币文本与图标为深色 */
.language-currency-container .text { color: var(--text-strong) !important; }
.language-currency-container .icon,
.language-currency-container .arrow-icon { background-color: var(--text-strong) !important; }

/* 主按钮悬停时保持文字可见（白字） */
.glow-button, .btn-primary { color: #ffffff !important; }
.glow-button .btn-text, .btn-primary .btn-text { color: #ffffff !important; }
.glow-button:hover, .btn-primary:hover { color: #ffffff !important; }
.glow-button:hover .btn-text, .btn-primary:hover .btn-text { color: #ffffff !important; }

/* 次按钮（描边）悬停时维持薄荷绿文字 */
.outline-button, .view-all-btn, .add-to-cart-btn { color: var(--mint-600) !important; }
.outline-button:hover, .view-all-btn:hover, .add-to-cart-btn:hover { color: var(--mint-600) !important; }

/* 弹窗遮罩背景修正：保持半透明深色，不要纯白 */
.platform-modal, .social-share-dropdown { background: rgba(16, 24, 40, 0.45) !important; }

/* 筛选和排序按钮：未选中状态深色文字，选中状态薄荷绿 */
.filter-btn,
.sort-btn {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    color: var(--text-strong) !important;
}
.filter-btn i,
.sort-btn i {
    color: var(--text-strong) !important;
}
.filter-btn .btn-text,
.sort-btn .btn-text {
    color: var(--text-strong) !important;
}
.filter-btn:hover,
.sort-btn:hover {
    background: rgba(56, 209, 173, 0.08) !important;
    border-color: var(--mint-600) !important;
    color: var(--mint-600) !important;
}
.filter-btn:hover i,
.sort-btn:hover i {
    color: var(--mint-600) !important;
}
.filter-btn:hover .btn-text,
.sort-btn:hover .btn-text {
    color: var(--mint-600) !important;
}
.filter-btn.active,
.sort-btn.active {
    background: rgba(56, 209, 173, 0.12) !important;
    border-color: var(--mint-600) !important;
    color: var(--mint-600) !important;
}
.filter-btn.active i,
.sort-btn.active i {
    color: var(--mint-600) !important;
}
.filter-btn.active .btn-text,
.sort-btn.active .btn-text {
    color: var(--mint-600) !important;
}

/* 筛选栏背景 */
.filter-bar {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
}
.filter-options {
    border-bottom-color: var(--border-soft) !important;
}

/* 页面标题：深色文字，确保可见 */
.page-header h1 {
    color: var(--text-strong) !important;
}
.page-header h1::after {
    background: linear-gradient(90deg, transparent, var(--mint-600), transparent) !important;
}
.page-header p {
    color: var(--text-secondary) !important;
}

/* ===== 移动端和平板端样式覆盖 ===== */
/* 移动端侧边栏菜单：改为浅色背景 */
@media (max-width: 768px) {
    .nav-links,
    .nav-links_m {
        background: #ffffff !important;
        border-left: 1px solid var(--border-soft) !important;
        box-shadow: -5px 0 15px rgba(16, 24, 40, 0.08) !important;
    }
    
    .nav-links a,
    .nav-links_m a {
        color: var(--text-strong) !important;
    }
    
    .nav-links a:hover,
    .nav-links a:active,
    .nav-links a:focus,
    .nav-links_m a:hover,
    .nav-links_m a:active,
    .nav-links_m a:focus {
        background: rgba(56, 209, 173, 0.08) !important;
        color: var(--mint-600) !important;
    }
    
    /* 移动端语言和货币选择器：浅色主题 */
    .nav-links_m .language-selector,
    .nav-links_m .currency-selector {
        color: var(--text-strong) !important;
    }
    
    .nav-links_m .language-selector .label,
    .nav-links_m .currency-selector .label {
        color: var(--text-secondary) !important;
    }
    
    .nav-links_m .language-selector .selector-options,
    .nav-links_m .currency-selector .selector-options {
        color: var(--text-strong) !important;
    }
    
    .nav-links_m .language-selector .selector-option,
    .nav-links_m .currency-selector .selector-option {
        background: #ffffff !important;
        border: 1px solid var(--border-soft) !important;
        color: var(--text-strong) !important;
    }
    
    .nav-links_m .language-selector .selector-option:hover,
    .nav-links_m .currency-selector .selector-option:hover {
        background: rgba(56, 209, 173, 0.08) !important;
        border-color: var(--mint-600) !important;
        color: var(--mint-600) !important;
    }
    
    .nav-links_m .selected,
    .nav-links_m .language-selector .selector-option.selected,
    .nav-links_m .currency-selector .selector-option.selected {
        background: rgba(56, 209, 173, 0.12) !important;
        border-color: var(--mint-600) !important;
        color: var(--mint-600) !important;
    }
    
    /* 移动端菜单切换按钮颜色 */
    .menu-toggle {
        color: var(--mint-600) !important;
    }
    
    .menu-toggle.active {
        color: var(--mint-600) !important;
    }
}

/* 平板端样式（768px - 992px） */
@media (min-width: 769px) and (max-width: 992px) {
    .nav-links,
    .nav-links_m {
        background: #ffffff !important;
        border-left: 1px solid var(--border-soft) !important;
    }
    
    .nav-links a,
    .nav-links_m a {
        color: var(--text-strong) !important;
    }
    
    .nav-links a:hover,
    .nav-links a:active,
    .nav-links a:focus,
    .nav-links_m a:hover,
    .nav-links_m a:active,
    .nav-links_m a:focus {
        background: rgba(56, 209, 173, 0.08) !important;
        color: var(--mint-600) !important;
    }
    
    .nav-links_m .language-selector .selector-option,
    .nav-links_m .currency-selector .selector-option {
        background: #ffffff !important;
        border: 1px solid var(--border-soft) !important;
        color: var(--text-strong) !important;
    }
    
    .nav-links_m .selected,
    .nav-links_m .language-selector .selector-option.selected,
    .nav-links_m .currency-selector .selector-option.selected {
        background: rgba(56, 209, 173, 0.12) !important;
        border-color: var(--mint-600) !important;
        color: var(--mint-600) !important;
    }
}

/* 下拉菜单（二级分类）：统一浅色主题 */
.dropdown-menu {
    background: #ffffff !important;
    border: 1px solid var(--border-soft) !important;
    box-shadow: var(--shadow-2) !important;
    color: var(--text-strong) !important;
}

.dropdown-menu a,
.dropdown-menu .link-text {
    color: var(--text-strong) !important;
}

.dropdown-menu a:hover,
.dropdown-menu a:focus {
    background: rgba(56, 209, 173, 0.08) !important;
    color: var(--mint-600) !important;
}

.dropdown-menu li {
    color: var(--text-strong) !important;
}

/* 移动端和平板端：语言货币容器的文字颜色 */
@media (max-width: 992px) {
    .language-currency-container .text {
        color: var(--text-strong) !important;
    }
    
    .language-currency-container .icon {
        background-color: var(--mint-600) !important;
    }
    
    .language-currency-container .arrow-icon {
        background-color: var(--mint-600) !important;
    }
    
    /* 桌面端下拉选择器（在移动端也适用） */
    .selector-container {
        background: #ffffff !important;
        border: 1px solid var(--border-soft) !important;
        box-shadow: var(--shadow-2) !important;
        padding: 20px !important;
        width: auto !important;
        min-width: 360px !important;
        max-width: 420px !important;
        right: 0 !important;
        box-sizing: border-box !important;
    }
    
    @media (max-width: 480px) {
        .selector-container {
            min-width: calc(100vw - 40px) !important;
            max-width: calc(100vw - 40px) !important;
            right: 20px !important;
            left: 20px !important;
        }
    }
    
    .selector-container .language-selector,
    .selector-container .currency-selector {
        margin-bottom: 20px !important;
    }
    
    .selector-container .currency-selector {
        margin-top: 20px !important;
    }
    
    .selector-container .language-selector .label,
    .selector-container .currency-selector .label {
        color: var(--text-secondary) !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        margin-bottom: 12px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        text-align: left !important;
    }
    
    .selector-container .language-selector .selector-options,
    .selector-container .currency-selector .selector-options {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    .selector-container .language-selector .selector-option,
    .selector-container .currency-selector .selector-option {
        background: #ffffff !important;
        border: 1px solid var(--border-soft) !important;
        color: var(--text-strong) !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 10px 8px !important;
        margin: 0 !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        font-weight: 500 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: keep-all !important;
    }
    
    .selector-container .language-selector .selector-option:hover,
    .selector-container .currency-selector .selector-option:hover {
        background: rgba(56, 209, 173, 0.08) !important;
        border-color: var(--mint-600) !important;
        color: var(--mint-600) !important;
        transform: translateY(-1px) !important;
    }
    
    .selector-container .language-selector .selector-option.active,
    .selector-container .currency-selector .selector-option.active,
    .selector-container .language-selector .selector-option.selected,
    .selector-container .currency-selector .selector-option.selected {
        background: rgba(56, 209, 173, 0.12) !important;
        border-color: var(--mint-600) !important;
        color: var(--mint-600) !important;
        font-weight: 600 !important;
    }
}


