/* ========== 深色/浅色主题 ========== */
:root{
    --bg-color: #ffffff;
    --text-color: #333333;
    --text-muted: #666666;
    --card-bg: #ffffff;
    --card-border: rgba(44,90,160,0.1);
    --header-bg: #ffffff;
    --footer-bg: #f8f9fa;
    --shadow: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-hover: 0 8px 24px rgba(0,0,0,0.12);
}

[data-theme="dark"]{
    --bg-color: #1a1a2e;
    --text-color: #e0e0e0;
    --text-muted: #a0a0a0;
    --card-bg: #16213e;
    --card-border: rgba(255,255,255,0.1);
    --header-bg: #16213e;
    --footer-bg: #0f3460;
    --shadow: 0 4px 16px rgba(0,0,0,0.3);
    --shadow-hover: 0 8px 24px rgba(0,0,0,0.4);
}

body{
    background-color: var(--bg-color);
    color: var(--text-color);
    transition: background-color .3s, color .3s;
}

/* ===== 深色模式全部覆盖 ===== */
[data-theme="dark"] body{
    background: var(--bg-color) !important;
    color: var(--text-color) !important;
}

/* 导航栏 */
[data-theme="dark"] .navbar{
    background: var(--header-bg) !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .nav-link{
    color: var(--text-color) !important;
}

[data-theme="dark"] .nav-logo span{
    color: var(--text-color) !important;
}

[data-theme="dark"] .nav-item.dropdown .dropdown-toggle{
    color: var(--text-color) !important;
}

[data-theme="dark"] .hamburger .bar{
    background: var(--text-color) !important;
}

/* 首页轮播 */
[data-theme="dark"] .hero-section{
    background: var(--bg-color) !important;
}

[data-theme="dark"] .hero-section h1,
[data-theme="dark"] .hero-section p{
    color: var(--text-color) !important;
}

/* 产品特色 */
[data-theme="dark"] .features-section{
    background: var(--bg-color) !important;
}

[data-theme="dark"] .feature-card{
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .feature-card h3{
    color: var(--text-color) !important;
}

[data-theme="dark"] .feature-card p{
    color: var(--text-muted) !important;
}

/* 产品中心 */
[data-theme="dark"] .products-section{
    background: var(--bg-color) !important;
}

[data-theme="dark"] .product-card{
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .product-card h3{
    color: var(--text-color) !important;
}

[data-theme="dark"] .product-card p,
[data-theme="dark"] .product-features li{
    color: var(--text-muted) !important;
}

/* 解决方案 */
[data-theme="dark"] .solutions-section{
    background: var(--bg-color) !important;
}

[data-theme="dark"] .solution-card{
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .solution-card h3{
    color: var(--text-color) !important;
}

[data-theme="dark"] .solution-card p,
[data-theme="dark"] .solution-card li{
    color: var(--text-muted) !important;
}

/* 客户见证 */
[data-theme="dark"] .testimonials-section{
    background: var(--bg-color) !important;
}

[data-theme="dark"] .testimonial-card{
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .testimonial-content p{
    color: var(--text-muted) !important;
}

[data-theme="dark"] .testimonial-author strong{
    color: var(--text-color) !important;
}

[data-theme="dark"] .testimonial-author span{
    color: var(--text-muted) !important;
}

/* 关于我们 */
[data-theme="dark"] .about-section{
    background: var(--bg-color) !important;
}

[data-theme="dark"] .about-text h2{
    color: var(--text-color) !important;
}

[data-theme="dark"] .about-text p{
    color: var(--text-muted) !important;
}

[data-theme="dark"] .stat-number{
    color: #2c5aa0 !important;
}

[data-theme="dark"] .stat-label{
    color: var(--text-muted) !important;
}

/* 联系我们 */
[data-theme="dark"] .contact-section{
    background: var(--bg-color) !important;
}

[data-theme="dark"] .contact-info-card{
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .contact-details h3{
    color: var(--text-color) !important;
}

[data-theme="dark"] .contact-details p{
    color: var(--text-muted) !important;
}

/* 标题 */
[data-theme="dark"] .section-header h2{
    color: var(--text-color) !important;
}

[data-theme="dark"] .section-header p{
    color: var(--text-muted) !important;
}

/* 悬浮按钮 */
[data-theme="dark"] .floating-phone{
    background: var(--card-bg) !important;
    box-shadow: var(--shadow) !important;
}

[data-theme="dark"] .floating-phone span{
    color: var(--text-color) !important;
}

[data-theme="dark"] .floating-top{
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
}

/* 按钮 */
[data-theme="dark"] .btn-outline{
    color: #2c5aa0 !important;
    border-color: #2c5aa0 !important;
}

[data-theme="dark"] .btn-outline:hover{
    background: #2c5aa0 !important;
    color: #fff !important;
}

/* 页脚 */
[data-theme="dark"] .footer{
    background: var(--footer-bg) !important;
    color: var(--text-muted) !important;
}

[data-theme="dark"] .footer h3,
[data-theme="dark"] .footer h4{
    color: var(--text-color) !important;
}

[data-theme="dark"] .footer a{
    color: var(--text-muted) !important;
}

[data-theme="dark"] .footer a:hover{
    color: #2c5aa0 !important;
}

/* 下载页面卡片 */
[data-theme="dark"] .detail-card,
[data-theme="dark"] .download-card{
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

/* 深色模式卡片渐变背景（仅设 background-image，避免简写重置 position/size 压制流动动画） */
[data-theme="dark"] .detail-card:nth-child(1),
[data-theme="dark"] .download-card:nth-child(1){ background-image: linear-gradient(135deg, #16213e 0%, #1a2744 100%) !important; }
[data-theme="dark"] .detail-card:nth-child(2),
[data-theme="dark"] .download-card:nth-child(2){ background-image: linear-gradient(135deg, #16213e 0%, #1a2e3e 100%) !important; }
[data-theme="dark"] .detail-card:nth-child(3),
[data-theme="dark"] .download-card:nth-child(3){ background-image: linear-gradient(135deg, #16213e 0%, #2e2a1a 100%) !important; }
[data-theme="dark"] .detail-card:nth-child(4),
[data-theme="dark"] .download-card:nth-child(4){ background-image: linear-gradient(135deg, #16213e 0%, #2a1a3e 100%) !important; }
[data-theme="dark"] .detail-card:nth-child(5),
[data-theme="dark"] .download-card:nth-child(5){ background-image: linear-gradient(135deg, #16213e 0%, #1a2744 100%) !important; }
[data-theme="dark"] .detail-card:nth-child(6),
[data-theme="dark"] .download-card:nth-child(6){ background-image: linear-gradient(135deg, #16213e 0%, #1a2e3e 100%) !important; }

/* 卡片文字颜色 */
[data-theme="dark"] .detail-card h3,
[data-theme="dark"] .download-card h3{
    color: var(--text-color) !important;
}

[data-theme="dark"] .detail-card .download-desc,
[data-theme="dark"] .download-card .download-desc{
    color: var(--text-muted) !important;
}

/* 下拉菜单 */
[data-theme="dark"] .dropdown-submenu{
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
}

[data-theme="dark"] .dropdown-submenu .nav-link{
    color: var(--text-color) !important;
}

/* 二维码区块 */
[data-theme="dark"] .qr-download-section{
    background: var(--card-bg) !important;
}

/* 说明区块 */
[data-theme="dark"] .info-section{
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
}

[data-theme="dark"] .info-section ul{
    color: var(--text-muted) !important;
}

/* 下载页 Hero */
[data-theme="dark"] .download-hero{
    background: var(--bg-color) !important;
}

/* 主题切换按钮深色模式 */
[data-theme="dark"] #themeToggle,
[data-theme="dark"] #langToggle{
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
}

/* ===== 深色模式所有卡片统一覆盖 ===== */
[data-theme="dark"] .detail-card,
[data-theme="dark"] .download-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .solution-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .contact-info-card{
    background: var(--card-bg) !important;
    border-color: var(--card-border) !important;
}

[data-theme="dark"] .detail-card h3,
[data-theme="dark"] .download-card h3,
[data-theme="dark"] .product-card h3,
[data-theme="dark"] .solution-card h3,
[data-theme="dark"] .feature-card h3{
    color: var(--text-color) !important;
}

[data-theme="dark"] .detail-card .download-desc,
[data-theme="dark"] .download-card .download-desc,
[data-theme="dark"] .product-card p,
[data-theme="dark"] .solution-card p,
[data-theme="dark"] .feature-card p{
    color: var(--text-muted) !important;
}

/* 深色模式所有卡片渐变背景统一（仅设 background-image，避免简写重置 position/size） */
[data-theme="dark"] .detail-card:nth-child(1),
[data-theme="dark"] .download-card:nth-child(1),
[data-theme="dark"] .detail-card:nth-child(4n+1),
[data-theme="dark"] .download-card:nth-child(4n+1){
    background-image: linear-gradient(135deg, #16213e 0%, #1a2744 100%) !important;
}
[data-theme="dark"] .detail-card:nth-child(2),
[data-theme="dark"] .download-card:nth-child(2),
[data-theme="dark"] .detail-card:nth-child(4n+2),
[data-theme="dark"] .download-card:nth-child(4n+2){
    background-image: linear-gradient(135deg, #16213e 0%, #1a2e3e 100%) !important;
}
[data-theme="dark"] .detail-card:nth-child(3),
[data-theme="dark"] .download-card:nth-child(3),
[data-theme="dark"] .detail-card:nth-child(4n+3),
[data-theme="dark"] .download-card:nth-child(4n+3){
    background-image: linear-gradient(135deg, #16213e 0%, #2e2a1a 100%) !important;
}
[data-theme="dark"] .detail-card:nth-child(4),
[data-theme="dark"] .download-card:nth-child(4),
[data-theme="dark"] .detail-card:nth-child(4n),
[data-theme="dark"] .download-card:nth-child(4n){
    background-image: linear-gradient(135deg, #16213e 0%, #2a1a3e 100%) !important;
}

/* ===== 深色模式下载说明区域完整覆盖 ===== */
[data-theme="dark"] .info-section{
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
}

[data-theme="dark"] .info-section h4{
    color: var(--text-color) !important;
}

[data-theme="dark"] .info-section ul{
    color: var(--text-muted) !important;
}

[data-theme="dark"] .info-section li{
    color: var(--text-muted) !important;
}

[data-theme="dark"] .info-section p{
    color: var(--text-muted) !important;
}

[data-theme="dark"] .info-section strong{
    color: var(--text-color) !important;
}

/* 深色模式二维码区块 */
[data-theme="dark"] .qr-download-section{
    background: var(--card-bg) !important;
}

[data-theme="dark"] .qr-item p{
    color: var(--text-color) !important;
}

[data-theme="dark"] .qr-tip{
    color: var(--text-muted) !important;
}

/* ==========================================================================
 * 补充：页脚语言切换栏 + 深色模式遗漏项覆盖
 * ======================================================================== */

/* ---- 页脚语言切换栏 ---- */
#footerLangBar button{
    transition:all .2s ease;
}
#footerLangBar button:hover{
    border-color:#2c5aa0 !important;
    color:#2c5aa0 !important;
}
[data-theme="dark"] #footerLangBar{
    border-top-color: rgba(255,255,255,0.15) !important;
}
[data-theme="dark"] #footerLangBar span{
    color: var(--text-muted) !important;
}
[data-theme="dark"] #footerLangBar button{
    border-color: rgba(255,255,255,0.25) !important;
    color: var(--text-muted) !important;
}
[data-theme="dark"] #footerLangBar button:hover{
    color: #fff !important;
    border-color: #5b9bd5 !important;
}

/* ---- 主题切换按钮 ---- */
#themeToggle:hover{ transform: scale(1.08); }
[data-theme="dark"] #themeToggle{
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
    border-color: rgba(255,255,255,0.1) !important;
}

/* ---- 加载动画 ---- */
[data-theme="dark"] #loader{
    background: var(--bg-color) !important;
}
[data-theme="dark"] #loader .loading-text,
[data-theme="dark"] #loader .brand-slogan{
    color: var(--text-muted) !important;
}
[data-theme="dark"] #loader .main-text{
    color: var(--text-color) !important;
}

/* ---- Hero 次要按钮 ---- */
[data-theme="dark"] .hero-buttons .btn-secondary{
    background: rgba(255,255,255,0.08) !important;
    color: var(--text-color) !important;
    border-color: rgba(255,255,255,0.25) !important;
}

/* ---- 二维码图片边框 ---- */
[data-theme="dark"] .qr-item img{
    border-color: rgba(255,255,255,0.15) !important;
    background: #fff !important;
}
[data-theme="dark"] .qr-item p{
    color: var(--text-color) !important;
}

/* ---- 统计数字在深色下提亮 ---- */
[data-theme="dark"] .stat-number{
    color: #5b9bd5 !important;
}

/* ---- 下载卡片顶部渐变线在深色下提亮 ---- */
[data-theme="dark"] .download-card::before,
[data-theme="dark"] .detail-card::before{
    background: linear-gradient(135deg,#5b9bd5,#3498db) !important;
}

/* ---- 导航下拉菜单深色（覆盖内联样式） ---- */
[data-theme="dark"] .dropdown-submenu{
    background: var(--card-bg) !important;
}
[data-theme="dark"] .dropdown-submenu .nav-link{
    color: var(--text-color) !important;
}
[data-theme="dark"] .dropdown-submenu .nav-link:hover{
    background: rgba(91,155,213,0.15) !important;
    color: #5b9bd5 !important;
}
[data-theme="dark"] .dropdown-submenu .nav-link.active{
    background: rgba(91,155,213,0.2) !important;
    color: #5b9bd5 !important;
}

/* ---- 移动端导航菜单深色 ---- */
@media(max-width:992px){
    [data-theme="dark"] .nav-menu{
        background: var(--header-bg) !important;
    }
}

/* ---- 关于我们 section 标题 ---- */
[data-theme="dark"] .about-text h2{
    color: var(--text-color) !important;
}
/* ========== 页脚语言下拉菜单 ========== */
#footerLangBar select#langSelect{
    background:#fff; color:#333;
    border:1px solid rgba(128,128,128,0.35);
}
[data-theme="dark"] #footerLangBar select#langSelect{
    background:#1e2a4a; color:#e8e8e8;
    border:1px solid rgba(255,255,255,0.2);
}
[data-theme="dark"] #footerLangBar select#langSelect option{
    background:#1e2a4a; color:#e8e8e8;
}
#footerLangBar select#langSelect:hover{ border-color:#2c5aa0; }
[data-theme="dark"] #footerLangBar select#langSelect{
    background:#1e2a4a !important; color:#e8e8e8 !important;
}
/* ========== 底部快速链接"下载中心"：单击向下展开 ========== */
.footer-section .footer-dropdown{ list-style:none; }
.footer-section .footer-dropdown > a{
    display:inline-flex; align-items:center; gap:4px; cursor:pointer;
}
.footer-section .footer-dropdown > a .fa{ transition:transform .25s; font-size:11px; opacity:0.7; }
.footer-section .footer-dropdown.open > a .fa{ transform:rotate(180deg); }
.footer-section .footer-submenu{
    display:none; list-style:none; margin:4px 0 4px 14px; padding:0;
    border-left:2px solid rgba(128,128,128,0.25);
}
.footer-section .footer-dropdown.open .footer-submenu{ display:block; }
.footer-section .footer-submenu li{ list-style:none; margin:0; }
.footer-section .footer-submenu a{
    display:block; padding:4px 10px; font-size:13px; opacity:0.85;
}
.footer-section .footer-submenu a:hover{ color:#2563eb; opacity:1; }
[data-theme="dark"] .footer-section .footer-submenu{ border-left-color:rgba(255,255,255,0.2); }
[data-theme="dark"] .footer-section .footer-submenu a:hover{ color:#7aa8ff; }

/* ---- 补充：导航 logo 文字深色 ---- */
[data-theme="dark"] .nav-logo span{ color:#e8e8e8 !important; }
[data-theme="dark"] .nav-link{ color:#d0d0d0 !important; }
[data-theme="dark"] .nav-link.active{ color:#7aa8ff !important; }
[data-theme="dark"] .navbar{ border-bottom-color:rgba(255,255,255,0.08) !important; }
[data-theme="dark"] .navbar.scrolled{ background:rgba(22,33,62,0.98) !important; }

/* ========== 移动端响应式补充 ========== */
@media (max-width: 768px){
    /* 主题切换按钮缩小并调整位置 */
    #themeToggle{ width:36px !important; height:36px !important; top:73px !important; right:12px !important; font-size:15px !important; }
    /* banner 图 cover 裁剪 */
    .slide-image-area, .slide-banner1 .slide-image-area, .slide-banner2 .slide-image-area, .slide-banner3 .slide-image-area{
        background-size: cover !important;
        background-position: center !important;
    }
    /* 下载卡片单列 */
    .download-grid, .cards-grid{ grid-template-columns:1fr !important; gap:16px !important; }
    /* 页脚堆叠 */
    .footer-content{ flex-direction:column !important; gap:24px !important; }
    .footer-section{ width:100% !important; }
    /* hero 标题缩小 */
    .hero-section h1{ font-size:1.8rem !important; }
    .hero-section p{ font-size:0.95rem !important; }
    /* 统计数字 */
    .stats-grid{ grid-template-columns:repeat(2,1fr) !important; }
    /* 联系信息 */
    .contact-container{ flex-direction:column !important; }
    /* 按钮组 */
    .hero-buttons{ flex-direction:column !important; gap:10px !important; }
    .hero-buttons .btn{ width:100% !important; text-align:center; }
}
@media (max-width: 480px){
    .hero-section h1{ font-size:1.5rem !important; }
    .section-header h2{ font-size:1.4rem !important; }
    .stats-grid{ grid-template-columns:1fr !important; }
    .nav-logo span{ font-size:1rem !important; }
    .nav-logo img{ height:32px !important; }
}

/* ========== 长文本换行防溢出 ========== */
.info-section, .info-section p, .info-section li,
.download-desc, .detail-card p, .detail-card li,
.footer p, .footer li, .testimonial-content p,
.contact-details p, .about-text p, .solution-card p,
.product-card p, .feature-card p{
    word-break: break-word;
    overflow-wrap: anywhere;
    hyphens: auto;
}
/* 泰语/越南语无空格分词，强制换行 */
html[lang="th"] *, html[lang="vi"] *{
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* ===== 方案A：卡片背景渐变流动 =====
   适用已有渐变底的卡片：solution / testimonial / contact-info / download / detail。
   background-size:300% 放大渐变，background-position 循环游走形成流动感。
   不依赖 JS；与 ::after 粒子层（方案C）互不干扰；centos 卡保留自身光晕动画。 */
.solution-card,
.testimonial-card,
.contact-info-card,
.download-card,
.detail-card:not(.centos-card){
    background-size: 300% 300% !important;
    animation: cardBgFlow 8s ease-in-out infinite;
}
@keyframes cardBgFlow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}
/* 相邻卡片错峰，避免同频闪烁 */
.solution-card:nth-child(2),
.testimonial-card:nth-child(2),
.contact-info-card:nth-child(2),
.download-card:nth-child(2),
.detail-card:nth-child(2){ animation-delay: -2.6s; }
.solution-card:nth-child(3),
.testimonial-card:nth-child(3),
.contact-info-card:nth-child(3),
.download-card:nth-child(3),
.detail-card:nth-child(3){ animation-delay: -5.3s; }
.download-card:nth-child(4),
.detail-card:nth-child(4){ animation-delay: -7.9s; }
/* 无障碍：减少动态时关闭 */
@media (prefers-reduced-motion: reduce){
    .solution-card, .testimonial-card, .contact-info-card,
    .download-card, .detail-card{ animation: none !important; }
}