/* ==========================================================================
   🌟 QinSound Acoustics - 全局大一统视觉样式表 (最终修正自适应版)
   ========================================================================== */

:root {
    --qs-primary: #0f4c81;        /* 经典建筑深海蓝 */
    --qs-accent: #2563eb;         /* 现代高亮科技蓝 */
    --qs-dark-bg: #070b12;        /* 极深邃的页脚黑 */
    --qs-text-title: #0f172a;     /* 标题色：石墨深灰 */
    --qs-text-body: #475569;      /* 正文色：优雅板岩灰 */
    --qs-text-muted: #94a3b8;     /* 辅助色：暗灰 */
    --qs-gray-light: #f8fafc;     /* 轻盈的背景灰色 */
    --qs-border-light: #e2e8f0;   /* 极细微的分割线颜色 */
    --qs-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --qs-bezier: cubic-bezier(0.25, 1, 0.5, 1); 
    
    --hp-blue: #1e60ff;       
    --hp-blue-hover: #0043e0; 
    --hp-dark: #0f172a;       
    --hp-gold: #c5a880;       
}

/* ==========================================================================
   🧱 核心全局安全锁
   ========================================================================== */
*, *::before, *::after {
    box-sizing: border-box !important; 
}

img, video, canvas {
    max-width: 100% !important;
    height: auto !important;
}

body {
    overflow-x: hidden !important; /* 坚决防止手机端左右横向滚动 */
}

/* ==========================================================================
   🧱 核心响应式骨架容器（内页 1600px 绝对死卡对齐线，实际内容 1552px）
   ========================================================================== */
.page-wrapper, .title-container {
    width: 100% !important;        
    max-width: 1600px !important;  
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 24px !important; 
    padding-left: 24px !important;
}

/* ==========================================================================
   🏢 头部导航栏模块 (Sticky High-End Header)
   ========================================================================== */
.qs-site-header {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px); 
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 9999;
    font-family: var(--qs-font-family) !important;
}

.qs-header-container {
    max-width: 1600px; 
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 24px;
}

.qs-logo a {
    font-size: 22px;
    font-weight: 800;
    color: var(--qs-text-title);
    text-decoration: none;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.qs-logo span { color: var(--qs-accent); }

.qs-nav-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.qs-nav-menu > ul > li { position: relative; }
.qs-nav-menu > ul > li > a {
    text-decoration: none;
    color: var(--qs-text-body);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 10px 16px;
    border-radius: 4px;
    transition: color 0.3s var(--qs-bezier), background 0.3s var(--qs-bezier);
    display: flex;
    align-items: center;
    gap: 4px;
}
.qs-nav-menu > ul > li > a:hover {
    color: var(--qs-primary);
    background: var(--qs-gray-light);
}

.qs-arrow {
    font-size: 10px;
    transition: transform 0.3s var(--qs-bezier);
    opacity: 0.7;
}
.qs-has-dropdown:hover .qs-arrow {
    transform: rotate(180deg);
    color: var(--qs-primary);
}

.qs-dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(12px);
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08), 0 1px 3px rgba(15, 23, 42, 0.02);
    min-width: 260px;
    width: max-content; 
    border-radius: 8px;
    border: 1px solid var(--qs-border-light);
    padding: 12px;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s var(--qs-bezier), transform 0.3s var(--qs-bezier), visibility 0.3s;
}
.qs-dropdown::before {
    content: "";
    position: absolute;
    top: -20px;              
    left: 0;
    width: 100%;
    height: 20px;            
    background: transparent; 
    z-index: -1;             
}
.qs-dropdown li { width: 100%; }
.qs-dropdown a {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--qs-text-body);
    display: block;
    padding: 10px 16px;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap; 
    line-height: 1.4; 
}
.qs-dropdown a:hover {
    background: var(--qs-gray-light);
    color: var(--qs-accent);
    padding-left: 20px; 
}
.qs-has-dropdown:hover .qs-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(4px); 
}

.qs-nav-cta { margin-left: 12px; }
.qs-nav-cta a {
    background: var(--qs-text-title) !important; 
    color: #ffffff !important;
    padding: 10px 22px !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15);
    display: inline-block;
}
.qs-nav-cta a:hover {
    background: var(--qs-accent) !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.25);
    transform: translateY(-1px);
}

.qs-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 22px;
    height: 16px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
.qs-menu-toggle span {
    width: 100%;
    height: 2px;
    background-color: var(--qs-text-title);
    border-radius: 2px;
    transition: transform 0.3s var(--qs-bezier), opacity 0.3s;
}
.qs-menu-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.qs-menu-toggle.open span:nth-child(2) { opacity: 0; }
.qs-menu-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


/* ==========================================================================
   🏠 首页 (Index.php) 核心商业模块样式 【👉 已深度校准双边距】
   ========================================================================== */
.hp-container {
    width: 100% !important;
    max-width: 1600px !important;  
    margin: 0 auto !important;
    /* 🛠️ 核心修复：让首页容器与内页的边距策略完全一模一样，两边缩近防止紧贴 */
    padding-right: 24px !important;
    padding-left: 24px !important;       
}

.hp-hero-area, .hp-metrics-strip, .hp-main-section, .hp-showcase-section, 
.hp-about-section, .hp-workflow-section, .hp-faq-section, .hp-inquiry-section {
    width: 100% !important;
    max-width: 100% !important; 
}

.hp-wrapper { padding: 100px 0 !important; width: 100% !important; }

.hp-header-block {
    text-align: center !important;
    max-width: 800px !important;
    margin: 0 auto 60px !important;
}
.hp-header-block h2 { font-size: 38px !important; font-weight: 800 !important; color: var(--hp-dark) !important; margin-bottom: 16px !important; }
.hp-header-block p { font-size: 16.5px !important; color: #475569 !important; }

.hp-btn-main {
    display: inline-block !important;
    background-color: var(--hp-blue) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 16px 36px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s var(--qs-bezier) !important;
    box-shadow: 0 4px 20px rgba(30, 96, 255, 0.4) !important;
    border: none !important;
    text-align: center;
}
.hp-btn-main:hover {
    background-color: var(--hp-blue-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(30, 96, 255, 0.5) !important;
}
.hp-btn-border {
    display: inline-block !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 14px 34px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: 2px solid rgba(255, 255, 255, 0.4) !important;
    transition: all 0.3s var(--qs-bezier) !important;
    backdrop-filter: blur(4px) !important;
    text-align: center;
}
.hp-btn-border:hover {
    background-color: #ffffff !important;
    color: var(--hp-dark) !important;
    border-color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15) !important;
}

.hp-hero-area {
    position: relative !important;
    background: url('/wp-content/uploads/2026/06/ibanner2.jpg') no-repeat center center/cover !important;
    background-attachment: fixed !important;
    padding: 220px 0 !important;
    min-height: 650px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 3px solid var(--hp-gold) !important; 
    overflow: hidden !important;
}
.hp-hero-overlay {
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to right, rgba(15, 23, 42, 0.92) 30%, rgba(15, 23, 42, 0.6)) !important;
    z-index: 1 !important;
}
.hp-hero-content { 
    position: relative !important; 
    z-index: 2 !important; 
    max-width: 850px !important; 
    animation: hpFadeUp 1s var(--qs-bezier) forwards !important;
}
.hp-hero-badge { 
    display: inline-block !important; 
    border: 1px solid var(--hp-gold) !important; 
    color: var(--hp-gold) !important;         
    font-size: 12px !important; 
    font-weight: 700 !important; 
    padding: 5px 14px !important; 
    border-radius: 4px !important; 
    letter-spacing: 1px !important; 
    margin-bottom: 24px !important; 
    text-transform: uppercase !important; 
}
.hp-hero-content h1 { 
    font-size: 56px !important; 
    font-weight: 900 !important; 
    color: #ffffff !important; 
    line-height: 1.15 !important; 
    margin-bottom: 24px !important; 
    letter-spacing: -1px !important;
    text-shadow: 0 4px 12px rgba(15, 23, 42, 0.5) !important;
}
.hp-hero-content p { 
    font-size: 18px !important; 
    color: #cbd5e1 !important; 
    margin-bottom: 40px !important; 
    line-height: 1.6 !important;
    text-shadow: 0 2px 6px rgba(15, 23, 42, 0.3) !important;
}
.hp-hero-btns { display: flex !important; gap: 20px !important; }

