@charset "utf-8";

/* ==========================================================================
   全局响应式内外边距 (5~100, 步长5)
   采用 CSS 变量控制：PC端使用 rem 等比缩放，手机端使用 px 保底防止过小
   ========================================================================== */

/* 1. 定义间距变量 (默认 PC 端使用 rem) */
:root {
    --sp-5: 0.05rem;  --sp-10: 0.1rem;  --sp-15: 0.15rem; --sp-20: 0.2rem;
    --sp-25: 0.25rem; --sp-30: 0.3rem;  --sp-35: 0.35rem; --sp-40: 0.4rem;
    --sp-45: 0.45rem; --sp-50: 0.5rem;  --sp-55: 0.55rem; --sp-60: 0.6rem;
    --sp-65: 0.65rem; --sp-70: 0.7rem;  --sp-75: 0.75rem; --sp-80: 0.8rem;
    --sp-85: 0.85rem; --sp-90: 0.9rem;  --sp-95: 0.95rem; --sp-100: 1rem;
}

/* 2. 平板端适配 (<1200px)：适当减小大间距的 rem 比例 */
@media screen and (max-width: 1200px) {
    :root {
        --sp-100: 0.8rem;  --sp-95: 0.76rem; --sp-90: 0.72rem; --sp-85: 0.68rem;
        --sp-80: 0.64rem;  --sp-75: 0.6rem;  --sp-70: 0.56rem; --sp-65: 0.52rem;
        --sp-60: 0.48rem;  --sp-55: 0.44rem; --sp-50: 0.4rem;  --sp-45: 0.36rem;
        --sp-40: 0.32rem;  --sp-35: 0.28rem; --sp-30: 0.24rem;
        /* 30以下的间距保持原 rem 比例即可 */
    }
}

/* 3. 手机端适配 (<768px)：继续使用 rem，让间距跟随 comm.js 的根字号平滑缩放 */
@media screen and (max-width: 768px) {
    :root {
        --sp-100: 1rem; --sp-95: 0.96rem; --sp-90: 0.9rem; --sp-85: 0.84rem;
        --sp-80: 0.8rem; --sp-75: 0.76rem; --sp-70: 0.7rem; --sp-65: 0.64rem;
        --sp-60: 0.6rem; --sp-55: 0.56rem; --sp-50: 0.5rem; --sp-45: 0.44rem;
        --sp-40: 0.4rem; --sp-35: 0.36rem; --sp-30: 0.3rem; --sp-25: 0.24rem;
        --sp-20: 0.2rem; --sp-15: 0.16rem; --sp-10: 0.1rem; --sp-5: 0.06rem;
    }
}

/* ==========================================================================
   生成具体的 Padding 和 Margin 类名
   ========================================================================== */

