/* ==========================================================================
       下载中心：单页主体专用视觉样式表
       ========================================================================== */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: "Microsoft YaHei", sans-serif; color: #222; background-color: #ffffff; line-height: 1.6; }
    a { text-decoration: none; color: inherit; transition: 0.3s; }
    .container { width: 1200px; margin: 0 auto; padding: 0 15px; }

    /* Banner 区域与标题自适应（极致防止移动端错位、单字换行） */
    .know_banner {
        position: relative !important;
        width: 100% !important;
        height: 380px !important;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(244, 224, 192, 0.85) 50%, rgba(223, 186, 115, 0.7) 100%), 
                    url('/images/backbanner.webp') no-repeat center center !important;
        background-size: cover !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }
    .banner-center-content h1 { font-size: 32px; font-weight: 800; color: #222;margin-top: 35px;margin-bottom: 12px; }
    .banner-center-content p { font-size: 14px; color: #444444; margin-bottom: 20px; }
    
    /* 面包屑格式：完美对齐新闻中心 */
    .breadcrumb-center { font-size: 14px; color: #666666; }
    .breadcrumb-center a { color: #666666; text-decoration: none; }
    .breadcrumb-center a:hover { color: #d4a373; }
    .breadcrumb-center .separator { margin: 0 8px; color: #999999; }
    .breadcrumb-center .current { color: #666666; }

    /* 核心下载卡片主矩阵布局 */
    .download-section { padding: 60px 0; background: #ffffff; }
    .download-grid { display: flex; gap: 30px; margin-bottom: 50px; }
    .main-app-card { flex: 1.3; background: #fff; border: 1px solid #eef0f2; border-radius: 12px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.02); display: flex; gap: 30px; }
    .app-info-left { flex: 1; }
    .m-tag { display: inline-block; background: #d4a373; color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 3px; font-weight: bold; margin-bottom: 12px; }
    .app-info-left h2 { font-size: 24px; font-weight: bold; margin-bottom: 15px; }
    .app-info-left p { font-size: 14px; color: #666; margin-bottom: 25px; text-align: justify; }
    .app-features { list-style: none; }
    .app-features li { font-size: 14px; margin-bottom: 12px; color: #444; display: flex; align-items: center; }
    .app-features li::before { content: "✓"; color: #d4a373; font-weight: bold; margin-right: 8px; }
    
    .app-qr-right { width: 240px; background: #F8F9FA; border-radius: 8px; padding: 25px; text-align: center; border: 1px dashed #d4a373; }
    .qr-box { background: #fff; padding: 10px; border-radius: 4px; margin-bottom: 15px; }
    .qr-box img { width: 100%; display: block; }
    .qr-box p { font-size: 12px; color: #777; margin-top: 5px; }
    .down-btn-stack { display: flex; flex-direction: column; gap: 8px; }
    .btn-os { display: block; width: 100%; background: #222; color: #fff; text-align: center; padding: 10px 0; font-size: 13px; font-weight: bold; border-radius: 4px; }
    .btn-os:hover { background: #d4a373; }

    .side-pc-cards { flex: 1; display: flex; flex-direction: column; gap: 20px; }
    .pc-card { background: #fff; border: 1px solid #eef0f2; border-radius: 12px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.02); position: relative; }
    .pc-card h3 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
    .pc-card p { font-size: 13px; color: #666; margin-bottom: 20px; }
    .btn-pc-down { display: inline-block; background: #E63946; color: #fff; font-size: 13px; font-weight: bold; padding: 10px 30px; border-radius: 4px; }
    .btn-pc-down:hover { background: #d62837; }
    .btn-mac-down { background: #e2e8f0; color: #333; }
    .btn-mac-down:hover { background: #cbd5e1; }

    /* SEO 文本强化舱 */
    .seo-rich-container { background: #F8F9FA; padding: 60px 0; border-top: 1px solid #eaecee; }
    .seo-block-title { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 40px; position: relative; }
    .seo-block-title::after { content: ""; display: block; width: 50px; height: 3px; background: #d4a373; margin: 10px auto 0; }
    .seo-grid-3 { display: flex; gap: 25px; margin-bottom: 45px; }
    .seo-card-item { flex: 1; background: #fff; padding: 25px; border-radius: 8px; border: 1px solid #eef0f2; }
    .seo-card-item h4 { font-size: 16px; font-weight: bold; color: #b5835a; margin-bottom: 12px; }
    .seo-card-item p { font-size: 13px; color: #555; line-height: 1.7; text-align: justify; }

    /* FAQ 结构 */
    .faq-wrapper { max-width: 900px; margin: 0 auto; }
    .faq-item { background: #fff; border: 1px solid #eef0f2; border-radius: 6px; margin-bottom: 12px; padding: 18px 20px; }
    .faq-q { font-size: 15px; font-weight: bold; color: #222; cursor: pointer; display: flex; justify-content: space-between; }
    .faq-q::after { content: "+"; color: #d4a373; font-weight: bold; }
    .faq-a { font-size: 13.5px; color: #555; margin-top: 10px; display: block; border-top: 1px dashed #f0f0f0; padding-top: 10px; }
.title-seg {
    white-space: nowrap !important;
}
/* ==========================================================================
       下载中心：移动端 Banner 字体放大优化
       ========================================================================== */
    @media screen and (max-width: 992px) {
        .container { width: 100% !important; padding: 0 15px !important; }
        
        /* 提升 Banner 高度容纳大字号，增加上下留白 */
        .know_banner { height: auto !important; padding: 65px 15px !important; }
        
        /* 主标题：由 20px 放大至 25px，加粗，微调字距防止换行 */
        .banner-center-content h1 { 
            font-size: 25px !important; 
            line-height: 1.4 !important; 
            font-weight: 800 !important;
            letter-spacing: -0.5px !important; /* 紧凑字距，确保一排完美展现 */
            white-space: nowrap !important; 
            margin-bottom: 12px !important;
        }
        
        /* 副标题：由 12px 放大至 14px */
        .banner-center-content p { 
            font-size: 14px !important; 
            line-height: 1.5 !important;
            margin-bottom: 15px !important; 
            padding: 0 5px; 
        }
        
        /* 面包屑：由 12px 放大至 13px */
        .breadcrumb-center { 
            font-size: 13px !important; 
        }
        
        .download-grid { flex-direction: column; gap: 20px; }
        .main-app-card { flex-direction: column; padding: 25px; gap: 20px; }
        .app-qr-right { width: 100%; }
        .seo-grid-3 { flex-direction: column; gap: 15px; }
    }
.faq-wrapper { max-width: 900px; margin: 0 auto; }
.faq-item {
    background: #fff;
    border: 1px solid #eef0f2;
    border-radius: 6px;
    margin-bottom: 12px;
    padding: 18px 20px;
    cursor:pointer;
}
.faq-q {
    font-size: 15px;
    font-weight: bold;
    color: #222;
    display: flex;
    justify-content: space-between;
}
.faq-q::after {
    content: "+";
    color: #D4A373;
    font-weight: bold;
    transition:0.2s;
}
/* 默认答案隐藏 */
.faq-a {
    font-size: 13.5px;
    color: #555;
    margin-top: 10px;
    border-top: 1px dashed #f0f0f0;
    padding-top: 10px;
    display: none;
}
/* 激活后展开 + 箭头翻转 */
.faq-item.active .faq-a {
    display: block;
}
.faq-item.active .faq-q::after {
    content: "−";
}