.hp-metrics-strip { background-color: #1e293b !important; padding: 50px 0 !important; border-bottom: 4px solid var(--hp-blue) !important; }
.hp-metrics-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 40px !important; text-align: center !important; }
.hp-metric-card {
    padding: 10px 20px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
    transition: transform 0.3s var(--qs-bezier) !important;
}
.hp-metrics-grid .hp-metric-card:last-child { border-right: none !important; }
.hp-metric-card:hover { transform: translateY(-4px) !important; }
.hp-metric-card h3 { font-size: 38px !important; font-weight: 800 !important; color: var(--hp-gold) !important; margin-bottom: 8px !important; letter-spacing: -0.5px !important; }
.hp-metric-card p { font-size: 14.5px !important; color: #94a3b8 !important; }

.hp-product-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 30px !important; align-items: stretch !important; }
.hp-product-card { background-color: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; transition: all 0.3s var(--qs-bezier) !important; box-shadow: 0 4px 15px rgba(15, 23, 42, 0.02) !important; }
.hp-product-card:hover { transform: translateY(-8px) !important; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06) !important; border-color: #cbd5e1 !important; }
.hp-product-img { height: 230px !important; overflow: hidden !important; background-color: #f1f5f9 !important; }
.hp-product-img img { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: transform 0.6s var(--qs-bezier) !important; }
.hp-product-card:hover .hp-product-img img { transform: scale(1.06) !important; }
.hp-product-body { padding: 25px !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }
.hp-product-tag { font-size: 11px !important; font-weight: 700 !important; color: var(--hp-blue) !important; text-transform: uppercase; margin-bottom: 8px !important; }
.hp-product-body h3 { font-size: 19px !important; color: var(--hp-dark) !important; font-weight: 700 !important; margin-bottom: 12px !important; line-height: 1.3 !important; }
.hp-product-body p { font-size: 14px !important; color: #475569 !important; line-height: 1.6 !important; margin-bottom: 20px !important; }
.hp-product-specs { list-style: none !important; border-top: 1px dashed #e2e8f0 !important; padding-top: 16px !important; margin-top: auto !important; margin-bottom: 20px !important; padding-left: 0 !important;}
.hp-product-specs li { font-size: 13px !important; color: #64748b !important; margin-bottom: 6px !important; position: relative !important; padding-left: 14px !important; }
.hp-product-specs li::before { content: "" !important; position: absolute !important; left: 0 !important; top: 7px !important; width: 5px !important; height: 5px !important; background-color: var(--hp-gold) !important; border-radius: 50% !important; }
.hp-product-link { color: var(--hp-blue) !important; text-decoration: none !important; font-weight: 700 !important; font-size: 14px !important; transition: color 0.2s ease, padding-left 0.2s ease !important; display: inline-block !important; }
.hp-product-card:hover .hp-product-link { color: var(--hp-blue-hover) !important; padding-left: 4px !important; }

.hp-dark-bg { background-color: var(--hp-dark) !important; border-top: 1px solid rgba(255, 255, 255, 0.05) !important; border-bottom: 4px solid var(--hp-blue) !important; }
.hp-dark-bg .hp-header-block h2 { color: #ffffff !important; }
.hp-dark-bg .hp-header-block p { color: #94a3b8 !important; }
.hp-showcase-flow { display: flex !important; flex-direction: column !important; gap: 60px !important; }
.hp-showcase-row { display: flex !important; align-items: center !important; gap: 60px !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.04) !important; border-radius: 16px !important; padding: 30px !important; transition: all 0.4s var(--qs-bezier) !important; }
.hp-showcase-row:hover { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(197, 168, 128, 0.2) !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3) !important; }
.hp-reverse { flex-direction: row-reverse !important; }
.hp-showcase-media { flex: 1.2 !important; border-radius: 12px !important; overflow: hidden !important; height: 360px !important; }
.hp-showcase-media img { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.hp-showcase-text { flex: 1 !important; }
.hp-showcase-text h3 { font-size: 26px !important; color: #ffffff !important; margin-bottom: 16px !important; }
.hp-showcase-text p { color: #cbd5e1 !important; font-size: 15px !important; line-height: 1.7 !important; margin-bottom: 24px !important; }
.hp-showcase-link { color: #60a5fa !important; text-decoration: none !important; font-weight: 700 !important; transition: opacity 0.2s ease, transform 0.2s ease !important; display: inline-block !important; }
.hp-showcase-row:hover .hp-showcase-link { opacity: 0.9 !important; transform: translateX(4px) !important; }

.hp-about-flex { display: flex !important; align-items: center !important; gap: 60px !important; }
.hp-about-info { flex: 1.1 !important; }
.hp-about-media { flex: 0.9 !important; border-radius: 12px !important; overflow: hidden; }
.hp-about-media img { width: 100% !important; display: block; }
.hp-about-sub { color: var(--hp-blue) !important; font-weight: 800 !important; font-size: 13px !important; text-transform: uppercase !important; margin-bottom: 12px !important; display: block; }
.hp-about-info h2 { font-size: 34px !important; color: var(--hp-dark) !important; margin-bottom: 20px !important; }
.hp-about-info p { font-size: 15.5px !important; color: #475569 !important; line-height: 1.7 !important; margin-bottom: 35px !important; }
.hp-cert-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 20px !important; }
.hp-cert-card { background-color: #f8fafc !important; border: 1px solid #e2e8f0 !important; padding: 18px !important; border-radius: 8px !important; border-left: 4px solid var(--hp-gold) !important; transition: all 0.3s var(--qs-bezier) !important; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.01) !important; }
.hp-cert-card:hover { border-left-color: var(--hp-blue) !important; background-color: #ffffff !important; transform: translateX(4px) !important; box-shadow: 0 10px 20px rgba(15, 23, 42, 0.04) !important; }
.hp-cert-card table { width: 100%; border: none; }
.hp-cert-card strong { display: block !important; font-size: 19px !important; color: var(--hp-dark) !important; margin-bottom: 4px !important; }
.hp-cert-card span { font-size: 13px !important; color: #64748b !important; }

.hp-pipe-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; }
.hp-pipe-card { background-color: #ffffff !important; padding: 30px !important; border-radius: 12px !important; border: 1px solid #e2e8f0 !important; position: relative !important; transition: all 0.3s var(--qs-bezier) !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.01) !important; }
.hp-pipe-card:hover { transform: translateY(-5px) !important; box-shadow: 0 15px 30px rgba(15, 23, 42, 0.05) !important; border-color: var(--hp-gold) !important; }
.hp-pipe-num { font-size: 40px !important; font-weight: 900 !important; color: var(--hp-gold) !important; opacity: 0.5; line-height: 1 !important; margin-bottom: 14px !important; font-family: 'Impact', sans-serif !important; }
.hp-pipe-card h4 { font-size: 18px !important; color: var(--hp-dark) !important; margin-bottom: 10px !important; }
.hp-pipe-card p { font-size: 13.5px !important; color: #64748b !important; line-height: 1.6 !important; }
.hp-pipe-card::after { content: "→" !important; position: absolute !important; right: -18px; top: 35px; font-size: 20px; color: #cbd5e1 !important; }
.hp-pipe-grid .hp-pipe-card:last-child::after { display: none !important; }

.hp-faq-holder { max-width: 900px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; gap: 28px !important; }
.hp-faq-item { border-bottom: 1px solid #e2e8f0 !important; padding-bottom: 20px !important; transition: border-color 0.3s ease !important; }
.hp-faq-item:hover { border-color: var(--hp-gold) !important; }
.hp-faq-item h4 { font-size: 18px !important; color: var(--hp-dark) !important; margin-bottom: 10px !important; position: relative !important; padding-left: 20px !important; font-weight: 700 !important; }
.hp-faq-item h4::before { content: "Q." !important; position: absolute !important; left: 0 !important; color: var(--hp-blue) !important; font-weight: 900 !important; }
.hp-faq-item p { font-size: 14.5px !important; color: #475569 !important; line-height: 1.6 !important; }

.hp-inq-panel { background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important; border-radius: 16px !important; padding: 80px 50px !important; width: 100% !important; border: 1px solid rgba(255, 255, 255, 0.05) !important; box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.5) !important; }
.hp-inq-split { display: grid !important; grid-template-columns: 1fr 1.2fr !important; gap: 60px !important; align-items: center !important; }
.hp-inq-left h2 { font-size: 38px !important; font-weight: 800 !important; color: #ffffff !important; line-height: 1.2 !important; margin-bottom: 16px !important; }
.hp-inq-left .hp-inq-sub { color: #cbd5e1 !important; font-size: 16px !important; margin-bottom: 35px !important; }
.hp-icon-list { display: flex !important; flex-direction: column !important; gap: 20px !important; }
.hp-icon-item { display: flex !important; align-items: flex-start !important; gap: 12px !important; font-size: 14.5px !important; color: #cbd5e1 !important; }
.hp-icon-svg { width: 18px !important; height: 18px !important; color: var(--hp-blue) !important; flex-shrink: 0 !important; margin-top: 3px !important; }

.hp-inq-form-board { background-color: #ffffff !important; padding: 45px !important; border-radius: 12px !important; box-shadow: 0 20px 40px rgba(0,0,0,0.2) !important; border: 1px solid var(--qs-border-light) !important; }
.hp-form-row { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; margin-bottom: 20px !important; }
.hp-field { display: flex !important; flex-direction: column !important; margin-bottom: 20px !important; }
.hp-field:last-child { margin-bottom: 0 !important; }
.hp-field label { font-size: 13px !important; font-weight: 700 !important; color: #334155 !important; margin-bottom: 6px !important; text-transform: uppercase !important; font-family: var(--qs-font-family) !important; letter-spacing: 0.5px !important; }
.hp-inq-form-board input, .hp-inq-form-board textarea { width: 100% !important; padding: 12px 14px !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; font-size: 14px !important; background-color: #f8fafc !important; outline: none !important; transition: all 0.2s !important; color: var(--hp-dark) !important; font-family: var(--qs-font-family) !important; }
.hp-inq-form-board input:focus, .hp-inq-form-board textarea:focus { border-color: var(--hp-blue) !important; background-color: #ffffff !important; box-shadow: 0 0 0 3px rgba(30, 96, 255, 0.1) !important; }

@keyframes hpFadeUp {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}


/* ==========================================================================
   🏢 Manufacturing & Bespoke Page 工厂定制页
   ========================================================================== */
.v3-banner-fullbleed, .v3-section-container, .v3-black-board, .v3-form-wrapper {
    max-width: 100% !important; 
    width: 100% !important;
}

.v3-banner-inside, .v3-intro-meta, .v3-capability-grid, .v3-board-title, .v3-pipeline-row, .v3-form-split-layout, .v3-rigid-aligner {
    max-width: 1600px !important; 
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.v3-rigid-aligner {
    padding-right: 24px !important; 
    padding-left: 24px !important;
}

.v3-banner-fullbleed {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 140px 24px !important; 
    background: linear-gradient(to right, rgba(15, 23, 42, 0.85) 30%, rgba(15, 23, 42, 0.45)), 
                url('https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?auto=format&fit=crop&w=1920&q=80') center/cover no-repeat !important;
    display: flex !important;
    align-items: center !important;
    min-height: 550px !important;
}

.v3-banner-typography { max-width: 950px !important; color: #ffffff !important; }
.v3-banner-typography h1 { font-size: 62px !important; font-weight: 900 !important; margin-bottom: 24px !important; line-height: 1.12 !important; letter-spacing: -1.5px !important; text-transform: uppercase !important; }
.v3-banner-typography h1 span { color: #c5a880 !important; }
.v3-banner-typography p { font-size: 19px !important; color: #cbd5e1 !important; line-height: 1.75 !important; }

.v3-section-container { padding-top: 110px !important; display: block !important; width: 100% !important; }

.v3-intro-meta { margin-bottom: 50px !important; }
.v3-intro-meta h2 { font-size: 36px !important; color: #0f172a !important; margin-bottom: 16px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: -0.5px !important; }
.v3-intro-meta p { font-size: 16.5px !important; color: #475569 !important; }

.v3-capability-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 40px !important; width: 100% !important; }
.v3-cap-card {
    background-color: #f8fafc !important;
    padding: 60px 45px !important;
    border-radius: 16px !important;
    border-top: 4px solid #0f172a !important;
    display: grid !important;
    grid-template-rows: auto auto 1fr !important; 
    align-items: start !important;
    transition: all 0.3s var(--qs-bezier) !important;
}
.v3-cap-card:hover { border-top-color: #c5a880 !important; transform: translateY(-6px) !important; box-shadow: 0 20px 40px rgba(15, 23, 42, 0.06) !important; background-color: #ffffff !important; }
.v3-card-tag { font-size: 13px !important; font-weight: 700 !important; color: #c5a880 !important; text-transform: uppercase !important; letter-spacing: 1.5px !important; margin-bottom: 20px !important; }
.v3-cap-card h3 { font-size: 24px !important; color: #0f172a !important; font-weight: 700 !important; margin-bottom: 16px !important; }
.v3-cap-card p { font-size: 15.5px !important; color: #475569 !important; line-height: 1.75 !important; }

.v3-black-board { background-color: #0f172a !important; color: #ffffff !important; border-radius: 16px !important; padding: 100px 40px !important; width: 100% !important; }
.v3-board-title { text-align: center !important; margin-bottom: 80px !important; }
.v3-board-title h2 { font-size: 38px !important; font-weight: 800 !important; margin-bottom: 16px !important; text-transform: uppercase !important; }
.v3-board-title p { font-size: 17px !important; color: #94a3b8 !important; max-width: 800px !important; margin: 0 auto !important; }

.v3-pipeline-row { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 45px !important; width: 100% !important; }
.v3-pipeline-cell { display: grid !important; grid-template-rows: auto auto 1fr !important; align-items: start !important; }
.v3-big-number { font-size: 76px !important; font-weight: 900 !important; color: rgba(197, 168, 128, 0.18) !important; line-height: 1 !important; margin-bottom: -10px !important; font-family: 'Impact', sans-serif !important; }
.v3-pipeline-cell h4 { font-size: 20px !important; font-weight: 700 !important; margin-bottom: 14px !important; }
.v3-pipeline-cell p { font-size: 14.5px !important; color: #cbd5e1 !important; line-height: 1.7 !important; }

.v3-form-wrapper { background-color: #f8fafc !important; border-radius: 16px !important; padding: 100px 40px !important; border: 1px solid #e2e8f0 !important; width: 100% !important; }
.v3-form-split-layout { display: grid !important; grid-template-columns: 1fr 1.2fr !important; gap: 80px !important; align-items: start !important; }
.v3-form-left h3 { font-size: 36px !important; font-weight: 800 !important; color: #0f172a !important; margin-bottom: 18px !important; text-transform: uppercase !important; }
.v3-form-left p { font-size: 16.5px !important; color: #475569 !important; margin-bottom: 40px !important; line-height: 1.75 !important; }
.v3-check-list { list-style: none !important; padding-left: 0; }
.v3-check-list li { font-size: 15.5px !important; color: #0f172a !important; font-weight: 600 !important; margin-bottom: 18px !important; display: flex !important; align-items: center !important; gap: 12px !important; }
.v3-check-list li::before { content: "✓" !important; color: #c5a880 !important; font-weight: 900 !important; }

.v3-form-right-core { display: flex !important; flex-direction: column !important; gap: 24px !important; }
.v3-row-inputs { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
.v3-input-box { display: flex !important; flex-direction: column !important; }
.v3-input-box label { font-size: 12px !important; font-weight: 700 !important; color: #0f172a !important; margin-bottom: 8px !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; }
.v3-input-box input, .v3-input-box select, .v3-input-box textarea { width: 100% !important; padding: 14px 16px !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; font-size: 14.5px !important; background-color: #ffffff !important; color: #0f172a !important; outline: none !important; transition: all 0.2s !important; }
.v3-input-box input:focus, .v3-input-box select:focus, .v3-input-box textarea:focus { border-color: #0f172a !important; box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08) !important; }
.v3-action-submit { background-color: #0f172a !important; color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; padding: 18px !important; border: none !important; border-radius: 6px !important; cursor: pointer !important; text-transform: uppercase !important; letter-spacing: 1px !important; transition: all 0.2s !important; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1) !important; }
.v3-action-submit:hover { background-color: #c5a880 !important; color: #0f172a !important; box-shadow: 0 6px 20px rgba(197, 168, 128, 0.25) !important; }


/* ==========================================================================
   🏛️ QinSound Acoustics - 重制版页脚 【👉 已完美同步网站导航字体】
   ========================================================================== */
footer.qs-site-footer {
    background-color: #070b12 !important; 
    padding: 110px 0 0 0 !important;     
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important; 
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    /* 🛠️ 核心修复：强制调用与顶部导航一模一样的全局统一变量字体 */
    font-family: var(--qs-font-family) !important;
}

footer.qs-site-footer .qs-footer-container {
    max-width: 1600px !important;
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important; 
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1.4fr repeat(3, 1fr) !important; 
    gap: 60px !important; 
    align-items: start !important;
}

.qs-footer-col { margin: 0 !important; padding: 0 !important; }
.qs-footer-col h3 { font-size: 14px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 3px !important; color: #ffffff !important; margin-top: 0 !important; margin-bottom: 32px !important; line-height: 1 !important; font-family: var(--qs-font-family) !important;}
.qs-factory-brief { color: #7e8e9f !important; font-size: 13.5px !important; line-height: 1.85 !important; margin: 0 !important; letter-spacing: 0.3px !important; font-family: var(--qs-font-family) !important;}
.qs-footer-col ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.qs-footer-col ul li { margin-bottom: 14px !important; padding: 0 !important; line-height: 1.4 !important; }
.qs-footer-col ul li a { color: #7e8e9f !important; text-decoration: none !important; font-size: 13.5px !important; font-weight: 400 !important; letter-spacing: 0.3px !important; position: relative !important; display: inline-block !important; padding: 2px 0 !important; transition: color 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; font-family: var(--qs-font-family) !important;}

.qs-footer-col ul li a::after { content: "" !important; position: absolute !important; bottom: 0; left: 0; width: 100%; height: 1px !important; background-color: #c5a880 !important; transform: scaleX(0) !important; transform-origin: right !important; transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important; }
.qs-footer-col ul li a:hover { color: #ffffff !important; }
.qs-footer-col ul li a:hover::after { transform: scaleX(1) !important; transform-origin: left !important; }

.qs-contact-list li { color: #7e8e9f !important; font-size: 13.5px !important; line-height: 1.8 !important; margin-bottom: 12px !important; font-family: var(--qs-font-family) !important;}
.qs-contact-list li strong { color: #c5a880 !important; font-weight: 600 !important; margin-right: 4px !important; letter-spacing: 0.5px !important; }
.qs-contact-list li a[href^="mailto:"] { color: #ffffff !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: 1px dashed rgba(255, 255, 255, 0.3) !important; transition: all 0.3s ease !important; padding-bottom: 1px !important; }
.qs-contact-list li a[href^="mailto:"]:hover { color: #c5a880 !important; border-bottom-color: #c5a880 !important; }

.qs-footer-bottom {
    max-width: 1600px !important;
    width: 100% !important;
    margin: 90px auto 0 auto !important; 
    padding: 40px 0 !important;           
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important; 
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 12.5px !important;
    color: #556575 !important; 
    letter-spacing: 0.5px !important;
    font-family: var(--qs-font-family) !important;
}
.qs-copyright span { color: #ffffff !important; font-weight: 500 !important; }
.qs-footer-legal a { color: #556575 !important; text-decoration: none !important; margin-left: 35px !important; transition: color 0.3s ease !important; }
.qs-footer-legal a:hover { color: #ffffff !important; }


/* ==========================================================================
   📱 ⚡ 全新高端响应式控制中枢（完美修复手机菜单无法点击、手机边缘贴边问题）
   ========================================================================== */

/* ----------------------------------------------------------------------
   💻 1. 平板与小屏幕笔记本过度层 (Max-Width: 1200px)
   ---------------------------------------------------------------------- */
@media (max-width: 1200px) {
    .v3-capability-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; }
    .hp-product-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 24px !important; }
    .hp-metrics-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; }
    .hp-pipe-grid, .v3-pipeline-row { grid-template-columns: repeat(2, 1fr) !important; gap: 30px !important; }
    .hp-pipe-card::after { display: none !important; }
}

/* ----------------------------------------------------------------------
   📱 2. 全面降级至手机精细适配层 (Max-Width: 768px)
   ---------------------------------------------------------------------- */
@media (max-width: 768px) {
    
    /* 🧱 骨架与全局容器：完美缩进首页，跟内页宽度彻底保持一致 */
    .page-wrapper, .title-container, .v3-rigid-aligner, .hp-container {
        padding-right: 18px !important;
        padding-left: 18px !important;
    }
    .hp-wrapper { padding: 60px 0 !important; }

    /* 🏢 核心修复：手机端导航下拉折叠面板底层样式 */
    .qs-menu-toggle { display: flex !important; } 
    
    .qs-nav-menu { 
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        width: 100% !important;
        background: #ffffff !important;
        box-shadow: 0 15px 30px rgba(15, 23, 42, 0.08) !important;
        border-top: 1px solid var(--qs-border-light) !important;
        
        /* 默认收起隐藏状态 */
        max-height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), visibility 0.35s !important;
        z-index: 9999 !important;
    }
    
    /* 🛠️ 当被点击时，通过 JS 赋予下面这个类名实现丝滑展开 */
    .qs-nav-menu.open { 
        max-height: 85vh !important;
        visibility: visible !important;
        overflow-y: auto !important;
    }
    
    .qs-nav-menu ul {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 24px !important;
        gap: 12px !important;
    }
    .qs-nav-menu > ul > li { width: 100% !important; }
    .qs-nav-menu > ul > li > a { 
        width: 100% !important; 
        padding: 12px 16px !important; 
        background: var(--qs-gray-light);
    }
    .qs-nav-cta { display: none !important; }

    /* 手机端二级菜单逻辑降级：平铺开显示避免悬浮错位 */
    .qs-dropdown {
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        box-shadow: none !important;
        border: none !important;
        padding-left: 16px !important;
        width: 100% !important;
        display: block !important; /* 手机端直接展开更利于用户操作 */
    }
    .qs-dropdown a { white-space: normal !important; padding: 10px 12px !important; }

    /* 🏠 首页 - 基础组件自适应 */
    .hp-hero-area { padding: 120px 0 !important; min-height: auto !important; background-attachment: scroll !important; }
    .hp-hero-content h1 { font-size: 34px !important; line-height: 1.2 !important; letter-spacing: 0px !important; }
    .hp-hero-content p { font-size: 15px !important; margin-bottom: 30px !important; }
    .hp-hero-btns { flex-direction: column !important; gap: 14px !important; width: 100% !important; }
    .hp-btn-main, .hp-btn-border { width: 100% !important; padding: 14px !important; }

    .hp-metrics-strip { padding: 40px 0 !important; }
    .hp-metrics-grid { grid-template-columns: 1fr !important; gap: 30px !important; }
    .hp-metric-card { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; padding-bottom: 20px !important; }
    .hp-metrics-grid .hp-metric-card:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
    .hp-metric-card h3 { font-size: 32px !important; }

    .hp-header-block { margin-bottom: 40px !important; padding: 0 10px !important; }
    .hp-header-block h2 { font-size: 28px !important; }
    .hp-product-grid { grid-template-columns: 1fr !important; gap: 26px !important; }
    .hp-product-img { height: 200px !important; }

    .hp-showcase-row { flex-direction: column !important; gap: 24px !important; padding: 16px !important; }
    .hp-showcase-media { width: 100% !important; height: 220px !important; }
    .hp-showcase-text h3 { font-size: 22px !important; }

    .hp-about-flex { flex-direction: column !important; gap: 35px !important; }
    .hp-about-info h2 { font-size: 26px !important; }
    .hp-cert-grid { grid-template-columns: 1fr !important; gap: 14px !important; }

    .hp-pipe-grid { grid-template-columns: 1fr !important; gap: 20px !important; }
    .hp-pipe-card { padding: 24px !important; }
    .hp-faq-holder { gap: 20px !important; }
    .hp-faq-item h4 { font-size: 16px !important; }

    .hp-inq-panel { padding: 40px 20px !important; border-radius: 12px !important; }
    .hp-inq-split { grid-template-columns: 1fr !important; gap: 40px !important; }
    .hp-inq-left h2 { font-size: 28px !important; }
    .hp-inq-form-board { padding: 24px 16px !important; }
    .hp-form-row { grid-template-columns: 1fr !important; gap: 0 !important; }

    /* 🏢 工厂定制页 - 自适应降级 */
    .v3-banner-fullbleed { padding: 90px 18px !important; min-height: auto !important; }
    .v3-banner-typography h1 { font-size: 34px !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; }
    .v3-banner-typography p { font-size: 15px !important; }

    .v3-section-container { padding-top: 60px !important; }
    .v3-intro-meta h2 { font-size: 26px !important; }
    .v3-capability-grid { grid-template-columns: 1fr !important; gap: 24px !important; }
    .v3-cap-card { padding: 35px 24px !important; }

    .v3-black-board { padding: 60px 20px !important; border-radius: 12px !important; }
    .v3-board-title { margin-bottom: 40px !important; }
    .v3-board-title h2 { font-size: 26px !important; }
    .v3-pipeline-row { grid-template-columns: 1fr !important; gap: 35px !important; }
    .v3-big-number { font-size: 56px !important; }

    .v3-form-wrapper { padding: 60px 20px !important; border-radius: 12px !important; }
    .v3-form-split-layout { grid-template-columns: 1fr !important; gap: 40px !important; }
    .v3-form-left h3 { font-size: 26px !important; }
    .v3-row-inputs { grid-template-columns: 1fr !important; gap: 0 !important; }

    /* 🏛️ 极简高奢页脚 - 手机自适应（完全继承导航字体） */
    footer.qs-site-footer { padding-top: 70px !important; }
    footer.qs-site-footer .qs-footer-container {
        grid-template-columns: 1fr !important; 
        gap: 45px !important;
        padding: 0 18px !important;
    }
    .qs-footer-col h3 { margin-bottom: 20px !important; }
    .qs-footer-bottom {
        margin-top: 60px !important;
        padding: 30px 18px !important;
        flex-direction: column !important; 
        text-align: center !important;
        gap: 16px !important;
    }
    .qs-footer-legal a { margin: 0 12px !important; }
}
/* ==========================================================================
   1. 首页 Banner (Hero Area) 内容全居中样式
   ========================================================================== */
.hp-hero-area {
    justify-content: center !important; /* 容器水平居中 */
}
.hp-hero-content {
    text-align: center !important;      /* 文字内容居中 */
    margin: 0 auto !important;          /* 块级居中防御锁 */
}
.hp-hero-btns {
    justify-content: center !important; /* 按钮横向居中 */
}

/* ==========================================================================
   2. 工厂定制页 Banner (v3-banner) 内容全居中样式
   ========================================================================== */
.v3-banner-fullbleed {
    justify-content: center !important; /* 容器水平居中 */
}
.v3-banner-typography {
    text-align: center !important;      /* 文字内容居中 */
    margin: 0 auto !important;          /* 块级居中防御锁 */
}

/* ==========================================================================
   3. 联系我们
   ========================================================================== */
/* ==========================================================================
   QS CONTACT - UNIFIED FINAL PREMIUM VERSION (1600px & 10% Gold)
   ========================================================================== */

/* --- 1. 全局变量与核心盒模型重置 --- */
:root {
    --qs-gold: #c5a880; /* 10% 阳极氧化金：高端、严谨的工业点缀色 */
}

.qs-contact-wrapper,
.qs-info-card,
.qs-contact-right,
.qs-contact-wrapper * {
    box-sizing: border-box !important;
}

body { 
    margin: 0 !important; 
}

/* --- 2. Banner 区域（清除间隙与增强视觉） --- */
.site-header + .qs-contact-banner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.qs-contact-banner {
    width: 100% !important;
    min-height: 450px !important;
    background: linear-gradient(rgba(15, 23, 42, 0.8), rgba(15, 23, 42, 0.8)), url('your-image-url.jpg') !important; /* 请替换为您的高清背景图 */
    background-size: cover !important;
    background-position: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    color: #ffffff !important;
    text-align: center !important;
    margin-top: -20px !important; /* 视主题默认间隙微调 */
}

.qs-contact-banner h1 { 
    font-size: 3.5rem !important; 
    font-weight: 700 !important; 
    letter-spacing: -1px !important; 
    margin-bottom: 15px !important; 
}

.qs-contact-banner p span { 
    color: var(--qs-gold) !important; 
    font-weight: 600 !important; 
}

/* --- 3. 主容器（1600px-1552px 严格对齐 & 高度自然吃平） --- */
body .qs-contact-wrapper {
    display: table !important; 
    table-layout: fixed !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 60px auto !important;
    padding: 0 24px !important; /* 两侧内缩 24px，确保内盒精准落位 1552px 栅格 */
    border-collapse: separate !important;
    border-spacing: 60px 0 !important; /* 精准锁死双栏中间的黄金大留白，免疫挤压 */
}

/* --- 4. 左侧信息栏（大厂厚重感 & 整合服务承诺） --- */
body .qs-info-card {
    display: table-cell !important;
    vertical-align: top !important;
    width: 35% !important; /* 放大比例，让联系面板更稳重丰满 */
    background: #0f172a !important;
    color: #ffffff !important;
    padding: 60px 45px !important;
    border-radius: 12px !important;
}

body .qs-info-card h2 { 
    font-size: 2rem !important; 
    margin-bottom: 40px !important; 
    color: #ffffff !important; 
}

.qs-info-item { 
    margin-bottom: 30px !important; 
}

.qs-info-item h4 { 
    color: var(--qs-gold) !important; 
    font-size: 0.85rem !important; 
    text-transform: uppercase !important; 
    margin-bottom: 8px !important; 
    letter-spacing: 1px !important; 
}

.qs-info-item p { 
    color: #94a3b8 !important; 
    margin: 0 !important; 
    font-size: 1.05rem !important; 
}

/* 左侧内置保障模块 */
.qs-left-promises {
    margin-top: 40px !important;
    border-top: 1px solid #334155 !important;
    padding-top: 30px !important;
}

.qs-promise-item {
    font-size: 0.95rem !important;
    color: #cbd5e1 !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.qs-promise-item:last-child {
    margin-bottom: 0 !important;
}

.qs-promise-item span { 
    color: var(--qs-gold) !important; 
    margin-right: 8px !important;
    font-weight: bold !important; 
}

/* --- 5. 右侧表单区（结构化防硬拉） --- */
body .qs-contact-right {
    display: table-cell !important;
    vertical-align: top !important;
    width: 65% !important;
    background: #ffffff !important;
    padding: 50px 45px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
}

body .qs-contact-right h2 { 
    font-size: 2rem !important; 
    margin-bottom: 35px !important; 
    color: #0f172a !important; 
    font-weight: 700 !important; 
}

/* 姓名与邮箱双列并排 */
.qs-form-row-2col {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
    margin-bottom: 24px !important;
}

.qs-form-row-2col .qs-input-wrapper {
    flex: 1 !important;
}

/* 统一输入框与文本域的工业质感 */
.qs-input-custom {
    width: 100% !important;
    padding: 16px 20px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 1rem !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    transition: border-color 0.3s ease !important;
}

.qs-input-custom:focus {
    border-color: #c5a880 !important; /* 激活时唤醒金元素 */
    outline: none !important;
}

/* 按钮样式与金元素交互 */
.qs-btn { 
    background: #0f172a !important; 
    color: #ffffff !important; 
    padding: 18px 40px !important; 
    border: 1px solid #0f172a !important; 
    border-radius: 6px !important; 
    font-weight: bold !important; 
    cursor: pointer !important; 
    font-size: 1rem !important; 
    transition: all 0.3s ease !important;
}

.qs-btn:hover { 
    background: var(--qs-gold) !important; 
    border-color: var(--qs-gold) !important; 
}

/* --- 6. 移动端响应式安全安全降级 --- */
@media (max-width: 1024px) {
    body .qs-contact-wrapper {
        display: block !important;
        border-spacing: 0 !important;
        padding: 0 16px !important;
    }
    
    body .qs-info-card, 
    body .qs-contact-right {
        display: block !important;
        width: 100% !important;
        margin-bottom: 40px !important;
    }
    
    .qs-form-row-2col {
        flex-direction: column !important;
        gap: 24px !important; /* 保持与单列相同的间距 */
    }
}

/* ==========================================================================
   QS CERTIFICATIONS - 原生硬锁版 (彻底解决 6 排错乱问题)
   ========================================================================== */

/* 1. 主容器：严格锁定宽度 */
body .qs-cert-wrapper {
    display: block !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 60px auto !important;
    padding: 0 24px !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* 2. 强控 Table 样式：无视任何外部 entry-content 干扰 */
body table.qs-cert-table-lock {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 40px 0 !important; /* 精准死锁横向卡片间距 */
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

body table.qs-cert-table-lock tr {
    display: table-row !important;
}

/* 3. 强控单元格变成卡片：由于 table-layout: fixed，这里会自动均分 3 等份 */
body table.qs-cert-table-lock td.qs-cert-td-card {
    display: table-cell !important;
    vertical-align: top !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 40px !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* 悬停视觉联动（保持大厂精细感） */
body table.qs-cert-table-lock td.qs-cert-td-card:hover {
    transform: translateY(-5px) !important;
    border-color: var(--qs-gold) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05) !important;
}

/* 内部内容细节样式（10% 金元素注入） */
.qs-cert-badge {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: var(--qs-gold) !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding-bottom: 15px !important;
}
.qs-cert-td-card h3 { font-size: 1.4rem !important; color: #0f172a !important; margin: 0 0 15px 0 !important; font-weight: 700 !important; }
.qs-cert-td-card p { color: #64748b !important; font-size: 0.95rem !important; line-height: 1.6 !important; margin: 0 0 25px 0 !important; }
.qs-cert-download { color: #0f172a !important; font-weight: 600 !important; text-decoration: none !important; font-size: 0.9rem !important; display: inline-flex !important; align-items: center !important; gap: 8px !important; }
table.qs-cert-table-lock td.qs-cert-td-card:hover .qs-cert-download { color: var(--qs-gold) !important; }

/* 4. 移动端安全降级（手机端优雅回到单列） */
@media (max-width: 1024px) {
    body table.qs-cert-table-lock {
        display: block !important;
    }
    body table.qs-cert-table-lock tr {
        display: block !important;
    }
    body table.qs-cert-table-lock td.qs-cert-td-card {
        display: block !important;
        width: 100% !important;
        margin-bottom: 30px !important;
    }
}

/* ==========================================================================
   QS PROJECTS - 1600px 动态大厂网格系统
   ========================================================================== */

.qs-project-wrapper,
.qs-project-container,
.qs-project-card,
.qs-project-wrapper * {
    box-sizing: border-box !important;
}

/* 1. 主外壳 */
body .qs-project-wrapper {
    display: block !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 80px auto !important;
    padding: 0 24px !important; /* 内盒落位 1552px */
    clear: both !important;
}

body .qs-project-container {
    display: block !important;
    width: 100% !important;
}

/* 2. 物理清行切断器（核心防错乱逻辑） */
.qs-project-clear-row {
    clear: both !important;
    display: block !important;
    width: 100% !important;
    height: 0 !important;
    visibility: hidden !important;
}

/* 3. 项目卡片：严格限制横向占比 31.33%，留出间距 */
body .qs-project-card {
    display: block !important;
    float: left !important;
    width: 31.33% !important;
    margin-right: 3% !important;
    margin-bottom: 50px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

/* 去除每排最后一个卡片的右边距，防止挤压换行 */
body .qs-project-card:nth-child(3n),
body .qs-project-card:nth-of-type(3n) {
    margin-right: 0 !important;
}

/* 4. 图片外壳与全覆盖悬停金元素动画 */
.qs-project-thumb-box {
    width: 100% !important;
    height: 260px !important;
    position: relative !important;
    overflow: hidden !important;
    background: #0f172a !important;
}

.qs-project-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important; /* 确保图片不变形 */
    transition: transform 0.5s ease !important;
}

/* 10%金元素悬停遮罩层 */
.qs-project-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(15, 23, 42, 0.85) !important; /* 深色大厂底色 */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

.qs-project-overlay span {
    color: var(--qs-gold) !important; /* 唤醒核心金 */
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    font-size: 0.95rem !important;
    border: 1px solid var(--qs-gold) !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
}

/* 触发悬停复合动作 */
body .qs-project-card:hover {
    transform: translateY(-6px) !important;
    border-color: var(--qs-gold) !important;
    box-shadow: 0 20px 30px -10px rgba(0,0,0,0.08) !important;
}
body .qs-project-card:hover .qs-project-img {
    transform: scale(1.08) !important; /* 图片微微放大 */
}
body .qs-project-card:hover .qs-project-overlay {
    opacity: 1 !important;
}

/* 5. 文字信息流 */
.qs-project-info {
    padding: 30px 25px !important;
}

.qs-project-tag {
    display: inline-block !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    color: var(--qs-gold) !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
}

.qs-project-info h3 {
    font-size: 1.3rem !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    font-weight: 700 !important;
    /* 超过两行自动打省略号，保持整体排版高度一致 */
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.qs-project-info p {
    font-size: 0.95rem !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 6. 移动端响应式降级 */
@media (max-width: 1024px) {
    body .qs-project-card {
        width: 48% !important;
        margin-right: 4% !important;
    }
    body .qs-project-card:nth-child(3n) { margin-right: 4% !important; }
    body .qs-project-card:nth-child(2n) { margin-right: 0 !important; }
    .qs-project-clear-row { display: none !important; }
}

@media (max-width: 768px) {
    body .qs-project-card {
        width: 100% !important;
        margin-right: 0 !important;
    }
}

/* ==========================================================================
   QS CEILING PANELS LANDING PAGE - 终极飽满大厂营销版样式
   ========================================================================== */

.qs-landing-wrapper,
.qs-landing-section,
.qs-edge-card,
.qs-comparison-table,
.qs-landing-wrapper * {
    box-sizing: border-box !important;
}

/* 1. 主骨架限制（1600px 严格对齐） */
body .qs-landing-wrapper {
    display: block !important;
    max-width: 1600px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 60px 24px 100px 24px !important; /* 内盒 1552px */
    clear: both !important;
    background: #ffffff !important;
}

/* 营销板块间距 */
.qs-landing-section {
    display: block !important;
    width: 100% !important;
    margin-bottom: 90px !important;
    clear: both !important;
}

/* 统一高级板块标题 */
.qs-landing-title {
    margin-bottom: 45px !important;
    display: block !important;
}
.qs-landing-title span {
    font-size: 0.8rem !important;
    letter-spacing: 2px !important;
    color: var(--qs-gold) !important; /* 点睛金 */
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: block !important;
    margin-bottom: 8px !important;
}
.qs-landing-title h2 {
    font-size: 2.2rem !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    margin: 0 !important;
}

/* 2. Banner 内核心金按钮 */
.qs-banner-gold-btn {
    display: inline-block !important;
    background: var(--qs-gold) !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    padding: 14px 36px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}
.qs-banner-gold-btn:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 3. 板块二：Why Choose Us 左右混排 */
.qs-landing-intro-box {
    display: block !important;
    width: 100% !important;
}
.qs-intro-left {
    width: 58% !important;
    float: left !important;
}
.qs-intro-left p {
    font-size: 1.1rem !important;
    color: #64748b !important;
    line-height: 1.7 !important;
    margin: 0 0 20px 0 !important;
}
.qs-intro-right-gold {
    width: 36% !important;
    float: right !important;
    background: #fdfbf7 !important;
    border-left: 4px solid var(--qs-gold) !important;
    padding: 30px !important;
    border-radius: 0 8px 8px 0 !important;
}
.qs-intro-right-gold h4 {
    margin: 0 0 10px 0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
}
.qs-intro-right-gold p {
    margin: 0 !important;
    color: #64748b !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
}

/* 4. 板块三：6大核心优势六宫格 */
.qs-edge-grid {
    display: block !important;
    width: 100% !important;
}
body .qs-edge-card {
    display: block !important;
    float: left !important;
    width: 31.33% !important;
    margin-right: 3% !important;
    margin-bottom: 40px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 35px !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
}
body .qs-edge-card:nth-of-type(3n) { margin-right: 0 !important; }
body .qs-edge-card:hover {
    transform: translateY(-5px) !important;
    border-color: var(--qs-gold) !important;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.05) !important;
}
.qs-edge-icon {
    font-size: 1.8rem !important;
    color: var(--qs-gold) !important;
    margin-bottom: 20px !important;
}
.qs-edge-card h3 {
    font-size: 1.25rem !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
}
.qs-edge-card p {
    font-size: 0.95rem !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 5. 板块四：大厂硬核对比表 */
.qs-table-responsive {
    width: 100% !important;
    overflow-x: auto !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
}
table.qs-comparison-table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: #ffffff !important;
    margin: 0 !important;
    border: none !important;
}
table.qs-comparison-table th, 
table.qs-comparison-table td {
    padding: 20px 25px !important;
    text-align: left !important;
    font-size: 0.95rem !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
table.qs-comparison-table th {
    background: #f8fafc !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}
/* 高亮我方立场的列（10%金元素润色） */
table.qs-comparison-table .qs-highlight-col {
    background: #fdfbf7 !important;
    font-weight: 600 !important;
    color: #0f172a !important;
}
table.qs-comparison-table tr:last-child td { border-bottom: none !important; }

/* 6. 板块五：大类主图片交错排版 */
.qs-material-split {
    display: block !important;
    width: 100% !important;
    margin-bottom: 60px !important;
    clear: both !important;
}
.qs-mat-img-box {
    width: 48% !important;
    float: left !important;
    height: 380px !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.qs-mat-img-box img {
    width: 100% !important; height: 100% !important; object-fit: cover !important;
}
.qs-mat-text-box {
    width: 46% !important;
    float: right !important;
    padding-top: 20px !important;
}
/* 反向交错控制 */
.qs-row-reverse .qs-mat-img-box { float: right !important; }
.qs-row-reverse .qs-mat-text-box { float: left !important; }

.qs-mat-number {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    color: #f1f5f9 !important;
    display: block !important;
    line-height: 1 !important;
    margin-bottom: 10px !important;
}
.qs-mat-text-box h3 {
    font-size: 1.6rem !important; color: #0f172a !important; font-weight: 700 !important; margin: 0 0 15px 0 !important;
}
.qs-mat-text-box p {
    font-size: 1rem !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 0 20px 0 !important;
}
.qs-mat-list {
    margin: 0 !important; padding-left: 20px !important;
}
.qs-mat-list li {
    font-size: 0.95rem !important; color: #0f172a !important; margin-bottom: 8px !important; font-weight: 600 !important;
}

/* 7. 板块六：工业级 FAQ 布局 */
.qs-faq-container {
    display: block !important; width: 100% !important;
}
.qs-faq-item {
    display: block !important;
    width: 100% !important;
    padding: 25px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
.qs-faq-item:last-child { border-bottom: none !important; }
.qs-faq-item h4 {
    font-size: 1.15rem !important; color: #0f172a !important; margin: 0 0 12px 0 !important; font-weight: 700 !important;
}
.qs-faq-item p {
    font-size: 0.95rem !important; color: #64748b !important; line-height: 1.6 !important; margin: 0 !important;
}

/* 8. 响应式适配 */
@media (max-width: 1024px) {
    .qs-intro-left, .qs-intro-right-gold,
    body .qs-edge-card,
    .qs-mat-img-box, .qs-mat-text-box {
        width: 100% !important; float: none !important; margin-right: 0 !important; margin-bottom: 30px !important;
    }
    .qs-mat-img-box { height: 280px !important; }
}

/* ==========================================================================
   QS PRODUCT LANDING PAGE - CTA 转化板块
   ========================================================================== */
.qs-landing-cta {
    display: block !important;
    width: 100% !important;
    background: #0f172a !important; /* 全站统一大厂深色底 */
    border-radius: 16px !important;
    padding: 60px 40px !important;
    text-align: center !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
    clear: both !important;
}

.qs-cta-content {
    max-width: 850px !important;
    margin: 0 auto !important;
}

.qs-cta-content h2 {
    color: #ffffff !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    margin: 0 0 15px 0 !important;
}

.qs-cta-content p {
    color: #94a3b8 !important;
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    margin: 0 0 35px 0 !important;
}

/* 按钮组合 */
.qs-cta-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

.qs-cta-btn-gold {
    background: var(--qs-gold) !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    padding: 14px 32px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}
.qs-cta-btn-gold:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
}

.qs-cta-btn-line {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid #475569 !important;
    font-weight: 600 !important;
    padding: 14px 32px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}
.qs-cta-btn-line:hover {
    border-color: #ffffff !important;
    background: rgba(250, 250, 250, 0.05) !important;
}

@media (max-width: 768px) {
    .qs-cta-actions {
        flex-direction: column !important;
        gap: 15px !important;
    }
}

/* ==========================================================================
   QS CATEGORY - ACOUSTIC PANELS 5大类目专属增强样式
   ========================================================================== */

/* 强制拉开大类目内嵌套列表的间距与质感 */
.qs-mat-list {
    margin: 25px 0 0 0 !important;
    padding-left: 0 !important;
    list-style: none !important;
}

.qs-mat-list li {
    font-size: 0.95rem !important;
    color: #475569 !important; /* 优雅深灰 */
    margin-bottom: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    position: relative !important;
    padding-left: 18px !important;
}

/* 用 10% 金元素制作列表的高级圆点前缀 */
.qs-mat-list li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    width: 6px !important;
    height: 6px !important;
    background: var(--qs-gold) !important;
    border-radius: 50% !important;
}

/* 强控列表内的技术指标标签粗体 */
.qs-mat-list li strong {
    color: #0f172a !important;
    font-weight: 700 !important;
    margin-right: 4px !important;
}

/* 数据矩阵表头底色加深，体现一级类目的庄严感 */
table.qs-comparison-table th {
    background: #0f172a !important;
    color: #ffffff !important;
    border-bottom: 2px solid var(--qs-gold) !important;
}

/* 适应移动端微调：让 5 个类目在手机上按顺序流畅直排 */
@media (max-width: 1024px) {
    .qs-row-reverse {
        display: flex !important;
        flex-direction: column !important; /* 手机端取消左右反转，防止图片错位 */
    }
}
/* ==========================================================================
   QS CATEGORY - SOUND INSULATION 隔音大类专属增强样式
   ========================================================================== */

/* 隔音类目对比表格的独占视觉修饰 */
body .site-main-wrapper .qs-comparison-table th {
    background: #1e293b !important; /* 采用硬朗的深铁灰蓝色，区别于吸音类目 */
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--qs-gold) !important;
}

/* 强调高密度隔音材料的数值 */
table.qs-comparison-table td strong {
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* 保证隔音三大类别卡片在交错排版时的图片拥有强大的工程重工业感质感 */
.qs-material-split:hover .qs-mat-img-box img {
    transform: scale(1.04) !important;
    transition: transform 0.5s ease-in-out !important;
}

/* ==========================================================================
   QS PRODUCT - SOUND BARRIER 声屏障重工增强样式
   ========================================================================== */

/* 让表格表头变成非常有基建安全感的深铁青色 */
body .site-main-wrapper .qs-comparison-table th {
    background: #0f172a !important; /* 经典大厂深色 */
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--qs-gold) !important;
}

/* 高亮突出高dB减噪量的核心参数 */
table.qs-comparison-table td strong {
    color: #0f172a !important;
}

/* 针对户外重工图片，悬停时产生硬朗有力的无缝放大微调 */
.qs-material-split:hover .qs-mat-img-box img {
    transform: scale(1.05) !important;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 确保户外重工的无序点缀圆点和室内板材有所区别，采用深沉的重金属质感前缀 */
.qs-mat-list li::before {
    background: var(--qs-gold) !important;
    box-shadow: 0 0 4px rgba(229, 185, 106, 0.6) !important; /* 让圆点带有一丝工业光泽 */
}

/* ==========================================================================
   QS CATEGORY - ACOUSTIC DIFFUSER 扩散体殿堂级专属增强样式
   ========================================================================== */

/* 让扩散体表格表头变成非常有科学实验室和顶级音乐厅质感的深紫黑夜色 */
body .site-main-wrapper .qs-comparison-table th {
    background: #111827 !important; /* 极客深邃黑 */
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--qs-gold) !important;
}

/* 高亮突出科学计算参数 */
table.qs-comparison-table td strong {
    color: #0f172a !important;
}

/* 扩散体精致图片，悬停时产生极其轻盈、带有一丝音场发散感的微缩舒张 */
.qs-material-split:hover .qs-mat-img-box img {
    transform: scale(1.03) !important;
    filter: brightness(1.02) !important;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ==========================================================================
   QS SOLUTIONS CENTER - 全新建筑蓝图级专属 CSS 样式系统
   ========================================================================== */

/* 方案页专属 1600px 最大内容约束容器 */
.qs-solution-landing-wrapper {
    max-width: 1600px !important;
    margin: 0 auto !important;
    padding: 60px 40px !important;
    background: #ffffff !important;
    display: block !important;
    clear: both !important;
}

/* 方案中心独立全屏大 Banner 样式 */
.qs-sol-banner {
    display: block !important;
    width: 100% !important;
    background: linear-gradient(135deg, #070d19 0%, #1e293b 100%) !important;
    padding: 110px 60px !important;
    color: #ffffff !important;
    border-bottom: 3px solid var(--qs-gold) !important;
    text-align:center !important;
}
.qs-sol-banner-tag {
    font-size: 0.85rem !important;
    text-transform: uppercase !important;
    letter-spacing: 3px !important;
    color: var(--qs-gold) !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
}
.qs-sol-banner h1 {
    font-size: 2.8rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    margin: 0 0 20px 0 !important;
    color: #ffffff !important;
}
.qs-sol-banner h1 span {
    color: var(--qs-gold) !important;
}
.qs-sol-banner p {
    font-size: 1.15rem !important;
    color: #94a3b8 !important;
     width: 100% !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* 方案宏观引言两栏分流布局（使用极其稳定的 table-cell 架构） */
.qs-sol-intro-grid {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    margin: 40px 0 80px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding-bottom: 60px !important;
}
.qs-sol-intro-cell {
    display: table-cell !important;
    vertical-align: top !important;
}
.qs-sol-intro-left {
    width: 65% !important;
    padding-right: 60px !important;
}
.qs-sol-intro-right {
    width: 35% !important;
    background: #f8fafc !important;
    border-top: 3px solid #0f172a !important;
    padding: 40px !important;
    border-radius: 4px !important;
}
.qs-sol-intro-left h2 {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 25px 0 !important;
}
.qs-sol-intro-left p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: #334155 !important;
    margin: 0 0 20px 0 !important;
}
.qs-sol-intro-right h4 {
    margin: 0 0 15px 0 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #0f172a !important;
}
.qs-sol-intro-right p {
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 !important;
}

/* 建筑案例册风格：核心蓝图大框 */
.qs-case-header {
    margin-bottom: 40px !important;
    display: block !important;
}
.qs-case-header span {
    font-size: 0.85rem !important;
    letter-spacing: 2px !important;
    color: var(--qs-gold) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.qs-case-header h2 {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 5px 0 0 0 !important;
}

.qs-blueprint-row {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
    margin-bottom: 60px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.03) !important;
}
.qs-blueprint-cell {
    display: table-cell !important;
    vertical-align: middle !important;
}
.qs-bp-visual {
    width: 45% !important;
    background: #0f172a !important;
    position: relative !important;
    height: 100% !important;
}
.qs-bp-visual img {
    width: 100% !important;
    height: 520px !important;
    object-fit: cover !important;
    display: block !important;
}
.qs-bp-spec-badge {
    position: absolute !important;
    top: 30px !important;
    left: 30px !important;
    background: rgba(15, 23, 42, 0.95) !important;
    color: #ffffff !important;
    padding: 8px 16px !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    border-left: 3px solid var(--qs-gold) !important;
    letter-spacing: 1px !important;
    z-index: 10 !important;
}
.qs-bp-content {
    width: 55% !important;
    padding: 50px 60px !important;
}
.qs-bp-number {
    font-size: 3.2rem !important;
    font-weight: 900 !important;
    color: #f1f5f9 !important;
    line-height: 1 !important;
    margin-bottom: 5px !important;
    font-family: Georgia, serif !important;
}
.qs-bp-content h3 {
    font-size: 1.7rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 25px 0 !important;
}

/* 诊断对比框（威胁 vs 对策） */
.qs-diagnostic-box {
    margin-bottom: 25px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px dashed #e2e8f0 !important;
}
.qs-diag-label-red {
    color: #dc2626 !important; /* 警告红 */
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.qs-diag-label-green {
    color: #16a34a !important; /* 安全工程绿 */
    font-size: 0.75rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-bottom: 6px !important;
    display: block !important;
}
.qs-diagnostic-box p {
    margin: 0 !important;
    font-size: 0.98rem !important;
    line-height: 1.6 !important;
    color: #475569 !important;
}

/* 蓝图物料集成列表 */
.qs-blueprint-list {
    margin: 25px 0 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.qs-blueprint-list li {
    font-size: 0.95rem !important;
    color: #334155 !important;
    margin-bottom: 10px !important;
    padding-left: 20px !important;
    position: relative !important;
}
.qs-blueprint-list li::before {
    content: "■" !important; /* 工业方块符号 */
    position: absolute !important;
    left: 0 !important;
    color: var(--qs-gold) !important;
    font-size: 0.75rem !important;
    top: 1px !important;
}

/* 方案规范矩阵大表格微调 */
.qs-spec-matrix-sec {
    margin: 80px 0 !important;
    display: block !important;
}
.qs-matrix-table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 30px !important;
}
.qs-matrix-table th {
    background: #0f172a !important;
    color: #ffffff !important;
    text-align: left !important;
    padding: 22px 24px !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    border: none !important;
}
.qs-matrix-table td {
    padding: 22px 24px !important;
    font-size: 0.95rem !important;
    color: #334155 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}
.qs-matrix-table tr:hover td {
    background: #f8fafc !important;
}
.qs-matrix-highlight {
    background: #fffdf9 !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    border-left: 4px solid var(--qs-gold) !important;
}

/* 方案专属全深色集成 CTA */
.qs-sol-cta {
    background: #0b1329 !important;
    padding: 80px 40px !important;
    border-radius: 16px !important;
    text-align: center !important;
    margin: 80px 0 40px 0 !important;
    color: #ffffff !important;
    clear: both !important;
}
.qs-sol-cta h2 {
    font-size: 2.2rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
}
.qs-sol-cta p {
    font-size: 1.1rem !important;
    color: #94a3b8 !important;
    max-width: 800px !important;
    margin: 0 auto 35px auto !important;
    line-height: 1.6 !important;
}
.qs-sol-cta-btn {
    display: inline-block !important;
    background: var(--qs-gold) !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    padding: 16px 40px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    font-size: 1rem !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}
.qs-sol-cta-btn:hover {
    background: #ffffff !important;
    transform: translateY(-2px) !important;
}

/* 移动端无缝重排：table 转换为 block 直排 */
@media (max-width: 1024px) {
    .qs-sol-intro-grid,
    .qs-blueprint-row {
        display: block !important;
    }
    .qs-sol-intro-cell,
    .qs-blueprint-cell {
        display: block !important;
        width: 100% !important;
        padding: 30px !important;
    }
    .qs-bp-visual img {
        height: 320px !important;
    }
    .qs-row-reverse {
        display: flex !important;
        flex-direction: column-reverse !important; /* 手机端强制保持图片在上文字在下 */
    }
}

/* ==========================================================================
   QS SOLUTIONS CENTER - 体育馆大空间大单页专属增强 CSS
   ========================================================================== */

/* 强制覆盖：让体育馆 Banner 的内容、文字以及标签实现完美、优雅的视觉全居中 */
.qs-sol-banner.qs-sol-banner-centered {
    text-align: center !important;
}
.qs-sol-banner.qs-sol-banner-centered .qs-sol-banner-tag {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
}
.qs-sol-banner.qs-sol-banner-centered p {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* 体育场馆表格表头：呈现极具大型公共建筑钢结构、钛金力量感的铁灰黑色 */
body .site-main-wrapper .qs-matrix-table th {
    background: #1e293b !important; /* 工业级钛金铁灰黑 */
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--qs-gold) !important;
}

/* 体育馆诊断对比框（威胁红 vs 蓝图绿）标签加粗，凸显建筑安全规范感 */
.qs-diag-label-red {
    font-family: Arial, sans-serif !important;
    font-size: 0.8rem !important;
}
.qs-diag-label-green {
    font-family: Arial, sans-serif !important;
    font-size: 0.8rem !important;
}

/* 体育馆高清大图悬停动画：保持整体平滑，配合体育场馆的力量感 */
.qs-blueprint-row:hover .qs-bp-visual img {
    transform: scale(1.02) !important;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* ==========================================================================
   QS SOLUTIONS CENTER - 剧院礼堂殿堂级专属增强 CSS
   ========================================================================= */

/* 剧院方案页专属技术引言卡片：表头呈现歌剧院红丝绒般的尊贵暗红 */
body .site-main-wrapper .qs-sol-intro-right,
body .site-main-wrapper .qs-sol-intro-right h4 {
    border-top-color: #7f1d1d !important; /* 勃艮第暗剧院红 */
}
body .site-main-wrapper .qs-sol-intro-right h4 {
    color: #b91c1c !important;
}

/* 剧院规范矩阵大表格表头：奢华黑金质感，全面迎合建筑大牌设计师审美 */
body .site-main-wrapper .qs-matrix-table th {
    background: #09090f !important; /* 殿堂深邃黑 */
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid var(--qs-gold) !important;
    font-family: 'Georgia', serif !important; /* 赋予表格标题一丝古典艺术气息 */
}

/* 针对剧院高技术指标（如C80清晰度、Dolby认证等）的角标进行微调 */
.qs-bp-spec-badge {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* 剧院光影悬停：极其细腻的缓动推近，演绎出舞台空间的纵深感 */
.qs-blueprint-row:hover .qs-bp-visual img {
    transform: scale(1.04) !important;
    opacity: 0.95 !important;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* ==========================================================================
   QS SOLUTIONS CENTER - 星级酒店与艺术展厅隐奢级专属 CSS
   ========================================================================== */

/* 酒店方案页专用：引言卡片右侧，切换为细腻的细沙米色背景，搭配暖矿岩灰线条 */
body .site-main-wrapper .qs-sol-intro-right {
    background: #fafaf9 !important;
    border-top: 3px solid #d6c1a5 !important; /* 香槟大地金 */
}
body .site-main-wrapper .qs-sol-intro-right h4 {
    color: #44403c !important;
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
}

/* 方案指标矩阵表格重塑：采用香槟浅金高亮条，将突兀的“红色警告”柔化为高阶“琥珀橙/古铜黑”诊断标签 */
body .site-main-wrapper .qs-matrix-table th {
    background: #1c1917 !important; /* 深黑松露色 */
    color: #ffffff !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #d6c1a5 !important;
    text-transform: capitalize !important;
    letter-spacing: 0.5px !important;
}

body .site-main-wrapper .qs-matrix-table td.qs-matrix-highlight {
    background: #fafaf9 !important;
    border-left: 4px solid #d6c1a5 !important; /* 浅金侧边边界 */
}

/* 重新柔化诊断框的色彩标签，使其完全契合设计师阶层的视觉品味 */
.qs-diagnostic-box .qs-diag-label-red {
    color: #c2410c !important; /* 琥珀焦橙（柔化后的警告色） */
}
.qs-diagnostic-box .qs-diag-label-green {
    color: #44403c !important; /* 古铜深黑（极简主义对策色） */
}

/* 酒店大图悬停动效：极慢速度的淡入呼吸感，契合“静谧空间”的心理暗示 */
.qs-blueprint-row:hover .qs-bp-visual img {
    transform: scale(1.015) !important;
    filter: brightness(0.95) !important;
    transition: all 1.2s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* 调整项目列表符号，改用更具几何禅意的空心细方块 */
body .site-main-wrapper .qs-blueprint-list li::before {
    content: "▫" !important;
    color: #d6c1a5 !important;
    font-size: 0.9rem !important;
    top: -1px !important;
}

/* ==========================================================================
   QS SOLUTIONS CENTER - 学校教室与学术图书馆专属 CSS
   ========================================================================== */

/* 强制覆盖：让教育方案页的 Banner 完美居中对齐 */
.qs-sol-banner.qs-sol-banner-centered {
    text-align: center !important;
}

/* 教育页专用：引言卡片右侧，切换为干净清爽的学术淡蓝灰色背景，搭配牛津蓝线条 */
body .site-main-wrapper .qs-sol-intro-right {
    background: #f8fafc !important;
    border-top: 3px solid #3b82f6 !important; /* 科技晴空蓝 */
}
body .site-main-wrapper .qs-sol-intro-right h4 {
    color: #1e3a8a !important; /* 牛津深海蓝 */
    font-family: 'Helvetica Neue', Arial, sans-serif !important;
}

/* 教育规范表格重塑：采用严谨理性的黑金/蓝金复合表头，凸显学术指标的权威感 */
body .site-main-wrapper .qs-matrix-table th {
    background: #0f172a !important; /* 极客深邃蓝黑 */
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #3b82f6 !important;
}

body .site-main-wrapper .qs-matrix-table td.qs-matrix-highlight {
    background: #f1f5f9 !important;
    border-left: 4px solid #3b82f6 !important; /* 晴空蓝侧边强调色 */
}

/* 调整诊断框的红绿文字样式，全面契合工程规范文档的质感 */
.qs-diagnostic-box .qs-diag-label-red {
    color: #dc2626 !important; /* 警示正红 */
    font-weight: bold !important;
}
.qs-diagnostic-box .qs-diag-label-green {
    color: #1e3a8a !important; /* 解决方案牛津蓝 */
    font-weight: bold !important;
}

/* 校园场景大图悬停动画：稳健的等比微放大，保持经典、克制的质感 */
.qs-blueprint-row:hover .qs-bp-visual img {
    transform: scale(1.025) !important;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
}

/* ==========================================================================
   QS SOLUTIONS CENTER - 全局 BANNER 内容安全居中机制（彻底根治后4页白缝）
   ========================================================================== */

/* 1. 安全居中：只针对这 5 个特定方案落地页容器内部的 Banner 进行内容居中，绝不破坏 section 本身的骨架 */
.qs-solution-landing-wrapper input, /* 预防性占位 */
.qs-sol-banner {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    flex-direction: column !important; /* 确保 flex 布局下内容依然自上而下排列并居中 */
}

/* 2. 确保 Banner 内部的标签和段落宽度配合居中 */
.qs-sol-banner .qs-sol-banner-tag {
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block !important;
}

.qs-sol-banner p {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* 3. 安全锁：强行保留第一个页面的无缝贴合特性，并复制给所有复用此结构的方案页 */
header + .qs-sol-banner,
#masthead + .qs-sol-banner,
.site-header + .qs-sol-banner {
    margin-top: 0px !important;
    padding-top: 5.5rem !important; /* 保持你之前调试好的完美上方内边距 */
}

/* ==========================================================================
   QS PRODUCTS CENTER - 顶级权重突破机制（强制破除主题白底与空宽限制）
   ========================================================================== */

/* --- 00. 强行破壳：强制所有产品 Banner 宽度拉满，抹除一切主题自带的白色背景与内边距 --- */
body #page .qs-prod-banner,
body #wrapper .qs-prod-banner,
body .site .qs-prod-banner {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    clear: both !important;
    position: relative !important;
    top: 0 !important;
    border: none !important;
}

/* 强制内部容器拥有宽广的响应式垫片，防止文字顶格 */
body .qs-prod-banner .qs-p-banner-container {
    max-width: 1400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 90px 5% !important;
    box-sizing: border-box !important;
    z-index: 2 !important;
}

body .qs-prod-banner .qs-p-tag {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    display: inline-block !important;
    margin-bottom: 20px !important;
    padding: 4px 12px !important;
}

body .qs-prod-banner h1 {
    font-size: 3rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    margin: 0 0 20px 0 !important;
}

body .qs-prod-banner .qs-p-sub {
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    display: block !important;
    margin-top: 8px !important;
}

body .qs-prod-banner .qs-p-desc {
    font-size: 1.05rem !important;
    line-height: 1.6 !important;
    margin-top: 15px !important;
}

/* ==========================================================================
   样式一：Ceiling Acoustic Panels ——【科技极简·通透灰蓝空腔】
   ========================================================================== */
body .qs-banner-style-ceiling {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
    border-bottom: 4px solid #2563eb !important;
}
.qs-banner-style-ceiling .qs-p-banner-container { text-align: left !important; }
.qs-banner-style-ceiling h1 { color: #ffffff !important; }
.qs-banner-style-ceiling .qs-p-sub { color: #3b82f6 !important; }
.qs-banner-style-ceiling .qs-p-tag { background: #2563eb !important; color: #ffffff !important; }
.qs-banner-style-ceiling .qs-p-desc { color: #94a3b8 !important; max-width: 700px !important; }

/* ==========================================================================
   样式二：Acoustic Panel ——【非对称两翼·深邃碳黑木纹风】
   ========================================================================== */
body .qs-banner-style-wall {
    background: #0b0f19 !important;
    border-bottom: 4px solid #d97706 !important;
}
.qs-banner-style-wall .qs-p-banner-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}
.qs-banner-style-wall .qs-p-banner-text-col {
    flex: 1 !important;
    min-width: 320px !important;
    max-width: 650px !important;
    text-align: left !important;
}
.qs-banner-style-wall h1 { color: #ffffff !important; }
.qs-banner-style-wall .qs-p-sub { color: #f59e0b !important; }
.qs-banner-style-wall .qs-p-tag { background: #d97706 !important; color: #ffffff !important; }
.qs-banner-style-wall .qs-p-desc { color: #9ca3af !important; }
/* 右侧占位色块，防止右边空荡荡，完美衬托大厂质感 */
.qs-banner-style-wall .qs-p-banner-visual-col {
    flex: 1 !important;
    min-width: 320px !important;
    max-width: 500px !important;
    height: 320px !important;
    margin-left: 5% !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #232936 0%, #111827 100%) !important;
    border: 1px solid #374151 !important;
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5) !important;
}

/* ==========================================================================
   样式三：Sound Insulation ——【右舷科技渐变·翡翠环保绿】
   ========================================================================== */
body .qs-banner-style-insulation {
    background: radial-gradient(circle at 85% 30%, #064e3b 0%, #022c22 100%) !important;
    border-bottom: 4px solid #10b981 !important;
}
.qs-banner-style-insulation .qs-p-banner-container { text-align: right !important; }
.qs-banner-style-insulation h1 { color: #ffffff !important; }
.qs-banner-style-insulation .qs-p-sub { color: #34d399 !important; }
.qs-banner-style-insulation .qs-p-tag { background: #10b981 !important; color: #ffffff !important; }
.qs-banner-style-insulation .qs-p-desc { color: #a7f3d0 !important; max-width: 700px !important; margin-left: auto !important; }

/* ==========================================================================
   样式四：Sound Barrier ——【全屏矩阵对称·重工业硬核深灰】
   ========================================================================== */
body .qs-banner-style-barrier {
    background: linear-gradient(180deg, #111827 0%, #1f2937 100%) !important;
    border-bottom: 2px solid #ef4444 !important;
}
.qs-banner-style-barrier .qs-p-banner-container { text-align: center !important; }
.qs-banner-style-barrier h1 { color: #ffffff !important; }
.qs-banner-style-barrier .qs-p-sub { color: #cbd5e1 !important; }
.qs-banner-style-barrier .qs-p-tag { border: 1px solid #ef4444 !important; color: #ef4444 !important; background: transparent !important; }
.qs-banner-style-barrier .qs-p-desc { color: #9ca3af !important; max-width: 800px !important; margin: 15px auto 0 auto !important; }

/* ==========================================================================
   样式五：Diffuser ——【奢华木纹暗调·大开大合石雕金】
   ========================================================================== */
body .qs-banner-style-diffuser {
    background: #1c1917 !important;
    border-bottom: 4px solid #d6c1a5 !important;
}
.qs-banner-style-diffuser .qs-p-banner-container { text-align: left !important; }
.qs-banner-style-diffuser h1 { color: #ffffff !important; letter-spacing: -0.5px !important; }
.qs-banner-style-diffuser .qs-p-sub { color: #e7e5e4 !important; }
.qs-banner-style-diffuser .qs-p-tag { color: #d6c1a5 !important; font-weight: 600 !important; letter-spacing: 4px !important; padding: 0 !important; background: transparent !important; }
.qs-banner-style-diffuser .qs-p-desc { color: #a8a29e !important; max-width: 720px !important; }

/* ==========================================================================
   06. 响应式微调
   ========================================================================== */
@media (max-width: 992px) {
    body .qs-prod-banner .qs-p-banner-container { padding: 60px 6% !important; text-align: center !important; }
    body .qs-prod-banner h1 { font-size: 2.2rem !important; }
    body .qs-prod-banner .qs-p-sub { font-size: 1.4rem !important; }
    body .qs-prod-banner .qs-p-desc { margin: 15px auto 0 auto !important; }
    .qs-banner-style-wall .qs-p-banner-visual-col { display: none !important; }
    .qs-banner-style-wall .qs-p-banner-text-col { max-width: 100% !important; }
}
/* ==========================================================================
   QS PRODUCTS CENTER - 5大产品页面统一“左右分栏+图片圆角”通用布局骨架
   ========================================================================== */

/* 1. 强制所有 5 个页面的大容器统一开启 Flex 左右分栏并排 */
.qs-banner-style-ceiling .qs-p-banner-container,
.qs-banner-style-wall .qs-p-banner-container,
.qs-banner-style-insulation .qs-p-banner-container,
.qs-banner-style-barrier .qs-p-banner-container,
.qs-banner-style-diffuser .qs-p-banner-container {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

/* 2. 统一所有页面左侧文字栏的弹性比例和最大宽度 */
.qs-banner-style-ceiling .qs-p-banner-text-col,
.qs-banner-style-wall .qs-p-banner-text-col,
.qs-banner-style-insulation .qs-p-banner-text-col,
.qs-banner-style-barrier .qs-p-banner-text-col,
.qs-banner-style-diffuser .qs-p-banner-text-col {
    flex: 1 !important;
    min-width: 320px !important;
    max-width: 650px !important;
    text-align: left !important;
}

/* 3. 统一所有页面右侧图片舱的物理尺寸，并强制裁剪出顺滑圆角 */
.qs-banner-style-ceiling .qs-p-banner-visual-col,
.qs-banner-style-wall .qs-p-banner-visual-col,
.qs-banner-style-insulation .qs-p-banner-visual-col,
.qs-banner-style-barrier .qs-p-banner-visual-col,
.qs-banner-style-diffuser .qs-p-banner-visual-col {
    flex: 1 !important;
    min-width: 320px !important;
    max-width: 500px !important;
    height: 320px !important;
    margin-left: 5% !important;
    border-radius: 12px !important; /* 这里统一控制大厂圆角 */
    overflow: hidden !important;    /* 核心：极其关键！强制把内部直角图片切成圆角 */
    box-shadow: 0 20px 25px -5px rgba(0,0,0,0.3) !important;
}

/* 4. 确保所有右侧容器内部的图片自动等比例填满视窗，绝对不拉伸变形 */
.qs-p-banner-visual-col img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* ==========================================================================
   QS SOLUTIONS CENTER - 解决方案5大页面手机端“消除两侧大白边”挤压优化
   ========================================================================== */

@media (max-width: 768px) {
    /* 1. 压榨最外层大包裹容器的手机端左右边距，由原本的 40px 缩减到 12px（贴合大厂Products标准） */
    body .site-main-wrapper .qs-solution-landing-wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* 2. 收窄宏观引言卡片左右两栏在手机变直排后的内部垫片，释放文字生存空间 */
    body .site-main-wrapper .qs-sol-intro-cell {
        padding: 25px 15px !important; /* 左右内边距从 30px 精简到 15px */
    }

    /* 3. 彻底释放核心蓝图案例框（威胁 vs 对策）内部的图片与文字内边距 */
    body .site-main-wrapper .qs-blueprint-content {
        padding: 30px 15px !important; /* 让案例详情在手机端两边留空更小，字不再被挤成一列 */
    }

    /* 4. 方案指标矩阵大表格在手机端的左右内边距同步收窄，防止表格文字换行错位 */
    body .site-main-wrapper .qs-matrix-table th,
    body .site-main-wrapper .qs-matrix-table td {
        padding: 14px 10px !important; /* 手机端紧凑型表格排版 */
        font-size: 0.85rem !important;  /* 微调字号，确保小屏幕完美容纳参数 */
    }
    
    /* 5. 方案底部的全深色集成 CTA 模块同步收窄 */
    body .site-main-wrapper .qs-sol-cta {
        padding: 50px 15px !important;
    }
}

/* ==========================================================================
   QS PRODUCTS & CERTS - 手机端直接穿透核心容器对齐 12px 窄边距
   ========================================================================== */

@media (max-width: 768px) {
    
    /* 1. 【强控产品页】直接揪住产品页最内层的容器，强行把原本的 5% 左右内边距刷成 12px */
    body .qs-prod-banner .qs-p-banner-container,
    .qs-prod-banner .qs-p-banner-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
        padding-top: 40px !important;   /* 顺手收紧上下，让移动端比例更好看 */
        padding-bottom: 40px !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. 【强控产品页子项】确保产品页左文字、右图片两栏在 12px 空间下完美展平 */
    body .qs-prod-banner .qs-p-banner-text-col,
    body .qs-prod-banner .qs-p-banner-visual-col {
        max-width: 100% !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* 3. 【强控认证页】既然它是 table 结构，直接对准最外层的 main 标签进行 12px 物理缩紧 */
    body main.qs-cert-wrapper,
    main.qs-cert-wrapper {
        padding-left: 12px !important;
        padding-right: 12px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}

/* ==========================================================================
   QS HEADER MOBILE FIX (V2) - 汉堡包强制反白 + 按钮完美居中
   ========================================================================== */

@media (max-width: 992px) {
    
    /* ----------------------------------------------------------------------
       1. 终极强控：不管什么模式，只要在手机端，三条杠一律强制变白！
       ---------------------------------------------------------------------- */
/* ==========================================================================
   QS MENU TOGGLE - 字符化降维打击：让三条线变成纯文本，随倒三角完美变色
   ========================================================================== */

@media (max-width: 1200px) {
    
    /* 1. 彻底废除 span 的几何盒子属性，不留任何背景和边框 */
    html body #qsMenuBtn span,
    html body .qs-menu-toggle span {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        height: auto !important;
        display: block !important;
        position: relative !important;
        text-align: center !important;
    }

    /* 2. 核心大招：利用 :before 伪元素向每个 span 里强行塞入一个纯文本的横线字符。
          既然倒三角 ▾ 能变色，那这个文本横线字符就绝对能自动变色！ */
    html body #qsMenuBtn span::before,
    html body .qs-menu-toggle span::before {
        content: "—" !important; /* 注入真正的纯文本特殊横线字符 */
        display: block !important;
        
        /* 赋予跟导航文字完全一样的文本颜色属性 */
        color: #333333 !important; 
        
        /* 利用字体大小和粗细，把它调整得和原来的三条杠一样美观 */
        font-size: 26px !important;
        font-weight: bold !important;
        line-height: 6px !important; /* 控制三条线之间的上下间距 */
        font-family: Arial, sans-serif !important;
        
        /* 让它完美继承网页文字的黑暗模式自动反色行为 */
        transition: color 0.3s ease !important;
    }

    /* 3. 确保外层按钮容器无色透明，不干扰文字混合 */
    html body #qsMenuBtn {
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
    }
}


    /* ----------------------------------------------------------------------
       2. 终极强控：“联系我们”按钮剔除一切干扰，全屏无缝居中
       ---------------------------------------------------------------------- */
    /* 清理父级容器可能带来的靠左、浮动或多余的内外边距 */
    body #qsNavMenu ul li.qs-nav-cta {
        display: block !important;
        float: none !important;
        text-align: center !important; /* 核心：让子元素在这里绝对居中 */
        margin: 20px auto !important;   /* 上下留空20px，左右自动居中 */
        padding: 0 20px !important;    /* 左右各内缩 20px，防止按钮死死贴满手机两边屏幕，更精致 */
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 将 A 标签彻底舒展并居中对齐 */
    body #qsNavMenu ul li.qs-nav-cta a {
        display: inline-block !important; /* 改为行内块，配合父级的 text-align 实现绝对居中 */
        width: 100% !important;           /* 撑满刚刚 li 设定的安全区域 */
        max-width: 400px !important;      /* 限制一个大厂标准的按钮黄金宽度，防止横向拉得太长太丑 */
        text-align: center !important;
        background: #037ef3 !important;   /* 主题蓝 */
        color: #ffffff !important;
        padding: 12px 0 !important;       /* 上下 12px 垫片 */
        border-radius: 6px !important;
        font-weight: 600 !important;
        box-shadow: 0 4px 12px rgba(3, 126, 243, 0.3) !important;
    }
}

/* ==========================================================================
   QS ADVANCED FLOATING BAR - 智能响应式悬浮工具栏系统
   ========================================================================== */
/* ==========================================================================
   QS FLOATING BAR - 新站高奢定制美学版（极简圆形 + 莫兰迪暗金体系）
   ========================================================================== */

/* 1. 工具栏右下角总舱（保持绝对等宽垂直对齐） */
.qs-floating-wrapper {
    position: fixed !important;
    right: 25px !important;
    bottom: 35px !important;
    top: auto !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    z-index: 999999 !important;
}

/* 2. 悬浮按钮通用重构：进化为极简正圆形（Circle） */
.qs-floating-wrapper .qs-float-btn {
    width: 46px !important; /* 稍微内缩尺寸，使其精致而不笨重 */
    height: 46px !important;
    border-radius: 50% !important; /* 100% 正圆形绝杀 */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important; /* 更高级的超现实缓动 */
    padding: 0 !important;
}

/* 内部图标微调 */
.qs-floating-wrapper .qs-float-btn svg {
    width: 20px !important;
    height: 20px !important;
    transition: transform 0.3s ease !important;
}

/* ----------------------------------------------------------------------
   3. 独立色彩分层（业务高亮，功能沉淀）
   ---------------------------------------------------------------------- */
/* 邮箱与 WhatsApp：高雅莫兰迪暗金，自带轻盈的柔和阴影 */
.qs-floating-wrapper .qs-float-mail,
.qs-floating-wrapper .qs-float-whatsapp {
    background-color: #C5A880 !important; 
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(197, 168, 128, 0.25) !important;
}
.qs-floating-wrapper .qs-float-mail:hover,
.qs-floating-wrapper .qs-float-whatsapp:hover {
    background-color: #B4966E !important; /* 滑过时微妙的深金反馈 */
    transform: scale(1.08) !important; /* 优雅地整体微微膨胀，代替单纯的向上漂移 */
    box-shadow: 0 6px 20px rgba(197, 168, 128, 0.4) !important;
}

/* 一键回到页首：沉稳黑曜石深色，形成高级的色差对比 */
.qs-floating-wrapper .qs-float-top {
    background-color: #2B2B2B !important; 
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    
    /* 智能平滑动画基准 */
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 46px !important;
    margin-top: -12px !important;
    pointer-events: none !important;
}
.qs-floating-wrapper .qs-float-top.qs-show {
    opacity: 1 !important;
    visibility: visible !important;
    height: 46px !important;
    margin-top: 0 !important;
    pointer-events: auto !important;
}
.qs-floating-wrapper .qs-float-top.qs-show:hover {
    background-color: #111111 !important; /* 滑过时变成深黑色 */
    transform: scale(1.08) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

/* 鼠标滑过图标时的微小物理动效 */
.qs-floating-wrapper .qs-float-btn:hover svg {
    transform: scale(1.05) !important;
}

/* ----------------------------------------------------------------------
   4. MOBILE RESPONSIVE - 手机移动端全面无缝适配
   ---------------------------------------------------------------------- */
@media (max-width: 768px) {
    .qs-floating-wrapper {
        right: 12px !important; /* 完美像素级对齐你刚刚定下的 12px 全站黄金窄边距 */
        bottom: 25px !important;
        gap: 10px !important;
    }
    .qs-floating-wrapper .qs-float-btn {
        width: 38px !important; /* 移动端极其精致的圆钮尺寸 */
        height: 38px !important;
    }
    .qs-floating-wrapper .qs-float-btn svg {
        width: 17px !important;
        height: 17px !important;
    }
    .qs-floating-wrapper .qs-float-top.qs-show {
        height: 38px !important;
        width: 38px !important;
    }
}

/* ==========================================================================
   QS CONTACT - CONTACT FORM 7 样式无缝兼容补丁
   ========================================================================= */

/* 1. 确保并排两列在 CF7 包裹下依然完美平分宽度 */
.qs-contact-right .qs-form-row-2col .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

/* 2. 强控 CF7 的按钮样式，使其100%继承原本大厂风格 */
.qs-contact-right .qs-btn {
    background: #0f172a !important; 
    color: #ffffff !important; 
    padding: 18px 40px !important; 
    border: none !important; 
    border-radius: 6px !important; 
    font-weight: bold !important; 
    cursor: pointer !important; 
    font-size: 1rem !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
}

.qs-contact-right .qs-btn:hover {
    background: #1e293b !important; /* 鼠标滑过时的高级深色反馈 */
}

/* 3. 顺手清除 CF7 默认自带的错误提示或成功提示带来的布局错位 */
.wpcf7 .screen-reader-response {
    display: none !important;
}
.wpcf7-spinner {
    position: absolute !important;
    right: 20px !important;
    bottom: 20px !important;
}

/* ==========================================================================
   QS MANUFACTURING - 复用 CF7 表单深度美化对齐补丁
   ========================================================================== */

/* 1. 拦截并矫正 CF7 自动加的 span 外壳，防止原本并排的“姓名+邮箱”错位 */
.v3-form-right-core .qs-form-row-2col .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

/* 2. 强控输入框样式：将非并排的项（电话、公司、留言）全部强制 100% 撑满拉长 */
.v3-form-right-core input[type="text"],
.v3-form-right-core input[type="email"],
.v3-form-right-core input[type="tel"],
.v3-form-right-core textarea {
    width: 100% !important;
    padding: 14px 16px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 0.95rem !important;
    color: #334155 !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    display: block !important;
    margin-top: 6px !important;
    margin-bottom: 20px !important; /* 维持呼吸间距 */
}

/* 3. 强控焦点高亮效果 */
.v3-form-right-core input:focus,
.v3-form-right-core textarea:focus {
    outline: none !important;
    border-color: #0f172a !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08) !important;
}

/* 4. 强控提交按钮样式与动效 */
.v3-form-right-core .qs-btn {
    width: 100% !important;
    background: #0f172a !important;
    color: #ffffff !important;
    padding: 16px !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    display: block !important;
    margin-top: 10px !important;
}
.v3-form-right-core .qs-btn:hover {
    background: #1e293b !important;
}

/* ==========================================================================
   QS MANUFACTURING - 左右分栏错位强控修复补丁
   ========================================================================== */

/* 1. 强控大容器：确保在电脑端左边和右边是绝对并排的，不让左边跑到右边上方 */
.v3-form-split-layout.mfg-main-layout {
    display: flex !important;
    flex-direction: row !important; /* 强制水平并排 */
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 40px !important; /* 左右两栏之间高级的呼吸间距 */
    width: 100% !important;
}

/* 2. 重新划分左右权重比例 */
.v3-form-split-layout.mfg-main-layout .v3-form-left {
    flex: 0 0 40% !important; /* 左侧文字占 40% 宽度 */
    max-width: 40% !important;
    box-sizing: border-box !important;
}

.v3-form-split-layout.mfg-main-layout .mfg-shared-form {
    flex: 0 0 55% !important; /* 右侧表单占 55% 宽度 */
    max-width: 55% !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   QS MANUFACTURING - 完美并列铺满版（姓名邮箱同行拉长 + 左右并排 + 手机适配）
   ========================================================================== */

/* 1. 强控大容器：确保在电脑端左边和右边是绝对左右分栏并排的 */
.v3-form-split-layout.mfg-main-layout {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 40px !important;
    width: 100% !important;
}

/* 2. 重新划分左右权重比例 */
.v3-form-split-layout.mfg-main-layout .v3-form-left {
    flex: 0 0 40% !important;
    max-width: 40% !important;
    box-sizing: border-box !important;
}

.v3-form-split-layout.mfg-main-layout .mfg-shared-form {
    flex: 0 0 55% !important;
    max-width: 55% !important;
    box-sizing: border-box !important;
}

/* 3. 核心修正：强制姓名和邮箱在同一行并列，并且横向 100% 铺满 */
.mfg-shared-form .qs-form-row-2col {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important; /* 姓名和邮箱中间的精致间距 */
    width: 100% !important;
    margin-bottom: 24px !important; /* 这一行与下方电话的间距 */
}

/* 4. 强控第一行的两个输入框包裹层：让它们 50% 平分并充满整行 */
.mfg-shared-form .qs-form-row-2col .wpcf7-form-control-wrap {
    flex: 1 !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 0 !important; /* 取消第一行内部的独立底部留白 */
}

/* 5. 强控非并列项（电话、留言）的包裹层：单行 100% 铺满 */
.mfg-shared-form > .wpcf7-form-control-wrap,
.mfg-shared-form .wpcf7-form-control-wrap[class*="your-tel"],
.mfg-shared-form .wpcf7-form-control-wrap[class*="your-message"] {
    display: block !important;
    width: 100% !important;
    margin-bottom: 24px !important; /* 统一上下行间距 */
}

/* 6. 像素级样式注入：确保所有输入框外观大气、高度统一 */
.mfg-shared-form input.qs-input-custom,
.mfg-shared-form textarea.qs-input-custom {
    width: 100% !important;
    padding: 16px 20px !important; /* 增大内边距，让长框更有饱满的质感 */
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 1rem !important;
    color: #334155 !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    display: block !important;
}

/* 7. 强控输入框焦点高亮效果 */
.mfg-shared-form input.qs-input-custom:focus,
.mfg-shared-form textarea.qs-input-custom:focus {
    outline: none !important;
    border-color: #0f172a !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08) !important;
}

/* 8. 强控提交按钮样式与动效，完美铺满右侧区域 */
.mfg-shared-form .qs-btn {
    width: 100% !important;
    background: #0f172a !important;
    color: #ffffff !important;
    padding: 18px !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    display: block !important;
    box-shadow: none !important;
    margin-top: 10px !important;
}
.mfg-shared-form .qs-btn:hover {
    background: #1e293b !important;
}

/* 9. 智能移动端响应：手机端时，并列的姓名和邮箱自动拆开变成上下单列（防止挤压） */
@media (max-width: 768px) {
    .v3-form-split-layout.mfg-main-layout {
        flex-direction: column !important;
        gap: 30px !important;
    }
    .v3-form-split-layout.mfg-main-layout .v3-form-left,
    .v3-form-split-layout.mfg-main-layout .mfg-shared-form {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .mfg-shared-form .qs-form-row-2col {
        flex-direction: column !important; /* 手机端姓名邮箱变上下排列 */
        gap: 24px !important;
    }
}
/* ==========================================================================
   QS HOMEPAGE - 首页复用联系我表单的专属强控补丁
   ========================================================================== */

/* 1. 第一行强控：确保姓名和邮箱在首页依然保持并列，并且横向 100% 铺满 */
.hp-shared-form .qs-form-row-2col {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important; /* 姓名和邮箱之间的间距 */
    width: 100% !important;
    margin-bottom: 20px !important; /* 与下方电话输入框的间距 */
}

/* 2. 第一行平分：让姓名和邮箱各占 50% 撑满整行 */
.hp-shared-form .qs-form-row-2col .wpcf7-form-control-wrap {
    flex: 1 !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 0 !important;
}

/* 3. 后续行强控：确保电话、留言框等非并列项一律 100% 满宽拉长 */
.hp-shared-form > .wpcf7-form-control-wrap,
.hp-shared-form .wpcf7-form-control-wrap[class*="your-tel"],
.hp-shared-form .wpcf7-form-control-wrap[class*="your-message"] {
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px !important; /* 统一行与行之间的上下留白 */
}

/* 4. 样式融合：让 CF7 的输入框无缝继承首页原有的高质感框线和 padding */
.hp-shared-form input.qs-input-custom,
.hp-shared-form textarea.qs-input-custom {
    width: 100% !important;
    padding: 14px 16px !important; /* 保持首页精致的输入框高度 */
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    font-size: 0.95rem !important;
    color: #334155 !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    display: block !important;
}

/* 5. 焦点高亮：首页统一的输入框聚焦效果 */
.hp-shared-form input.qs-input-custom:focus,
.hp-shared-form textarea.qs-input-custom:focus {
    outline: none !important;
    border-color: #0f172a !important;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08) !important;
}

/* 6. 按钮重塑：让 CF7 的提交按钮完美替代首页原有的 hp-btn-main */
.hp-shared-form .qs-btn {
    width: 100% !important;
    background: #0f172a !important; /* 替换为首页的主色调，如果是其他颜色可在此修改 */
    color: #ffffff !important;
    padding: 16px !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
    display: block !important;
    box-shadow: none !important;
    margin-top: 15px !important;
}
.hp-shared-form .qs-btn:hover {
    background: #1e293b !important;
}

/* 7. 手机端极简适配：并列的姓名和邮箱在手机上自动拆为上下两行 */
@media (max-width: 768px) {
    .hp-shared-form .qs-form-row-2col {
        flex-direction: column !important;
        gap: 20px !important;
    }
}
/* ==========================================================================
   QS-ARTICLE ISOLATED STYLES (前缀 qsa- 专属文章页隔离系统，防样式污染)
   ========================================================================== */

/* 1. 顶部 Hero Banner 模块（高度对齐联系页面横幅） */
.qsa-hero-banner-frame {
    background-color: #0f172a; /* 深邃工业蓝黑底色 */
    background-image: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    padding: 90px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}
.qsa-hero-banner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.qsa-hero-meta-tag {
    color: #c5a880; /* 精准继承联系页面的金色调 */
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
}
.qsa-hero-main-title {
    font-size: 2.6rem !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    margin: 0 0 15px 0 !important;
    font-weight: 700 !important;
}
.qsa-hero-sub-meta {
    color: #94a3b8;
    font-size: 0.95rem;
    margin: 0;
}

/* 2. 主版面栅格容器（完全克隆联系页面主框架尺寸） */
.qsa-page-main-layout {
    max-width: 1552px;
    margin: 60px auto 90px auto;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    box-sizing: border-box;
}

/* 3. 左侧正文区块隔离控制 */
.qsa-article-content-core {
    width: calc(100% - 380px); /* 给右侧侧边栏预留出标准的 340px + 40px 间距 */
    flex-shrink: 0;
    box-sizing: border-box;
}

/* 独立面包屑 */
.qsa-breadcrumbs-nav {
    font-size: 0.9rem;
    color: #64748b;
    margin-bottom: 35px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e2e8f0;
}
.qsa-breadcrumbs-nav a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s;
}
.qsa-breadcrumbs-nav a:hover {
    color: #c5a880;
}
.qsa-bread-divider {
    margin: 0 8px;
    color: #cbd5e1;
}
.qsa-bread-current {
    color: #94a3b8;
}

/* 4. 右侧深色侧边栏卡片（对齐联系页面左侧卡片） */
.qsa-sidebar-dark-panel {
    width: 340px;
    background: #0f172a !important;
    border-radius: 8px;
    padding: 35px 25px;
    box-sizing: border-box;
    color: #ffffff !important;
}
.qsa-sidebar-inner-wrapper {
    width: 100%;
}

/* 侧边栏内部常规 WordPress 小工具白字化适配 */
.qsa-sidebar-dark-panel h2,
.qsa-sidebar-dark-panel h3,
.qsa-sidebar-dark-panel .widget-title {
    color: #ffffff !important;
    font-size: 1.25rem !important;
    margin-top: 0;
    margin-bottom: 20px !important;
    padding-bottom: 10px;
    border-bottom: 1px solid #334155;
    font-weight: 600;
}
.qsa-sidebar-dark-panel ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
}
.qsa-sidebar-dark-panel ul li {
    margin-bottom: 12px !important;
    font-size: 0.95rem;
    line-height: 1.5;
}
.qsa-sidebar-dark-panel a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
}
.qsa-sidebar-dark-panel a:hover {
    color: #c5a880 !important;
}

/* 5. 正文内部（防止排版混乱的基础安全兜底） */
.qsa-article-content-core .entry-content {
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
}
.qsa-article-content-core .entry-content p {
    margin-bottom: 25px;
}
.qsa-article-content-core .entry-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 25px auto;
}

/* 6. 移动端极端环境下的全宽响应式自适应 */
@media (max-width: 1024px) {
    .qsa-page-main-layout {
        flex-direction: column; /* 弹性盒变为垂直流，文章在上，侧边栏在下 */
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .qsa-article-content-core {
        width: 100% !important;
        margin-bottom: 50px;
    }
    .qsa-sidebar-dark-panel {
        width: 100% !important;
    }
    .qsa-hero-main-title {
        font-size: 1.8rem !important;
    }
}
/* ==========================================================================
   文章页右侧边栏滚动吸顶悬浮效果
   ========================================================================== */
.qsa-sidebar-dark-panel {
    position: -webkit-sticky; /* 兼容苹果 Safari 浏览器 */
    position: sticky;         /* 开启现代 CSS 粘性定位 */
    top:100px;                /* 核心参数：快到顶时，距离浏览器视口顶部的间距（可根据需要微调） */
    z-index: 99;              /* 确保悬浮滚动时，卡片不会被正文中的图片或其他元素遮挡 */
}
/* ==========================================================================
   QSA-ARTICLE 正文图片宽度与超链接高级感样式重构
   ========================================================================== */

/* 1. 强制规范正文图片：大屏固定 780px，小屏自适应 */
.qsa-article-content-core .entry-content img {
    width: 780px !important;       /* 强制大屏幕下所有图片统一保持 780px 宽度 */
    max-width: 100% !important;    /* 安全防线：在屏幕小于 780px 的手机端自动缩放，绝不撑破版面 */
    height: auto !important;       /* 确保图片缩放时比例绝对正确，不拉伸变形 */
    display: block;                /* 强制独占一行 */
    margin: 35px auto !important;  /* 上下保持 35px 优雅间距，左右自动居中 */
    border-radius: 6px;            /* 极其微弱的圆角，中和工业风的死板 */
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06); /* 淡淡的建筑阴影，让图文层级更立体 */
}
/* ==========================================================================
   QSA-ARTICLE 强效链接样式覆盖（降维打击防干扰版）
   ========================================================================== */

/* 1. 强制洗牌：只要在 qsa 核心正文区里的链接，全部强行改变 */
.qsa-article-content-core a,
.qsa-article-content-core .entry-content a,
.qsa-article-content-core .entry-tags a,
.qsa-article-content-core .tag-links a {
    color: #c5a880 !important;                  /* 强制改为全站高级金 */
    text-decoration: none !important;             /* 强制拔掉原生下划线 */
    border-bottom: 1px solid rgba(197, 168, 128, 0.4) !important; /* 优雅的轻量虚下划线 */
    padding-bottom: 1px !important;
    font-weight: 600 !important;                  /* 适当加粗提高专业感 */
    transition: all 0.25s ease-in-out !important; /* 现代过渡动画 */
}

/* 2. 悬浮（Hover）交互反差样式强制覆盖 */
.qsa-article-content-core a:hover,
.qsa-article-content-core .entry-content a:hover,
.qsa-article-content-core .entry-tags a:hover,
.qsa-article-content-core .tag-links a:hover {
    color: #0f172a !important;                    /* 悬浮时变为全站深邃蓝黑 */
    border-bottom-color: #0f172a !important;       /* 下划线同步变色 */
    background-color: rgba(197, 168, 128, 0.08) !important; /* 轻微的金色高亮背景 */
}

/* 4. 排除掉正文内属于特定块级元素或按钮的特殊链接（如果有的话） */
.qsa-article-content-core .entry-content a img {
    border-bottom: none !important; /* 当图片本身带有链接时，严禁在其底部生成文本下划线 */
    background: none !important;
}
/* ==========================================================================
   QS PROJECT GRID - 彻底更新版（精准补齐 VIEW CASE STUDY 金色边框）
   ========================================================================== */

/* 1. 移除案例卡片大链接及其内部常规文字（标题、标签、简介）的下划线 */
.qs-project-wrapper .qs-project-link,
.qs-project-wrapper .qs-project-link:hover,
.qs-project-wrapper .qs-project-info h3,
.qs-project-wrapper .qs-project-info p,
.qs-project-wrapper .qs-project-tag {
    text-decoration: none !important;  /* 强制拔除原生下划线 */
    border-bottom: none !important;    /* 杜绝常规文字下方的干扰线 */
}

/* 2. 核心修复：单独针对悬浮按钮的盒子进行全边框闭合，把缺口封死 */
.qs-project-wrapper .qs-project-overlay span {
    text-decoration: none !important;
    border: 1px solid #c5a880 !important; /* 强行四边全部使用 1px 固态高级金，把底部的缺口完美补回 */
}
/* ==========================================================================
   QSA-ARTICLE 文章详情页标题与作者/时间全面居中
   ========================================================================== */

/* 1. 强制整块头部区域文本居中 */
.qsa-article-content-core .entry-header {
    text-align: center !important;
    margin-top: 15px !important;
    margin-bottom: 40px !important; /* 让标题和下方的 780px 大图之间留出优雅的呼吸间距 */
}

/* 2. 确保 H1 大标题绝对居中并限制最大宽度（防止长标题在全宽下显得太散） */
.qsa-article-content-core .entry-title {
    text-align: center !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
    line-height: 1.4 !important;
}

/* 3. 强制作者、日期、分类那一行整行居中 */
.qsa-article-content-core .entry-meta {
    text-align: center !important;
    display: block !important; /* 强制转为块级元素以完美支持居中 */
    margin-left: auto !important;
    margin-right: auto !important;
    color: #64748b !important; /* 稍微淡化小字颜色，突出上方大标题 */
}
/* ==========================================================================
   QSA-RELATED POSTS - 日期完美绝对靠右强效修正
   ========================================================================== */

/* 1. 确保列表容器本身 100% 撑满宽度，断绝浮动影响 */
.entry-related ul.related-loop {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* 2. 强行将单条文章改造成 Flex 弹性布局，并在两侧彻底撑开 */
.entry-related ul.related-loop li.hentry {
    display: flex !important;
    flex-direction: row !important;      /* 强制横向排列 */
    justify-content: space-between !important; /* 核心：左侧推到最左，右侧推到最右 */
    align-items: center !important;       /* 确保文字和日期在垂直高度上中心对齐 */
    width: 100% !important;               /* 强行撑满 1200px 或者是正文区域的最大宽度 */
    padding: 15px 0 !important;
    margin: 0 !important;
    float: none !important;               /* 掐死可能存在的浮动 */
    box-sizing: border-box !important;
    border-bottom: 1px dashed #e2e8f0 !important; /* 优雅的底部虚线 */
}

/* 3. 左侧文章超链接样式微调（留出足够空间，防止挤压日期） */
.entry-related ul.related-loop li.hentry a {
    text-decoration: none !important;
    border-bottom: none !important;
    flex-grow: 1 !important;             /* 贪婪模式：主动占满左侧剩余的所有空白空间 */
    max-width: calc(100% - 120px) !important; /* 强制给右侧日期空出 120 像素的固定安全舱 */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;  /* 标题如果巨长，自动在末尾收敛为优雅的 ... */
}

/* 4. 右侧日期精致化：强制绝对贴紧右边缘 */
.entry-related ul.related-loop li.hentry .entry-meta {
    text-align: right !important;         /* 文字内容右对齐 */
    white-space: nowrap !important;        /* 强制禁止日期因为任何原因发生折行 */
    margin: 0 0 0 auto !important;         /* 依靠自动外边距将其死死地锁在最右侧 */
    padding: 0 !important;
    flex-shrink: 0 !important;            /* 绝对不允许被左边的长标题挤扁 */
}
/* ==========================================================================
   QSA-ARTICLE 正文与相关文章“高级感”隔开元素
   ========================================================================== */

.entry-related {
    position: relative !important;
    margin-top: 80px !important;       /* 增加向上的留白，让页面呼吸感更强 */
    padding-top: 50px !important;       /* 隔离线到下方“Related Case Studies”标题的距离 */
    border-top: none !important;        /* 拔除之前生硬的普通自带边框线 */
}

/* 核心：利用 :before 伪元素在板块上方生成一个复合设计隔开元素 */
.entry-related::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important; /* 居中定位 */
    
    /* 1. 隔开元素主体：一条由中心向两端淡出的极细渐变线 */
    width: 100% !important;
    height: 1px !important;
    background: linear-gradient(to right, 
        rgba(226, 232, 240, 0) 0%, 
        rgba(197, 168, 128, 0.4) 20%, 
        rgba(197, 168, 128, 0.8) 50%, 
        rgba(197, 168, 128, 0.4) 80%, 
        rgba(226, 232, 240, 0) 100%
    ) !important;
}

/* 2. 可选高级细节：在渐变线正中央坠一颗 6x6 像素的“全站工程案例金”精致小方点 */
.entry-related::after {
    content: "" !important;
    position: absolute !important;
    top: -3px !important; /* 刚好压在渐变线上 */
    left: 50% !important;
    transform: translateX(-50%) rotate(45deg) !important; /* 旋转45度变成高级菱形点 */
    width: 6px !important;
    height: 6px !important;
    background-color: #c5a880 !important; /* 使用全站金色 */
    box-shadow: 0 0 8px rgba(197, 168, 128, 0.5) !important; /* 赋予微弱的高级氛围微光 */
}
/* ==========================================================================
   QSA-ARTICLE 文章详情页链接下划线深度全消灭
   ========================================================================== */

/* 1. 深度锁定文章页上部分的头部、面包屑及所有元信息链接，强制连根拔除下划线 */
.qsa-article-content-core a,
.qsa-article-content-core a:hover,
.qsa-article-content-core .entry-header a,
.qsa-article-content-core .entry-header a:hover,
.qsa-article-content-core .entry-meta a,
.qsa-article-content-core .entry-meta a:hover {
    text-decoration: none !important;     /* 强行抹去任何形式的原生文字下划线 */
    border-bottom: none !important;       /* 扼杀主题可能通过 border-bottom 伪造的虚线或实线 */
}

/* ==========================================================================
   Qinsound V2 绝对隔离网格系统（防冲突、品牌色定制版）
   ========================================================================== */

/* 1. 独立大容器：彻底撑开空间，防止被页脚吸附 */
.qinsound-v2-main-wrapper {
    background: #ffffff !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 80px 0 !important;
    display: block !important;
    clear: both !important;
    box-sizing: border-box !important;
}

/* 2. 网格核心：强制3列自适应，防止卡片变窄 */
.qinsound-v2-grid-layout {
    max-width: 1552px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: grid !important;
    /* minmax(0, 1fr) 强制均匀分配剩余宽度，绝不缩水 */
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 35px !important; /* 框与框之间的黄金间距 */
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. 使用 div 替代 article，彻底抹平主题自带样式 */
div.qinsound-v2-item-box {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important; /* 更加圆润现代的边角 */
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.3s ease !important;
    /* 强力重置可能受到的浮动干扰 */
    width: auto !important;
    float: none !important;
    margin: 0 !important;
}

div.qinsound-v2-item-box:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 25px -5px rgba(15, 30, 54, 0.1) !important;
}

.qinsound-v2-anchor-link {
    text-decoration: none !important;
    display: block !important;
}

/* 4. 图片框体比例控制 */
.qinsound-v2-img-container {
    position: relative !important;
    width: 100% !important;
    height: 240px !important; /* 稳定的高度自适应裁剪 */
    overflow: hidden !important;
    background: #f8fafc !important;
}

.qinsound-v2-responsive-pic {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}

div.qinsound-v2-item-box:hover .qinsound-v2-responsive-pic {
    transform: scale(1.04) !important;
}

/* 5. 文字信息区及配色微调 */
.qinsound-v2-text-block {
    padding: 24px !important;
    box-sizing: border-box !important;
}

/* 金色标签 */
.qinsound-v2-category-badge {
    display: inline-block !important;
    background: #fef3c7 !important; /* 极淡的金色底色 */
    color: #b45309 !important;      /* 质感深金色文字 */
    padding: 4px 12px !important;
    border-radius: 4px !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 600 !important;
    margin-bottom: 14px !important;
}

.qinsound-v2-text-block h3 {
    font-size: 19px !important;
    color: #0f1e36 !important; /* 主题深海蓝 */
    margin: 0 0 10px 0 !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
}

.qinsound-v2-text-block p {
    font-size: 14px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.6 !important;
}

/* ==========================================================================
   6. 统一风格：高档深海蓝与金色分页导航
   ========================================================================== */
.qinsound-v2-pagination-nav {
    max-width: 1552px !important;
    margin: 60px auto 0 auto !important;
    padding: 0 20px !important;
    text-align: center !important;
    clear: both !important;
}

.qinsound-v2-pagination-nav .page-numbers {
    display: inline-block !important;
    padding: 10px 18px !important;
    margin: 0 5px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f1e36 !important; /* 默认深海蓝字 */
    border-radius: 6px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
}

/* 当前激活页码：高级深海蓝底 + 白色字 */
.qinsound-v2-pagination-nav .page-numbers.current {
    background: #0f1e36 !important; 
    color: #ffffff !important;
    border-color: #0f1e36 !important;
}

/* 鼠标悬停页码：边框变成金色，字变成金色 */
.qinsound-v2-pagination-nav .page-numbers:hover:not(.current) {
    border-color: #b45309 !important;
    color: #b45309 !important;
    background: #fffdf5 !important;
}

/* ==========================================================================
   7. 响应式移动端断点
   ========================================================================== */
@media (max-width: 992px) {
    .qinsound-v2-grid-layout { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; }
}
@media (max-width: 640px) {
    .qinsound-v2-grid-layout { grid-template-columns: 1fr !important; gap: 24px !important; }
}