/* Padding (内边距) */
.p5 { padding: var(--sp-5); } .pt-5 { padding-top: var(--sp-5); } .pb-5 { padding-bottom: var(--sp-5); } .pl-5 { padding-left: var(--sp-5); } .pr-5 { padding-right: var(--sp-5); }
.p10 { padding: var(--sp-10); } .pt-10 { padding-top: var(--sp-10); } .pb-10 { padding-bottom: var(--sp-10); } .pl-10 { padding-left: var(--sp-10); } .pr-10 { padding-right: var(--sp-10); }
.p15 { padding: var(--sp-15); } .pt-15 { padding-top: var(--sp-15); } .pb-15 { padding-bottom: var(--sp-15); } .pl-15 { padding-left: var(--sp-15); } .pr-15 { padding-right: var(--sp-15); }
.p20 { padding: var(--sp-20); } .pt-20 { padding-top: var(--sp-20); } .pb-20 { padding-bottom: var(--sp-20); } .pl-20 { padding-left: var(--sp-20); } .pr-20 { padding-right: var(--sp-20); }
.p25 { padding: var(--sp-25); } .pt-25 { padding-top: var(--sp-25); } .pb-25 { padding-bottom: var(--sp-25); } .pl-25 { padding-left: var(--sp-25); } .pr-25 { padding-right: var(--sp-25); }
.p30 { padding: var(--sp-30); } .pt-30 { padding-top: var(--sp-30); } .pb-30 { padding-bottom: var(--sp-30); } .pl-30 { padding-left: var(--sp-30); } .pr-30 { padding-right: var(--sp-30); }
.p35 { padding: var(--sp-35); } .pt-35 { padding-top: var(--sp-35); } .pb-35 { padding-bottom: var(--sp-35); } .pl-35 { padding-left: var(--sp-35); } .pr-35 { padding-right: var(--sp-35); }
.p40 { padding: var(--sp-40); } .pt-40 { padding-top: var(--sp-40); } .pb-40 { padding-bottom: var(--sp-40); } .pl-40 { padding-left: var(--sp-40); } .pr-40 { padding-right: var(--sp-40); }
.p45 { padding: var(--sp-45); } .pt-45 { padding-top: var(--sp-45); } .pb-45 { padding-bottom: var(--sp-45); } .pl-45 { padding-left: var(--sp-45); } .pr-45 { padding-right: var(--sp-45); }
.p50 { padding: var(--sp-50); } .pt-50 { padding-top: var(--sp-50); } .pb-50 { padding-bottom: var(--sp-50); } .pl-50 { padding-left: var(--sp-50); } .pr-50 { padding-right: var(--sp-50); }
.p55 { padding: var(--sp-55); } .pt-55 { padding-top: var(--sp-55); } .pb-55 { padding-bottom: var(--sp-55); } .pl-55 { padding-left: var(--sp-55); } .pr-55 { padding-right: var(--sp-55); }
.p60 { padding: var(--sp-60); } .pt-60 { padding-top: var(--sp-60); } .pb-60 { padding-bottom: var(--sp-60); } .pl-60 { padding-left: var(--sp-60); } .pr-60 { padding-right: var(--sp-60); }
.p65 { padding: var(--sp-65); } .pt-65 { padding-top: var(--sp-65); } .pb-65 { padding-bottom: var(--sp-65); } .pl-65 { padding-left: var(--sp-65); } .pr-65 { padding-right: var(--sp-65); }
.p70 { padding: var(--sp-70); } .pt-70 { padding-top: var(--sp-70); } .pb-70 { padding-bottom: var(--sp-70); } .pl-70 { padding-left: var(--sp-70); } .pr-70 { padding-right: var(--sp-70); }
.p75 { padding: var(--sp-75); } .pt-75 { padding-top: var(--sp-75); } .pb-75 { padding-bottom: var(--sp-75); } .pl-75 { padding-left: var(--sp-75); } .pr-75 { padding-right: var(--sp-75); }
.p80 { padding: var(--sp-80); } .pt-80 { padding-top: var(--sp-80); } .pb-80 { padding-bottom: var(--sp-80); } .pl-80 { padding-left: var(--sp-80); } .pr-80 { padding-right: var(--sp-80); }
.p85 { padding: var(--sp-85); } .pt-85 { padding-top: var(--sp-85); } .pb-85 { padding-bottom: var(--sp-85); } .pl-85 { padding-left: var(--sp-85); } .pr-85 { padding-right: var(--sp-85); }
.p90 { padding: var(--sp-90); } .pt-90 { padding-top: var(--sp-90); } .pb-90 { padding-bottom: var(--sp-90); } .pl-90 { padding-left: var(--sp-90); } .pr-90 { padding-right: var(--sp-90); }
.p95 { padding: var(--sp-95); } .pt-95 { padding-top: var(--sp-95); } .pb-95 { padding-bottom: var(--sp-95); } .pl-95 { padding-left: var(--sp-95); } .pr-95 { padding-right: var(--sp-95); }
.p100 { padding: var(--sp-100); } .pt-100 { padding-top: var(--sp-100); } .pb-100 { padding-bottom: var(--sp-100); } .pl-100 { padding-left: var(--sp-100); } .pr-100 { padding-right: var(--sp-100); }

