/* =====================================================================
   一秒互联产品中心 V6.2 独立样式（参考 imhehe 产品矩阵 · 全 !important 防历史层覆盖）
   一秒互联公司  www.yimiaonet.com  400-716-8908
   仅作用于 .pv6 容器，独立于旧 ymcatalog 样式体系
   ===================================================================== */

.pv6 {
    --pv6-primary: #1a6aff;
    --pv6-primary-deep: #0052e0;
    --pv6-primary-light: #e8f1ff;
    --pv6-text: #17181c;
    --pv6-text-sub: #5b6070;
    --pv6-text-faint: #8a90a3;
    --pv6-border: #e6e9f2;
    --pv6-bg-alt: #f7f9fc;
    --pv6-grad-hero: linear-gradient(180deg, #c8e4fe 0%, #eef4fe 46%, #ffffff 100%);
    --pv6-grad-cta: linear-gradient(135deg, #0c47b8 0%, #1a6aff 55%, #4c8dff 100%);
    --pv6-grad-stat: linear-gradient(135deg, #0b1220 0%, #12234d 100%);
    --pv6-shadow: 0 6px 24px rgba(23, 34, 66, 0.07) !important;
    --pv6-shadow-lg: 0 14px 44px rgba(23, 34, 66, 0.12) !important;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif !important;
    color: var(--pv6-text) !important;
    line-height: 1.7 !important;
    background: #fff !important;
}
.pv6 * { margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; }
.pv6 a { color: inherit !important; text-decoration: none !important; }
.pv6 img { max-width: 100% !important; display: block !important; }
.pv6 button { font-family: inherit !important; cursor: pointer !important; background: none; }
.pv6-wrap { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 28px !important; padding-right: 28px !important; }

/* ============ 页头 ============ */
.pv6-hero { position: relative !important; overflow: hidden !important; }
.pv6-hero-bg { position: absolute !important; inset: 0 !important; background: var(--pv6-grad-hero) !important; }
.pv6-hero-bg::after { content: "" !important; position: absolute !important; inset: 0 !important; background:
    radial-gradient(620px 300px at 85% 18%, rgba(26, 106, 255, 0.10), transparent 70%),
    radial-gradient(480px 260px at 8% 85%, rgba(0, 194, 168, 0.07), transparent 70%) !important; }
.pv6-hero-inner { position: relative !important; display: grid !important; grid-template-columns: 1.05fr 0.95fr !important; gap: 48px !important; align-items: center !important; padding-top: 72px !important; padding-bottom: 88px !important; }
.pv6-hero-copy .pv6-kicker { display: inline-block !important; font-size: 13px !important; color: var(--pv6-primary-deep) !important; font-weight: 700 !important; letter-spacing: 3px !important; background: rgba(255, 255, 255, 0.7) !important; border: 1px solid #cfe0ff !important; border-radius: 999px !important; padding: 6px 16px !important; margin-bottom: 20px !important; }
.pv6-hero-copy h1 { font-size: clamp(30px, 3.8vw, 48px) !important; font-weight: 800 !important; line-height: 1.3 !important; letter-spacing: 0.5px !important; }
.pv6-hero-copy h1 em { font-style: normal !important; color: #17181c !important; }
.pv6-hero-copy > p { margin-top: 18px !important; font-size: 16.5px !important; color: #454b60 !important; max-width: 560px !important; line-height: 1.85 !important; }
.pv6-hero-copy > p strong { color: var(--pv6-primary-deep) !important; }
.pv6-hero-btns { display: flex !important; gap: 16px !important; margin-top: 32px !important; flex-wrap: wrap !important; }

/* ============ 场景导航条（V6.2 新增） ============ */
.pv6-scenes { position: relative !important; background: #fff !important; padding: 0 0 56px !important; }
.pv6-scenes .pv6-wrap { position: relative !important; }
.pv6-scenes-grid { display: grid !important; grid-template-columns: repeat(6, 1fr) !important; gap: 14px !important; margin-top: -46px !important; }
.pv6-scene { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: 16px !important; padding: 22px 10px 18px !important; text-align: center !important; box-shadow: 0 10px 30px rgba(23, 34, 66, 0.08) !important; transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease !important; }
.pv6-scene:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; border-color: #cfe0ff !important; }
.pv6-scene strong { font-size: 16px !important; font-weight: 800 !important; color: var(--pv6-text) !important; }
.pv6-scene:hover strong { color: var(--pv6-primary) !important; }
.pv6-scene span { font-size: 12.5px !important; color: var(--pv6-text-faint) !important; }

/* 按钮 */
.pv6-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 11px 28px !important; border-radius: 999px !important; border: 1px solid transparent !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; transition: all 0.25s ease !important; white-space: nowrap !important; }
.pv6-btn-lg { padding: 14px 38px !important; font-size: 16px !important; }
.pv6-btn-primary { background: var(--pv6-primary) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(26, 106, 255, 0.35) !important; }
.pv6-btn-primary:hover { background: var(--pv6-primary-deep) !important; transform: translateY(-2px) !important; box-shadow: 0 10px 26px rgba(26, 106, 255, 0.45) !important; }
.pv6-btn-ghost { background: rgba(255, 255, 255, 0.75) !important; color: var(--pv6-text) !important; border-color: var(--pv6-border) !important; }
.pv6-btn-ghost:hover { border-color: var(--pv6-primary) !important; color: var(--pv6-primary) !important; transform: translateY(-2px) !important; }
.pv6-btn-invert { background: #fff !important; color: var(--pv6-primary) !important; }
.pv6-btn-invert:hover { transform: translateY(-2px) !important; box-shadow: 0 12px 30px rgba(4, 20, 60, 0.35) !important; }
.pv6-btn-outline { background: transparent !important; color: #fff !important; border-color: rgba(255, 255, 255, 0.6) !important; }
.pv6-btn-outline:hover { border-color: #fff !important; background: rgba(255, 255, 255, 0.12) !important; }

/* ============ 数字信任条 ============ */
.pv6-stats { position: relative !important; background: var(--pv6-grad-stat) !important; padding: 54px 0 46px !important; overflow: hidden !important; }
.pv6-stats::before { content: "" !important; position: absolute !important; inset: 0 !important; background:
    radial-gradient(600px 260px at 15% 20%, rgba(26, 106, 255, 0.22), transparent 70%),
    radial-gradient(520px 240px at 88% 85%, rgba(76, 141, 255, 0.16), transparent 70%) !important; }
.pv6-stats-inner { position: relative !important; display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 18px !important; }
.pv6-stat { text-align: center !important; position: relative !important; }
.pv6-stat:not(:last-child)::after { content: "" !important; position: absolute !important; right: -9px !important; top: 50% !important; transform: translateY(-50%) !important; width: 1px !important; height: 48px !important; background: rgba(255, 255, 255, 0.16) !important; }
.pv6-stat strong { display: block !important; font-size: clamp(34px, 3.6vw, 50px) !important; font-weight: 800 !important; color: #fff !important; line-height: 1.2 !important; letter-spacing: 1px !important; }
.pv6-stat span { display: block !important; margin-top: 8px !important; font-size: 14px !important; color: rgba(255, 255, 255, 0.78) !important; letter-spacing: 2px !important; }

/* ============ 区块通用 ============ */
.pv6-alt { background: var(--pv6-bg-alt) !important; }
.pv6-h2 { font-size: clamp(26px, 3vw, 36px) !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0.3px !important; }
.pv6-h2 em { font-style: normal !important; color: var(--pv6-primary) !important; }
.pv6-sec-head { margin-bottom: 44px !important; display: flex !important; align-items: flex-end !important; justify-content: space-between !important; gap: 22px !important; flex-wrap: wrap !important; }
.pv6-sec-head.pv6-center { justify-content: center !important; text-align: center !important; }

/* ============ 产品网格（V6.2：横向大卡） ============ */
.pv6-list { padding: 84px 0 90px !important; }
.pv6-filters { display: flex !important; gap: 8px !important; padding: 6px !important; background: #eef2fa !important; border-radius: 999px !important; flex-wrap: wrap !important; }
.pv6-filters button { background: transparent !important; padding: 9px 22px !important; border: none !important; border-radius: 999px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--pv6-text-sub) !important; transition: all 0.25s !important; white-space: nowrap !important; }
.pv6-filters button:hover { color: var(--pv6-primary) !important; }
.pv6-filters button.is-active { background: #fff !important; color: var(--pv6-primary) !important; box-shadow: 0 3px 12px rgba(23, 34, 66, 0.10) !important; }
.pv6-grid { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 26px !important; }
.pv6-card { display: flex !important; flex-direction: row !important; background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: 20px !important; overflow: hidden !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s !important; }
.pv6-card:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; border-color: #cfe0ff !important; }
.pv6-card[hidden] { display: none !important; }
.pv6-card-img { width: 42% !important; height: auto !important; min-height: 240px !important; object-fit: cover !important; background: #eef3fb !important; flex-shrink: 0 !important; }
.pv6-card-img-ph { display: flex !important; align-items: center !important; justify-content: center !important; font-size: 44px !important; font-weight: 800 !important; color: #b9c8e4 !important; background: linear-gradient(135deg, #f0f5ff, #e2ecfd) !important; }
.pv6-card-body { padding: 26px 28px 24px !important; display: flex !important; flex-direction: column !important; gap: 10px !important; flex: 1 !important; min-width: 0 !important; }
.pv6-card-meta { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; }
.pv6-card-cat { font-size: 12px !important; color: var(--pv6-primary) !important; background: var(--pv6-primary-light) !important; border-radius: 999px !important; padding: 4px 12px !important; font-weight: 700 !important; }
.pv6-card-hot { font-size: 12px !important; color: #b45309 !important; background: #fff7e6 !important; border-radius: 999px !important; padding: 4px 12px !important; font-weight: 700 !important; }
.pv6-card-body h3 { font-size: 21px !important; font-weight: 800 !important; letter-spacing: 0.3px !important; }
.pv6-card-tag { font-size: 13.5px !important; color: var(--pv6-primary) !important; font-weight: 600 !important; }
.pv6-card-desc { font-size: 13.5px !important; color: var(--pv6-text-sub) !important; flex: 1 !important; line-height: 1.75 !important; }
.pv6-card-foot { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-top: 6px !important; padding-top: 14px !important; border-top: 1px dashed var(--pv6-border) !important; }
.pv6-card-foot strong { font-size: 18px !important; font-weight: 800 !important; color: var(--pv6-primary) !important; }
.pv6-card-more { font-size: 14px !important; font-weight: 600 !important; color: var(--pv6-primary) !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; }
.pv6-card-more svg { transition: transform 0.25s !important; }
.pv6-card:hover .pv6-card-more svg { transform: translateX(5px) !important; }
.pv6-empty { text-align: center !important; color: var(--pv6-text-faint) !important; font-size: 15px !important; padding: 60px 0 !important; grid-column: 1 / -1 !important; }

/* ============ 交付承诺四卡（V6.2：3→4） ============ */
.pv6-promise { padding: 84px 0 90px !important; }
.pv6-promise-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.pv6-pm-card { background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: 20px !important; padding: 34px 26px 30px !important; text-align: center !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
.pv6-pm-card:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.pv6-pm-ic { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 60px !important; height: 60px !important; border-radius: 17px !important; background: var(--pv6-primary-light) !important; color: var(--pv6-primary) !important; margin-bottom: 16px !important; transition: background 0.3s, color 0.3s !important; }
.pv6-pm-card:hover .pv6-pm-ic { background: var(--pv6-primary) !important; color: #fff !important; }
.pv6-pm-card h3 { font-size: 18px !important; font-weight: 800 !important; margin-bottom: 10px !important; }
.pv6-pm-card p { font-size: 13.5px !important; color: var(--pv6-text-sub) !important; line-height: 1.75 !important; }

/* ============ 底部 CTA ============ */
.pv6-cta { padding: 0 0 96px !important; }
.pv6-cta-card { position: relative !important; background: var(--pv6-grad-cta) !important; border-radius: 26px !important; padding: 64px 44px !important; text-align: center !important; overflow: hidden !important; }
.pv6-cta-card h2 { position: relative !important; color: #fff !important; font-size: clamp(24px, 3vw, 36px) !important; font-weight: 800 !important; line-height: 1.45 !important; }
.pv6-cta-card h2 em { font-style: normal !important; color: #ffd43b !important; }
.pv6-cta-card > p { position: relative !important; margin-top: 14px !important; font-size: 15px !important; color: rgba(255, 255, 255, 0.82) !important; }
.pv6-cta-actions { position: relative !important; display: flex !important; justify-content: center !important; gap: 18px !important; margin-top: 32px !important; flex-wrap: wrap !important; }
.pv6-cta-ribbons { position: absolute !important; inset: 0 !important; overflow: hidden !important; pointer-events: none !important; }
.pv6-cta-ribbons i { position: absolute !important; border-radius: 999px !important; filter: blur(2px) !important; opacity: 0.5 !important; }
.pv6-cta-ribbons i:nth-child(1) { width: 340px !important; height: 340px !important; background: radial-gradient(circle, rgba(120, 190, 255, 0.5), transparent 70%) !important; top: -170px !important; left: -90px !important; animation: pv6-float 7s ease-in-out infinite !important; }
.pv6-cta-ribbons i:nth-child(2) { width: 420px !important; height: 420px !important; background: radial-gradient(circle, rgba(255, 255, 255, 0.25), transparent 70%) !important; bottom: -240px !important; right: -110px !important; animation: pv6-float 9s 0.8s ease-in-out infinite !important; }
.pv6-cta-ribbons i:nth-child(3) { width: 200px !important; height: 200px !important; background: radial-gradient(circle, rgba(255, 212, 59, 0.30), transparent 70%) !important; top: 40px !important; right: 22% !important; animation: pv6-float 8s 0.4s ease-in-out infinite !important; }
@keyframes pv6-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-22px); } }

/* ============ 响应式 ============ */
@media (max-width: 1080px) {
    .pv6-hero-inner { grid-template-columns: 1fr !important; padding-top: 48px !important; padding-bottom: 64px !important; }
    .pv6-scenes-grid { grid-template-columns: repeat(3, 1fr) !important; margin-top: -36px !important; }
    .pv6-grid { grid-template-columns: 1fr !important; }
    .pv6-promise-grid { grid-template-columns: repeat(2, 1fr) !important; }
    .pv6-stats-inner { grid-template-columns: repeat(2, 1fr) !important; gap: 30px 14px !important; }
    .pv6-stat:nth-child(2)::after { display: none !important; }
    .pv6-sec-head { justify-content: center !important; text-align: center !important; }
}
@media (max-width: 640px) {
    .pv6-wrap { padding-left: 18px !important; padding-right: 18px !important; }
    .pv6-hero-btns { flex-direction: column !important; align-items: stretch !important; }
    .pv6-scenes-grid { grid-template-columns: repeat(2, 1fr) !important; margin-top: -30px !important; }
    .pv6-grid { grid-template-columns: 1fr !important; }
    .pv6-card { flex-direction: column !important; }
    .pv6-card-img { width: 100% !important; min-height: 180px !important; }
    .pv6-promise-grid { grid-template-columns: 1fr !important; }
    .pv6-stats-inner { grid-template-columns: 1fr 1fr !important; }
    .pv6-stat::after { display: none !important; }
    .pv6-filters { justify-content: center !important; width: 100% !important; }
    .pv6-cta-card { padding: 46px 22px !important; }
    .pv6-cta-actions { flex-direction: column !important; align-items: stretch !important; }
}