/* =========================================================
   关于我们 (About Us) - 深度美化单行维护版
========================================================= */
.yy-about-main { padding-bottom: 0px; font-family: inherit; }
.yy-about-section { padding: 50px 0; }
.yy-bg-light { background-color: #f8f9fa; }
.yy-text-center { text-align: center; }
.yy-section-title { font-size: 32px; font-weight: 700; color: #111; margin-bottom: 10px; line-height: 1.3; }
.yy-section-subtitle { font-size: 16px; color: #666; margin-bottom: 40px; }
.yy-container { max-width: 1500px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }

/* 2. 公司简介 (视频+文字) - 修复上下左右间距 */
.yy-about-intro { display: flex; gap: 50px; align-items: center; margin-top: 20px; margin-bottom: 10px; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box; }
.yy-intro-video { flex: 1; aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.08); background-color: #000; width: 100%; }
.yy-intro-text { flex: 1; }
.yy-intro-text h2 { font-size: 30px; line-height: 1.35; margin-bottom: 24px; color: #1a1a1a; font-weight: 700; }
.yy-intro-text p { font-size: 16px; line-height: 1.7; color: #555; margin-bottom: 18px; }

/* 视频动态加载占位特效 */
.yy-video-placeholder { position: relative; width: 100%; height: 100%; cursor: pointer; background: #000; }
.yy-video-placeholder img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: opacity 0.3s; }
.yy-video-placeholder:hover img { opacity: 0.9; }
.yy-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70px; height: 70px; background: rgba(0,160,233,0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; transition: transform 0.3s, background 0.3s; box-shadow: 0 0 20px rgba(0,0,0,0.3); }
.yy-play-btn svg { width: 36px; height: 36px; margin-left: 5px; }
.yy-video-placeholder:hover .yy-play-btn { transform: translate(-50%, -50%) scale(1.1); background: #00a0e9; }
.yy-video-placeholder.is-playing img, .yy-video-placeholder.is-playing .yy-play-btn { display: none; }

/* 3. 四大核心优势 - 修复上下左右间距 */
.yy-features-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-bottom: 30px; padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box; }
.yy-feature-box { display: flex; align-items: center; background: #fff; border: 1px solid #d1d5db; border-radius: 12px; padding: 30px 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.03); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); cursor: pointer; }
.yy-feature-box:hover { transform: translateY(-8px); border-color: var(--yy-primary); box-shadow: 0 15px 35px rgba(0,86,179,0.1); }
.yy-feat-icon { flex-shrink: 0; width: 64px; height: 64px; background: var(--yy-primary); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; margin-right: 20px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.yy-feature-box:hover .yy-feat-icon { transform: scale(1.15) translateY(-5px); box-shadow: 0 10px 20px rgba(0,86,179,0.4); }
.yy-feat-icon svg { width: 30px; height: 30px; stroke-width: 1.5; }
.yy-feat-text { display: flex; flex-direction: column; }
.yy-feat-text h4 { font-size: 17px; font-weight: 700; color: #111; margin: 0 0 6px 0; line-height: 1.2; transition: color 0.3s ease; }
.yy-feature-box:hover .yy-feat-text h4 { color: var(--yy-primary); }
.yy-feat-text p { font-size: 13.5px; color: #666; margin: 0; line-height: 1.4; }

/* 4. 信任与认证 */
.yy-about-trust { display: flex; gap: 60px; align-items: center; }
.yy-trust-text { flex: 1; }
.yy-trust-text h2 { font-size: 32px; margin-bottom: 20px; color: #111; font-weight: 700; line-height: 1.3; }
.yy-trust-text p { font-size: 16px; line-height: 1.75; color: #555; }
.yy-trust-grid { flex: 1.2; display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.yy-trust-item { background: #fff; padding: 35px 25px; text-align: center; border: 1px solid #edf2f7; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); transition: all 0.3s ease; }
.yy-trust-item:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(0,160,233,0.08); border-color: #00a0e9; }
.yy-trust-icon { width: 48px; height: 48px; margin: 0 auto 16px; color: #00a0e9; }
.yy-trust-item p { margin: 0; font-size: 15px; font-weight: 600; color: #2d3748; line-height: 1.5; }

/* 5. 增强模块：实力数据统计 */
.yy-about-stats { background: linear-gradient(135deg, #0b1c3d 0%, #152c50 100%); padding: 75px 0; border-top: 3px solid #00a0e9; position: relative; overflow: hidden; }
.yy-about-stats::before { content: ""; position: absolute; top: -50%; left: 50%; width: 100%; height: 100%; background: radial-gradient(circle, rgba(0,160,233,0.08) 0%, transparent 70%); transform: translateX(-50%); pointer-events: none; }
.yy-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); text-align: center; position: relative; z-index: 1; }
.yy-stat-item { padding: 20px 10px; border-right: 1px solid rgba(255,255,255,0.06); transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); cursor: default; }
.yy-stat-item:last-child { border-right: none; }
.yy-stat-item:hover { transform: translateY(-10px); }
.yy-stat-num { font-size: 58px; font-weight: 900; font-family: 'Arial Black', Impact, sans-serif; background: linear-gradient(to bottom, #ffffff 0%, #a4b4cb 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 12px; line-height: 1; transition: all 0.4s ease; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.2)); }
.yy-stat-item:hover .yy-stat-num { background: linear-gradient(to right, #00a0e9, #66c8ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 15px rgba(0,160,233,0.5)); transform: scale(1.05); }
.yy-stat-desc { font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #8fa6c9; line-height: 1.5; transition: color 0.3s ease; }
.yy-stat-item:hover .yy-stat-desc { color: #fff; }

/* 6. 工厂实景展示 */
.yy-facility-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 40px; }
.yy-facility-item { position: relative; border-radius: 8px; overflow: hidden; background: #000; }
.yy-facility-item img { width: 100%; height: 300px; object-fit: cover; display: block; opacity: 0.9; transition: transform 0.6s ease, opacity 0.6s ease; }
.yy-facility-item:hover img { transform: scale(1.08); opacity: 0.6; }
.yy-facility-caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px 15px 15px; background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, transparent 100%); color: #fff; font-weight: 600; font-size: 16px; text-align: center; transition: padding-bottom 0.3s ease; }
.yy-facility-item:hover .yy-facility-caption { padding-bottom: 25px; }

/* 7. FAQ 区块 */
.yy-about-faq { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.yy-faq-item h3 { font-size: 17px; color: #1a202c; margin-bottom: 12px; line-height: 1.4; font-weight: 700; }
.yy-faq-item p { font-size: 14.5px; color: #4a5568; line-height: 1.7; margin: 0; }

/* 8. 专利展示 */
.yy-patents-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; align-items: center; margin-top: 35px; }
.yy-patent-item img { width: 100%; height: auto; border: 1px solid #e2e8f0; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); transition: transform 0.3s ease; }
.yy-patent-item:hover img { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }

/* 9. 高级合作转化与联系模块 */
.yy-contact-layout { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40px; align-items: stretch; margin-top: 10px; }
.yy-contact-info { padding: 50px 45px; border-radius: 16px; box-shadow: 0 15px 40px rgba(11,28,61,0.15); display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.yy-contact-list-lg { list-style: none; padding: 0; margin: 0; }
.yy-contact-list-lg li { display: flex; align-items: center; margin-bottom: 20px; color: #fff; font-size: 16px; font-weight: 500; }
.yy-contact-form-card { background: #fff; padding: 50px 45px; border-radius: 16px; box-shadow: 0 10px 35px rgba(0,0,0,0.06); border: 1px solid #f0f4f8; height: 100%; box-sizing: border-box; }
.yy-contact-form-card h3 { font-size: 24px; color: #111; margin-bottom: 30px; font-weight: 700; text-align: center; }

/* =========================================================
   响应式设计 (移动端与平板) - 单行维护版
========================================================= */
@media (max-width: 1024px) {
    .yy-about-intro, .yy-about-trust { flex-direction: column; gap: 40px; }
    .yy-facility-grid { grid-template-columns: repeat(2, 1fr); }
    .yy-about-faq { grid-template-columns: repeat(2, 1fr); }
    .yy-trust-text { text-align: center; }
    .yy-contact-layout { grid-template-columns: 1fr; gap: 30px; }
    .yy-contact-form-card { padding: 40px 30px; }
}
@media (max-width: 768px) {
    .yy-about-intro { margin-top: 0px; margin-bottom: 0px; gap: 30px; padding-top: 20px; padding-bottom: 10px; }
    .yy-features-wrapper { margin-bottom: 0px; gap: 20px; }

    .yy-section-title,
    .yy-section-subtitle,
    .yy-facility-grid,
    .yy-about-faq,
    .yy-patents-grid {
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }

    /* 以下是移动端网格重组正常逻辑 */
    .yy-features-wrapper { grid-template-columns: 1fr; }
    .yy-feature-box { padding: 20px; }

    .yy-trust-grid { grid-template-columns: 1fr; gap: 15px; }
    .yy-facility-grid { grid-template-columns: 1fr; margin-top: 20px; }

    .yy-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 30px 0; }
    .yy-stat-item { border-right: 1px solid rgba(255,255,255,0.08); padding: 15px 5px; }
    .yy-stat-item:nth-child(2), .yy-stat-item:nth-child(4) { border-right: none; }
    .yy-stat-num { font-size: 40px; }

    .yy-patents-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .yy-patents-grid .yy-patent-item:nth-child(5) { display: none; }

    .yy-contact-info { padding: 40px 25px; margin: 0 15px; }
    .yy-contact-form-card { padding: 35px 20px; margin: 0 15px; }
}