/* 一秒互联公司  www.yimiaonet.com：公开首页、产品中心与开源页的比例和商业化图标统一层。 */

:root {
    --ym-surface-2086: #ffffff;
    --ym-page-2086: #f3f6fa;
    --ym-line-2086: #dfe7f1;
    --ym-ink-2086: #17243a;
    --ym-body-2086: #53647a;
    --ym-muted-2086: #7b8aa0;
    --ym-blue-2086: #2563eb;
    --ym-cyan-2086: #08a8c7;
    --ym-violet-2086: #7457e8;
    --ym-orange-2086: #f08a3c;
}

body[data-design-version="2083"] {
    background: var(--ym-page-2086);
    color: var(--ym-body-2086);
}

/* 一秒互联公司  www.yimiaonet.com：任何可见 SVG 都固定尺寸，避免图标库样式未命中时退化为黑色大方块。 */
body[data-design-version="2083"] svg:not(.store-icon-library svg) {
    display: block;
    overflow: visible;
}

body[data-design-version="2083"] .ecosystem-kicker svg,
body[data-design-version="2083"] .commercial-quick-tools svg,
body[data-design-version="2083"] .commercial-product-icon svg,
body[data-design-version="2083"] .commercial-strength-grid svg,
body[data-design-version="2083"] .open-source-card-icon svg,
body[data-design-version="2083"] .open-source-values svg,
body[data-design-version="2083"] .product-catalog-icon svg,
body[data-design-version="2083"] .product-value-icon-2070 svg,
body[data-design-version="2083"] .product-capability-grid-2070 svg {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
}

/* 首页：减少空白，固定预览比例并让下半部分保持连续的商业信息节奏。 */
body[data-page="home"] .commercial-section {
    width: min(1320px, calc(100% - 64px));
    margin: 0 auto;
    padding: 54px 0;
}

body[data-page="home"] .commercial-section-heading {
    max-width: 920px;
    margin-bottom: 24px;
}

body[data-page="home"] .commercial-section-heading h2 {
    max-width: 760px;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.24;
}

body[data-page="home"] .commercial-section-heading p {
    max-width: 760px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.7;
}

body[data-page="home"] .commercial-quick-tools {
    width: min(1320px, calc(100% - 64px));
    gap: 12px;
    margin-top: 18px;
    margin-bottom: 0;
}

body[data-page="home"] .commercial-quick-tools a {
    min-height: 78px;
    padding: 14px;
}

body[data-page="home"] .commercial-quick-tools svg,
body[data-page="home"] .commercial-product-icon.is-code svg {
    padding: 9px;
    border: 1px solid rgba(255,255,255,.88);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(229,239,255,.86));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), inset 0 -7px 14px rgba(35,86,167,.08), 0 8px 18px rgba(35,74,130,.12);
}

body[data-page="home"] .commercial-product-grid {
    gap: 14px;
}

body[data-page="home"] .commercial-product-card {
    min-height: 0;
    padding: 18px;
}

body[data-page="home"] .commercial-product-preview {
    height: auto;
    aspect-ratio: 16 / 9;
    margin-top: 14px;
}

body[data-page="home"] .commercial-product-preview img {
    object-fit: cover;
}

body[data-page="home"] .commercial-featured-product {
    width: min(1320px, calc(100% - 64px));
    margin: 0 auto;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
    gap: 28px;
    padding: 16px;
}

body[data-page="home"] .commercial-featured-media {
    aspect-ratio: 16 / 10;
    min-height: 0;
}

body[data-page="home"] .commercial-developer-showcase {
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .9fr);
    gap: 22px;
}

