/* ===================================================
   QuickQ 白色主题 —— 全局覆盖（适用于所有子页面）
   配色: 纯白底 #ffffff + 蓝色 #0088cc + 紫色 #7c3aed
   =================================================== */

/* === 全局 === */
html, body {
    background: #ffffff !important;
    color: #1d1d1f !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* === 导航栏 === */
.header-area {
    background: rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid #dcdde0 !important;
}
.header-area .main-header {
    background: transparent !important;
}
.header-area .logo a img {
    filter: brightness(1) drop-shadow(0 0 8px rgba(0,136,204,0.2));
}
.header-area #navigation > li > a {
    color: #5a5a70 !important;
}
.header-area #navigation > li > a:hover,
.header-area #navigation > li.active > a {
    color: #0088cc !important;
}
.header-sticky.sticky-bar {
    background: rgba(255,255,255,0.95) !important;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid #dcdde0 !important;
}
.slicknav_menu {
    background: #ffffff !important;
    border-bottom: 1px solid #dcdde0;
}
.slicknav_nav a {
    color: #555 !important;
}
.slicknav_nav a:hover {
    color: #0088cc !important;
    background: rgba(0,0,0,0.04) !important;
}

/* === 所有 section 背景 === */
section, .white-bg, .gray-bg, .brand-bg, .black-bg,
.our-customer, .available-app-area, .best-features-area,
.feature-highlights, .target-users, .service-area,
.tech-advantages, .applic-apps, .blog-news,
.counter-section, .faq-section, .changelog,
.slider-area, .header-transparrent {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* 交替区块用浅灰 */
section:nth-child(even),
.gray-bg:nth-child(even),
.section-bg-alt,
.available-app-area, .applic-apps, .counter-section,
.tech-advantages {
    background: #f4f4f6 !important;
    background-color: #f4f4f6 !important;
}

/* 浅灰背景类 */
.bg-light, .bg-light-gray, [style*="background: #f8f9fa"],
[style*="background:#f8f9fa"], [style*="background: #f5f5f5"],
[style*="background:#f5f5f5"], [style*="background: #f7f7fd"] {
    background: #f4f4f6 !important;
}

/* === 标题和文字 === */
h1, h2, h3, h4, h5, h6,
.section-tittle h1, .section-tittle h2, .section-tittle h3,
.page-title-area h1, .page-title-area h2 {
    color: #1d1d1f !important;
}
.section-tittle p, .section-subtitle,
.page-title-area p {
    color: #6e6e73 !important;
}
p, li, span, label {
    color: #444 !important;
}
a { color: #0088cc; }
a:hover { color: #7c3aed; }

/* === 卡片、盒子、面板 === */
.single-customer, .what-cap,
.feature-card, .method-intro-box,
.card, .panel, .box,
[class*="-card"], [class*="-box"],
.user-interact-inner,
.service-box, .feature-box,
.cyber-info-item,
.advantage-block {
    background: #f4f4f6 !important;
    border-color: #dcdde0 !important;
    box-shadow: none !important;
    color: #1d1d1f !important;
}

/* 卡片悬停 */
.feature-card:hover, .single-customer:hover,
[class*="-card"]:hover {
    border-color: rgba(0,136,204,0.3) !important;
    box-shadow: 0 8px 30px rgba(0,136,204,0.1) !important;
    transform: translateY(-3px);
}

/* === 按钮 === */
.btn, button, .genric-btn, .boxed-btn,
.cyber-btn-primary, .cyber-btn-nav {
    background: linear-gradient(135deg, #0088cc, #006699) !important;
    color: #fff !important;
    border: none !important;
    font-weight: 600;
    transition: all 0.3s;
}
.btn:hover, button:hover, .genric-btn:hover, .boxed-btn:hover {
    box-shadow: 0 6px 25px rgba(0,136,204,0.35) !important;
    transform: translateY(-2px);
}
.btn-outline, .btn.border-btn, button.btn-outline {
    background: transparent !important;
    border: 1px solid rgba(0,136,204,0.3) !important;
    color: #0088cc !important;
}
.btn-outline:hover, .btn.border-btn:hover {
    background: rgba(0,136,204,0.06) !important;
    border-color: #0088cc !important;
    color: #0088cc !important;
}
/* 下载按钮：并排 + 紧凑间距 */
.app-btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
.app-btn1, .app-btn2 {
    opacity: 0.9;
    transition: all 0.3s;
    display: inline-block !important;
    padding-right: 0 !important;
}
.app-btn1 img, .app-btn2 img {
    max-width: 160px;
    height: auto;
}
.app-btn1:hover, .app-btn2:hover { opacity: 1; filter: drop-shadow(0 4px 12px rgba(0,136,204,0.3)); }

/* === 页头区域 === */
.our-customer-wrapper,
div[class*="pt-50"] {
    background: transparent !important;
}

/* === 分隔线和边框 === */
hr, .divider, [class*="divider"],
.border-bottom, [style*="border-bottom"] {
    border-color: #dcdde0 !important;
}
[style*="border-bottom: 1px solid #eee"],
[style*="border-bottom:1px solid #eee"],
[style*="border-bottom: 1px dashed #ddd"],
[style*="border-bottom: 1px dashed #eaeaea"],
[style*="border-bottom: 1px solid #f0f0f0"],
[style*="border-left: 4px solid"],
.border, [style*="border: 1px solid #"],
[style*="border-top"] {
    border-color: #dcdde0 !important;
}

/* === FAQ 区域 === */
.faq-item, .faq-question, .faq-answer {
    background: transparent !important;
    border-color: #dcdde0 !important;
}
.faq-question { color: #1d1d1f !important; }
.faq-answer { color: #555 !important; }

/* === 表格 === */
table, th, td,
.compare-table, .compare-table td {
    background: #f4f4f6 !important;
    border-color: #dcdde0 !important;
}
th, .compare-table th {
    background: linear-gradient(135deg, #0088cc, #7c3aed) !important;
    color: #fff !important;
    font-weight: 700;
}
tr:nth-child(even) td { background: #fafafa !important; }
tr:hover td { background: rgba(0,136,204,0.04) !important; }

/* === 输入框、表单 === */
input, textarea, select, .form-control {
    background: #ffffff !important;
    border: 1px solid #dcdde0 !important;
    color: #1d1d1f !important;
}
input:focus, textarea:focus, select:focus, .form-control:focus {
    border-color: #0088cc !important;
    box-shadow: 0 0 0 3px rgba(0,136,204,0.1) !important;
    outline: none;
}
::placeholder { color: #999 !important; }

/* === 页脚（统一三栏 cyber-footer） === */
.cyber-footer {
    background: #f4f4f6 !important;
    border-top: 1px solid #dcdde0 !important;
    padding: 32px 0 16px !important;
    font-size: 14px;
}
.cyber-footer h4 {
    color: #1d1d1f !important;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 14px !important;
}
.cyber-footer-logo img {
    height: 32px;
    width: auto;
}
.cyber-footer-about {
    color: #888 !important;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 14px !important;
    max-width: 280px;
}
.cyber-footer-social {
    display: flex;
    gap: 10px;
}
.cyber-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0,0,0,0.06);
    color: #666 !important;
    transition: all 0.2s;
}
.cyber-footer-social a:hover {
    background: #0088cc !important;
    color: #fff !important;
}
.cyber-footer-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}
.cyber-footer-nav li {
    margin-bottom: 8px;
}
.cyber-footer-nav a {
    color: #6e6e73 !important;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.2s;
}
.cyber-footer-nav a:hover {
    color: #0088cc !important;
}
.cyber-footer-contact {
    color: #888 !important;
    font-size: 13px;
    margin-bottom: 8px !important;
}
.cyber-footer-bottom {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #e5e5ea;
    text-align: center;
}
.cyber-footer-bottom p {
    color: #aaa !important;
    font-size: 12px;
    margin-bottom: 6px !important;
}
.cyber-footer-bottom a {
    color: #999 !important;
    font-size: 12px;
    margin: 0 10px;
    text-decoration: none;
}
.cyber-footer-bottom a:hover {
    color: #0088cc !important;
}

/* 旧 footer 兜底 */
.footer-main, footer:not(.cyber-footer), .footer-area,
.footer-wrapper, .footer-bottom-area,
[class*="footer"]:not(.cyber-footer) {
    background: #f4f4f6 !important;
    border-top: 1px solid #dcdde0 !important;
}

/* === 页标题区 === */
.page-title-area {
    background: #f4f4f6 !important;
    border-bottom: 1px solid #dcdde0;
    position: relative;
}
.page-title-area::after {
    content: '';
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(ellipse at 50% 0%, rgba(0,136,204,0.04) 0%, transparent 60%);
    pointer-events: none;
}

/* === 评价星级和用户 === */
.rating-stars { color: #f59e0b !important; }
.user-location, .testimonial-date { color: #888 !important; }

/* === 阴影替换 === */
[style*="box-shadow: 0 5px 20px rgba(0,0,0,0.08)"],
[style*="box-shadow: 0 10px 30px rgba(0,0,0,0.12)"],
[style*="box-shadow:0 5px 20px"] {
    box-shadow: 0 0 0 1px #dcdde0 !important;
}

/* === 优势区块 === */
.advantage-block { border-color: #dcdde0 !important; }
.advantage-block.alt-bg { background: #f4f4f6 !important; }
.advantage-list li { color: #555 !important; }
.advantage-list li i, .platform-list i {
    color: #0088cc !important;
}

/* === 平台列表 === */
.platform-section { background: #f4f4f6 !important; }
.platform-list li { border-color: #dcdde0 !important; color: #555 !important; }

/* === 方法步骤 === */
.method-step-list li {
    border-color: #dcdde0 !important;
    color: #555 !important;
}
.method-intro-box {
    border-left-color: #0088cc !important;
}

/* === 图标圈 === */
.icon-circle { filter: brightness(1); }

/* === 对比表格 === */
.compare-table .check { color: #0d9488 !important; }

/* === 下载页特定覆盖 === */
.user-interact-inner h2 { color: #1d1d1f !important; }
.user-interact-inner p { color: #6e6e73 !important; }

/* === 服务场景卡片：统一图标尺寸 === */
.services-caption {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.service-icon {
    width: 90px !important;
    height: 90px !important;
    margin: 0 auto 16px auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #7c3aed, #9b59b6) !important;
}
.service-icon span,
.service-icon [class*="flaticon"] {
    font-size: 36px !important;
    color: #fff !important;
    line-height: 1 !important;
}
.service-cap {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* === CTA 下载区域：减少空白 === */
.available-app-area {
    padding-top: 50px !important;
    padding-bottom: 60px !important;
}
.app-caption {
    padding-top: 20px !important;
}
.app-caption .section-tittle3 h2 {
    margin-bottom: 12px !important;
}
.app-caption .section-tittle3 p {
    margin-bottom: 18px !important;
}

/* === 博客/新闻区域 === */
.blog_item, .blog_item_date {
    background: #f4f4f6 !important;
    border-color: #dcdde0 !important;
}
.blog_item a, .blog_item_date a,
.d-inline-block a {
    color: #1d1d1f !important;
}
.blog_item a:hover, .blog_item_date a:hover {
    color: #0088cc !important;
}
.blog_item p, [class*="blog"] p,
[class*="blog"] span {
    color: #6e6e73 !important;
}

/* === preloader === */
#preloader-active, .preloader, .preloader-wrapper {
    background: #ffffff !important;
}

/* === 滚动条 === */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f4f4f6; }
::-webkit-scrollbar-thumb { background: #dcdde0; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #0088cc; }

/* === 移除霓虹光晕（白色主题不需要） === */
body::before, body::after {
    display: none !important;
}

/* === 图片适配（白色主题不需调暗） === */
img:not(.no-dark-filter) {
    filter: brightness(1);
}

/* === 网格背景 === */
main, section, .container {
    position: relative;
}

/* === 选中文字颜色 === */
::selection {
    background: rgba(0,136,204,0.2);
    color: #1d1d1f;
}