/* Margin (外边距) */
.m5 { margin: var(--sp-5); } .mt-5 { margin-top: var(--sp-5); } .mb-5 { margin-bottom: var(--sp-5); } .ml-5 { margin-left: var(--sp-5); } .mr-5 { margin-right: var(--sp-5); }
.m10 { margin: var(--sp-10); } .mt-10 { margin-top: var(--sp-10); } .mb-10 { margin-bottom: var(--sp-10); } .ml-10 { margin-left: var(--sp-10); } .mr-10 { margin-right: var(--sp-10); }
.m15 { margin: var(--sp-15); } .mt-15 { margin-top: var(--sp-15); } .mb-15 { margin-bottom: var(--sp-15); } .ml-15 { margin-left: var(--sp-15); } .mr-15 { margin-right: var(--sp-15); }
.m20 { margin: var(--sp-20); } .mt-20 { margin-top: var(--sp-20); } .mb-20 { margin-bottom: var(--sp-20); } .ml-20 { margin-left: var(--sp-20); } .mr-20 { margin-right: var(--sp-20); }
.m25 { margin: var(--sp-25); } .mt-25 { margin-top: var(--sp-25); } .mb-25 { margin-bottom: var(--sp-25); } .ml-25 { margin-left: var(--sp-25); } .mr-25 { margin-right: var(--sp-25); }
.m30 { margin: var(--sp-30); } .mt-30 { margin-top: var(--sp-30); } .mb-30 { margin-bottom: var(--sp-30); } .ml-30 { margin-left: var(--sp-30); } .mr-30 { margin-right: var(--sp-30); }
.m35 { margin: var(--sp-35); } .mt-35 { margin-top: var(--sp-35); } .mb-35 { margin-bottom: var(--sp-35); } .ml-35 { margin-left: var(--sp-35); } .mr-35 { margin-right: var(--sp-35); }
.m40 { margin: var(--sp-40); } .mt-40 { margin-top: var(--sp-40); } .mb-40 { margin-bottom: var(--sp-40); } .ml-40 { margin-left: var(--sp-40); } .mr-40 { margin-right: var(--sp-40); }
.m45 { margin: var(--sp-45); } .mt-45 { margin-top: var(--sp-45); } .mb-45 { margin-bottom: var(--sp-45); } .ml-45 { margin-left: var(--sp-45); } .mr-45 { margin-right: var(--sp-45); }
.m50 { margin: var(--sp-50); } .mt-50 { margin-top: var(--sp-50); } .mb-50 { margin-bottom: var(--sp-50); } .ml-50 { margin-left: var(--sp-50); } .mr-50 { margin-right: var(--sp-50); }
.m55 { margin: var(--sp-55); } .mt-55 { margin-top: var(--sp-55); } .mb-55 { margin-bottom: var(--sp-55); } .ml-55 { margin-left: var(--sp-55); } .mr-55 { margin-right: var(--sp-55); }
.m60 { margin: var(--sp-60); } .mt-60 { margin-top: var(--sp-60); } .mb-60 { margin-bottom: var(--sp-60); } .ml-60 { margin-left: var(--sp-60); } .mr-60 { margin-right: var(--sp-60); }
.m65 { margin: var(--sp-65); } .mt-65 { margin-top: var(--sp-65); } .mb-65 { margin-bottom: var(--sp-65); } .ml-65 { margin-left: var(--sp-65); } .mr-65 { margin-right: var(--sp-65); }
.m70 { margin: var(--sp-70); } .mt-70 { margin-top: var(--sp-70); } .mb-70 { margin-bottom: var(--sp-70); } .ml-70 { margin-left: var(--sp-70); } .mr-70 { margin-right: var(--sp-70); }
.m75 { margin: var(--sp-75); } .mt-75 { margin-top: var(--sp-75); } .mb-75 { margin-bottom: var(--sp-75); } .ml-75 { margin-left: var(--sp-75); } .mr-75 { margin-right: var(--sp-75); }
.m80 { margin: var(--sp-80); } .mt-80 { margin-top: var(--sp-80); } .mb-80 { margin-bottom: var(--sp-80); } .ml-80 { margin-left: var(--sp-80); } .mr-80 { margin-right: var(--sp-80); }
.m85 { margin: var(--sp-85); } .mt-85 { margin-top: var(--sp-85); } .mb-85 { margin-bottom: var(--sp-85); } .ml-85 { margin-left: var(--sp-85); } .mr-85 { margin-right: var(--sp-85); }
.m90 { margin: var(--sp-90); } .mt-90 { margin-top: var(--sp-90); } .mb-90 { margin-bottom: var(--sp-90); } .ml-90 { margin-left: var(--sp-90); } .mr-90 { margin-right: var(--sp-90); }
.m95 { margin: var(--sp-95); } .mt-95 { margin-top: var(--sp-95); } .mb-95 { margin-bottom: var(--sp-95); } .ml-95 { margin-left: var(--sp-95); } .mr-95 { margin-right: var(--sp-95); }
.m100 { margin: var(--sp-100); } .mt-100 { margin-top: var(--sp-100); } .mb-100 { margin-bottom: var(--sp-100); } .ml-100 { margin-left: var(--sp-100); } .mr-100 { margin-right: var(--sp-100); }

