/* 全局样式 */
        .testimonials-page {
            max-width: 1400px;
            margin: 0 auto;
            padding: 1.5rem 1.5rem 3rem;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
            color: #1e293b;
            line-height: 1.5;
        }
        .page-header { margin-bottom: 2rem; }
        .page-header h1 {
            font-size: 2.5rem; font-weight: 700; letter-spacing: -0.01em;
            margin-bottom: 0.75rem; color: #0f172a;
            border-bottom: 4px solid #2563eb; padding-bottom: 0.5rem; display: inline-block;
        }
        .subheadline { font-size: 1.2rem; color: #334155; max-width: 950px; margin-top: 0.75rem; }
        
        /* 信任摘要 */
        .trust-summary {
            background: #f8fafc; padding: 2rem 2.2rem; border-radius: 32px;
            margin-bottom: 3rem; border: 1px solid #e2e8f0;
        }
        .summary-grid { display: grid; grid-template-columns: 1fr 1.6fr 1fr; gap: 2rem; align-items: center; }
        .summary-stat { text-align: center; }
        .stat-number { font-size: 3.5rem; font-weight: 800; color: #0f172a; line-height: 1; }
        .stat-number span { font-size: 1.6rem; font-weight: 500; color: #64748b; }
        .stat-label { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.5px; color: #475569; margin: 0.5rem 0 0.2rem; }
        .stars { color: #eab308; font-size: 1.7rem; letter-spacing: 5px; }
        .based-on { font-size: 0.9rem; color: #64748b; margin-top: 0.5rem; }
        .summary-bars .bar-item { display: flex; align-items: center; gap: 1rem; font-size: 0.95rem; margin-bottom: 0.6rem; }
        .bar-bg { flex: 1; height: 10px; background: #e2e8f0; border-radius: 20px; overflow: hidden; }
        .bar-fill { display: block; height: 100%; background: #2563eb; border-radius: 20px; }
        .summary-badge {
            text-align: center; background: white; padding: 1.2rem 1.2rem;
            border-radius: 24px; box-shadow: 0 6px 12px rgba(0,0,0,0.02);
        }
        .badge-icon { font-size: 2.4rem; display: block; margin-bottom: 0.3rem; }
        .cert-link-inline {
            display: inline-block; margin-top: 0.8rem; font-weight: 600;
            color: #2563eb; text-decoration: none; font-size: 0.95rem;
        }
        .cert-link-inline:hover { text-decoration: underline; }
        
        .testimonial-section { margin-bottom: 3.5rem; }
        .section-header { margin-bottom: 2rem; }
        .section-header h2 { font-size: 2rem; font-weight: 650; color: #0f172a; margin-bottom: 0.3rem; display: flex; align-items: center; gap: 10px; }
        .section-sub { font-size: 1.05rem; color: #475569; max-width: 800px; }
        
        /* 卡片网格 */
        .testimonial-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2rem; }
        .testimonial-card {
            background: white; border-radius: 28px; overflow: hidden;
            box-shadow: 0 15px 35px rgba(0,0,0,0.05); border: 1px solid #edf2f7;
            transition: transform 0.2s, box-shadow 0.2s; display: flex; flex-direction: column;
        }
        .testimonial-card:hover { transform: translateY(-5px); box-shadow: 0 25px 40px -10px rgba(0,35,70,0.12); }
        .card-media { position: relative; background: #f1f5f9; overflow: hidden; }
        .card-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .photo-card .card-media { height: 360px; }
        .photo-card .card-media img { height: 360px; }
        
        /* 竖版视频容器 — 保持9:16比例，支持iframe嵌入 */
        .video-thumb.portrait {
            position: relative;
            aspect-ratio: 9 / 16;
            cursor: pointer;
            background-color: #0a0a0a;
        }
        .video-thumb.portrait img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .play-icon {
            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
            background: rgba(0,0,0,0.7); color: white; width: 60px; height: 60px;
            border-radius: 50%; display: flex; align-items: center; justify-content: center;
            font-size: 2rem; backdrop-filter: blur(2px); border: 2px solid white; transition: 0.15s;
            pointer-events: none;  /* 让点击事件由父级 .video-thumb 捕获，确保稳定 */
        }
        .video-thumb:hover .play-icon { background: #2563eb; }
        
        /* 内嵌iframe样式：填满容器，保留画质 */
        .video-thumb.portrait iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0;
            display: block;
        }
        
        .card-content { padding: 1.8rem 1.5rem 2rem; flex: 1; display: flex; flex-direction: column; }
        .rating { color: #eab308; font-size: 1.4rem; letter-spacing: 3px; margin-bottom: 1rem; }
        .quote { font-size: 1.05rem; margin: 0 0 1.5rem; line-height: 1.5; color: #1e293b; flex: 1; }
        .client-info { margin-bottom: 0.8rem; }
        .client-info strong { display: block; font-weight: 700; color: #0f172a; font-size: 1.05rem; }
        .client-info span { font-size: 0.9rem; color: #64748b; }
        .verified-badge {
            font-size: 0.85rem; color: #059669; background: #d1fae5; display: inline-block;
            padding: 0.3rem 1rem; border-radius: 30px; width: fit-content; margin-top: 0.3rem; font-weight: 500;
        }
        
        /* 对比滑块 */
        .comparison-slider {
            background: white; border-radius: 28px; padding: 1.8rem; margin-bottom: 2.5rem;
            box-shadow: 0 12px 28px rgba(0,0,0,0.04); border: 1px solid #e9eef3;
        }
        .slider-header h3 { font-size: 1.5rem; font-weight: 700; margin: 0 0 0.3rem; color: #0f172a; }
        .slider-meta { color: #64748b; margin-bottom: 1.2rem; }
        .slider-container {
            position: relative; width: 100%; max-width: 800px; margin: 0 auto 1.5rem;
            aspect-ratio: 3 / 2; overflow: hidden; border-radius: 20px; cursor: ew-resize;
        }
        .slider-before, .slider-after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
        .slider-before img, .slider-after img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .slider-after { clip-path: inset(0 0 0 50%); }
        .slider-divider {
            position: absolute; top: 0; left: 50%; width: 4px; height: 100%;
            background: white; box-shadow: 0 0 8px rgba(0,0,0,0.3); pointer-events: none; transform: translateX(-50%);
        }
        .slider-handle {
            position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
            width: 44px; height: 44px; background: white; border-radius: 50%;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center;
            cursor: ew-resize; border: 2px solid #2563eb;
        }
        .slider-handle::before { content: "⟷"; font-size: 24px; color: #1e293b; }
        .slider-label {
            position: absolute; top: 20px; background: rgba(0,0,0,0.6); color: white;
            padding: 0.3rem 1.2rem; border-radius: 40px; font-weight: 600; font-size: 0.9rem;
            backdrop-filter: blur(4px);
        }
        .before-label { left: 20px; } .after-label { right: 20px; }
        .slider-testimonial { text-align: center; max-width: 700px; margin: 0 auto; }
        
        /* CTA - 强化居中样式 */
        .cta-block {
            margin-top: 2.5rem;
            background: linear-gradient(145deg, #0f172a 0%, #1e293b 100%);
            border-radius: 40px;
            padding: 3.5rem 2rem;
            color: white;
            text-align: center;
        }
        .cta-content {
            text-align: center;
            max-width: 850px;
            margin: 0 auto;
        }
        .cta-content h2 {
            font-size: 2.2rem;
            font-weight: 700;
            margin-bottom: 1.2rem;
            color: white;
            text-align: center;
        }
        .cta-main-text {
            font-size: 1.2rem;
            opacity: 0.92;
            margin-bottom: 0.5rem;
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .cta-sub-text {
            font-size: 1rem;
            opacity: 0.75;
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
            margin-top: 1rem;
            margin-bottom: 0;
        }
        .cta-button {
            display: inline-block;
            background: #3b82f6;
            color: white;
            font-weight: 700;
            font-size: 1.3rem;
            padding: 1.1rem 3.5rem;
            border-radius: 60px;
            text-decoration: none;
            margin: 1.5rem 0 0.5rem;
            border: 2px solid white;
            transition: 0.2s;
            box-shadow: 0 10px 20px rgba(0,0,0,0.2);
        }
        .cta-button:hover { background: white; color: #0f172a; border-color: #0f172a; }
        .small-note { font-size: 1rem; opacity: 0.7; }
        
        /* 响应式 */
        @media (max-width: 900px) { .summary-grid { grid-template-columns: 1fr; gap: 1.5rem; } }
        @media (max-width: 640px) {
            .testimonials-page { padding: 1rem 1rem 2rem; }
            .page-header h1 { font-size: 2rem; }
            .testimonial-grid { grid-template-columns: 1fr; }
            .photo-card .card-media { height: 280px; } .photo-card .card-media img { height: 280px; }
            .cta-content h2 { font-size: 1.8rem; }
            .slider-container { aspect-ratio: 1/1; }
        }