/* =====================================================================
   一秒互联产品详情页 V6 设计覆盖层（ONES 风格，与首页 home-v6 同语言）
   一秒互联公司  www.yimiaonet.com  400-716-8908
   加载顺序：在 product-showcase-2114.css 之后，作用于 .ympx 容器
   ===================================================================== */

:root {
    --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-radius: 14px;
    --pv6-radius-lg: 20px;
    --pv6-shadow: 0 6px 24px rgba(23, 34, 66, 0.07);
    --pv6-shadow-lg: 0 14px 44px rgba(23, 34, 66, 0.12);
}

/* ============ Hero：浅蓝渐变 ============ */
.ympx-hero { background: var(--pv6-grad-hero) !important; padding: 60px 0 76px !important; }
.ympx-hero::after { display: none !important; }
.ympx-shell { max-width: 1200px !important; margin: 0 auto !important; padding: 0 28px !important; }
.ympx-hero-grid { display: grid !important; grid-template-columns: 1.05fr 0.95fr !important; gap: 48px !important; align-items: center !important; }
.ympx-badges { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; margin-bottom: 16px !important; }
.ympx-badges span, .ympx-badges em {
    font-size: 12.5px !important; font-weight: 700 !important; font-style: normal !important;
    color: var(--pv6-primary) !important; background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid #cfe0ff !important; border-radius: 999px !important; padding: 5px 14px !important;
}
.ympx-badges em { color: #b45309 !important; background: #fff7e6 !important; border-color: #ffe1a8 !important; }
.ympx-kicker { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 3px !important; color: var(--pv6-primary-deep) !important; margin-bottom: 12px !important; }
.ympx-hero-copy h1 {
    font-size: clamp(30px, 3.6vw, 46px) !important; font-weight: 800 !important;
    line-height: 1.28 !important; color: var(--pv6-text) !important; letter-spacing: 0.5px !important; margin-bottom: 14px !important;
}
.ympx-hero-headline { font-size: 17px !important; font-weight: 600 !important; color: #33415e !important; margin-bottom: 10px !important; }
.ympx-hero-summary { font-size: 15px !important; color: var(--pv6-text-sub) !important; line-height: 1.8 !important; }
.ympx-hero-points { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin: 20px 0 0 !important; padding: 0 !important; list-style: none !important; }
.ympx-hero-points li {
    display: inline-flex !important; align-items: center !important; gap: 6px !important;
    font-size: 13.5px !important; color: #33415e !important; background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(207, 224, 255, 0.9) !important; border-radius: 999px !important; padding: 6px 14px !important;
}
.ympx-hero-points svg { width: 14px !important; height: 14px !important; color: var(--pv6-primary) !important; }
.ympx-actions { display: flex !important; gap: 14px !important; margin-top: 28px !important; flex-wrap: wrap !important; }
.ympx-button {
    display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important;
    font-size: 15px !important; font-weight: 600 !important; border-radius: 999px !important; padding: 12px 30px !important;
    border: 1px solid transparent !important; cursor: pointer !important; transition: all 0.25s ease !important; text-decoration: none !important;
}
.ympx-button-primary { background: var(--pv6-primary) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(26, 106, 255, 0.35) !important; }
.ympx-button-primary:hover { background: var(--pv6-primary-deep) !important; transform: translateY(-2px) !important; box-shadow: 0 10px 26px rgba(26, 106, 255, 0.45) !important; }
.ympx-button-secondary { background: rgba(255, 255, 255, 0.85) !important; color: var(--pv6-text) !important; border-color: var(--pv6-border) !important; }
.ympx-button-secondary:hover { border-color: var(--pv6-primary) !important; color: var(--pv6-primary) !important; transform: translateY(-2px) !important; }
.ympx-button-outline { background: #fff !important; color: var(--pv6-primary) !important; border-color: #cfe0ff !important; }
.ympx-button-light { background: #fff !important; color: var(--pv6-primary) !important; }
.ympx-assurance { display: flex !important; gap: 18px !important; flex-wrap: wrap !important; margin-top: 24px !important; font-size: 13px !important; color: var(--pv6-text-sub) !important; }
.ympx-assurance span { display: inline-flex !important; align-items: center !important; gap: 6px !important; }
.ympx-assurance svg { width: 14px !important; height: 14px !important; color: var(--pv6-primary) !important; }

/* Hero 右侧截图 */
.ympx-hero-visual .ympx-hero-screen {
    background: #fff !important; border-radius: var(--pv6-radius-lg) !important; overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, 0.9) !important; box-shadow: var(--pv6-shadow-lg) !important; position: relative !important;
}
.ympx-hero-screen img { width: 100% !important; height: 340px !important; object-fit: cover !important; display: block !important; }
.ympx-hero-screen > span {
    position: absolute !important; top: 14px !important; right: 14px !important;
    font-size: 12.5px !important; font-weight: 700 !important; color: var(--pv6-primary) !important;
    background: rgba(255, 255, 255, 0.95) !important; border-radius: 999px !important; padding: 5px 14px !important;
    box-shadow: 0 2px 10px rgba(23, 34, 66, 0.12) !important;
}
.ympx-thumbnails { display: flex !important; gap: 10px !important; margin-top: 14px !important; }
.ympx-thumbnails button {
    flex: 1 !important; border: 2px solid transparent !important; border-radius: 10px !important; overflow: hidden !important;
    padding: 0 !important; background: #fff !important; cursor: pointer !important; transition: border-color 0.25s !important; box-shadow: var(--pv6-shadow) !important;
}
.ympx-thumbnails button.is-active { border-color: var(--pv6-primary) !important; }
.ympx-thumbnails img { width: 100% !important; height: 64px !important; object-fit: cover !important; display: block !important; }

/* 锚点导航 */
.ympx-anchor {
    position: sticky !important; top: 80px !important; z-index: 60 !important;
    background: rgba(255, 255, 255, 0.96) !important; backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid var(--pv6-border) !important; box-shadow: 0 2px 14px rgba(23, 34, 66, 0.05) !important; padding: 0 !important;
}
.ympx-anchor .ympx-shell { display: flex !important; gap: 4px !important; overflow-x: auto !important; }
.ympx-anchor a {
    padding: 14px 18px !important; font-size: 14.5px !important; color: #3c4257 !important;
    white-space: nowrap !important; text-decoration: none !important; border-bottom: 2px solid transparent !important; transition: color 0.2s !important;
}
.ympx-anchor a:hover { color: var(--pv6-primary) !important; }

/* 区块通用 */
.ympx-section { background: #fff !important; padding: 84px 0 !important; }
.ympx-heading { margin-bottom: 44px !important; }
.ympx-heading > span { display: inline-block !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 3px !important; color: var(--pv6-primary) !important; margin-bottom: 10px !important; }
.ympx-heading h2 { font-size: clamp(24px, 2.8vw, 34px) !important; font-weight: 800 !important; line-height: 1.4 !important; color: var(--pv6-text) !important; letter-spacing: 0.3px !important; }
.ympx-heading p { margin-top: 10px !important; font-size: 15px !important; color: var(--pv6-text-sub) !important; }

/* 价值四宫格 */
.ympx-value-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.ympx-value-grid article {
    background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius) !important;
    padding: 26px 22px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.ympx-value-grid article:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.ympx-value-grid article > span {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 50px !important; height: 50px !important; border-radius: 13px !important;
    background: var(--pv6-primary-light) !important; color: var(--pv6-primary) !important; margin-bottom: 14px !important;
}
.ympx-value-grid article > span svg { width: 24px !important; height: 24px !important; }
.ympx-value-grid h3 { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.ympx-value-grid p { font-size: 13.5px !important; color: var(--pv6-text-sub) !important; line-height: 1.7 !important; }

/* 介绍区媒体 */
.ympx-overview-media {
    display: grid !important; grid-template-columns: 1.15fr 0.85fr !important; gap: 26px !important; margin-top: 46px !important;
    background: var(--pv6-bg-alt) !important; border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius-lg) !important; overflow: hidden !important;
}
.ympx-overview-media img { width: 100% !important; height: 100% !important; min-height: 300px !important; object-fit: cover !important; display: block !important; }
.ympx-overview-media > div { padding: 34px 30px !important; }
.ympx-overview-media > div > span { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 2px !important; color: var(--pv6-primary) !important; }
.ympx-overview-media h3 { font-size: 21px !important; font-weight: 800 !important; margin: 10px 0 !important; color: var(--pv6-text) !important; }
.ympx-overview-media p { font-size: 14px !important; color: var(--pv6-text-sub) !important; line-height: 1.8 !important; }
.ympx-overview-media a { display: inline-flex !important; align-items: center !important; gap: 4px !important; margin-top: 16px !important; font-size: 14px !important; font-weight: 700 !important; color: var(--pv6-primary) !important; text-decoration: none !important; }

/* 数据概览条（深底） */
.ympx-facts { background: var(--pv6-grad-stat) !important; padding: 52px 0 44px !important; position: relative !important; overflow: hidden !important; }
.ympx-facts::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;
}
.ympx-facts .ympx-shell { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 18px !important; position: relative !important; }
.ympx-facts article { text-align: center !important; position: relative !important; }
.ympx-facts article: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; }
.ympx-facts span { display: block !important; font-size: 13.5px !important; color: rgba(255, 255, 255, 0.7) !important; letter-spacing: 2px !important; }
.ympx-facts strong { display: block !important; font-size: clamp(30px, 3.4vw, 44px) !important; font-weight: 800 !important; color: #fff !important; line-height: 1.25 !important; margin: 6px 0 !important; }
.ympx-facts small { font-size: 12px !important; color: rgba(255, 255, 255, 0.42) !important; }

/* 场景 tab */
.ympx-scenes { background: var(--pv6-bg-alt) !important; }
.ympx-scenes-layout { display: grid !important; grid-template-columns: 300px 1fr !important; gap: 26px !important; }
.ympx-scene-tabs { display: flex !important; flex-direction: column !important; gap: 10px !important; }
.ympx-scene-tabs button {
    display: flex !important; align-items: center !important; gap: 12px !important; text-align: left !important;
    background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius) !important;
    padding: 16px 18px !important; cursor: pointer !important; transition: all 0.25s !important;
}
.ympx-scene-tabs button:hover { border-color: #cfe0ff !important; }
.ympx-scene-tabs button.is-active { border-color: var(--pv6-primary) !important; box-shadow: 0 0 0 1px var(--pv6-primary), var(--pv6-shadow) !important; }
.ympx-scene-tabs button > span { font-size: 13px !important; font-weight: 800 !important; color: #c3d4f5 !important; }
.ympx-scene-tabs button.is-active > span { color: var(--pv6-primary) !important; }
.ympx-scene-tabs button strong { flex: 1 !important; font-size: 15.5px !important; color: var(--pv6-text) !important; }
.ympx-scene-tabs button small { font-size: 12px !important; color: var(--pv6-text-faint) !important; }
.ympx-scene-panels article {
    display: grid !important; grid-template-columns: 1fr 1fr !important; background: #fff !important;
    border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius-lg) !important; overflow: hidden !important;
}
.ympx-scene-panels img { width: 100% !important; height: 100% !important; min-height: 320px !important; object-fit: cover !important; }
.ympx-scene-panels > article > div { padding: 32px 30px !important; }
.ympx-scene-panels > article > div > span { font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: 2px !important; color: var(--pv6-primary) !important; }
.ympx-scene-panels h3 { font-size: 22px !important; font-weight: 800 !important; margin: 10px 0 !important; color: var(--pv6-text) !important; }
.ympx-scene-panels p { font-size: 14px !important; color: var(--pv6-text-sub) !important; line-height: 1.8 !important; }
.ympx-scene-panels ul { margin: 14px 0 0 !important; padding-left: 18px !important; }
.ympx-scene-panels li { font-size: 13.5px !important; color: #33415e !important; margin: 6px 0 !important; }

/* 适用方向 */
.ympx-industry-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.ympx-industry-grid article {
    position: relative !important; background: #fff !important; border: 1px solid var(--pv6-border) !important;
    border-radius: var(--pv6-radius) !important; padding: 24px 22px !important; overflow: hidden !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.ympx-industry-grid article::before {
    content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 3px !important;
    background: linear-gradient(90deg, var(--pv6-primary), #4c8dff) !important;
    transform: scaleX(0) !important; transform-origin: left !important; transition: transform 0.35s ease !important;
}
.ympx-industry-grid article:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.ympx-industry-grid article:hover::before { transform: scaleX(1) !important; }
.ympx-industry-grid > article > span { font-size: 13px !important; font-weight: 800 !important; color: #d4e0f6 !important; }
.ympx-industry-grid svg { width: 26px !important; height: 26px !important; color: var(--pv6-primary) !important; margin: 10px 0 !important; }
.ympx-industry-grid h3 { font-size: 16.5px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.ympx-industry-grid p { font-size: 13px !important; color: var(--pv6-text-sub) !important; line-height: 1.7 !important; }

/* 功能矩阵 */
.ympx-capabilities { background: var(--pv6-bg-alt) !important; }
.ympx-capability-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.ympx-capability-grid article {
    background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius) !important;
    padding: 22px 20px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.ympx-capability-grid article:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.ympx-capability-grid article > div { display: flex !important; align-items: center !important; justify-content: space-between !important; margin-bottom: 12px !important; }
.ympx-capability-grid article > div > span { font-size: 13px !important; font-weight: 800 !important; color: #d4e0f6 !important; }
.ympx-capability-grid svg { width: 24px !important; height: 24px !important; color: var(--pv6-primary) !important; }
.ympx-capability-grid h3 { font-size: 15.5px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.ympx-capability-grid p { font-size: 12.5px !important; color: var(--pv6-text-sub) !important; line-height: 1.65 !important; }

/* 聚光区 */
.ympx-spotlight { background: var(--pv6-grad-stat) !important; color: #fff !important; padding: 72px 0 !important; position: relative !important; overflow: hidden !important; }
.ympx-spotlight::before {
    content: "" !important; position: absolute !important; inset: 0 !important; background:
        radial-gradient(620px 280px at 85% 20%, rgba(26, 106, 255, 0.25), transparent 70%),
        radial-gradient(500px 260px at 10% 85%, rgba(76, 141, 255, 0.14), transparent 70%) !important;
}
.ympx-spotlight .ympx-shell { display: grid !important; grid-template-columns: 1fr 1.1fr !important; gap: 44px !important; align-items: center !important; position: relative !important; }
.ympx-spotlight span { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 3px !important; color: #ffd43b !important; }
.ympx-spotlight h2 { font-size: clamp(24px, 2.8vw, 34px) !important; font-weight: 800 !important; line-height: 1.45 !important; margin: 12px 0 !important; color: #fff !important; }
.ympx-spotlight p { font-size: 15px !important; color: rgba(255, 255, 255, 0.82) !important; }
.ympx-spotlight ul { margin: 18px 0 0 !important; padding: 0 !important; list-style: none !important; display: grid !important; gap: 10px !important; }
.ympx-spotlight li { display: flex !important; align-items: center !important; gap: 10px !important; font-size: 14px !important; color: rgba(255, 255, 255, 0.88) !important; }
.ympx-spotlight li::before { content: "✓" !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 20px !important; height: 20px !important; border-radius: 50% !important; background: rgba(26, 106, 255, 0.45) !important; color: #fff !important; font-size: 12px !important; flex-shrink: 0 !important; }
.ympx-spotlight img { border-radius: var(--pv6-radius-lg) !important; box-shadow: 0 24px 60px rgba(4, 20, 60, 0.45) !important; }

/* 架构四层 */
.ympx-architecture-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; }
.ympx-architecture-grid article {
    display: flex !important; gap: 14px !important; background: #fff !important; border: 1px solid var(--pv6-border) !important;
    border-radius: var(--pv6-radius) !important; padding: 22px 20px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.ympx-architecture-grid article:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.ympx-architecture-grid > article > span { font-size: 15px !important; font-weight: 800 !important; color: var(--pv6-primary) !important; }
.ympx-architecture-grid h3 { font-size: 16.5px !important; font-weight: 700 !important; margin-bottom: 6px !important; }
.ympx-architecture-grid p { font-size: 13px !important; color: var(--pv6-text-sub) !important; line-height: 1.7 !important; }

/* 交付流程 */
.ympx-delivery { background: var(--pv6-bg-alt) !important; }
.ympx-journey { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 20px !important; list-style: none !important; margin: 0 0 40px !important; padding: 0 !important; }
.ympx-journey li {
    position: relative !important; background: #fff !important; border: 1px solid var(--pv6-border) !important;
    border-radius: var(--pv6-radius) !important; padding: 24px 22px !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.ympx-journey li:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.ympx-journey li::before, .ympx-journey li::after { display: none !important; }
.ympx-journey > li > span {
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    width: 44px !important; height: 44px !important; border-radius: 12px !important;
    background: var(--pv6-grad-cta) !important; color: #fff !important; font-size: 15px !important; font-weight: 800 !important; margin-bottom: 14px !important;
}
.ympx-journey h3 { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.ympx-journey p { font-size: 13px !important; color: var(--pv6-text-sub) !important; line-height: 1.7 !important; }
.ympx-service-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; }
.ympx-service-grid article {
    background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius-lg) !important;
    padding: 30px 26px !important; text-align: center !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
.ympx-service-grid article:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.ympx-service-grid svg { width: 30px !important; height: 30px !important; color: var(--pv6-primary) !important; margin-bottom: 12px !important; }
.ympx-service-grid h3 { font-size: 17px !important; font-weight: 700 !important; margin-bottom: 8px !important; }
.ympx-service-grid p { font-size: 13.5px !important; color: var(--pv6-text-sub) !important; line-height: 1.7 !important; }

/* 套餐卡片 */
.ympx-plans { background: #fff !important; }
.ympx-plan-grid { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 22px !important; }
.ympx-plan-grid article {
    background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius-lg) !important;
    padding: 30px 26px !important; display: flex !important; flex-direction: column !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s !important;
}
.ympx-plan-grid article:hover { transform: translateY(-6px) !important; box-shadow: var(--pv6-shadow-lg) !important; }
.ympx-plan-grid article.is-recommended { border-color: var(--pv6-primary) !important; box-shadow: 0 0 0 1px var(--pv6-primary), var(--pv6-shadow-lg) !important; position: relative !important; }
.ympx-plan-grid header > span {
    display: inline-block !important; font-size: 12px !important; font-weight: 700 !important;
    color: var(--pv6-primary) !important; background: var(--pv6-primary-light) !important;
    border-radius: 999px !important; padding: 4px 13px !important; margin-bottom: 12px !important;
}
.ympx-plan-grid article.is-recommended header > span { background: var(--pv6-primary) !important; color: #fff !important; }
.ympx-plan-grid h3 { font-size: 20px !important; font-weight: 800 !important; margin-bottom: 8px !important; }
.ympx-plan-grid header p { font-size: 13px !important; color: var(--pv6-text-sub) !important; line-height: 1.7 !important; }
.ympx-price { display: flex !important; align-items: baseline !important; gap: 4px !important; margin: 18px 0 !important; padding: 16px 0 !important; border-top: 1px dashed var(--pv6-border) !important; border-bottom: 1px dashed var(--pv6-border) !important; }
.ympx-price small { font-size: 16px !important; color: var(--pv6-primary) !important; font-weight: 700 !important; }
.ympx-price strong { font-size: 36px !important; font-weight: 800 !important; color: var(--pv6-primary) !important; letter-spacing: 0.5px !important; }
.ympx-price > span { font-size: 13px !important; color: var(--pv6-text-faint) !important; margin-left: 8px !important; }
.ympx-plan-grid ul { list-style: none !important; margin: 0 0 22px !important; padding: 0 !important; display: grid !important; gap: 9px !important; flex: 1 !important; }
.ympx-plan-grid li { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13.5px !important; color: #33415e !important; }
.ympx-plan-grid li svg { width: 15px !important; height: 15px !important; color: var(--pv6-primary) !important; flex-shrink: 0 !important; }
.ympx-plan-grid .ympx-button { width: 100% !important; }
.ympx-plan-empty {
    grid-column: 1 / -1 !important; display: flex !important; align-items: center !important; gap: 20px !important;
    background: var(--pv6-bg-alt) !important; border: 1px dashed #cfe0ff !important; border-radius: var(--pv6-radius-lg) !important;
    padding: 34px 30px !important; flex-wrap: wrap !important;
}
.ympx-plan-empty svg { width: 36px !important; height: 36px !important; color: var(--pv6-primary) !important; }
.ympx-plan-empty div { flex: 1 !important; min-width: 240px !important; }
.ympx-plan-empty h3 { font-size: 19px !important; font-weight: 700 !important; margin-bottom: 6px !important; }
.ympx-plan-empty p { font-size: 14px !important; color: var(--pv6-text-sub) !important; }

/* FAQ */
.ympx-faq { background: var(--pv6-bg-alt) !important; }
.ympx-faq-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px !important; }
.ympx-faq details { background: #fff !important; border: 1px solid var(--pv6-border) !important; border-radius: var(--pv6-radius) !important; padding: 20px 24px !important; transition: box-shadow 0.25s !important; }
.ympx-faq details[open] { box-shadow: var(--pv6-shadow) !important; }
.ympx-faq summary { cursor: pointer !important; font-size: 15.5px !important; font-weight: 700 !important; color: var(--pv6-text) !important; list-style: none !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; }
.ympx-faq summary::-webkit-details-marker { display: none !important; }
.ympx-faq summary::after { content: "+" !important; font-size: 20px !important; color: var(--pv6-primary) !important; flex-shrink: 0 !important; }
.ympx-faq details[open] summary::after { content: "−" !important; }
.ympx-faq p { margin-top: 12px !important; font-size: 14px !important; color: var(--pv6-text-sub) !important; line-height: 1.8 !important; }

/* CTA */
.ympx-cta { background: transparent !important; padding: 0 28px 96px !important; max-width: 1200px !important; margin: 0 auto !important; }
.ympx-cta .ympx-shell { max-width: none !important; padding: 0 !important; }
.ympx-cta > .ympx-shell {
    background: var(--pv6-grad-cta) !important; border-radius: 26px !important; padding: 60px 48px !important;
    display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 30px !important; flex-wrap: wrap !important;
}
.ympx-cta > .ympx-shell > div { flex: 1 !important; min-width: 280px !important; }
.ympx-cta span { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 3px !important; color: #ffd43b !important; }
.ympx-cta h2 { font-size: clamp(24px, 2.6vw, 34px) !important; font-weight: 800 !important; color: #fff !important; line-height: 1.45 !important; margin: 10px 0 !important; }
.ympx-cta p { font-size: 15px !important; color: rgba(255, 255, 255, 0.85) !important; }
.ympx-cta > .ympx-shell > p:last-child { display: flex !important; gap: 14px !important; flex-wrap: wrap !important; margin: 0 !important; }
.ympx-cta-link { color: rgba(255, 255, 255, 0.85) !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; font-weight: 600 !important; }
.ympx-cta-link:hover { color: #fff !important; }

/* 移动端购买条 */
.ympx-mobile-buybar {
    background: rgba(255, 255, 255, 0.97) !important; backdrop-filter: blur(14px) !important;
    border-top: 1px solid var(--pv6-border) !important; box-shadow: 0 -6px 24px rgba(23, 34, 66, 0.10) !important;
}

/* ============ 响应式 ============ */
@media (max-width: 1080px) {
    .ympx-hero-grid { grid-template-columns: 1fr !important; }
    .ympx-value-grid, .ympx-industry-grid, .ympx-capability-grid, .ympx-architecture-grid, .ympx-journey { grid-template-columns: repeat(2, 1fr) !important; }
    .ympx-overview-media { grid-template-columns: 1fr !important; }
    .ympx-scenes-layout { grid-template-columns: 1fr !important; }
    .ympx-scene-tabs { flex-direction: row !important; overflow-x: auto !important; }
    .ympx-scene-tabs button { min-width: 200px !important; }
    .ympx-spotlight .ympx-shell { grid-template-columns: 1fr !important; }
    .ympx-facts .ympx-shell { grid-template-columns: repeat(2, 1fr) !important; gap: 26px 14px !important; }
    .ympx-facts article:nth-child(2)::after { display: none !important; }
}
@media (max-width: 640px) {
    .ympx-shell { padding: 0 18px !important; }
    .ympx-actions .ympx-button { width: 100% !important; }
    .ympx-value-grid, .ympx-industry-grid, .ympx-capability-grid, .ympx-architecture-grid, .ympx-journey, .ympx-service-grid { grid-template-columns: 1fr !important; }
    .ympx-scene-panels article { grid-template-columns: 1fr !important; }
    .ympx-scene-panels img { min-height: 200px !important; }
    .ympx-facts .ympx-shell { grid-template-columns: 1fr 1fr !important; }
    .ympx-facts article::after { display: none !important; }
    .ympx-faq-grid { grid-template-columns: 1fr !important; }
    .ympx-cta > .ympx-shell { padding: 44px 22px !important; }
    .ympx-cta .ympx-button { width: 100% !important; }
    .ympx-anchor { top: 68px !important; }
}

/* =====================================================================
   V6.2 原生框架感清除层：统一旧 ympx 体系的按钮/圆角/阴影/间距到 V6 语言
   一秒互联公司  www.yimiaonet.com  400-716-8908
   ===================================================================== */

/* —— 按钮：胶囊圆角 + V6 蓝，清掉 3px 直角原生感 —— */
.ympx .ympx-button { border-radius: 999px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; transition: all 0.25s ease !important; }
.ympx .ympx-button-primary { background: var(--pv6-primary) !important; color: #fff !important; box-shadow: 0 6px 18px rgba(26, 106, 255, 0.35) !important; border: none !important; }
.ympx .ympx-button-primary:hover { background: var(--pv6-primary-deep) !important; transform: translateY(-2px) !important; box-shadow: 0 10px 26px rgba(26, 106, 255, 0.45) !important; }
.ympx .ympx-button-secondary, .ympx .ympx-button-outline { background: rgba(255, 255, 255, 0.8) !important; border: 1px solid var(--pv6-border) !important; color: var(--pv6-text) !important; box-shadow: none !important; }
.ympx .ympx-button-secondary:hover, .ympx .ympx-button-outline:hover { border-color: var(--pv6-primary) !important; color: var(--pv6-primary) !important; transform: translateY(-2px) !important; }
.ympx .ympx-button-light { background: #fff !important; color: var(--pv6-primary) !important; border: none !important; }
.ympx .ympx-button-light:hover { transform: translateY(-2px) !important; box-shadow: 0 12px 30px rgba(4, 20, 60, 0.35) !important; }

/* —— 卡片统一圆角与阴影 —— */
.ympx .ympx-value-grid article, .ympx .ympx-industry-grid article, .ympx .ympx-capability-grid article, .ympx .ympx-architecture-grid article, .ympx .ympx-service-grid article, .ympx .ympx-plan-grid article, .ympx .ympx-scene-panels article { border-radius: var(--pv6-radius-lg) !important; border: 1px solid var(--pv6-border) !important; box-shadow: none !important; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s !important; }
.ympx .ympx-value-grid article:hover, .ympx .ympx-industry-grid article:hover, .ympx .ympx-capability-grid article:hover, .ympx .ympx-architecture-grid article:hover, .ympx .ympx-service-grid article:hover { transform: translateY(-5px) !important; box-shadow: var(--pv6-shadow-lg) !important; border-color: #cfe0ff !important; }
.ympx .ympx-plan-grid article.is-recommended { border-color: var(--pv6-primary) !important; box-shadow: 0 16px 44px rgba(26, 106, 255, 0.16) !important; }

/* —— 图标底座圆角统一 —— */
.ympx .ympx-value-grid article > span, .ympx .ympx-industry-grid article > svg, .ympx .ympx-capability-grid article span, .ympx .ympx-service-grid article > svg { border-radius: 14px !important; }

/* —— 标题排版微调：去掉过密的字距 —— */
.ympx .ympx-heading h2 { letter-spacing: 0.3px !important; }
.ympx .ympx-heading span { border-radius: 999px !important; }

/* —— FAQ 折叠卡圆角 —— */
.ympx .ympx-faq-grid details { border-radius: var(--pv6-radius) !important; border: 1px solid var(--pv6-border) !important; }

/* —— 锚点导航条：胶囊化 —— */
.ympx .ympx-anchor a { border-radius: 999px !important; }
.ympx .ympx-anchor a.is-active, .ympx .ympx-anchor a:hover { background: var(--pv6-primary) !important; color: #fff !important; }

/* =====================================================================
   V6.3 hero 视觉区现代化（用户标记"不合理"）：去旧白边框+固定高
   ===================================================================== */
.ympx-hero-visual .ympx-hero-screen {
    border: none !important;
    box-shadow: 0 20px 50px rgba(13, 48, 100, 0.14) !important;
    border-radius: 14px !important;
}
.ympx-hero-screen img { height: auto !important; aspect-ratio: 16 / 10 !important; }
.ympx-hero-screen > span {
    top: 12px !important; left: 12px !important; right: auto !important;
    background: rgba(13, 58, 143, 0.82) !important; color: #fff !important;
    backdrop-filter: blur(4px) !important;
}
.ympx-thumbnails img { height: 56px !important; border-radius: 8px !important; }
.ympx-thumbnails button { border-radius: 8px !important; box-shadow: 0 2px 10px rgba(23, 34, 66, 0.08) !important; }
.ympx-thumbnails button:hover { border-color: #c7d9ff !important; }