/* ========================================================================== */
/* Device adaptation: shared templates, listings and detail pages             */
/* ========================================================================== */

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { overflow-x: clip; }
iframe, video, table { max-width: 100%; }

@media all and (max-width:1400px) {
    .wl-about-blueprint { right: 0; }
}

@media all and (max-width:1200px) {
    .w18, .w16, .w15 { max-width: calc(100% - 0.64rem); }
    .sidebar { width: 3.5rem; }
    .page_main { width: calc(100% - 3.5rem); padding-right: 0.3rem; }
    .n_news .fl { width: calc(100% - 3.75rem); }
    .n_news .fr { width: 3.45rem; }
    .n_service ul li .txt { padding: 0.55rem 0.65rem 0.35rem 0.55rem; }
}

@media all and (max-width:1000px) {
    body.c-open { position: fixed; left: 0; width: 100%; overflow: hidden; }
    body.c-open #c-header .c-nav {
        position: fixed;
        top: 60px;
        bottom: 0;
        height: auto !important;
    }
    #c-header .c-switch {
        position: relative;
        z-index: 2;
        width: 0.72rem;
        height: 0.72rem;
        padding: 0.14rem 0.12rem;
        box-sizing: border-box;
        touch-action: manipulation;
    }
    #c-header .c-switch i { width: 100%; }
    #c-header .c-nav { overscroll-behavior: contain; /* padding-bottom: max(0.24rem, env(safe-area-inset-bottom)); */ }
    #c-header .c-nav > li > .c-title-box > a { display: flex; align-items: center; min-height: 0.72rem; }
    .page_container, .n_pro_xq_top, .n_app_xq_01 { flex-direction: column; }
    .page_container > .page_main { order: 1; margin-top: 0; }
    .page_container > .sidebar { order: 2; margin-top: 0.4rem; }
    .sidebar, .page_main, .pro_xq_fl, .pro_xq_fr, .n_app_xq_01 .fl, .n_app_xq_01 .fr,
    .n_contact .fl, .n_contact .fr, .n_news .fl, .n_news .fr { float: none; width: 100%; }
    .page_main { padding-right: 0; margin-top: 0.4rem; }
    .sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.24rem; }
    .sidebar_item { margin-bottom: 0; }
    .n_pro_xq_top, .n_app_xq_01, .n_contact .w15 { gap: 0.4rem; }
    .pro_xq_fr, .n_contact .fr, .n_news .fr { margin-top: 0.4rem; }
    .n_news .fr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.24rem; }
    .n_news .fr .recomm { margin-top: 0; }
    .wl-products .w48, .wl-products .w52 { width: 100%; }
    .wl-products .w52 { padding-left: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.4rem; }
    .pro_list, .n_newslist ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .n_applist ul li { width: 49.2%; margin-right: 1.6%; margin-bottom: 1.6%; }
    .n_applist ul li:nth-child(3n) { margin-right: 1.6%; }
    .n_applist ul li:nth-child(2n) { margin-right: 0; }
    .n_service ul li .txt { padding: 0.42rem; }
    .n_app_xq_02 ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media all and (max-width:767px) {
    .w18, .w16, .w15 { max-width: calc(100% - 0.48rem); }
    .wl-stats-grl2 { margin-top: -0.32rem; padding-bottom: 0.35rem; }
    .wl-stats-grl2-panel { grid-template-columns: 1fr; border-radius: 0.18rem; }
    .wl-stats-feature { min-height: 0; padding: 0.28rem 0.24rem; }
    .wl-feature-bg-num { right: -0.02rem; bottom: -0.2rem; font-size: 1.3rem; }
    .wl-feature-line-icon { width: 0.4rem; height: 0.4rem; margin-bottom: 0.1rem; }
    .wl-feature-label { margin-bottom: 0.1rem; font-size: 0.22rem; }
    .wl-stats-feature h3 { max-width: none; margin-bottom: 0.1rem; font-size: 0.36rem; line-height: 1.22; }
    .wl-stats-feature p { max-width: none; font-size: 0.25rem; line-height: 1.5; }
    .wl-stats-list-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0.01rem solid rgba(218, 227, 239, 0.85); }
    .wl-stat-mini { min-height: 1.8rem; padding: 0.2rem 0.08rem; border-top: 0; }
    .wl-stat-mini:not(:last-child)::after { display: block; top: 0.25rem; bottom: 0.25rem; }
    .wl-stat-line-icon { width: 0.4rem; height: 0.4rem; margin-bottom: 0.08rem; }
    .wl-stat-mini strong { margin-bottom: 0.07rem; padding: 0; font-size: 0.4rem; letter-spacing: -0.02em; }
    .wl-stat-mini span { max-width: 7.5em; font-size: 0.22rem; line-height: 1.3; }
    #c-header .c-switch { width: 0.88rem; height: 0.88rem; padding: 0.22rem 0.18rem; }
    body.c-open #c-header .c-switch i:nth-child(1) { top: 0.16rem; }
    body.c-open #c-header .c-switch i:nth-child(3) { bottom: 0.16rem; }
    #c-header.Header-wrapper:not(.on):not(.white_bg) .c-switch i { background-color: #fff; }
    #c-header .c-nav > li > a, #c-header .c-nav > li > .c-title-box > a { display: flex; align-items: center; min-height: 0.9rem; padding: 0; font-size: 0.3rem; line-height: 1.35; }
    #c-header .c-nav > li > ul { padding-bottom: 0.16rem; }
    #c-header .c-nav { overflow-x: hidden; }
    .tc_search .cell_mid, .tc_search .cell_h { width: 100%; min-width: 0; }
    .tc_search form { width: calc(100% - 0.48rem); max-width: none; padding: 0 0.15rem; }
    .c_ban .ban_txt { width: 100%; padding-right: 0.24rem; padding-left: 0.24rem; }
    .c_ban .crumbs {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow: visible;
        flex-wrap: wrap;
        column-gap: 0;
        row-gap: 0.08rem;
        white-space: normal;
    }
    .c_ban .crumbs a:not(:first-of-type) { display: inline-flex; }
    .c_ban .crumbs a,
    .c_ban .crumbs [aria-current="page"] {
        flex: 0 1 auto;
        min-width: 0;
        max-width: 100%;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .sidebar { display: block; }
    .sidebar_item + .sidebar_item { margin-top: 0.24rem; }
    .pro_list, .n_newslist ul, .n_news .fr { grid-template-columns: 1fr; }
    .n_pro_xq_con { padding: 0.3rem 0; }
    .pro_xq_ico { padding: 0 0.2rem; }
    .n_news .fl .box { padding: 0.38rem 0.3rem 0.24rem; }
    .n_news .fl .bot { display: grid; gap: 0.22rem; }
    .n_news .fl .bot > div {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.08rem;
        width: 100%;
        min-width: 0;
        padding: 0.18rem 0;
        align-items: start;
    }
    .n_news .fl .bot > div + div { border-top: 0.01rem solid #eee; }
    .n_news .fl .bot > div span { color: var(--theme-color); font-size: 0.24rem; line-height: 1.4; }
    .n_news .fl .bot > div a {
        width: 100%;
        min-width: 0;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
        line-height: 1.5;
    }
    .n_news .fl .next { text-align: left; }
    .n_news .fl .next span { grid-row: 1; }
    .n_news .fl .next a { grid-row: 2; }
    .n_contact .fl .mui-input-row, .n_contact .fl .mui-input-row.w100 { width: 100%; margin-bottom: 0.2rem; }
    .n_contact .fluentform .ff-t-container, .c_quote .fluentform .ff-t-container { display: block; }
    .n_contact .fl .mui-input-row input { height: 0.92rem; line-height: 0.92rem; font-size: 0.3rem; }
    .n_contact .fl .mui-input-row textarea { min-height: 3.8rem; font-size: 0.3rem; }
    .n_contact .fr ul li .icon { width: 0.9rem; height: 0.9rem; }
    .n_contact .fr ul li .text { width: calc(100% - 1.14rem); }
    .n_applist ul li { float: none; width: 100%; margin: 0 0 0.24rem; }
    .n_applist ul li:nth-child(3n) { margin-right: 0; }
    .n_service ul li, .n_service ul li:nth-child(2n) { flex-direction: column; }
    .n_service ul li .img, .n_service ul li .txt { width: 100%; }
    .n_service ul li .txt { padding: 0.38rem 0.3rem; }
    .n_service ul li .des { margin-top: 0.2rem; }
    .n_app_xq_02 ul { grid-template-columns: 1fr; gap: 0.24rem; }
    .n_app_xq_02 ul li { min-height: 0; padding: 0.34rem 0.3rem; }
    .n_app_xq_02 ul li .info, .n_app_xq_02 ul li .des { min-height: 0; }
    .wl-oem-hero { min-height: 0; padding-top: 1.6rem; padding-bottom: 1rem; }
    .wl-oem-hero-title { max-width: 12em; }
    .pro_page_02 .item .con { padding: 0.24rem; }
    .wl-pro-guide-controls { gap: 0.24rem; margin-top: 0.3rem; }
    .wl-pro-guide-arrow { width: 0.88rem; height: 0.88rem; }
    .wl-pro-guide-arrow i { font-size: 0.34rem; }
    .c_quote .con { display: block; padding: 0.4rem 0.28rem; }
    .c_quote .fl, .c_quote .fr { float: none; width: 100%; }
    .c_quote .fl h4, .c_quote .fl h2, .c_quote .fr h4, .c_quote .fr h2 { font-size: 0.42rem; line-height: 1.25; }
    .c_quote .fl p { margin-top: 0.16rem; margin-bottom: 0.24rem; font-size: 0.28rem; line-height: 1.55; }
    .c_quote .fl a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 0.88rem; padding: 0.16rem 0.28rem; }
    .c_quote .fr { margin-top: 0.5rem; padding-top: 0.4rem; border-top: 0.01rem solid rgba(1, 104, 179, 0.15); }
    .c_quote .fr h4, .c_quote .fr h2 { margin-bottom: 0.28rem; }
    .c_quote .fr form { row-gap: 0; }
    .c_quote .fr form .mui-input-row, .c_quote .fr form .mui-input-row.w100 { width: 100%; margin-bottom: 0.18rem; }
    .c_quote .fr form .mui-input-row input { height: 0.88rem; padding: 0 0.24rem; font-size: 0.28rem; }
    .c_quote .fr form .mui-input-row textarea { min-height: 2.8rem; height: 2.8rem; padding: 0.22rem 0.24rem; font-size: 0.28rem; line-height: 1.5; resize: vertical; }
    .c_quote .fr form .btn { width: 100%; margin-top: 0.06rem; }
    .c_quote .fr form .btn button { width: 100%; min-height: 0.88rem; padding: 0.16rem 0.28rem; }
    .n_contact .fluentform .ff-el-form-control,
    .c_quote .fluentform .ff-el-form-control { height: 0.88rem; padding: 0 0.24rem; font-size: 0.28rem; }
	.n_contact .fluentform fieldset { grid-template-columns: 1fr; row-gap: 0.2rem; }
	.n_contact .fluentform .ff-t-container { display: contents; }
    .n_contact .fluentform textarea.ff-el-form-control,
    .c_quote .fluentform textarea.ff-el-form-control { min-height: 2.8rem; height: 2.8rem; padding: 0.22rem 0.24rem; font-size: 0.28rem; line-height: 1.5; }
    .n_contact .fluentform .ff-btn-submit,
    .c_quote .fluentform .ff-btn-submit { width: 100%; min-height: 0.88rem; padding: 0.16rem 0.28rem; }
    .n_faq ul li .faq_t { padding: 0.28rem 0.24rem; }
    .n_faq ul li .faq_t h4, .n_faq ul li .faq_t h2 { padding-right: 0.25rem; font-size: 0.3rem; line-height: 1.45; }
    .ar_article .scroll { margin-right: -0.04rem; }
    .ar_article img, .ar_article iframe { height: auto; max-width: 100%; }
    .wl-footer .w25, .wl-footer .w20 { margin-bottom: 0.44rem; }
    .wl-footer .wl-footer-group { margin-bottom: 0; border-top: 0.01rem solid rgba(255, 255, 255, 0.16); }
    .wl-footer .wl-footer-group:last-child { border-bottom: 0.01rem solid rgba(255, 255, 255, 0.16); }
    .wl-footer .wl-footer-group h4 { margin-bottom: 0; }
    .wl-footer-toggle { min-height: 0.96rem; touch-action: manipulation; }
    .wl-footer-toggle i { display: inline-block; font-size: 0.34rem; }
    .wl-footer-group.is-open .wl-footer-toggle i { transform: rotate(180deg); }
    .wl-footer-panel { display: none; padding-bottom: 0.3rem; }
    .wl-footer-bot { padding-top: 0.24rem; padding-bottom: max(0.24rem, env(safe-area-inset-bottom)); }
    .vr-iframe-container { min-height: 0; height: calc(100svh - 0.96rem); }
}

@media (hover:none) {
    .wl-download-center .doc-item:hover, .wl-ts-advantages .wl-ts-adv-item:hover, .wl-cert-card:hover { transform: none; }
}

@media (prefers-reduced-motion:reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}