body[data-page="home"] .commercial-developer-showcase > img {
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

body[data-page="home"] .commercial-solutions,
body[data-page="home"] .commercial-terminal,
body[data-page="home"] .commercial-strength,
body[data-page="home"] .commercial-scenes,
body[data-page="home"] .commercial-ecosystem,
body[data-page="home"] .commercial-news {
    padding-top: 52px;
    padding-bottom: 52px;
}

body[data-page="home"] .commercial-strength-grid,
body[data-page="home"] .commercial-ecosystem-list {
    gap: 12px;
}

body[data-page="home"] .commercial-strength-grid article,
body[data-page="home"] .commercial-ecosystem-list article {
    min-height: 132px;
    padding: 18px;
}

body[data-page="home"] .commercial-terminal-stage {
    min-height: 0;
    aspect-ratio: 16 / 7;
}

body[data-page="home"] .commercial-news-grid {
    gap: 14px;
}

body[data-page="home"] .commercial-news-feature img {
    aspect-ratio: 16 / 9;
    height: auto;
    object-fit: cover;
}

/* 产品中心：宽屏两列首屏，卡片和预览图统一高度，避免首屏被图片撑开。 */
body[data-page="product"] .product-catalog-2070,
body[data-page="product-detail"] .product-detail-page-2070,
body[data-page="product-detail"] .product-detail-main-2070 {
    width: min(1440px, calc(100% - 64px));
    margin-right: auto;
    margin-left: auto;
}

body[data-page="product"] .product-catalog-hero {
    min-height: 0;
    padding: 40px 44px 32px;
    grid-template-columns: minmax(0, 1fr) minmax(430px, .92fr);
    gap: 32px;
}

body[data-page="product"] .product-catalog-hero-visual {
    min-height: 0;
    aspect-ratio: 16 / 10;
}

body[data-page="product"] .product-catalog-hero-visual img {
    object-fit: cover;
}

body[data-page="product"] .product-catalog-grid {
    gap: 14px;
}

body[data-page="product"] .product-catalog-card {
    min-height: 0;
    padding: 18px;
}

body[data-page="product"] .product-catalog-cover {
    aspect-ratio: 16 / 9;
    height: auto;
}

body[data-page="product"] .product-catalog-cover img {
    object-fit: cover;
}

body[data-page="product-detail"] .product-detail-hero-2070 {
    width: min(1440px, calc(100% - 64px));
    margin-right: auto;
    margin-left: auto;
    gap: 34px;
    padding-top: 46px;
    padding-bottom: 34px;
}

body[data-page="product-detail"] .product-gallery-main-2070 {
    aspect-ratio: 16 / 10;
    min-height: 0;
}

body[data-page="product-detail"] .product-gallery-main-2070 img {
    object-fit: cover;
}

body[data-page="product-detail"] .product-section-2070,
body[data-page="product-detail"] .product-scenes-2070,
body[data-page="product-detail"] .product-plan-section-2070,
body[data-page="product-detail"] .product-delivery-2070 {
    width: min(1320px, calc(100% - 64px));
    margin-right: auto;
    margin-left: auto;
}

body[data-page="product-detail"] .product-section-2070,
body[data-page="product-detail"] .product-scenes-2070,
body[data-page="product-detail"] .product-plan-section-2070 {
    padding-top: 52px;
    padding-bottom: 52px;
}

/* 开源页：修复缺失样式造成的巨大黑色 SVG，并使用稳定的 2.5D 磨砂图标容器。 */
body[data-page="open-source"] .ecosystem-hero {
    min-height: 460px;
    padding-top: 88px;
    padding-bottom: 72px;
    gap: 48px;
}

body[data-page="open-source"] .open-source-hero {
    background: linear-gradient(135deg, #101d38 0%, #18345c 55%, #24528a 100%);
}

body[data-page="open-source"] .ecosystem-hero h1 {
    max-width: 680px;
    font-size: clamp(36px, 4.6vw, 56px);
}

body[data-page="open-source"] .open-source-console {
    max-width: 520px;
    margin-left: auto;
    transform: translateZ(0) perspective(900px) rotateY(-2deg);
}

body[data-page="open-source"] .open-source-categories {
    top: 64px;
    padding-top: 10px;
    padding-bottom: 10px;
}

body[data-page="open-source"] .ecosystem-section {
    padding-top: 58px;
    padding-bottom: 58px;
}

body[data-page="open-source"] .ecosystem-heading {
    margin-bottom: 24px;
}

body[data-page="open-source"] .ecosystem-heading h2 {
    font-size: clamp(26px, 3vw, 38px);
}

body[data-page="open-source"] .open-source-grid {
    gap: 14px;
}

body[data-page="open-source"] .open-source-card {
    min-height: 286px;
    padding: 22px;
    border-color: #dfe7f1;
    box-shadow: 0 10px 26px rgba(31,61,104,.06);
}

body[data-page="open-source"] .open-source-card-icon {
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255,255,255,.96);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(255,255,255,.98), color-mix(in srgb, var(--project-color) 12%, #edf4ff));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.98), inset 0 -10px 18px color-mix(in srgb, var(--project-color) 10%, transparent), 0 12px 24px rgba(31,61,104,.12);
}

body[data-page="open-source"] .open-source-card-icon svg {
    color: var(--project-color);
    stroke: currentColor;
    stroke-width: 1.7;
}

body[data-page="open-source"] .open-source-card-category {
    margin-top: 18px;
}

body[data-page="open-source"] .open-source-card h2 {
    font-size: 20px;
}

body[data-page="open-source"] .open-source-values {
    width: min(1240px, calc(100% - 64px));
    margin-bottom: 58px;
}

body[data-page="open-source"] .open-source-values article {
    padding: 22px;
}

body[data-page="open-source"] .open-source-values svg {
    width: 34px;
    height: 34px;
    padding: 7px;
    border: 1px solid rgba(255,255,255,.96);
    border-radius: 12px;
    color: var(--ym-blue-2086);
    background: linear-gradient(145deg, #fff, #edf4ff);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), inset 0 -8px 14px rgba(35,86,167,.08), 0 8px 16px rgba(35,74,130,.1);
}

@media (max-width: 1040px) {
    body[data-page="home"] .commercial-section,
    body[data-page="home"] .commercial-featured-product,
    body[data-page="home"] .commercial-quick-tools,
    body[data-page="product"] .product-catalog-2070,
    body[data-page="product-detail"] .product-detail-hero-2070,
    body[data-page="product-detail"] .product-detail-page-2070,
    body[data-page="product-detail"] .product-detail-main-2070,
    body[data-page="product-detail"] .product-section-2070,
    body[data-page="product-detail"] .product-scenes-2070,
    body[data-page="product-detail"] .product-plan-section-2070,
    body[data-page="product-detail"] .product-delivery-2070 {
        width: min(100% - 40px, 1320px);
    }

    body[data-page="home"] .commercial-quick-tools {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body[data-page="home"] .commercial-featured-product,
    body[data-page="home"] .commercial-developer-showcase,
    body[data-page="product"] .product-catalog-hero,
    body[data-page="product-detail"] .product-detail-hero-2070,
    body[data-page="open-source"] .ecosystem-hero {
        grid-template-columns: 1fr;
    }

    body[data-page="open-source"] .open-source-console {
        width: 100%;
        max-width: none;
        margin-left: 0;
        transform: none;
    }
}

@media (max-width: 680px) {
    body[data-page="home"] .commercial-section,
    body[data-page="home"] .commercial-featured-product,
    body[data-page="home"] .commercial-quick-tools,
    body[data-page="product"] .product-catalog-2070,
    body[data-page="product-detail"] .product-detail-hero-2070,
    body[data-page="product-detail"] .product-detail-page-2070,
    body[data-page="product-detail"] .product-detail-main-2070,
    body[data-page="product-detail"] .product-section-2070,
    body[data-page="product-detail"] .product-scenes-2070,
    body[data-page="product-detail"] .product-plan-section-2070,
    body[data-page="product-detail"] .product-delivery-2070,
    body[data-page="open-source"] .open-source-values {
        width: calc(100% - 24px);
    }

    body[data-page="home"] .commercial-section,
    body[data-page="home"] .commercial-solutions,
    body[data-page="home"] .commercial-terminal,
    body[data-page="home"] .commercial-strength,
    body[data-page="home"] .commercial-scenes,
    body[data-page="home"] .commercial-ecosystem,
    body[data-page="home"] .commercial-news,
    body[data-page="product-detail"] .product-section-2070,
    body[data-page="product-detail"] .product-scenes-2070,
    body[data-page="product-detail"] .product-plan-section-2070 {
        padding-top: 38px;
        padding-bottom: 38px;
    }

    body[data-page="home"] .commercial-quick-tools {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-page="home"] .commercial-quick-tools a {
        min-height: 70px;
        padding: 12px;
    }

    body[data-page="home"] .commercial-product-grid,
    body[data-page="home"] .commercial-strength-grid,
    body[data-page="home"] .commercial-ecosystem-list,
    body[data-page="home"] .commercial-news-grid,
    body[data-page="product"] .product-catalog-grid,
    body[data-page="open-source"] .open-source-grid {
        grid-template-columns: 1fr;
    }

    body[data-page="product"] .product-catalog-hero {
        padding: 28px 20px 22px;
    }

    body[data-page="open-source"] .ecosystem-hero {
        min-height: 0;
        padding-top: 70px;
        padding-bottom: 52px;
    }

    body[data-page="open-source"] .ecosystem-hero h1 {
        font-size: 34px;
    }

    body[data-page="open-source"] .open-source-card {
        min-height: 0;
    }

    body[data-page="open-source"] .open-source-values {
        grid-template-columns: 1fr;
    }

    body[data-page="open-source"] .open-source-values article {
        border-right: 0;
        border-bottom: 1px solid var(--ym-line-2086);
    }

    body[data-page="open-source"] .open-source-values article:last-child {
        border-bottom: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-design-version="2083"] .open-source-console,
    body[data-design-version="2083"] * {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* 一秒互联公司  www.yimiaonet.com：产品图库箭头的尺寸兜底，避免 SVG 在缺少继承尺寸时退化为浏览器默认 300×150。 */
body[data-design-version="2083"] .product-gallery-main-2070 > button[data-product-gallery-prev],
body[data-design-version="2083"] .product-gallery-main-2070 > button[data-product-gallery-next] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
}

body[data-design-version="2083"] .product-gallery-main-2070 > button[data-product-gallery-prev] svg,
body[data-design-version="2083"] .product-gallery-main-2070 > button[data-product-gallery-next] svg {
    display: block;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    max-width: 20px;
    max-height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    overflow: visible;
}

/* 一秒互联公司  www.yimiaonet.com：公开页面统一使用可控的描边图标，避免浏览器默认黑色填充和三角占位符。 */
body[data-design-version="2083"] svg:not(.store-icon-library) {
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

/* 一秒互联公司  www.yimiaonet.com：商业化 2.5D 磨砂图标，只作用于公开产品、开源和首页快捷入口。 */
body[data-design-version="2083"] .commercial-quick-tools a > svg,
body[data-design-version="2083"] .commercial-product-icon.is-code svg,
body[data-design-version="2083"] .commercial-strength-grid article > svg,
body[data-design-version="2083"] .open-source-card-icon svg,
body[data-design-version="2083"] .open-source-values svg,
body[data-design-version="2083"] .product-catalog-icon svg,
body[data-design-version="2083"] .product-value-icon-2070 svg,
body[data-design-version="2083"] .product-capability-grid-2070 article > svg {
    display: block;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    padding: 7px;
    border: 1px solid rgba(255, 255, 255, .94);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(230, 239, 255, .9));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -8px 14px rgba(35, 86, 167, .09), 0 9px 18px rgba(35, 74, 130, .12);
}

body[data-page="home"] .commercial-quick-tools a > svg {
    width: 34px;
    height: 34px;
    padding: 8px;
    border-radius: 13px;
}

body[data-page="home"] .commercial-quick-tools a.is-blue > svg { color: #2563eb; }
body[data-page="home"] .commercial-quick-tools a.is-green > svg { color: #0f9f78; }
body[data-page="home"] .commercial-quick-tools a.is-orange > svg { color: #e8792f; }
body[data-page="home"] .commercial-quick-tools a.is-red > svg { color: #d84a68; }
body[data-page="home"] .commercial-quick-tools a.is-purple > svg { color: #7c5ce6; }
body[data-page="home"] .commercial-quick-tools a.is-cyan > svg { color: #0891b2; }

body[data-page="home"] .commercial-section {
    padding-top: 46px;
    padding-bottom: 46px;
}

body[data-page="home"] .commercial-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 34px;
    border: 0;
}

body[data-page="home"] .commercial-product-card {
    min-height: 360px;
    padding: 20px;
    border: 1px solid var(--ym-line-2086);
    border-radius: 12px;
    box-shadow: 0 10px 26px rgba(31, 61, 104, .06);
}

body[data-page="home"] .commercial-product-card:hover {
    box-shadow: 0 18px 34px rgba(31, 61, 104, .12);
}

body[data-page="home"] .commercial-featured-product {
    min-height: 560px;
    padding: 14px;
    border-radius: 14px;
}

body[data-page="home"] .commercial-featured-copy {
    padding: 34px 36px;
}

body[data-page="home"] .commercial-developer-showcase {
    min-height: 420px;
}

body[data-page="home"] .commercial-news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-page="home"] .commercial-news-feature {
    min-height: 230px;
}

/* 一秒互联公司  www.yimiaonet.com：产品中心首屏和详情页统一比例，避免大标题挤压真实商品信息。 */
body[data-page="product"] .product-catalog-hero {
    min-height: 390px;
    padding: 36px 40px 30px;
    grid-template-columns: minmax(0, .96fr) minmax(420px, 1.04fr);
    gap: 30px;
}

body[data-page="product"] .product-catalog-hero-copy h1 {
    max-width: 620px;
    font-size: clamp(34px, 3.6vw, 50px);
    line-height: 1.2;
}

body[data-page="product"] .product-catalog-hero-copy > p {
    max-width: 600px;
    font-size: 16px;
    line-height: 1.7;
}

body[data-page="product"] .product-catalog-hero-visual {
    min-height: 300px;
    padding: 12px;
}

body[data-page="product"] .product-catalog-hero-visual img {
    height: 220px;
}

body[data-page="product"] .product-category-tabs {
    min-height: 50px;
}

body[data-page="product"] .product-catalog-heading {
    margin-top: 20px;
    padding-top: 24px;
}

body[data-page="product"] .product-catalog-heading h2 {
    font-size: 25px;
}

body[data-page="product"] .product-catalog-grid {
    gap: 14px;
}

body[data-page="product"] .product-catalog-body {
    padding: 15px;
}

body[data-page="product-detail"] .product-detail-hero-2070 {
    min-height: 470px;
    gap: 34px;
    padding-top: 36px;
    padding-bottom: 28px;
}

body[data-page="product-detail"] .product-detail-hero-copy-2070 h1 {
    font-size: clamp(34px, 3.8vw, 54px);
}

body[data-page="product-detail"] .product-gallery-main-2070 {
    height: 360px;
}

body[data-page="product-detail"] .product-section-2070,
body[data-page="product-detail"] .product-scenes-2070,
body[data-page="product-detail"] .product-plan-section-2070 {
    padding-top: 44px;
    padding-bottom: 44px;
}

/* 一秒互联公司  www.yimiaonet.com：开源产品页降低首屏占比，让项目卡片更快进入可视区。 */
body[data-page="open-source"] .ecosystem-hero {
    min-height: 420px;
    padding-top: 66px;
    padding-bottom: 58px;
    gap: 40px;
}

body[data-page="open-source"] .ecosystem-hero h1 {
    max-width: 650px;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.2;
}

body[data-page="open-source"] .ecosystem-hero-copy > p {
    max-width: 640px;
    font-size: 16px;
    line-height: 1.7;
}

body[data-page="open-source"] .open-source-console {
    max-width: 500px;
}

body[data-page="open-source"] .open-source-grid {
    gap: 14px;
}

body[data-page="open-source"] .open-source-card {
    min-height: 278px;
    padding: 20px;
}

body[data-page="open-source"] .open-source-card-link {
    align-items: center;
}

body[data-page="open-source"] .open-source-card-link svg {
    width: 28px;
    height: 28px;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 10px;
    color: var(--project-color);
    background: linear-gradient(145deg, #fff, color-mix(in srgb, var(--project-color) 12%, #edf4ff));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 -7px 12px color-mix(in srgb, var(--project-color) 10%, transparent), 0 7px 14px rgba(35, 74, 130, .1);
    transform: rotate(180deg);
}

@media (max-width: 1040px) {
    body[data-page="home"] .commercial-product-grid,
    body[data-page="home"] .commercial-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    body[data-page="home"] .commercial-product-grid,
    body[data-page="home"] .commercial-news-grid {
        grid-template-columns: 1fr;
    }

    body[data-page="home"] .commercial-product-card {
        min-height: 0;
    }

    body[data-page="home"] .commercial-featured-product {
        min-height: 0;
    }

    body[data-page="product"] .product-catalog-hero {
        padding: 26px 20px 22px;
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    body[data-page="product"] .product-catalog-hero-copy,
    body[data-page="product"] .product-catalog-hero-visual {
        width: 100%;
        min-width: 0;
    }

    body[data-page="product"] .product-catalog-hero-visual img {
        height: 190px;
    }

    body[data-page="product-detail"] .product-detail-hero-2070 {
        min-height: 0;
    }

    body[data-page="product-detail"] .product-gallery-main-2070 {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    body[data-page="open-source"] .ecosystem-hero {
        padding-top: 58px;
        padding-bottom: 46px;
    }
}