@charset "UTF-8";

/*整站样式*/
*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-user-select: none;
    /* Firefox私有属性 */
    -webkit-user-select: none;
    /* WebKit内核私有属性 */
    -ms-user-select: none;
    /* IE私有属性(IE10及以后) */
    -khtml-user-select: none;
    /* Khtml内核私有属性 */
    -o-user-select: none;
    /* Opera私有属性 */
    user-select: none;
    /* CSS3属性 */
}

body {
    color: #333;
    font-size: .875rem;
    line-height: 1.5;
    font-family: 'Microsoft Yahei', "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    position: relative;
    height: 100%;
}

img {
    max-width: 100%;
    border: none;
    -webkit-user-drag: none;
}

input,
select,
textarea {
    font-size: .875rem;
    color: #333;
    border: none;
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

::-ms-input-placeholder {
    color: #999;
}

select::-ms-expand {
    display: none;
}

/*定义滚动条*/
::-webkit-scrollbar {
    display: none;
    width: .3125rem;
    height: .625rem;
    background-color: transparent;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .375rem rgba(0, 0, 0, 0);
    border-radius: .3125rem;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--pa-brand);
    width: .3125rem;
}

a {
    cursor: pointer;
    color: #333;
    text-decoration: none;
}

ul {
    list-style: none;
}

.fix {
    transform: scale(1);
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.fix:after,
.fix:before {
    display: block;
    content: "";
    height: 0;
    clear: both;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

em {
    font-style: normal;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

@font-face {
    font-family: AlibabaPuHuiTi-2-45-Light;
    src:
        url(../fonts/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType');
}

@font-face {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    src:
        url(../fonts/AlibabaPuHuiTi-2-55-Regular.ttf) format('TrueType');
}

@font-face {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    src:
        url(../fonts/AlibabaPuHuiTi-2-65-Medium.ttf) format('TrueType');
}

@font-face {
    font-family: MiSans-Regular;
    src:
        url(../fonts/MiSans-Regular.ttf) format('TrueType');
}

@font-face {
    font-family: MiSans-Medium;
    src:
        url(../fonts/MiSans-Medium.ttf) format('TrueType');
}

/*基本编写顺序*/
body {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-style: normal;
}

/* 平安树头部导航样式 */
:root {
    --pa-brand: #EA5504;
}

/* 固定导航占位 */
body {
    padding-top: 5rem;
}

.pa-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 5rem;
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 .125rem .625rem rgba(0, 0, 0, 0.05);
}

.pa-header-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 6.25rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Logo */
.pa-logo {
    display: flex;
    align-items: center;
    gap: .625rem;
    flex-shrink: 0;
}

.pa-logo-img {
    height: 3rem;
    width: auto;
}

.pa-logo-icon {
    width: 2.625rem;
    height: 2.625rem;
    background: var(--pa-brand);
    border-radius: .375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pa-logo-icon svg {
    width: 1.625rem;
    height: 1.625rem;
    color: #fff;
}

.pa-logo-text {
    display: flex;
    flex-direction: column;
}

.pa-logo-title {
    font-size: 1.375rem;
    font-weight: 800;
    color: #222;
    line-height: 1;
    letter-spacing: .0625rem;
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.pa-logo-sub {
    font-size: .625rem;
    color: #999;
    letter-spacing: .125rem;
    margin-top: .125rem;
    text-transform: uppercase;
}

/* 菜单：贴右侧与电话按钮成组。
   设计稿（1920）量得 —— 导航首项 ink 561、末项 ink 1547、电话 ink 1662-1818，
   即「导航右边界 → 电话左边界」= 114；而 .pa-header-inner 是 space-between，
   三项分布会把导航放到整屏正中（实测 nav 中心 962 vs 设计 1054，整体偏左 93）。
   给导航一个 margin-left:auto + margin-right:7.125rem：auto 吃掉全部剩余空间
   （此时 justify-content 失效），导航与电话就一起靠右，间距正好 114。 */
.pa-nav {
    display: flex;
    /* 由 center 改 stretch + 撑满 header：每个一级项的高度等于整条 header，
       这样鼠标从文字向下移向二级浮层时，中途始终还在 .pa-nav-item 的范围内，
       hover 不会断（item 本身必须保持 static，浮层才能以 .pa-header 为参照）。 */
    align-items: stretch;
    height: 100%;
    gap: 3.25rem;
    margin-left: auto;
    margin-right: 7.125rem;
}

.pa-nav-link {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.0625rem;
    color: #303133;
    position: relative;
    padding: .5rem 0;
    transition: color 0.3s;
    white-space: nowrap;
}

.pa-nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: .125rem;
    background: var(--pa-brand);
    transition: width 0.3s;
}

.pa-nav-link:hover {
    color: var(--pa-brand);
}

.pa-nav-link:hover::after {
    width: 100%;
}

.pa-nav-link.active {
    color: var(--pa-brand);
}

.pa-nav-link.active::after {
    width: 100%;
}

/* 电话 */
.pa-phone {
    font-family: MiSans-Medium;
    display: flex;
    align-items: center;
    gap: .3125rem;
    color: var(--pa-brand);
    font-size: 1.1875rem;
    font-weight: 380;
    flex-shrink: 0;
}

.pa-phone svg {
    width: 1.75rem;
    height: 1.75rem;
    /* 关键动画配置：设置旋转中心在电话图标中下部 */
    transform-origin: center bottom;
    animation: phoneRing 2.5s infinite ease-in-out;
}

/* 电话震动 Keyframes */
@keyframes phoneRing {

    0%,
    60%,
    100% {
        transform: rotate(0deg);
    }

    10%,
    30%,
    50% {
        transform: rotate(15deg);
    }

    20%,
    40% {
        transform: rotate(-15deg);
    }
}

/* 汉堡按钮 */
.pa-menu-toggle {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: .5rem;
}

.pa-menu-toggle svg {
    width: 1.75rem;
    height: 1.75rem;
    color: #333;
    display: block;
}

.pa-menu-toggle .pa-icon-close {
    display: none;
}

.pa-menu-toggle.open .pa-icon-open {
    display: none;
}

.pa-menu-toggle.open .pa-icon-close {
    display: block;
}

/* ==============================================================
   平安树主导航 —— 一级项的下级（桌面 hover 浮层 / 窄屏抽屉，同一份 DOM）
   --------------------------------------------------------------
   结构见 template/default/head.html：
     .pa-nav-item                       一级项（有下级才带 .pa-nav-more 与 .pa-nav-drop）
       ├ a.pa-nav-link                  一级链接
       ├ button.pa-nav-more             窄屏展开下级用（桌面 display:none）
       └ .pa-nav-drop                   二级容器
            └ .pa-subnav-inner > ul.pa-subnav-list
                 > li.pa-subnav-item > a.pa-subnav-link
   --------------------------------------------------------------
   桌面（≥1024）：.pa-nav-drop 是绝对定位的全宽浮层，靠 .pa-nav-item:hover 显隐。
     ⚠ 浮层的包含块是 .pa-header（fixed），所以 top:100% 正好落在 header 下沿；
       因此 .pa-nav-item 必须**保持 static**，一旦给它 position:relative，
       浮层就会改成以它为参照、缩成一小块贴在文字下面。
     显隐用 opacity + visibility，不用 display —— 后者没有过渡、会硬闪。
   窄屏（<1024）：见文件末尾的 ≤63.9375rem 档，.pa-nav 变成左侧抽屉，
     下级改成折叠块（.pa-nav-item.open），浮层那套定位全部被覆盖掉。
   ============================================================== */
.pa-nav-item {
    display: flex;
    align-items: center;
    /* 一级文字保持原来的垂直居中位置，下划线位置不变 */
    height: 100%;
}

/* 整格 hover 也让文字和下划线亮起来（原来只有 hover 到文字本身才亮） */
.pa-nav-item:hover>.pa-nav-link {
    color: var(--pa-brand);
}

.pa-nav-item:hover>.pa-nav-link::after {
    width: 100%;
}

/* 展开箭头：桌面的浮层不需要 */
.pa-nav-more {
    display: none;
}

.pa-nav-drop {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 1;
    background: var(--pa-brand);
    box-shadow: 0 .375rem .875rem rgba(0, 0, 0, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-.5rem);
    /* visibility 放最后并给它 .22s 的延时：隐藏要等前两项动画走完，
       否则浮层会在淡出前当场消失；显示时把延时清零，避免"移上去半天才出来" */
    transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s;
}

.pa-nav-item:hover>.pa-nav-drop,
.pa-nav-item:focus-within>.pa-nav-drop {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition-delay: 0s, 0s, 0s;
}

/* 点了锚点之后由 js 加上 .pa-hold：立刻把浮层压下去（鼠标还悬在上面），
   等鼠标移出整个导航区再恢复。必须排在 hover 规则之后 —— 两者权重相同。 */
.pa-nav.pa-hold .pa-nav-drop {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-.5rem);
    transition-delay: 0s, 0s, 0s;
}

.pa-subnav-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: .625rem 6.25rem;
}

/* 网格而不是单行：线上展厅有 14 项，单行在 1920 也放不下；
   网格按容器宽自动分列（1920 约 8 列 → 两行），不需要横向滚动。 */
.pa-subnav-list {
    display: grid;
    /* grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr)); */
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, max-content));
    justify-content: center;
    column-gap: .5rem;
    row-gap: .125rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pa-subnav-item {
    display: block;
}

.pa-subnav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    height: 2.75rem;
    padding: 0 .75rem;
    border-radius: .25rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    color: rgba(255, 255, 255, .92);
    white-space: nowrap;
    transition: background-color .25s, color .25s;
}

.pa-subnav-link:hover,
.pa-subnav-link.active {
    color: #fff;
    background: rgba(255, 255, 255, .16);
}

/* 当前项：左侧一条白线（原来是底部下划线，改成网格后用左条更清楚） */
.pa-subnav-link.active::before {
    content: "";
    position: absolute;
    left: 0;
    top: .625rem;
    bottom: .625rem;
    width: .125rem;
    border-radius: .0625rem;
    background: #fff;
}

/* 图标：6 个一组循环，项数超过 6 就从第一个重来（线上展厅有 14 项） */
.pa-subnav-ico {
    flex: none;
    width: 1.125rem;
    height: 1.125rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.pa-subnav-item:nth-child(6n+1) .pa-subnav-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M5 21V5a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v16M13 21V10h5a1 1 0 0 1 1 1v10M8 8h2M8 12h2M8 16h2'/%3E%3C/svg%3E");
}

.pa-subnav-item:nth-child(6n+2) .pa-subnav-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.2'/%3E%3Cpath d='M5 20c0-3.6 3.1-6 7-6s7 2.4 7 6'/%3E%3C/svg%3E");
}

.pa-subnav-item:nth-child(6n+3) .pa-subnav-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12.5V5a2 2 0 0 1 2-2h7.5L21 11.5 11.5 21 3 12.5z'/%3E%3Ccircle cx='8' cy='8' r='1.3'/%3E%3C/svg%3E");
}

.pa-subnav-item:nth-child(6n+4) .pa-subnav-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l5-5 4 3 8-9'/%3E%3Cpath d='M15 6h5v5'/%3E%3C/svg%3E");
}

.pa-subnav-item:nth-child(6n+5) .pa-subnav-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4h10v5a5 5 0 0 1-10 0V4z'/%3E%3Cpath d='M7 6H4.5A1.5 1.5 0 0 0 3 7.5C3 9.4 4.6 11 6.5 11H7M17 6h2.5A1.5 1.5 0 0 1 21 7.5C21 9.4 19.4 11 17.5 11H17'/%3E%3Cpath d='M12 14v4M8.5 20h7'/%3E%3C/svg%3E");
}

.pa-subnav-item:nth-child(6n+6) .pa-subnav-ico {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.6 6 .8-4.4 4.2 1.1 6-5.3-3-5.3 3 1.1-6L3.4 9.9l6-.8z'/%3E%3C/svg%3E");
}

/* 桌面端的浮层只在 ≥1024 出现；窄屏的遮罩与关闭按钮一律不显示 */
.pa-nav-mask,
.pa-nav-close {
    display: none;
}

@media (max-width: 100rem) {

    /* 1600 以下：与 .pa-header-inner 的 60 对齐 */
    .pa-subnav-inner {
        padding: .625rem 3.75rem;
    }
}

@media (max-width: 75rem) {

    /* 1200 以下：与 header 的 16 对齐，列也收窄一点 */
    .pa-subnav-inner {
        padding: .625rem 1rem;
    }

    .pa-subnav-link {
        padding: 0 .625rem;
        font-size: .875rem;
    }

    .pa-subnav-list {
        grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    }
}

/* S 平安树底部样式 */
/* 外层：底部背景图容器。图形左右满宽、底部贴底对齐页面底边，无留白 */
.pa-footer {
    background-color: #fff;
    background-image: var(--pa-footer-bg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
    /* 图形随容器等比缩放 */
    min-height: 27.03vw;
    /* 设计稿比例 1920 × 519 */
    box-sizing: border-box;
    padding: 0;
    position: relative;
    overflow: hidden;
    color: rgba(255, 255, 255, 0.55);
}

.pa-footer-inner {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    box-sizing: border-box;
    /* 关键：避免 width:100% 再叠加左右 padding 造成横向溢出 */
    /* 上下留白随视口等比（1920 宽时约 5.6875rem / 2.5rem），
           上方多出的一段用于补偿背景图顶部的透明留白，使内容在图形内视觉居中 */
    padding: 6.875rem 6.25rem 1.25rem;
    position: relative;
    z-index: 1;
}

.pa-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1.3fr;
    gap: 3.75rem;
}

/* 列1：品牌 */
.pa-footer-logo {
    display: inline-block;
    margin-top: 1.875rem;
    margin-bottom: 2.25rem;
    transition: opacity 0.3s;
}

.pa-footer-logo:hover {
    opacity: 0.85;
}

.pa-footer-logo img {
    display: block;
    height: 6.875rem;
    width: auto;
}

.pa-footer-slogan {
    font-size: .875rem;
    color: var(--pa-brand, #E66A2C);
    font-weight: 500;
    letter-spacing: .0625rem;
    text-align: center;
}

.pa-footer-socials {
    display: flex;
    align-items: center;
    gap: .75rem;
    /* 气泡向上溢出，提升层级避免被右侧链接列盖住 */
    position: relative;
    z-index: 30;
}

.pa-footer-socials a {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    opacity: 0.75;
    transition: opacity 0.3s, transform 0.3s;
}

.pa-footer-socials a:hover {
    opacity: 1;
    transform: translateY(-0.125rem);
}

.pa-footer-socials img {
    display: block;
    width: 100%;
    height: 100%;
}

/* 社交图标气泡：默认隐藏，鼠标经过（或触屏点击）向上弹出二维码 */
.pa-fs-pop {
    position: absolute;
    left: 50%;
    bottom: calc(100% + .875rem);
    z-index: 5;
    display: block;
    /* 绝对定位默认按「可用宽度」收缩，这里强制按内容撑开 */
    width: max-content;
    padding: .625rem .625rem .5rem;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 .375rem 1.5rem rgba(0, 0, 0, 0.16);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, .5rem);
    transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s;
    font-weight: 400;
    font-style: normal;
    white-space: nowrap;
    pointer-events: none;
}

/* 指向图标的小三角 */
.pa-fs-pop::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -0.4375rem;
    border: .4375rem solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
}

/* 透明连接桥：鼠标从图标移向气泡时不丢 hover */
.pa-fs-pop::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 1rem;
}

.pa-footer-socials a:hover>.pa-fs-pop,
.pa-footer-socials a.pa-fs-open>.pa-fs-pop {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    /* 展开后接管鼠标事件，鼠标移到气泡上时 :hover 不会丢 */
    pointer-events: auto;
}

.pa-fs-pop img {
    width: 7.375rem;
    height: 7.375rem;
    display: block;
    border-radius: .25rem;
}

.pa-fs-pop em {
    display: block;
    margin-top: .375rem;
    font-size: .8125rem;
    font-style: normal;
    line-height: 1.4;
    color: #333;
    text-align: center;
}

/* 列2、3：链接列表 */
.pa-footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pa-footer-list li {
    margin-bottom: 1.375rem;
}

.pa-footer-list h4 {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.125rem;
    color: #fff;
    font-weight: normal;
    margin: 0 0 .375rem 0;
    letter-spacing: .0313rem;
}

.pa-footer-list a:hover h4 {
    color: var(--pa-brand, #E66A2C);
}

.pa-footer-list p {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .875rem;
    color: #9A9A9A;
    line-height: 1.6;
    margin: 0;
}

/* 列4：联系信息 */
.pa-footer-contact h4 {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1rem;
    color: #fff;
    font-weight: 500;
    margin: 0 0 1.875rem 0;
}

.pa-footer-contact p {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    color: #9A9A9A;
    margin: .5rem 0 .25rem;
    line-height: 1.5;
}

.pa-footer-phone {
    font-family: MiSans-Medium;
    font-size: 1.375rem;
    color: #fff;
    font-weight: 700;
    margin: .375rem 0 1.875rem;
    letter-spacing: .0625rem;
}

/* 联系信息中的具体值（邮箱、地址）用亮白色，标签保持灰色 */
.pa-footer-contact .pa-footer-value {
    margin-bottom: 1.875rem;
}

.pa-footer-contact .pa-footer-value,
.pa-footer-contact .pa-footer-value a {
    font-family: MiSans-Medium;
    font-size: 1rem;
    color: #fff;
}

/* 底部版权 */
.pa-footer-bottom {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    margin-top: 3.75rem;
    padding-top: 1.25rem;
    border-top: .0625rem solid rgba(255, 255, 255, 0.08);
    text-align: center;
    font-size: .8125rem;
    color: #6D6D6D;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .625rem;
    flex-wrap: wrap;
}

.pa-footer-bottom span:nth-child(2) {
    display: flex;
}

.pa-footer-bottom a {
    color: inherit;
}

.pa-footer-bottom a:hover {
    color: var(--pa-brand, #E66A2C);
}

.pa-footer-bottom .pa-tech-badge {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.pa-footer-bottom .pa-footer-beian {
    position: relative;
    padding-left: 1.75rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .8125rem;
    color: #6D6D6D;
}

.pa-footer-bottom .pa-footer-beian::before {
    background: url(../images/beian.png) no-repeat center center;
    background-size: cover;
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 10;
}

/* 右侧悬浮客服条 */
.pa-side {
    position: fixed;
    right: .6875rem;
    top: calc(50% + .875rem);
    transform: translateY(-50%);
    z-index: 3;
}

.pa-side-panel {
    width: 3.5rem;
    padding: .25rem 0;
    background: rgba(255, 255, 255, 0.92);
    border-radius: .625rem;
    box-shadow: 0 .25rem 1rem rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
}

.pa-side-item {
    position: relative;
    height: 3.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
}

.pa-side-item img {
    width: 1.5625rem;
    height: 1.5625rem;
    display: block;
    transition: background 0.3s, transform 0.3s;
    -webkit-transition: background 0.3s, transform 0.3s;
    -moz-transition: background 0.3s, transform 0.3s;
    -ms-transition: background 0.3s, transform 0.3s;
    -o-transition: background 0.3s, transform 0.3s;
}

.pa-side-item:hover>img {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
}

.pa-side-item span {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .8125rem;
    color: #606266;
    transform: scale(0.92);
}

/* 电话/微信/小程序气泡：默认隐藏，鼠标经过按钮时出现 */
.pa-side-pop {
    position: absolute;
    right: calc(100% + .875rem);
    top: 50%;
    z-index: 5;
    display: block;
    /* 绝对定位默认会按「可用宽度」收缩，这里强制按内容撑开 */
    width: max-content;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 .375rem 1.5rem rgba(0, 0, 0, 0.14);
    opacity: 0;
    visibility: hidden;
    transform: translate(-0.5rem, -50%);
    transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s;
    font-weight: 400;
    font-style: normal;
    white-space: nowrap;
    pointer-events: none;
}

/* 指向按钮的小三角 */
.pa-side-pop::before {
    content: "";
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -0.4375rem;
    border: .4375rem solid transparent;
    border-left-color: #fff;
    border-right-width: 0;
}

/* 透明连接桥：鼠标从按钮移向气泡时不丢 hover */
.pa-side-pop::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 1rem;
    height: 100%;
}

.pa-side-item:hover>.pa-side-pop,
.pa-side-item.pa-side-open>.pa-side-pop {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
    /* 展开后接管鼠标事件：鼠标从按钮移到气泡上时 :hover 不会丢，气泡保持展开 */
    pointer-events: auto;
}

/* 气泡1：手机号 */
.pa-side-pop-tel {
    height: 2.6875rem;
    padding: 0 1.25rem;
    display: flex;
    align-items: center;
    color: var(--pa-brand);
    font-family: AlibabaPuHuiTi-2-55-Regular, 'Microsoft Yahei', sans-serif;
    font-size: 1.125rem;
    letter-spacing: .0313rem;
}

/* 气泡2：二维码 / 小程序码 */
.pa-side-pop-qr {
    padding: .625rem .625rem .5rem;
    text-align: center;
}

.pa-side-pop-qr img {
    width: 7.375rem;
    height: 7.375rem;
    display: block;
    border-radius: .25rem;
}

.pa-side-pop-qr em {
    display: block;
    margin-top: .375rem;
    font-size: .8125rem;
    font-style: normal;
    line-height: 1.4;
    color: #333;
}

/* 吉祥物：常态上下浮动 + 轻微摆动 */
@keyframes pa-mascot-float {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-0.875rem) rotate(-2.5deg);
    }
}

.pa-hero-mascot {
    position: fixed;
    right: .625rem;
    bottom: 2.3125rem;
    width: 6.3125rem;
    z-index: 3;
    pointer-events: none;
    transform-origin: 50% 100%;
    will-change: transform;
    animation: pa-mascot-float 3.6s ease-in-out infinite;
    display: none;
}

/* 首页样式 */
/* 第一屏样式 */

/* 每屏为纵向弹性容器，内容默认垂直居中 */
.pa-sec {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pa-sec-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 6.25rem;
    width: 100%;
}

/* 隐藏 fullpage 默认右侧圆点，改用底部数字分页 */
#fp-nav {
    display: none !important;
}

/* 页脚由 js.js 收纳为 fullpage 最后一屏（fp-auto-height 自适应高度） */
.pa-footer.section {
    margin: 0;
    background-color: #fff;
}

/* 进场动画：fullpage 会给当前屏加 .active */
.pa-anim {
    opacity: 0;
    transform: translateY(1.875rem);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.pa-anim.d1 {
    transition-delay: 0.15s;
}

.pa-anim.d2 {
    transition-delay: 0.3s;
}

.pa-anim.d3 {
    transition-delay: 0.45s;
}

.section.active .pa-anim {
    opacity: 1;
    transform: translateY(0);
}

/* 第3屏「线上展厅」：同一屏内换页时，让新一组的文案重播入场。
   为什么不用"摘掉 .active 再挂回"：.pa-anim 用的是 transition，
   运行中的 transition 会锁住 computed 值（实测即便摘掉 .active，
   getComputedStyle 仍返回 1），摘类名这条路不可靠。
   改成 keyframes + 强制重启动画，语义明确也稳定。 */
.pa-sec-showroom .pa-showroom-slide .pa-anim {
    opacity: 1;
    transform: none;
    transition: none;
}

.pa-sec-showroom .pa-showroom-slide .pa-anim.pa-replay {
    animation: paShowroomIn 0.8s ease both;
}

.pa-sec-showroom .pa-showroom-slide .pa-anim.pa-replay.d1 {
    animation-delay: 0.15s;
}

.pa-sec-showroom .pa-showroom-slide .pa-anim.pa-replay.d2 {
    animation-delay: 0.3s;
}

.pa-sec-showroom .pa-showroom-slide .pa-anim.pa-replay.d3 {
    animation-delay: 0.45s;
}

@keyframes paShowroomIn {
    from {
        opacity: 0;
        transform: translateY(1.875rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 第1屏「Hero」：同一屏内换页时，让新一组的文案重播入场。
   与第3屏同一套思路 —— .pa-anim 走 transition，运行中会锁住 computed 值，
   摘类名不可靠，所以用 keyframes + 强制重启动画。 */
.pa-sec-hero .pa-hero-main .pa-anim {
    opacity: 1;
    transform: none;
    transition: none;
}

.pa-sec-hero .pa-hero-main .pa-anim.pa-replay {
    animation: paHeroIn 0.8s ease both;
}

.pa-sec-hero .pa-hero-main .pa-anim.pa-replay.d1 {
    animation-delay: 0.15s;
}

.pa-sec-hero .pa-hero-main .pa-anim.pa-replay.d2 {
    animation-delay: 0.3s;
}

@keyframes paHeroIn {
    from {
        opacity: 0;
        transform: translateY(1.875rem);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== 第1屏 Hero ========== */
.pa-sec-hero {
    /* 兜底背景：轮播图加载出来之前先垫底，避免闪白 */
    background: #0E1A12 url("/assets/default/images/banner.jpg") center center / cover no-repeat;
    justify-content: flex-start;
    padding: 0;
    font-family: AlibabaPuHuiTi-2-55-Regular, 'Microsoft Yahei', sans-serif;
}

/* 背景轮播层：铺满整屏，位于文案层下方 */
.pa-hero-swiper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}

.pa-hero-swiper .swiper-slide {
    position: relative;
    overflow: hidden;
    background: #0E1A12;
    user-select: none;
    -webkit-user-select: none;
    /* 文案层要铺满 slide 的高度，这里必须显式撑满 */
    height: 100%;
}

/* 可左右拖动切换：抓取手势 + 抓取光标（Swiper 的 grabCursor 会加这两个类，这里做兜底样式） */
.pa-hero-swiper.swiper-container-grab-cursor,
.pa-hero-swiper.is-draggable {
    cursor: grab;
}

.pa-hero-swiper.swiper-container-grabbing-cursor,
.pa-hero-swiper.is-draggable:active {
    cursor: grabbing;
}

/* 轮播图片：等比铺满、居中裁切 */
.pa-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
}

/* 内容区：铺满 slide 高度，内容垂直居中（文案现在在 slide 内，不再占外层 flex 空间） */
.pa-hero-main {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    z-index: 2;
}

/* 文案层不拦截指针与触摸：首屏任意位置（含文字区域）都能左右拖动切换轮播 */
.pa-hero-main {
    pointer-events: none;
}

/* 唯独按钮恢复可点/可悬停 */
.pa-hero-main .pa-hero-more {
    pointer-events: auto;
}

.pa-hero-inner {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 11.875rem;
    margin-bottom: 7.5rem;
}

/* 文案整体相对容器再内缩（1920 下文字左边界 = 100 + 92 = 12rem） */
.pa-hero-box {
    max-width: 62.5rem;
}

.pa-hero-title {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 3.5rem;
    font-weight: 500;
    line-height: 1.15;
    color: #fff;
    margin: 0;
    letter-spacing: .125rem;
    text-shadow: 0 .125rem .75rem rgba(0, 0, 0, 0.28);
}

.pa-hero-sub {
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-weight: 300;
    font-size: 1.75rem;
    line-height: 1.5;
    color: #fff;
    margin: .375rem 0 0;
    letter-spacing: .375rem;
    text-shadow: 0 .0625rem .5rem rgba(0, 0, 0, 0.3);
}

/* 「进一步了解」：圆形箭头 + 文字 */
.pa-hero-more {
    display: inline-flex;
    align-items: center;
    gap: .875rem;
    margin-top: 6.125rem;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s;
}

.pa-hero-more:hover {
    opacity: 0.85;
}

.pa-more-icon {
    width: 2rem;
    height: 2rem;
    display: block;
    background: url("../images/more.svg") center center no-repeat;
    background-size: cover;
}

.pa-hero-more:hover .pa-more-icon {
    background: url("../images/more-hover.svg") center center no-repeat;
    background-size: cover;
}

.pa-hero-more span {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    letter-spacing: .0625rem;
    color: #fff;
    text-shadow: 0 .0625rem .5rem rgba(0, 0, 0, 0.3);
}

.pa-hero-more:hover span {
    color: var(--pa-brand);
}

/* 底部数字分页容器：分页项（数字 + 外框）由 Swiper 的 swiper-pagination 统一渲染
   （见 js.js 的 pagination.renderBullet，外框造型取自 banner-page.svg），
   这里只负责排版。容器同时挂了 .swiper-pagination 类，所以显式声明 position/z-index
   覆盖 Swiper 默认的 absolute 定位。

   定位（关键）：首屏 .pa-sec-hero 是「纵向 flex + justify-content:flex-start」，
   而文案层 .pa-hero-swiper / .pa-hero-main 都是 position:absolute 已脱流，
   分页条就成了该屏唯一的流内子元素 —— flex-start 会把它顶到屏幕最顶端(y:0~40)，
   正好被 5rem 的固定导航(.pa-header, z-index:1000)整条盖住，看起来就像"分页不见了"。
   所以这里用 margin-top:auto 吃掉全部剩余空间，把它压到整屏底部；
   下方 margin-bottom 即它距屏底的距离（各断点 35/24/16/10/1.375rem 均照旧生效）。 */
.pa-hero-pager {
    flex: 0 0 auto;
    margin-top: auto;
    height: 2.5rem;
    margin-bottom: 2.1875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    position: relative;
    z-index: 3;
}

/* 说明：分页项由 Swiper 生成（bulletClass = .pa-pager-item），
   不使用 .swiper-pagination-bullet 默认样式，避免被默认圆点样式干扰 */

.pa-pager-item {
    font-family: MiSans-Medium;
    font-weight: 400;
    position: relative;
    width: 2.375rem;
    height: 2.1875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.0625rem;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 .0625rem .375rem rgba(0, 0, 0, 0.35);
    transition: color 0.3s;
    -webkit-user-select: none;
    user-select: none;
}

/* 外框：默认透明，hover 半透明，选中实色 */
.pa-pager-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

.pa-pager-item:hover {
    color: var(--pa-brand);
}

.pa-pager-item:hover .pa-pager-frame {
    opacity: 0.5;
}

.pa-pager-item.active {
    color: var(--pa-brand);
    text-shadow: none;
}

.pa-pager-item.active .pa-pager-frame {
    opacity: 1;
}

/* ========== 第2屏 走进平安树 ==========
   卡片定位：上距导航 1.875rem、下距屏底 3.75rem、左右各 2.5rem。
   --pa-nav 跟随导航实际高度（窄屏导航会变矮），避免间距被吃掉。 */
.pa-sec-about {
    background: url(../images/about_base_bg.jpg) no-repeat center center;
    background-size: cover;
    --pa-nav: 5rem;
    --pa-card-gap-top: 1.875rem;
    --pa-card-gap-bottom: 3.75rem;
    --pa-card-side: 1.25rem;
    --pa-card-top: calc(var(--pa-nav) + var(--pa-card-gap-top));
    /* 底图 about-bg.png 的固有比例（1880 × 787）。卡片按它锁死，图就不会形变/被裁。 */
    --pa-about-ratio: 2.38;
    /* 卡片区可用高度 = 视口高 − 上距导航 − 下距屏底 */
    --pa-card-avail-h: calc(100vh - var(--pa-card-top) - var(--pa-card-gap-bottom));
    /* 卡片实际宽度 = min(可用宽, 可用高 × 原图比例)：两个方向都放得下 → 零裁切。
       注意这里的 100% 是 .pa-sec-about 的 padding box（已含左右 padding），
       所以减掉 --pa-card-side × 2；下面 .pa-sec-inner 的 100% 是父级 content box，
       两者算出来都是同一个数，文案才能和卡片对齐。 */
    --pa-about-card-w: min(calc(100% - var(--pa-card-side) * 2), calc(var(--pa-card-avail-h) * var(--pa-about-ratio)));
    padding: var(--pa-card-top) var(--pa-card-side) var(--pa-card-gap-bottom);
    box-sizing: border-box;
}

/* 背景卡片图：锁原图比例、整张完整可见。
   卡片区高 = 视口高 − 导航 − 上下留白，它和原图的比例只在 1920×960 附近相等：
     1366×660 → 卡片区 1326×490（比例 2.71）：cover 会裁掉上下 31%
     1366×768 → 1326×598（比例 2.22）：cover 裁掉上下 7%
     1024×768 → 984×598（比例 1.65）：fill 会把图横向压扁 51%（圆角变椭圆）
   所以这里既不 fill、也不让 cover 裁：宽度取 min(可用宽, 可用高 × 2.3888)，
   高度由 aspect-ratio 推出，渲染比例恒等于原图 → 图完整、不变形。
   代价是卡片在「视口又宽又扁」时会比卡片区窄，两侧露出页面底色，
   因此文案层（.pa-sec-inner）同步收窄到同一宽度。
   object-fit 仍留 cover：比例已相等，等价于 fill，只是保险。 */
.pa-about-bg {
    position: absolute;
    /* 上对齐（距导航 --pa-card-gap-top），不做垂直居中：
       卡片高度已经由 min() 保证「放得下」，宽度受高度限制时卡片高度正好等于可用高，
       宽度受宽度限制时卡片会矮一截、下方自然留白——都比居中更稳。
       注意不要写成 top: calc(top + avail / 2) + translate(-50%,-50%)：
       变量里已经嵌了 calc，再套一层除法在 Chrome/Edge 上会算错（实测卡片被下移 6.875rem）。 */
    top: var(--pa-card-top);
    left: 50%;
    width: var(--pa-about-card-w);
    height: auto;
    aspect-ratio: var(--pa-about-ratio);
    transform: translateX(-50%);
    object-fit: cover;
    display: block;
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
    z-index: 0;
}

/* 文案层：压在背景卡片上，左边距对齐原图文字区。
   max-width 与卡片同宽——卡片是等比缩放的（视口扁时比卡片区窄），
   文案不跟着收就会跑到卡片外面去。 */
.pa-sec-about .pa-sec-inner {
    position: relative;
    z-index: 1;
    /* 原来写的是 clamp(1.5rem, 7.5rem, 5rem)：中间值 7.5rem 落在 [24,80] 之外，
       按 spec 会被夹成 max(24, min(120, 80)) = 5rem，等于常量、随屏缩放完全失效。
       改成 clamp(1.5rem, 8vw, 5rem) 才是作者本意（≥100rem 时 8vw≥128 仍取 5rem，
       所以本次修改对现有各断点渲染结果无变化）。 */
    padding: 0 clamp(1.5rem, 8vw, 5rem);
    max-width: var(--pa-about-card-w);
}

.pa-about-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 5rem;
    align-items: center;
}

.pa-label {
    display: inline-flex;
    align-items: center;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    gap: .75rem;
    font-size: 2.5rem;
    margin-bottom: 2.375rem;
}

.pa-sec-about .pa-label {
    color: rgba(255, 255, 255, 0.9);
}

.pa-sec-about .pa-label::before {
    background: url(../images/category-ico.svg) no-repeat center center;
    background-size: cover;
    display: block;
    content: "";
    width: 2.5rem;
    height: 2.375rem;
}

/* 第4屏「企业资讯」标签：橙色竖条 + 橙字 */
.pa-sec-news .pa-label {
    color: #E66A2C;
    font-weight: 500;
}

.pa-sec-news .pa-label::before {
    content: "";
    width: .25rem;
    height: 1.125rem;
    border-radius: .125rem;
    background: #E66A2C;
}

.pa-about-title {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    font-size: 2.1875rem;
    color: #fff;
    margin: 0 0 1.875rem;
}

.pa-about-text {
    max-width: 58.75rem;
    text-shadow: 0 .0625rem .375rem rgba(60, 30, 10, 0.25);
}

.pa-about-text,
.pa-about-text p,
.pa-about-text span {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #fff;
    line-height: 1.9;
    font-size: .9375rem;
}


.pa-about-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4.375rem;
    padding-top: 2.625rem;
    max-width: 53.75rem;
}

.pa-stat-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.pa-stat-number {
    font-family: MiSans-Medium;
    font-size: 2.625rem;
    font-weight: 380;
    color: #fff;
}

.pa-stat-item sub {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: 0.02em;
    vertical-align: middle;
    color: #fff;
}

.pa-stat-label {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-weight: 400;
    font-size: .9375rem;
    color: #fff;
    letter-spacing: .0125rem;
}

.pa-about-logo {
    width: 17.5rem;
    height: 17.5rem;
    background: rgba(255, 255, 255, 0.1);
    border: .125rem solid rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(.25rem);
}

.pa-about-logo svg {
    width: 10rem;
    height: 10rem;
    color: rgba(255, 255, 255, 0.9);
}

/* ========== 第3屏 线上展厅（圆角背景卡片 + 文案同组联动轮播） ==========
   结构：section > .pa-showroom-card（圆角卡片，四周留白，背景图）> swiper + 翻页控件
   一张背景配一组文案，文案与背景同在一个 .pa-showroom-card 内。
   文案切换靠 js.js 里 slideChange 时给当前 slide 加 .pa-replay 重播动画。 */
.pa-sec-showroom {
    /* 圆角卡片四周留白：上距导航 1.875rem、下距屏底 3.75rem、左右各 6.25rem。
       --pa-nav 跟随导航实际高度（桌面 5rem），与第2屏 about 屏标准一致，
       避免顶部间距被固定导航栏吃掉。 */
    --pa-nav: 5rem;
    --pa-card-gap-top: 1.875rem;
    --pa-card-gap-bottom: 3.75rem;
    --pa-card-top: calc(var(--pa-nav) + var(--pa-card-gap-top));
    /* 卡片四周留白的底色（比第4屏的 #F8F6F3 略深一档，让白卡片浮起来） */
    color: #fff;
    /* 卡片等比后高度可能小于留白区高度，用 flex 居中把卡片放在留白区正中 */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--pa-card-top) 1.25rem var(--pa-card-gap-bottom);
    box-sizing: border-box;
    overflow: hidden;
}

/* 圆角卡片：背景由每张 slide 内的 .pa-showroom-bg 提供（切换时随文案同步替换），
   卡片本身只保留容器身份。
   尺寸策略（关键）：背景图固有尺寸 1880×787（比例 2.3888），卡片锁定同一比例，
   宽度取「可用宽」与「可用高 × 图比例」中的较小值，高度再由 aspect-ratio 推出。
   这样卡片与背景图比例恒等 —— cover 等价于"正好铺满"，背景图任何视口下都
   完整显示，既不裁切也不变形；多出来的那一个方向由 section 留出底色。 */
.pa-showroom-card {
    position: relative;
    --pa-card-ratio: 2.3888;
    /* 1880 / 787：第三屏背景图固有比例 */
    --pa-card-avail-h: calc(100vh - var(--pa-card-top) - var(--pa-card-gap-bottom));
    width: min(100%, calc(var(--pa-card-avail-h) * var(--pa-card-ratio)));
    aspect-ratio: var(--pa-card-ratio);
    height: auto;
    /* 圆角随视口宽度等比缩放（1920 宽时正好 3.5rem） */
    --pa-card-radius: clamp(1rem, 3vw, 3.5rem);
    /* 底部轨道线 / 进度条的左右内缩量。
       这里用 0 —— 线条两端不要自己内缩，交给卡片自身的 border-radius +
       overflow:hidden 去裁：这样线条的**可见端点正好落在「底部圆角造成的缺口」边缘上**，
       用户看到的那条线就和缺口完全贴合。
       （曾经取 var(--pa-card-radius)：数学上是"对齐圆角切点"，但在线的那个高度
       （bottom:1.875rem）缺口边缘其实只内缩 R−√(R²−(R−30)²) ≈ 1.5~.4rem，
       于是线看着比缺口短一截，用户反馈"长度不对 / 和缺口对不上"。） */
    --pa-line-inset: 5.5rem;
    overflow: hidden;
}

/* 每张 slide 自带的背景层：绝对定位铺满卡片，cover 铺图。
   内联 background-image 由模板输出，切换时由 swiper 滑入滑出。*/
.pa-showroom-bg {
    position: absolute;
    inset: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: 0;
}

.pa-showroom-swiper {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.pa-showroom-swiper .swiper-wrapper {
    height: 100%;
}

.pa-showroom-swiper .swiper-slide {
    height: 100%;
    overflow: hidden;
}

/* slide 内容本体：卡片内上下留白，控件在卡片右下角，所以底部留得更多 */
.pa-showroom-slide {
    height: 100%;
    box-sizing: border-box;
    /* 文案整体偏上（参考图 label 在卡片上部约 1/6 处）：顶部对齐 + 固定顶距 */
    padding: 7.25rem 5rem 5.75rem;
    display: flex;
    align-items: flex-start;
    position: relative;
}

/* 卡片底部的贯穿轨道线：左右按 --pa-line-inset 内缩，而 --pa-line-inset 就等于
   卡片圆角半径 —— 所以轨道线的两个端点正好与底部圆角「缺口」的起点齐平。
   长度自动 = 卡片宽 − 2×内缩（不写 max-width，卡片变宽变窄都跟着适配），
   位于吉祥物(z:2)与翻页控件(z:5)之后层，被二者自然遮住。
   颜色必须「在任何底图上都看得见」：原来的纯半透明白在浅色地板/地毯上
   （亮度 ~200）会整条融进背景，于是只看得见橙色那一段，用户就会反馈
   「进度条长度不对、和底部缺口对不上」。做法：白线 + 一圈很淡的暗影 ——
   亮背景靠暗影显形，暗背景靠白线显形。 */
.pa-showroom-slide::after {
    content: "";
    position: absolute;
    left: var(--pa-line-inset);
    right: var(--pa-line-inset);
    bottom: 3.125rem;
    height: .0625rem;
    background: rgba(255, 255, 255, 0.62);
    box-shadow: 0 0 .125rem rgba(0, 0, 0, 0.3);
    z-index: 1;
    pointer-events: none;
    max-width: 90rem;
}

/* 轮播进度条：按「当前第几张 / 总张数」显示，纯展示、不控制轮播切换。
   第1张 1/5、第2张 2/5 …… 最后一张 5/5，由 JS(js.js paShowroomProgress) 按序号刷新。
   关键：left/right 用 --pa-line-inset 内缩（避开卡片圆角），再用 transform: scaleX()
   表示百分比 —— 最大就是轨道宽、永远不可能超出左右边界。*/
.pa-showroom-progress {
    position: absolute;
    left: var(--pa-line-inset);
    right: var(--pa-line-inset);
    bottom: 3.125rem;
    height: .0625rem;
    background: var(--pa-brand);
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 0.5s ease;
    z-index: 2;
    pointer-events: none;
    will-change: transform;
    max-width: 90rem;
}


/* 吉祥物：左右各一只，纯装饰不挡交互。共用同一动画，
   右侧相位 -1.2s 形成左右交错摆动。*/
.pa-showroom-mascot {
    position: absolute;
    bottom: 1.375rem;
    width: 7rem;
    z-index: 2;
    pointer-events: none;
    -webkit-user-drag: none;
    user-select: none;
    transform-origin: 50% 100%;
    will-change: transform;
    animation: pa-mascot-float 3.6s ease-in-out infinite;
    display: none;
}

.pa-showroom-mascot-left {
    left: 30%;
}

.pa-showroom-mascot-right {
    right: 18%;
    /* 相位错开：周期 3.6s，右侧从 1/3 周期开始，左右不同步 */
    animation-delay: -1.2s;
}

/* 第三屏有自己的吉祥物，隐藏全站右下角那只（foot.html），
   避免和翻页控件挤在一起；:has 不支持的老浏览器退化为"不隐藏"，无副作用 */
body:has(.pa-sec-showroom.active) .pa-hero-mascot {
    opacity: 0;
    pointer-events: none;
}

.pa-showroom-info {
    position: relative;
    z-index: 2;
    max-width: 28.75rem;
}

/* 标签：白色圆角方块图标 + 「线上展厅」白字 */
.pa-showroom-label {
    display: inline-flex;
    align-items: center;
    gap: .75rem;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 5rem;
    text-shadow: 0 .125rem .75rem rgba(0, 0, 0, 0.35);
}

.pa-showroom-label-ico {
    width: 2.5rem;
    height: 2.375rem;
    display: block;
    flex: 0 0 auto;
}

/* 标题行：白字标题 + 紧邻的橙色圆形 ↗ 按钮 */
.pa-showroom-title {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 2.1875rem;
    font-weight: 500;
    line-height: 1.32;
    margin: 0 0 1.375rem;
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.25rem;
    text-shadow: 0 .125rem .875rem rgba(0, 0, 0, 0.38);
}

.pa-showroom-title>span {
    display: inline-block;
}

/* 橙色圆形按钮：复用 more.svg（白色圆圈+箭头）本体，
   靠橙色底 + 轻微描边做成参考图里的实心橙圆 */
.pa-showroom-more {
    flex: 0 0 auto;
    width: 2.125rem;
    height: 2.125rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: url("../images/more.svg") no-repeat center center;
    background-size: cover;
}

.pa-showroom-title:hover {
    color: var(--pa-brand);
}

.pa-showroom-title:hover .pa-showroom-more {
    background: url("../images/more-hover.svg") no-repeat center center;
    transform: translateY(-0.125rem);
}

/* 正文：白字，轻微阴影保证压在任何图片区域都能读 */
.pa-showroom-text {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1.95;
    font-size: .9375rem;
    font-weight: 400;
    margin: 0;
    max-width: 35rem;
    text-shadow: 0 .0625rem .625rem rgba(0, 0, 0, 0.4);
}

/* 右下角翻页控件：浮在卡片之上，不做磨砂底（参考图为纯图标 + 白字序号） */
.pa-showroom-nav {
    position: absolute;
    right: 2.875rem;
    bottom: 1.875rem;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: .75rem;
}

/* 序号容器同时是 Swiper 的 fraction 分页容器（挂了 .swiper-pagination 类）：
   swiper.min.css 会因此给它带上 position:absolute; z-index:10; text-align:center;
   transform:translate3d(0,0,0)，这里显式改回来，让它继续作为 .pa-showroom-nav 里的
   一个 flex 项，与左右两个箭头同排。
   font-size 定成 1.1875rem：Swiper 渲染出的 " / " 是匿名文本节点（外面的 span 包不住它），
   只能靠容器字号控制它的大小；序号与总数各自用下面的规则覆盖。 */
.pa-showroom-counter {
    font-family: MiSans-Regular;
    font-weight: 330;
    font-size: 1.1875rem;
    color: #fff;
    letter-spacing: .0625rem;
    display: flex;
    align-items: baseline;
    gap: .125rem;
    min-width: 3.5rem;
    justify-content: center;
    text-shadow: 0 .0625rem .625rem rgba(0, 0, 0, 0.45);
    /* 抵消 swiper.min.css 里给分页容器带进来的默认定位：
       .swiper-pagination            -> position:absolute; z-index:10; text-align:center; transform:translate3d(0,0,0)
       .swiper-pagination-fraction   -> bottom:.625rem; left:0; width:100%
       （注意 fraction 这条选择器**没有** .swiper-container-horizontal> 前缀，
        对任何 fraction 容器都生效；不抵消的话计数器会被整体上移 .625rem、
        与左右两个箭头不在同一条中线上——实测偏差正好 -0.625rem） */
    position: relative;
    inset: auto;
    width: auto;
    z-index: auto;
    text-align: left;
    transform: none;
}

.pa-showroom-counter .pa-showroom-index {
    font-size: 2rem;
    /* color: var(--pa-brand); */
}

.pa-showroom-counter .pa-showroom-total {
    font-size: 1.1875rem;
    letter-spacing: -0.1rem;
}

/* 翻页按钮：直接显示 SVG 本体（46×43），不套方框、不做 filter 反色。
   prev.svg 是白底橙箭头、next.svg 是橙底白箭头 —— 两者本身就是一对"未激活/激活"设计。
   压在图上是浅色，直接加投影保证能看清。 */
.pa-arrow-btn {
    width: 2.875rem;
    height: 2.6875rem;
    padding: 0;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s;
    -webkit-tap-highlight-color: transparent;
    filter: drop-shadow(0 .125rem .5rem rgba(0, 0, 0, 0.35));
}

.pa-arrow-btn img {
    width: 2.875rem;
    height: 2.6875rem;
    display: block;
    pointer-events: none;
}

/* 悬停只做轻微反馈，不改变图标配色 */
.pa-arrow-btn:hover {
    transform: translateY(-0.125rem);
}

.pa-arrow-btn:active {
    transform: translateY(0);
}

/* 首尾禁用态 */
.pa-arrow-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
    transform: none;
}

.pa-arrow-btn:disabled:hover {
    transform: none;
}

/* ========== 第4屏 企业资讯 ========== */
.pa-sec-news {
    background: #fff;
    /* 上 100 / 下 0。本屏是**整屏**（普通 .section → fullpage 给 100vh），
       内容由 .pa-sec 的 flex 垂直居中，所以"下 0"不会让内容贴底；
       反过来，页脚（fp-auto-height）滚入时，视口上方露出的是本屏**内容的下半部分**
       而不是一片留白 —— 这就是上一版"最后一屏上面特别空"的修法，改成整屏后依然成立。
       （若下留白给 120，页脚滚入时露出的那 100~12.5rem 全落在留白里，就又是空白了。） */
    padding: 6.25rem 0 0;
}

.pa-news-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4.0625rem;
}

.pa-news-title {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 2.5rem;
    font-weight: 500;
    color: var(--pa-brand);
    margin: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.block {
    color: #303133;
}

.pa-news-title-ico {
    display: inline-block;
    width: 2.5rem;
    height: 2.375rem;
    background: url("../images/category-ico-hover.svg") no-repeat center center;
    background-size: cover;
}

/* 右上角分类标签（企业新闻 / 展会新闻）：胶囊描边，选中/悬停转品牌橙 */
.pa-news-tabs {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    flex: 0 0 auto;
}

.pa-news-tab {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-weight: 400;
    font-size: .9375rem;
    letter-spacing: 0.02em;
    text-align: center;
    vertical-align: middle;
    color: #303133;
    background: #fff;
    border: .05rem solid #B3B9C3;
    border-radius: 21.875rem;
    height: 2.875rem;
    padding: 0 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color 0.3s, border-color 0.3s, background 0.3s;
    -webkit-border-radius: 21.875rem;
    -moz-border-radius: 21.875rem;
    -ms-border-radius: 21.875rem;
    -o-border-radius: 21.875rem;
}

.pa-news-tab:hover {
    color: #E66A2C;
    border-color: #E66A2C;
}

.pa-news-tab.active {
    color: #E66A2C;
    border-color: #E66A2C;
    background: #FFF7F2;
}

/* 分类面板：默认隐藏，仅当前选中的分类显示 */
.pa-news-panel {
    display: none;
}

.pa-news-panel.active {
    display: block;
}

.pa-news-more {
    color: #E66A2C;
    font-size: .875rem;
}

/* 确保外层容器占满宽度 */
.pa-visit-swiper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

/* 确保 Swiper Wrapper 正常 flex 布局 */
.pa-visit-swiper .swiper-wrapper {
    display: flex;
    box-sizing: content-box;
}

/* 确保每个卡片宽度自适应 Swiper 的计算 */
.pa-visit-swiper .swiper-slide {
    height: auto;
    /* 保证卡片等高 */
    flex-shrink: 0;
}

.pa-news-grid {
    display: flex;
    gap: 2.5rem;
}

.pa-visit-swiper .pa-news-grid {
    gap: 0;
}

.pa-visit-swiper-inner .pa-news-card {
    max-width: 23.125rem;
}

.pa-news-card {
    background: #fff;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s;
    max-width: 25rem;
}

.pa-news-img {
    overflow: hidden;
    line-height: 0;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.pa-news-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.pa-news-card:hover .pa-news-img img {
    transform: scale(1.08);
}

.pa-news-body {
    padding-top: 2.5rem;
    position: relative;
}

.pa-news-card h3 {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.25rem;
    font-weight: 400;
    color: #303133;
    margin: 0 0 1rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3.75rem;
}

.pa-news-card .pa-news-desc {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    font-weight: 400;
    color: #909399;
    line-height: 1.7;
    min-height: 3rem;
    margin: 0 0 4.0625rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pa-news-date {
    font-family: MiSans-Regular;
    font-weight: 400;
    font-size: .9375rem;
    color: #909399;
}

.pa-news-body i {
    display: block;
    background: url("../images/more-hover-empty.svg") no-repeat center center;
    background-size: cover;
    position: absolute;
    width: 2.125rem;
    height: 2.125rem;
    right: 0;
    bottom: 0;
}

.pa-news-card:hover i {
    background: url("../images/more-hover.svg") no-repeat center center;
    background-size: cover;
}

/* ========== 第4屏：整屏 + 可见性兜底 ==========
   本屏已恢复成整屏（普通 .section，fullpage 给 100vh），滚到它时 .active
   正常落在它身上、入场动画照常播；这条只是防御——万一某视口下它落到"半露"态，
   露出的那截也不会因 opacity:0 变成空白（上一版"上面特别空"的部分成因）。
   注意：曾有一条 .pa-sec-news.fp-section{height:auto!important} 的高度兜底，
   那是 fp-auto-height 时代的补丁，改回整屏后必须删掉，否则会压住 fullpage 的 100vh。 */
.pa-sec-news .pa-anim {
    opacity: 1;
    transform: none;
    transition: none;
}



.info_body_box {
    background: #fff url(../images/info_body_box.png) no-repeat center center;
    background-size: cover;
}

/* ==============================================================
   内页 · 企业资讯（模板 template/default/page_society.html）
   --------------------------------------------------------------
   设计基准 1920（量自设计稿）：
     容器   1920 居中 + 左右 100
     文案   再内缩 92 → 左边界 192，与首屏 .pa-hero-box 对齐
     大图   高 600，下缘压一条白色波浪（靠左高、中部低、右侧再抬）
     标题   48 / 副标题 20（第 1 屏同款字号）
     标签   .9375rem，选中转品牌橙 + 底部 .125rem 橙线
   ============================================================== */

.pa-page-hero {
    position: relative;
    height: 43.75rem;
    background: #fff;
}

/* 大图铺满整个 hero（不是只铺上面一段）：设计稿里图片是被底部白浪
   盖下去的，按 cover 算，图片可视高度≈section 高度时绿植/笔记本的位置
   才和设计稿对得上（实测差 .125rem）。改成只铺 600 会整体放大 15%。 */
.pa-page-hero-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pa-page-hero-bg>img.wap-banner,
.wap-banner {
    display: none;
}

.pa-page-hero-bg>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 白色波浪（模板里放的 <img src=.../hero-wave.png>，1920×787）：
   图片的左上角就是波浪线：白区从第 35 行开始、上方透明；左端 x≈40 有浪头把
   白区顶到第 0 行，右端 x>1820 收圆角、白区一直沉到第 121 行 —— 所以**只露图片
   顶部**：盒子 overflow:hidden，img 宽 100% 高 auto（按宽度等比，不裁不缩不拉伸），
   露多少由盒高决定；盒高取 121/1920 的宽度比例，右端圆角正好落在 hero 右下角。
   · 想加高白区就调大这个比例（同时右端露出的照片会变多）
   · bottom:-0.0625rem 是盖掉亚像素缝隙；font-size:0 去 img 行内基线缝，都别删
   · 高度用 vw 而不是 %：≤992 时 hero 变 auto，% 会算成 0（波浪整个消失） */
.pa-page-hero-wave {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    display: block;
    width: 100%;
    height: calc(130 / 1920 * 100vw);
    overflow: hidden;
    pointer-events: none;
    font-size: 0;
}

.pa-page-hero-wave>img {
    display: block;
    width: 100%;
    height: auto;
}

.pa-page-hero-inner {
    position: absolute;
    left: 50%;
    top: 12.6875rem;
    transform: translateX(-50%);
    width: 100%;
    max-width: 120rem;
    padding: 0 10rem;
    z-index: 2;
}

.pa-page-hero-title {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 3.125rem;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #303133;
    margin: 0;
}

.pa-page-hero-sub {
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: #303133;
    margin: .1875rem 0 0;
    max-width: 34%;
}

.pa-page-hero-title.white {
    color: #fff;
}

.pa-page-hero-sub.white {
    color: #fff;
}

/* 底部一行：左「分类标签」右「面包屑」，贴大图白区下沿 */
.pa-page-hero-bar {
    position: absolute;
    bottom: 1rem;
    width: calc(100% - 20rem);
    max-width: 100rem;
    margin: 0 10rem;
    z-index: 2;
    border-bottom: .0625rem solid #F5F6F8;
}

.pa-page-hero-bar-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    overflow: auto;
}

.pa-page-tabs {
    display: flex;
    align-items: center;
    /* ⚠ 原来是 flex:0 0 auto（绝不收缩）。分类标签一多（线上展厅 11 个），
       hero-bar 那点宽度会被它整条吃光；而右邻的面包屑是唯一可收缩项、内容
       又是中文（可逐字断行）→ min-content 只有一个汉字宽，flex 于是把亏空
       全从面包屑身上扣，面包屑被压成 .9375rem 宽的竖条、5 个词各占一行堆成
       一摞（实测 1680 及以下全是这样）。
       这里改成"可以被收缩、但既不换行也不换行折叠，超出就横向滚动"：
       · 不折行 —— hero-bar 是 bottom:1rem 绝对定位，折行会让它向上长
         （1680 实测 46→6.125rem），顶部会窜出 .pa-page-hero-wave 的白色波浪区、
         把标签压到照片上，可读性直接没了；
       · 横向滚动 —— 保证 hero-bar 高度恒为一行，版式与 1920 完全一致。
       ⚠ 滚动条必须藏掉，否则它会撑高 tabs、等于又折行。 */
    flex: 0 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: auto !important;
    /* 关键：重置并覆盖之前的 none */
    -ms-overflow-style: auto !important;
    /* 标签的橙色下划线是 ::after 左右各外扩 .5rem 画出来的（见 .pa-page-tab::after），
       滚动容器会把首尾两个标签的橙线切掉外扩的那截，所以补上等宽内边距给它立足；
       margin-left 相应从 .75rem 减到 .25rem，标签的视觉起始位置分毫不变。 */
    padding: 0.4rem .5rem;
    gap: 3rem;
    margin-left: .25rem;
    scroll-behavior: smooth;
}

/* 溢出时可横向滑动（桌面鼠标没有触摸板的双指横滑，滚动条又被上面藏掉了 ——
   滚动条一露就会撑高这一条、把 hero-bar 顶上去，所以只能藏）。
   滚轮转横向与按住拖拽由 js.js 补，这里负责光标形态与两端的渐隐提示。
   线上展厅 16 个标签在 1920 下内容 131.6875rem / 可视 85rem，溢出 46.6875rem。 */
.pa-page-tabs.is-overflow {
    cursor: grab;
}

.pa-page-tabs.is-dragging {
    cursor: grabbing;
    user-select: none;
    -webkit-user-select: none;
}

/* 拖拽时别把沿途标签的 hover 态带出来（橙字 + 橙线一闪一闪） */
.pa-page-tabs.is-dragging .pa-page-tab {
    pointer-events: none;
}

/* 两端渐隐：只有该侧"确实还有内容"时才淡出（类由 js 按滚动位置切换）。
   用 mask 而不是 ::before/::after —— 伪元素在滚动容器里会跟着内容一起滚，
   起不到"固定在边缘提示"的作用。白底上淡出 = 视觉上被吃掉一截，正好暗示还有更多。 */

.pa-page-tabs.has-more-right {
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent 100%);
    mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent 100%);
}

.pa-page-tabs.has-more-left {
    -webkit-mask-image: linear-gradient(to left, #000 calc(100% - 2rem), transparent 100%);
    mask-image: linear-gradient(to left, #000 calc(100% - 2rem), transparent 100%);
}

.pa-page-tabs.has-more-left.has-more-right {
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 2rem,
            #000 calc(100% - 2rem), transparent 100%);
    mask-image: linear-gradient(to right, transparent 0, #000 2rem,
            #000 calc(100% - 2rem), transparent 100%);
}

.pa-page-tabs::-webkit-scrollbar {
    display: block !important;
    width: .375rem;
    /* 竖向滚动条宽度 */
    height: .375rem;
}

.pa-page-tabs::-webkit-scrollbar-thumb {
    background-color: var(--pa-brand);
    /* 滑块颜色 */
    border-radius: .1875rem;
    /* 圆角 */
}

/* 标签：文字 .9375rem，下边框那条橙线用 ::after 画在 padding 区底部，
   左右各外扩 .5rem，视觉上比文字略宽一点（对齐设计稿的量测）。 */
.pa-page-tab {
    position: relative;
    display: inline-block;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #303133;
    padding-bottom: 1.25rem;
    white-space: nowrap;
    transition: color 0.3s;
}

.pa-page-tab::after {
    content: "";
    position: absolute;
    left: -0.5rem;
    right: -0.5rem;
    bottom: 0;
    height: .125rem;
    background: var(--pa-brand);
    opacity: 0;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
}

.pa-page-tab:hover,
.pa-page-tab.active {
    color: var(--pa-brand);
}

.pa-page-tab:hover::after,
.pa-page-tab.active::after {
    opacity: 1;
}

.pa-showroom-tab:hover::after,
.pa-showroom-tab.active::after {
    opacity: 0;
}

/* 面包屑：底部留出 1.375rem = 标签的 padding-bottom(20) + 橙线(2)，
   这样两者文字基线与设计稿一样齐平 */
.pa-page-crumb {
    display: flex;
    align-items: center;
    /* 面包屑是"当前位置"指示，任何宽度下都得完整、单行、可读：
       · flex:0 0 auto —— 不参与压缩（配合左邻 .pa-page-tabs 的折行让位）
       · nowrap —— 不内部换行。原来那对 flex-wrap:wrap + 中文逐字断行，
         会让它的 min-content 掉到"一个汉字宽"，这正是被压成竖条的根因。 */
    flex: 0 0 auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    gap: .6875rem;
    margin-bottom: 1.375rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    font-weight: 400;
    line-height: 1.5;
    color: #909399;
}

.pa-page-crumb a {
    color: #909399;
    transition: color 0.3s;
}

.pa-page-crumb a:hover {
    color: var(--pa-brand);
}

/* 最后一级（当前栏目）颜色略深 */
.pa-page-crumb a:last-child {
    color: #606266;
}

.pa-page-crumb .sep {
    color: #DCDFE6;
}

/* ---------- 新闻列表 ---------- */

.pa-page-list {
    background: #fff;
    padding: 4.0625rem 0 6.25rem;
}

.pa-page-list-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 10rem;
}

/* 列表页与首页第 4 屏同构：4 列 / 列距 38 / 行距 79（1920 基准、容器 1600）。
   设计稿按 1920 量：4 张卡图 x = 159-529 / 569-940 / 979-1349 / 1389-1760
   → 列宽 371、列距 38、左边界 160（容器 1600 减 4×371 + 3×38 = 1598，取整合适）。 */

/* 设计稿卡图 371×251 → 比例 371:251（不是 22:15=1.467，实为 1.478，差 ~.125rem 高） */
.pa-page-news-grid .pa-news-img {
    aspect-ratio: 371 / 251;
    border-radius: .75rem;
}

.pa-page-news-grid .pa-news-body {
    padding-top: 2.5rem;
}

.pa-page-news-grid .pa-news-card h3 {
    margin-bottom: 1rem;
}

.pa-page-news-grid .pa-news-card:hover h3 {
    color: var(--pa-brand);
}

/* 分页（think\Paginator 默认渲染 <ul class="pagination">） */
.pa-page-pager {
    margin-top: 4.375rem;
}

.pa-page-pager ul,
.pa-page-pager .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.pa-page-pager li {
    display: inline-block;
    margin: 0;
}

.pa-page-pager a,
.pa-page-pager span {
    display: inline-block;
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 .5rem;
    text-align: center;
    font-family: MiSans-Regular;
    font-size: 1rem;
    color: #606266;
    background: #fff;
    border: .0625rem solid #E4E7ED;
    transition: color 0.3s, border-color 0.3s, background 0.3s;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem;
}

.pa-page-pager a:hover {
    color: var(--pa-brand);
    border-color: var(--pa-brand);
}

.pa-page-pager .active a,
.pa-page-pager .active span {
    color: #fff;
    background: var(--pa-brand);
    border-color: var(--pa-brand);
}

.pa-page-pager .disabled a,
.pa-page-pager .disabled span {
    cursor: not-allowed;
}

.pa-page-pager li:first-child span,
.pa-page-pager li:first-child a {
    background: url(../images/page-prev.svg) no-repeat center;
    display: block;
    color: #303133;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
}

.pa-page-pager li:last-child span,
.pa-page-pager li:last-child a {
    background: url(../images/page-next.svg) no-repeat center;
    color: #303133;
    border: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0;
}

/* ==============================================================
   内页 · 企业资讯列表（template/default/list_news.html）
   --------------------------------------------------------------
   设计基准 1920（逐项量自设计稿）：
     容器    1920 居中；左右内缩 160（外层 .pa-page-*-inner 100 + 内层 60）
     首屏    高 780（比人才计划页高 90），标题 48 顶 245，副标题与标题间距 40
     标题栏  图标 40×38 + 文字 40；列表页字色 #303133（首页第 4 屏是品牌橙）
     新闻    4 列 370 / 列距 40 / 行距 78（见上方 .pa-page-news-grid）
     时间线  浅灰底 #F5F6F8，上下留白 124 / 120；3 列轮播 463 / 间距 24，
             两侧 52 方形箭头（默认橙底白箭头，到头时白底描边 + 橙箭头）
     视频    左文 270 + 间隔 122 + 右图 flex:1，图 2:1 圆角 16
   ============================================================== */

/* ---------- 首屏 ---------- */

/* 高度/文字位置只覆盖本页：人才计划页仍是 690 / 203。
   高度 695 的来历（1920 宽、无头渲染、留白都归零后重测）：
     · 标题 ink 顶 295 —— 由 .pa-page-hero-inner 的 top 决定，与高度无关；
     · 底部标签行的文字 ink 顶 = 站头 80 + 高度 - 17(bar bottom) - 44.5(bar 高) + 4.5(文字基线偏移)
       设计稿量得 720 → 高度 = 720 - 80 + 17 + 44.5 - 4.5 ≈ 697，取 695（与渲染复测吻合）。
   ⚠️ 曾经取 674 是被本地预览的 1.3125rem 假位移骗了：head.html 里的 {__STYLE__} 占位符
   在浏览器里会被当做 body 起始的非空白文本、生成一个 1.3125rem 行盒把整页下推，
   本地预览必须把该占位符清掉（见 _build_news.py），否则量出来的所有 y 都 +21。 */

/* 标题 ink 设计稿在 295..338 → 行盒顶 288 → 288-80(站头) = 208（人才计划页 203） */
.pa-news-hero .pa-page-hero-inner {
    top: 13rem;
}

.pa-news-hero .pa-page-hero-bar-inner {
    border-bottom: .0625rem solid #F5F6F8;
}

/* 设计稿里选中的标签是「橙色文字」而已，没有底部那条 .125rem 橙线
   （量橙色像素：设计稿只有 723..732 一段文字高 .625rem；本站其它内页是文字+橙线）。 */


/* 标签间距：设计稿 222 → 293 = 71 */
.pa-news-hero .pa-page-tabs {
    gap: 4.4375rem;
}

/* ---------- 列表区 ---------- */
/* 列表底部留白：设计稿第 2 行卡图顶 1539 → 时间线浅灰区顶 2166，间距 627。
   首屏高度改 695 后本站这段会多出 1.0625rem，把 padding-bottom 从默认 100 收到 75
   （人才计划页/联系页不受影响，各自仍是原值）。 */
.pa-news-list {
    padding-bottom: 4.6875rem;
}

.pa-news-list .pa-page-pager {
    margin-top: 3.0625rem;
}

.pa-news-list .pa-news-header {
    margin-bottom: 3.125rem;
}

/* 列表页标题统一走深色（首页第 4 屏的 .pa-news-title 是品牌橙） */
.pa-news-list .pa-news-title,
.pa-page-timeline .pa-news-title,
.pa-page-video .pa-news-title {
    color: #303133;
}

/* ---------- 历年参展时间线 ---------- */

/* 时间线：浅灰区上下留白 —— 上 119（灰区顶 → h2 图标顶 = 131 = 119 + 图标在标题栏内的 11），
   下 138（3 张图的底 → 灰区底，量自设计稿 ≈ 137，+1 补 slide 高度的取整差）。 */
.pa-page-timeline {
    background: url("../images/visit-bg.png") no-repeat center center;
    background-size: cover;
    padding: 7.5rem 0 8.625rem;
}

.pa-page-timeline-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 10rem;
}

/* 轮播区左右各让出 96 = 箭头 52 + 间隔 38 以外再留 6（箭头压在容器两端 x=160/1760）。
   96 的来历：设计稿 3 张卡 x = 256-698 / 737-1181 / 1221-1663
   → 卡宽 444、卡距 38、首张左边界 256 → 滑窗 3×444+2×38 = 1408，
   容器 1600 → 左右各 (1600-1408)/2 = 96。 */
.pa-page-timeline-slider {
    position: relative;
    margin-top: 2.8125rem;
    padding: 0 6rem;
}

.pa-page-timeline-slider .swiper-container {
    overflow: hidden;
}

.pa-page-tl-date {
    font-family: MiSans-Regular;
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--pa-brand);
}

.pa-page-tl-title {
    margin-top: 1.25rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.375rem;
    line-height: 1.5;
    color: #303133;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 设计稿时间线图 444×272 → 比例 444:272（不是 16:10=1.6，实为 1.632，差 ~.8125rem 高） */
.pa-page-tl-img {
    margin-top: 3rem;
    aspect-ratio: 444 / 272;
    border-radius: .75rem;
    overflow: hidden;
    background: #EAEBEE;
    line-height: 0;
}

.pa-page-tl-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pa-page-tl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 2.875rem;
    height: 2.6875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.pa-page-tl-nav svg {
    width: 1.5rem;
    height: 1.5rem;
}

.pa-page-tl-prev {
    left: 0;
}

.pa-page-tl-next {
    right: 0;
}

/* 到头了（Swiper 给禁用态按钮挂 swiper-button-disabled）：
   白底描边 + 橙箭头 —— 与设计稿「第一条时左侧按钮」的样子一致 */
.pa-page-tl-nav.swiper-button-disabled {
    background: #fff;
    color: var(--pa-brand);
    cursor: not-allowed;
}

/* ---------- 展会视频 ---------- */

/* 视频：设计稿左文 x161-418（宽 258）+ 间隔 141 + 右图 x560-1760（宽 1201，2:1）。
   上下留白：上 119（灰区底 2926 → 大图顶 3046 = 120 ≈ 119 + 1），
   下 88（大图底 3647 → 页脚深色顶 3772 = 125 = 88 + 页脚自身 37 的上留白）。 */
.pa-page-video-swiper {
    position: relative;
    overflow: hidden;
}

.pa-page-video {
    background: #fff;
    padding: 7.5rem 0 5.5rem;
}

.pa-page-video-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 10rem;
}

.pa-page-video-body {
    display: flex;
    align-items: flex-start;
    gap: 7.5rem;
}

/* 设计稿左栏内容右边界 418（左边界 161）→ 258 */
.pa-page-video-info {
    flex: 0 0 17.8125rem;
}

.pa-page-video-title {
    margin: 3.75rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 1.5;
    color: #303133;
}

.pa-page-video-info .pa-page-video-desc {
    margin: 1.875rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    line-height: 1.8;
    color: #909399;
}

.pa-page-video-info .pa-page-video-desc {
    margin-top: 2.5rem;
}

.pa-page-video-media {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    aspect-ratio: 2 / 1;
    border-radius: 1rem;
    overflow: hidden;
    background: #EAEBEE;
    line-height: 0;
    cursor: pointer;
}

.pa-page-video-media video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s;
    pointer-events: none !important;
    -webkit-user-drag: none;
    /* 禁用图片/视频默认拖拽行为 */
    user-select: none;
}

/* 播放按钮：设计稿的静态图里没有，做成 hover 浮出 ——
   既给了可点击提示，又不会在静置时与设计稿有出入 */
.pa-page-video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4rem;
    height: 4rem;
    background: url(../images/pa-page-video-play.svg) no-repeat center center;
    background-size: cover;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transition: opacity 0.3s, transform 0.3s;
    -moz-transition: opacity 0.3s, transform 0.3s;
    -ms-transition: opacity 0.3s, transform 0.3s;
    -o-transition: opacity 0.3s, transform 0.3s;
    pointer-events: auto !important;
    z-index: 10;
}

.pa-page-video-media:hover .pa-page-video-play {
    opacity: 1;
}

.pa-page-video-play.is-playing {
    background-image: url(../images/pa-page-video-pause.svg);
    background-size: cover;
}

/* 企业新闻 */
.pa-company-news-grid {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
}

/* 人才计划 */
.tab {
    position: relative;
    display: flex;
    align-items: flex-end;
}

.tab::before {
    content: '';
    width: 5.625rem;
    height: .25rem;
    background: var(--pa-brand);
    position: absolute;
    top: -0.75rem;
    left: 0;
}


.tab-txt {
    font-family: 'AlibabaPuHuiTi-2-55-Regular';
    font-weight: 700;
    font-size: 2.625rem;
    line-height: 3.5rem;
    letter-spacing: 0.01em;
    color: #303133;
    display: flex;
    overflow: hidden;
    padding-right: 1rem;
    cursor: pointer;
}

.flow .tab-txt span:nth-child(5),
.flow .tab-txt span:nth-child(6),
.tab-txt span:nth-child(2),
.tab-txt span:nth-child(1) {
    color: var(--pa-brand);
}

.flow .tab-txt span:nth-child(2),
.flow .tab-txt span:nth-child(1) {
    color: #303133;
}

@media (max-width: 90rem) {
    .tab-txt {
        font-size: 2.25rem;
        line-height: 1.2;
    }
}

@media (max-width: 75rem) {
    .tab-txt {
        font-weight: 400;
        font-size: 1.625rem;
        padding-right: .625rem;
    }
}

@media (max-width: 61.25rem) {
    .tab-txt {
        font-size: 1.25rem;
        padding-right: .375rem;
    }
}

@media (max-width: 47.9375rem) {
    .tab-txt {
        font-size: 1.5rem;
    }
}

.tab p {
    font-family: FjallaOne;
    font-weight: 400;
    font-size: 2.125rem;
    line-height: 2.75rem;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #E4E7ED;
}

@media (max-width: 90rem) {
    .tab p {
        font-size: 1.5rem;
        line-height: 1.2;
    }
}

@media (max-width: 75rem) {
    .tab p {
        font-size: 1.125rem;
        line-height: 1.2;
    }
}

@media (max-width: 61.25rem) {
    .tab p {
        font-size: .875rem;
    }
}

@media (max-width: 47.9375rem) {
    .tab p {
        font-size: 1rem;
    }
}

.tab-txt span:nth-child(2),
.tab-txt span:nth-child(1) {
    color: var(--pa-brand);
}

.ripple {
    display: inline-block;
    overflow: hidden;
}

.ripple span {
    display: inline-block;
}

.enter-p {
    padding-bottom: .5rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    letter-spacing: 0.04em;
    color: #909399;
}

@media (max-width: 92.5rem) {
    .enter-p {
        font-size: 1rem;
        line-height: 1.2;
    }
}

@media (max-width: 61.25rem) {
    .enter-p {
        font-size: .75rem;
        padding-bottom: .125rem;
    }
}

@media (max-width: 47.9375rem) {
    .enter-p {
        padding: .25rem 0 0 0;
    }
}

@media (max-width: 47.9375rem) {
    .enter .tab {
        align-items: flex-start;
        flex-direction: column;
    }
}

.enter-desc-txt {
    padding-top: 3.75rem;
}

@media (max-width: 92.5rem) {
    .enter-box {
        padding-top: 1.875rem;
    }
}

@media (max-width: 75rem) {
    .enter-box {
        padding-top: 1.25rem;
    }
}

@media (max-width: 47.9375rem) {
    .enter-box {
        padding-top: .625rem;
    }
}

.enter-box {
    padding-top: 3.75rem;
}

@media (max-width: 92.5rem) {
    .enter-box {
        padding-top: 1.875rem;
    }
}

@media (max-width: 75rem) {
    .enter-box {
        padding-top: 1.25rem;
    }
}

@media (max-width: 47.9375rem) {
    .enter-box {
        padding-top: .625rem;
    }
}

.enter-box li {
    width: 100%;
    min-height: 12.5rem;
    background: #F9F9F9;
    border-radius: .625rem;
    padding: 2.25rem 2.25rem 1.25rem 2.25rem;
    margin-bottom: 1.625rem;
    cursor: pointer;
    position: relative;
    border: .0625rem solid #ffffff;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.enter-box li:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.enter-box li::after {
    content: '';
    position: absolute;
    top: 1.25rem;
    right: 2.5rem;
    width: 2.8125rem;
    height: 2.8125rem;
    background: url(../images/job-click.svg);
    background-size: cover;
}

@media (max-width: 75rem) {
    .enter-box li::after {
        top: .625rem;
        right: 1.875rem;
        width: 1.875rem;
        height: 1.875rem;
    }
}

@media (max-width: 61.25rem) {
    .enter-box li::after {
        top: .625rem;
        right: .625rem;
        width: 1.25rem;
        height: 1.25rem;
    }
}

.enter-box li.on::after {
    background: url(../images/job-on.svg);
    background-size: cover;
}

.enter-box li.on {
    background: #FFFFFF;
    border: .0625rem solid #E4E7ED;
}

@media (max-width: 92.5rem) {
    .enter-box li {
        padding: 1.125rem 1.625rem;
        min-height: auto;
    }
}

@media (max-width: 75rem) {
    .enter-box li {
        padding: .875rem 1.125rem;
    }
}

@media (max-width: 61.25rem) {
    .enter-box li {
        padding: .625rem .875rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 47.9375rem) {
    .enter-box li {
        padding: .5rem .625rem;
        margin-bottom: .625rem;
    }
}

.enter-box li>b {
    font-family: 'AlibabaPuHuiTi-2-55-Regular';
    font-weight: 700;
    font-size: 2.0625rem;
    line-height: 1.8;
    letter-spacing: 0.04em;
    color: #303133;
    width: 100%;
    display: block;
}

@media (max-width: 92.5rem) {
    .enter-box li>b {
        font-size: 1.375rem;
        line-height: 1.2;
    }
}

@media (max-width: 75rem) {
    .enter-box li>b {
        font-size: 1rem;
    }
}

@media (max-width: 47.9375rem) {
    .enter-box li>b {
        font-size: .875rem;
    }
}

.enter-box li.on>b {
    color: var(--pa-brand);
}

.enter-box li>p {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 1.5rem;
}

@media (max-width: 92.5rem) {
    .enter-box li>p {
        padding-top: .875rem;
    }
}

@media (max-width: 75rem) {
    .enter-box li>p {
        padding-top: .5rem;
    }
}

@media (max-width: 61.25rem) {
    .enter-box li>p {
        padding-top: .25rem;
    }
}

.enter-box li>p span {
    display: inline-block;
    margin-bottom: .5rem;
    padding-left: .75rem;
    width: 33%;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1.5rem;
    letter-spacing: 0.04em;
    color: #606266;
}

@media (max-width: 92.5rem) {
    .enter-box li>p span {
        font-size: .875rem;
        line-height: 1.2;
    }
}

@media (max-width: 75rem) {
    .enter-box li>p span {
        font-size: .8125rem;
        margin-bottom: .25rem;
        padding-left: .5rem;
    }
}

@media (max-width: 47.9375rem) {
    .enter-box li>p span {
        width: 50%;
        font-size: .75rem;
        margin-bottom: .125rem;
        padding-left: .25rem;
    }
}

.enter-desc {
    display: none;
}

.enter-desc-txt {
    padding-top: 2.75rem;
}

@media (max-width: 92.5rem) {
    .enter-desc-txt {
        padding-top: 1.25rem;
    }
}

@media (max-width: 75rem) {
    .enter-desc-txt {
        padding-top: .625rem;
    }
}

@media (max-width: 61.25rem) {
    .enter-desc-txt {
        padding-top: .375rem;
    }
}

.enter-box li.on .enter-desc {
    height: auto;
    display: block;
}

.enter-desc span {
    font-family: 'AlibabaPuHuiTi-2-55-Regular';
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.9375rem;
    letter-spacing: 0.04em;
    color: #303133;
    display: block;
    padding-bottom: 1.125rem;
}

@media (max-width: 92.5rem) {
    .enter-desc span {
        font-size: 1.0625rem;
        line-height: 1.2;
        padding-bottom: .625rem;
    }
}

@media (max-width: 75rem) {
    .enter-desc span {
        font-size: .9375rem;
        padding-bottom: .375rem;
    }
}

@media (max-width: 61.25rem) {
    .enter-desc span {
        font-size: .8125rem;
        padding-bottom: .1875rem;
    }
}

.enter-txt {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.04em;
    color: #909399;
    padding-bottom: 1.875rem;
}

@media (max-width: 92.5rem) {
    .enter-txt {
        font-size: .875rem;
        line-height: 1.4;
        padding-bottom: .625rem;
    }
}

@media (max-width: 75rem) {
    .enter-txt {
        font-size: .8125rem;
    }
}

@media (max-width: 61.25rem) {
    .enter-txt {
        font-size: .75rem;
        padding-bottom: .5rem;
    }
}

.enter-more {
    margin: 0 auto;
    margin-top: 5rem;
    width: 21.9375rem;
    height: 3.4375rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pa-brand);
    border-radius: 1.25rem;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 170%;
    color: #FFFFFF;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.enter-more:hover {
    color: #ffffff;
}

.job-more {
    background: var(--pa-brand);
    border-radius: 2.5rem;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.job-more::after {
    content: '';
    width: 1.8125rem;
    height: 1.5625rem;
    background: url(../images/job-more.svg) no-repeat center;
    background-size: cover;
    margin-left: .375rem;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.job-more:hover::after {
    margin-left: .75rem;
}

@media (max-width: 92.5rem) {
    .enter-more {
        margin: 2.5rem auto;
        width: 16.25rem;
        height: 2.875rem;
        font-size: 1rem;
        line-height: 120%;
    }
}

@media (max-width: 75rem) {
    .enter-more {
        margin: 1.875rem auto;
        width: 13.75rem;
        height: 2.5rem;
        font-size: .875rem;
    }
}

@media (max-width: 61.25rem) {
    .enter-more {
        margin: 1.25rem auto;
        width: 11.25rem;
        height: 2.125rem;
        font-size: .8125rem;
    }
}

@media (max-width: 47.9375rem) {
    .enter-more {
        width: 10rem;
        height: 1.875rem;
    }
}

/* ==============================================================
   联系我们（模板 template/default/page_contact.html）
   --------------------------------------------------------------
   设计基准 1920（量自设计稿）：
     容器     1920 居中 + 左右 100，再内缩 92 → 左边界 192（与内页一致）
     首屏     白色圆角卡：左实景图 58% + 右「联系方式」
     主体     浅灰底：左 15rem 官方账号卡 + 右自适应留言表单
     主色     var(--pa-brand)（全站统一；设计稿用的是别的品牌色，这里换成橙色）
   ============================================================== */

/* ---------- 1. 首屏：大图 + 联系方式 ---------- */

.pa-contact-hero {
    background: #fff;
    padding: 3.75rem 0 0;
}

.pa-contact-hero-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 6.25rem;
}

.pa-contact-hero-card {
    display: flex;
    align-items: stretch;
    min-height: 32.5rem;
    border-radius: .75rem;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 .5rem 2.5rem rgba(0, 0, 0, 0.07);
    transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
}

.pa-contact-hero-media {
    flex: 0 0 58%;
    overflow: hidden;
}

.pa-contact-hero-media>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: left top;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
}

.pa-contact-hero-card:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-contact-hero-info {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4.375rem 5rem 4.375rem 6.5rem;
}

.pa-contact-hero-title {
    margin: 0 0 2.625rem;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #303133;
}

.pa-contact-info {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pa-contact-info>li {
    display: flex;
    align-items: flex-start;
    gap: .875rem;
    margin-bottom: 1.625rem;
}

.pa-contact-info>li:last-child {
    margin-bottom: 0;
}

.pa-contact-info-ico {
    flex: 0 0 auto;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .1875rem;
    color: var(--pa-brand);
}

.pa-contact-info-ico>svg {
    display: block;
    width: 100%;
    height: 100%;
}

.pa-contact-info-txt {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.625rem;
    color: #303133;
    word-break: break-all;
    transition: color 0.3s;
}

a.pa-contact-info-txt:hover {
    color: var(--pa-brand);
}

/* 「全球合作」那行：后台配了 cms.email2 才输出 */
.pa-contact-global {
    margin: 1.625rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #909399;
}

.pa-contact-global a {
    color: #909399;
    transition: color 0.3s;
}

.pa-contact-global a:hover {
    color: var(--pa-brand);
}

/* ---------- 2. 面包屑 ---------- */

.pa-contact-crumb {
    padding: 1.625rem 0 0;
}

.pa-contact-crumb-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 12rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6875rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    line-height: 1.5;
    color: #909399;
}

.pa-contact-crumb-inner a {
    color: #909399;
    transition: color 0.3s;
}

.pa-contact-crumb-inner a:hover {
    color: var(--pa-brand);
}

.pa-contact-crumb-inner a:last-child {
    color: #606266;
}

.pa-contact-crumb-inner .sep {
    color: #DCDFE6;
}

/* ---------- 3. 主体：官方账号 + 留言表单 ---------- */

.pa-contact-main {
    background: #F6F7F9;
    padding: 3.5rem 0 6.25rem;
}

.pa-contact-main-inner {
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 2.5rem;
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: 3rem;
    align-items: start;
}

/* --- 3.1 左侧：官方账号卡片（hover 右侧浮出二维码） --- */

.pa-contact-socials {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
}

.pa-contact-social {
    position: relative;
    padding: 1.125rem 1.25rem 1.375rem;
    background: #fff;
    border: .0625rem solid #D9D9D9;
    border-radius: .625rem;
    box-shadow: 0 .125rem .75rem rgba(0, 0, 0, 0.04);
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}

.pa-contact-social:hover {
    background: var(--pa-brand);
    border-color: var(--pa-brand);
    box-shadow: 0 .5rem 1.5rem rgba(234, 85, 4, 0.18);
}

.pa-contact-social-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .625rem;
}

.pa-contact-social-label {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    line-height: 1.4;
    color: #303133;
}

.pa-contact-social-qr {
    flex: 0 0 auto;
    width: 1.375rem;
    height: 1.375rem;
    color: #C0C4CC;
    transition: color 0.3s;
}

.pa-contact-social-qr>svg {
    display: block;
    width: 100%;
    height: 100%;
}

.pa-contact-social:hover .pa-contact-social-qr {
    color: #fff;
}

.pa-contact-social:hover .pa-contact-social-label {
    color: #fff;
}

.pa-contact-social-logo {
    display: block;
    margin-top: 1.125rem;
    width: 2.625rem;
    height: 2.625rem;
    background-color: var(--pa-brand);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.logo-tiktok {
    -webkit-mask-image: url(../images/footer-tiktok.svg);
    mask-image: url(../images/footer-tiktok.svg);
}

.logo-wechat {
    -webkit-mask-image: url(../images/footer-wechat.svg);
    mask-image: url(../images/footer-wechat.svg);
}

.logo-wx-video {
    -webkit-mask-image: url(../images/footer-wx-video.svg);
    mask-image: url(../images/footer-wx-video.svg);
}

.logo-redbook {
    -webkit-mask-image: url(../images/footer-redbook.svg);
    mask-image: url(../images/footer-redbook.svg);
}

.logo-miniapp {
    -webkit-mask-image: url(../images/footer-miniapp.svg);
    mask-image: url(../images/footer-miniapp.svg);
}

.pa-contact-social:hover .pa-contact-social-logo {
    background-color: #fff;
}

/* 二维码气泡：默认藏起来，鼠标经过整卡时浮在右侧 */
.pa-contact-social-pop {
    position: absolute;
    left: calc(100% + .75rem);
    top: 0;
    z-index: 6;
    display: block;
    width: 10.5rem;
    padding: .875rem;
    background: #fff;
    border-radius: .625rem;
    box-shadow: 0 .625rem 2.125rem rgba(0, 0, 0, 0.14);
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-0.375rem);
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    pointer-events: none;
}

.pa-contact-social:hover .pa-contact-social-pop {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.pa-contact-social-pop>img {
    display: block;
    width: 8.75rem;
    height: 8.75rem;
    object-fit: contain;
    background: #F7F8FA;
}

.pa-contact-social-pop>em {
    display: block;
    margin-top: .625rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .8125rem;
    font-style: normal;
    line-height: 1.4;
    color: #909399;
}

/* --- 3.2 右侧：留言表单 --- */

.pa-contact-form {
    background: #fff;
    border-radius: .75rem;
    padding: 2.875rem 2.875rem 2.5rem;
    box-shadow: 0 .125rem .75rem rgba(0, 0, 0, 0.04);
}

.pa-cf-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem 2rem;
    margin-bottom: 1.625rem;
}

.pa-cf-item {
    position: relative;
    min-width: 0;
}

.pa-cf-item-block {
    margin-bottom: 1.625rem;
}

.pa-cf-label {
    display: block;
    margin-bottom: .75rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    line-height: 1.4;
    color: #303133;
}

.pa-cf-label>em {
    margin-left: .125rem;
    font-style: normal;
    color: #F56C6C;
}

.pa-cf-input,
.pa-cf-select,
.pa-cf-textarea {
    display: block;
    width: 100%;
    height: 3.125rem;
    padding: 0 1rem;
    border: .0625rem solid #E4E7ED;
    border-radius: .375rem;
    background: #fff;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    line-height: 3rem;
    color: #303133;
    outline: none;
    transition: border-color 0.25s, box-shadow 0.25s;
}

.pa-cf-textarea {
    height: auto;
    min-height: 8.25rem;
    padding: .875rem 1rem;
    line-height: 1.7;
    resize: vertical;
}

.pa-cf-input::placeholder,
.pa-cf-textarea::placeholder {
    color: #C0C4CC;
}

.pa-cf-input:focus,
.pa-cf-select:focus,
.pa-cf-textarea:focus {
    border-color: var(--pa-brand);
    box-shadow: 0 0 0 .1875rem rgba(234, 85, 4, 0.1);
}

.pa-cf-select {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 2.5rem;
    cursor: pointer;
    background-image: url(../images/yellow-arrow.svg);
    background-repeat: no-repeat;
    background-position: right .875rem center;
    background-size: 1rem;
}

.pa-cf-select::-ms-expand {
    display: none;
}

/* hover：边框染主题色（不覆盖 :focus 的高亮环） */
.pa-cf-select:hover {
    border-color: rgba(234, 85, 4, 0.5);
}

/* 下拉选项美化：Firefox 原生列表生效；Chrome/Edge 原生列表忽略但不报错 */
.pa-cf-select option {
    padding: .625rem 1rem;
    color: #303133;
    background: #fff;
}

.pa-cf-select option[value=""] {
    color: #C0C4CC;
}

.pa-cf-select option:hover,
.pa-cf-select option:focus {
    background: rgba(234, 85, 4, 0.08);
    color: var(--pa-brand);
}

.pa-cf-select option:checked {
    color: var(--pa-brand);
    font-weight: 600;
}

/* 校验失败：红框 + 下方红字（设计稿里「请填写此必填项」就是这个位置） */
.pa-cf-error {
    margin: .5rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .8125rem;
    line-height: 1.4;
    color: #F56C6C;
}

.pa-cf-error:empty {
    display: none;
}

.pa-cf-item.is-error .pa-cf-input,
.pa-cf-item.is-error .pa-cf-select,
.pa-cf-item.is-error .pa-cf-textarea {
    border-color: #F56C6C;
}

/* 合作意向：一行四个复选 */
.pa-cf-intents {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .875rem 2.125rem;
}

.pa-cf-check {
    display: inline-flex;
    align-items: center;
    gap: .5625rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    line-height: 1.4;
    color: #606266;
    cursor: pointer;
    user-select: none;
}

.pa-cf-check input[type="checkbox"],
.pa-cf-agree input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: 0 0 auto;
    width: 1rem;
    height: 1rem;
    margin: 0;
    border: .0625rem solid #DCDFE6;
    border-radius: .125rem;
    background: #fff;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
}

.pa-cf-check input[type="checkbox"]:checked,
.pa-cf-agree input[type="checkbox"]:checked {
    background: var(--pa-brand);
    border-color: var(--pa-brand);
}

.pa-cf-check input[type="checkbox"]:checked::after,
.pa-cf-agree input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: .3125rem;
    top: .0625rem;
    width: .3125rem;
    height: .5625rem;
    border: solid #fff;
    border-width: 0 .125rem .125rem 0;
    transform: rotate(45deg);
}

.pa-cf-check:hover input[type="checkbox"] {
    border-color: var(--pa-brand);
}

/* 「其它项目合作:」后面的填空：只留一条下划线 */
.pa-cf-other {
    width: 11.875rem;
    max-width: 100%;
    height: 1.625rem;
    padding: 0 .25rem;
    border: none;
    border-bottom: .0625rem solid #DCDFE6;
    border-radius: 0;
    background: transparent;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    color: #303133;
    outline: none;
    transition: border-color 0.25s;
}

.pa-cf-other:focus {
    border-bottom-color: var(--pa-brand);
}

.pa-cf-submit {
    display: block;
    width: 20.625rem;
    height: 3.5rem;
    margin-top: .375rem;
    border: none;
    border-radius: .375rem;
    background: var(--pa-brand);
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.125rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: #fff;
    cursor: pointer;
    transition: opacity 0.3s, box-shadow 0.3s;
}

.pa-cf-submit:hover {
    opacity: 0.9;
    box-shadow: 0 .625rem 1.5rem rgba(234, 85, 4, 0.28);
}

.pa-cf-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
}

.pa-cf-agree {
    display: flex;
    align-items: center;
    gap: .5625rem;
    margin-top: 1.125rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .875rem;
    line-height: 1.5;
    color: #909399;
    cursor: pointer;
}

.pa-cf-agree-link {
    color: var(--pa-brand);
}

.pa-cf-agree-link:hover {
    text-decoration: underline;
}

.pa-cf-error-agree {
    margin-top: .5rem;
}

.pa-cf-msg {
    min-height: 1.25rem;
    margin: .875rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .875rem;
    line-height: 1.5;
    color: var(--pa-brand);
}

/* ---------- 4. 联系我们：响应式 ---------- */

@media (max-width: 100rem) {
    .pa-contact-hero {
        padding-top: 2.875rem;
    }

    .pa-contact-hero-inner {
        padding: 0 3.75rem;
    }

    .pa-contact-crumb-inner,
    .pa-contact-main-inner {
        padding-left: 8.25rem;
        padding-right: 8.25rem;
    }

    .pa-contact-hero-card {
        min-height: 27.5rem;
    }

    .pa-contact-hero-info {
        padding: 3.25rem 3.5rem 3.25rem 4.5rem;
    }

    .pa-contact-hero-title {
        margin-bottom: 1.875rem;
        font-size: 2.125rem;
    }

    .pa-contact-info-txt {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .pa-contact-main-inner {
        grid-template-columns: 13.125rem minmax(0, 1fr);
        gap: 2.25rem;
    }

    .pa-contact-form {
        padding: 2.375rem 2.375rem 2.125rem;
    }
}

@media (max-width: 75rem) {
    .pa-contact-hero-inner {
        padding: 0 2.5rem;
    }

    .pa-contact-crumb-inner,
    .pa-contact-main-inner {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .pa-contact-hero-card {
        min-height: 23.75rem;
    }

    .pa-contact-hero-media {
        flex: 0 0 52%;
    }

    .pa-contact-hero-info {
        padding: 2.5rem 2.5rem 2.5rem 3rem;
    }

    .pa-contact-hero-title {
        margin-bottom: 1.5rem;
        font-size: 1.75rem;
    }

    .pa-contact-info>li {
        margin-bottom: 1.125rem;
    }

    .pa-contact-info-txt {
        font-size: .9375rem;
        line-height: 1.375rem;
    }

    .pa-contact-crumb {
        padding-top: 1.125rem;
    }

    .pa-contact-main {
        padding: 2.5rem 0 4.375rem;
    }

    .pa-contact-main-inner {
        grid-template-columns: 11.25rem minmax(0, 1fr);
        gap: 1.625rem;
    }

    .pa-contact-socials {
        gap: .875rem;
    }

    .pa-contact-social {
        padding: .875rem 1rem 1.125rem;
    }

    .pa-contact-social-logo {
        width: 1.75rem;
        height: 1.75rem;
    }

    .pa-contact-form {
        padding: 2rem 1.875rem 1.875rem;
    }

    .pa-cf-row {
        gap: 1.25rem 1.5rem;
        margin-bottom: 1.375rem;
    }

    .pa-cf-input,
    .pa-cf-select {
        height: 2.875rem;
        font-size: .875rem;
        line-height: 2.75rem;
    }

    .pa-cf-submit {
        height: 3.125rem;
        font-size: 1rem;
    }
}

@media (max-width: 61.25rem) {

    /* 首屏改上下：图在上、联系方式在下 */
    .pa-contact-hero-card {
        flex-direction: column;
        min-height: 0;
    }

    .pa-contact-hero-media {
        flex: none;
        height: 17.5rem;
    }

    .pa-contact-hero-info {
        padding: 2rem 1.75rem 2.25rem;
    }

    .pa-contact-hero-title {
        margin-bottom: 1.25rem;
        font-size: 1.5rem;
    }

    /* 主体改上下：官方账号横排、表单在下 */
    .pa-contact-main-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.5rem;
    }

    .pa-contact-socials {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .pa-contact-social {
        flex: 1 1 9.375rem;
    }

    /* 窄屏二维码气泡往下弹，别跑出屏幕 */
    .pa-contact-social-pop {
        left: 0;
        top: calc(100% + .625rem);
    }

    /* 表单 3 列 → 2 列 */
    .pa-cf-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 47.9375rem) {
    .pa-contact-hero {
        padding-top: 1.5rem;
    }

    .pa-contact-hero-inner,
    .pa-contact-crumb-inner,
    .pa-contact-main-inner {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .pa-contact-hero-media {
        height: 12.5rem;
    }

    .pa-contact-hero-info {
        padding: 1.625rem 1.25rem 1.75rem;
    }

    .pa-contact-hero-title {
        margin-bottom: 1rem;
        font-size: 1.25rem;
    }

    .pa-contact-info>li {
        gap: .625rem;
        margin-bottom: .875rem;
    }

    .pa-contact-info-ico {
        width: 1.0625rem;
        height: 1.0625rem;
        margin-top: .125rem;
    }

    .pa-contact-info-txt {
        font-size: .875rem;
        line-height: 1.25rem;
    }

    .pa-contact-main {
        padding: 1.5rem 0 3.125rem;
    }

    .pa-contact-social {
        flex: 1 1 100%;
    }

    .pa-contact-form {
        padding: 1.5rem 1.125rem 1.5rem;
    }

    .pa-cf-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 1rem;
        margin-bottom: 1.125rem;
    }

    .pa-cf-item-block {
        margin-bottom: 1.125rem;
    }

    .pa-cf-label {
        margin-bottom: .5rem;
        font-size: .875rem;
    }

    .pa-cf-intents {
        gap: .75rem 1.25rem;
    }

    .pa-cf-check {
        font-size: .875rem;
    }

    .pa-cf-other {
        width: 8.125rem;
    }

    .pa-cf-submit {
        width: 100%;
        height: 2.875rem;
        font-size: 1rem;
    }
}

/* ==============================================================
   展会新闻：横向图文列表（模板 template/default/list_news.html）
   --------------------------------------------------------------
   一行一条：左图 220×140 / 中间标题+两行摘要 / 右侧「日 + 年-月」。
   悬停整行铺浅灰底（#F7F8FA）、标题变品牌橙 —— 对应设计稿中
   高亮的那一行。容器沿用 .pa-page-list-body（与内页左边界一致）。
   ============================================================== */

.pa-news-rows {
    margin-top: .5rem;
}

.pa-news-row>a {
    display: flex;
    align-items: center;
    gap: 2.5rem;
    padding: 1.5rem 2rem;
    border-radius: .75rem;
    transition: background 0.3s;
}

.pa-news-row>a:hover {
    background: #F7F8FA;
}

/* 左图：固定宽、按 220:140 裁切；无图时整个盒子隐藏（配模板里的 onerror） */
.pa-news-row-img {
    flex: 0 0 20rem;
    width: 20rem;
    border-radius: .5rem;
    overflow: hidden;
    background: #F5F6F8;
}

.pa-news-row-img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.pa-news-row>a:hover .pa-news-row-img img {
    transform: scale(1.06);
}

/* 中间：标题单行截断 + 摘要两行截断 */
.pa-news-row-body {
    flex: 1 1 auto;
    min-width: 0;
}

.pa-news-row-body h3 {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    font-size: 1.375rem;
    line-height: 1.4;
    color: #303133;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    transition: color 0.3s;
}

.pa-news-row>a:hover .pa-news-row-body h3 {
    color: var(--pa-brand);
}

.pa-news-row-body p {
    margin: .75rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #909399;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 右侧日期：大号「日」+ 小号「年-月」，右对齐 */
.pa-news-row-date {
    flex: 0 0 auto;
}

.pa-news-row-date .d {
    display: block;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 2.5rem;
    line-height: 1.1;
    color: #606266;
}

.pa-news-row-date .ym {
    display: block;
    margin-top: .375rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .875rem;
    color: #909399;
}

/* 新闻详情 */
.new_info {
    max-width: 82%;
    margin: 0 auto;
}

.new_info .new_title {
    color: #303133;
    text-align: center;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: .03rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.new_info .view_desc {
    text-align: center;
    padding-bottom: 1.5rem;
}

.new_info .view_descs span {
    color: #909399;
    text-align: justify;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .0225rem;
    padding-right: 1.25rem;
}

.new_info .view_desc time {
    color: #909399;
    text-align: justify;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .0225rem;
    background: url(../images/time.svg) no-repeat left center;
    padding-left: 1.5rem;
}

.new_info .view_desc em {
    color: #909399;
    text-align: justify;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .0225rem;
    background: url(../images/view.svg) no-repeat left center;
    padding-left: 1.5rem;
    margin-left: 2.625rem;
}

.new_info .new_info_content,
.new_info .new_info_content p {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #303133;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: .0187rem;
}

.view-tool {
    margin-top: 1.875rem;
}

.view-tool li:last-child {
    margin-top: 0.6rem;
}

.view-tool span,
.view-tool a {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    color: #909399;
    font-size: 1.125rem;
}

.view-tool a:hover {
    color: var(--pa-brand);
}

/* ---------- 展会新闻横向列表：响应式 ---------- */

@media (max-width: 100rem) {
    .pa-news-row>a {
        gap: 2rem;
        padding: 1.375rem 1.5rem;
    }

    .pa-news-row-img {
        flex-basis: 16.25rem;
        width: 16.25rem;
    }
}

@media (max-width: 75rem) {
    .pa-news-row>a {
        gap: 1.5rem;
        padding: 1.125rem 1.25rem;
    }

    .pa-news-row-img {
        flex-basis: 10rem;
        width: 10rem;
    }

    .pa-news-row-body h3 {
        font-size: 1.0625rem;
    }

    .pa-news-row-body p {
        margin-top: .5rem;
        font-size: .8125rem;
        line-height: 1.375rem;
    }

    .pa-news-row-date .d {
        font-size: 2rem;
    }

    .pa-news-row-date .ym {
        font-size: .8125rem;
    }
}

@media (max-width: 47.9375rem) {
    .pa-news-row>a {
        gap: .875rem;
        padding: .875rem;
        border-radius: .625rem;
    }

    /* 图整行铺顶、正文整行、日期整行收底 */
    .pa-news-row-img {
        flex-basis: auto;
        width: 25%;
        display: block;
    }

    .pa-news-row-body {
        flex: 0 0 56%;
    }

    .pa-news-row-body h3 {
        font-size: 1rem;
        -webkit-line-clamp: 2;
    }

    .pa-news-row-body p {
        margin-top: .375rem;
        font-size: .8125rem;
        line-height: 1.3125rem;
    }

    /* 日期横排：2026-09-08 */
    .pa-news-row-date {
        flex: 0 0 15%;
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: .5rem;
        text-align: left;
        justify-content: center;
    }

    .pa-news-row-date .d {
        font-size: 1.25rem;
        line-height: 1.2;
    }

    .pa-news-row-date .ym {
        margin-top: 0;
        font-size: .8125rem;
    }
}

/* ==============================================================
   招商加盟（模板 template/default/page_investment.html）
   --------------------------------------------------------------
   设计基准 1920（量自设计稿）：容器 1600（左右 160）。
   版块：品牌介绍白卡 → 加盟优势(3×2) → 加盟支持(4×2)
         → 加盟条件(左清单右形象图) → 加盟流程(2×5 步骤)
         → 加盟申请(橙色横幅)。图标统一 inline SVG 描边橙。
   ============================================================== */

.pa-inv-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 10rem;
}

.pa-inv-sec {
    padding: 7.5rem 0;
}

.pa-inv-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2.5rem;
    margin-bottom: 2.5rem;
}

.pa-inv-head-txt {
    flex: 1 1 auto;
    min-width: 0;
}

/* 轮播控件：标题行右侧两个圆形箭头（加盟优势 / 加盟支持） */
.pa-inv-nav {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: .25rem;
}

.pa-inv-nav-btn {
    width: 2.875rem;
    height: 2.6875rem;
    cursor: pointer;
}

.pa-inv-adv-prev,
.pa-inv-sup-prev {
    background: url(../images/advantages-prev.svg) no-repeat center center;
    background-size: cover;
}

.pa-inv-adv-next,
.pa-inv-sup-next {
    background: url(../images/advantages-next.svg) no-repeat center center;
    background-size: cover;
}

/* Swiper 4 给不可用方向的箭头加这个类（到头了） */
.pa-inv-nav-btn.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.pa-inv-head-title {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: #303133;
}

.pa-inv-head-sub {
    margin-top: .625rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #606266;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.625rem;
}

/* 橙色描边小图标（inline SVG 通用壳） */
.pa-inv-ico {
    display: block;
    flex: 0 0 auto;
    color: var(--pa-brand);
}

.pa-inv-ico svg {
    display: block;
    width: 100%;
    height: 100%;
}

/* 招商加盟 */
/* ---------- 1. 品牌介绍：白卡（左 Logo / 右文案）+ 吉祥物 ---------- */

.pa-inv-intro {
    background: #fff;
    padding: 4.0625rem 10rem 8.4375rem 10rem;
    box-shadow: 0 .625rem 2.5rem rgba(0, 0, 0, 0.06);
}

.pa-inv-intro-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4.5rem;
    padding: 0 2.5rem 0 1.25rem;
    background: #fff;
    cursor: pointer;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
}

.pa-inv-intro-card:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-inv-intro-en {
    font-family: FjallaOne, AlibabaPuHuiTi-2-65-Medium, sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0.42em;
    text-indent: 0.42em;
    color: #303133;
}

.pa-inv-intro-body {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 69.0625rem;
}

.pa-inv-intro-body h2 {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.5rem;
    font-weight: 500;
    color: #303133;
}

.pa-inv-intro-body .pa-inv-intro-desc {
    margin: 1.125rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    line-height: 1.875rem;
    color: #606266;
}

.pa-inv-intro-hot {
    display: block;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.625rem;
    color: var(--pa-brand);
    font-weight: 400;
    line-height: 2.0625rem;
    margin-top: 1.375rem;
}

.pa-inv-intro-hots {
    display: block;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.75rem;
    color: var(--pa-brand);
    margin-top: .5rem;
}

/* ---------- 2. 加盟优势：浅灰底 3×2 卡片 ---------- */

.pa-inv-adv {
    background: url(../images/advantages-bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 6.875rem 0 7.5rem;
}

/* Swiper 4：容器 overflow:hidden 由 swiper.min.css 提供，slide 宽度由 JS 计算。
   每个 swiper-slide 纵向叠两张卡 —— 桌面 3/4 个 slide 即 3列×2行 / 4列×2行；
   wrapper 默认 align-items:stretch 让各 slide 等高，卡内 flex:1 再拉齐上下两张。 */
.pa-inv-adv-swiper {
    padding-top: .625rem;
}

.pa-inv-adv-swiper .swiper-slide,
.pa-inv-sup-swiper .swiper-slide {
    display: flex;
    flex-direction: column;
}

.pa-inv-adv-swiper .swiper-slide {
    gap: 2.3125rem;
}

.pa-inv-adv-card {
    position: relative;
    flex: 1 1 0;
    padding: 1.875rem 6.875rem 1.875rem 2.25rem;
    background: #fff;
    border: .0625rem solid #EFEFF2;
    border-radius: .875rem;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
    -webkit-transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
    -moz-transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
    -ms-transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
    -o-transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
}

.pa-inv-adv-card:hover {
    transform: translateY(-0.375rem);
    border-color: rgba(234, 85, 4, 0.35);
    box-shadow: 0 .875rem 2.125rem rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(-0.375rem);
    -moz-transform: translateY(-0.375rem);
    -ms-transform: translateY(-0.375rem);
    -o-transform: translateY(-0.375rem);
}

.pa-inv-adv-card .pa-inv-ico {
    transition: transform 0.8s ease;
    /*必须：提供平滑旋转的过渡时间*/
    -moz-transition: transform 0.8s ease;
    -ms-transition: transform 0.8s ease;
    -o-transition: transform 0.8s ease;
    -webkit-transition: transform 0.8s ease;
}

.pa-inv-adv-card:hover .pa-inv-ico {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
}

.pa-inv-adv-txt {
    min-width: 0;
    min-height: 10.5rem;
}

.pa-inv-adv-card h3 {
    margin: 0;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
    color: #303133;
}

.pa-inv-adv-tag {
    margin: .25rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.125rem;
    line-height: 2rem;
    color: #303133;
}

.pa-inv-adv-desc {
    margin: 1.5625rem 0 0;
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-size: 1rem;
    color: #606266;
}

.pa-inv-adv-card .pa-inv-ico {
    position: absolute;
    top: 2.875rem;
    right: 3.125rem;
    width: 3.875rem;
    height: 3.875rem;
}

.pa-inv-adv-card .pa-inv-ico img {
    display: block;
    width: 100%;
    height: 100%;
}

/* ---------- 3. 加盟支持：白底 4 列 × 2 行，橙色圆图标叠卡片上缘 ---------- */

.pa-inv-sup {
    background: #fff;
}

.pa-inv-sup-swiper .swiper-slide {
    gap: 5.375rem;
    padding-top: 3.4375rem;
}

.pa-inv-sup-card {
    position: relative;
    flex: 1 1 0;
    padding: 4.5rem 1.5625rem 2.5rem 1.5625rem;
    background: #F5F6F8;
    text-align: center;
    border: .0938rem solid #FFFFFF;
    border-radius: .75rem;
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    -ms-border-radius: .75rem;
    -o-border-radius: .75rem;
    cursor: pointer;
}

.pa-inv-sup-card:hover {
    transform: translateY(-0.375rem);
    background: #fff;
    box-shadow: 0 .875rem 2.125rem rgba(0, 0, 0, 0.08);
}

.pa-inv-sup-ico {
    position: absolute;
    top: -2.875rem;
    left: 50%;
    transform: translateX(-50%);
    width: 6.125rem;
    height: 5.75rem;
}

.pa-inv-sup-ico img {
    display: block;
    width: 100%;
    height: 100%;
}

.pa-inv-sup-card h3 {
    margin: 0;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.125rem;
    font-weight: 500;
    color: #303133;
}

.pa-inv-sup-card p {
    margin: .9375rem 0 0;
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-size: 1rem;
    line-height: 1.625rem;
    color: #303133;
    min-height: 4.875rem;
}

/* ---------- 4. 加盟条件：左清单 + 右品牌形象图（贴右边缘） ---------- */

.pa-inv-cond {
    background: #fff;
    padding: 0;
}

.pa-inv-cond-grid {
    display: flex;
    align-items: stretch;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
}

.pa-inv-cond-body {
    flex: 1 1 auto;
    min-width: 0;
    padding: 6.875rem 10.9375rem 6.875rem 10rem;
    background: url(../images/requirements-bg.jpg) no-repeat center center;
    background-size: cover;
}

.pa-inv-cond-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pa-inv-cond-list dt {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: 0.02em;
    color: #303133;
    padding-bottom: .8125rem;
}

.pa-inv-cond-list dd {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-weight: 400;
    font-size: 1.0625rem;
    line-height: 1.625rem;
    color: #303133;
}

.pa-inv-cond-lists dt {
    padding-top: 2.5rem;
}

.pa-inv-cond-lists dd {
    line-height: 2.875rem;
}

/* 右侧形象图：暗金质感底 + Logo（有实拍图可直接替换成 <img>） */
.pa-inv-cond-media {
    flex: 0 0 50%;
    position: relative;
    min-height: 35rem;
    line-height: 0;
    cursor: pointer;
}

.pa-inv-cond-grid:hover {
    transform: scale(1.01);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
}

/* ---------- 5. 加盟流程：上排 5 步 → 右下拐弯 → 下排 4 步（照设计稿 1:1） ---------- */

.pa-inv-flow {
    background: #ffffff;
}

/* 蛇形容器：相对定位，承载右侧拐弯箭头 */
.pa-inv-flow-snake {
    margin-top: .625rem;
    position: relative;
}

/* 上下两排都是「等宽列 + 居中对齐」的网格；列宽 = 容器宽 / 5
   上排占满 5 列（列心 10%/30%/50%/70%/90%），下排 4 列整体居中 → 列心落在上排两列中间 */
.pa-inv-flow-row {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 3.5rem;
    position: relative;
}

.pa-inv-flow-row::before {
    position: absolute;
    content: '';
    top: 25%;
    bottom: 0;
    right: 0;
    width: 6rem;
    height: .125rem;
    background: #F5F6FA;
}

.pa-inv-flow-row li {
    position: relative;
    /* 设计稿实测：18 字一行刚好、19 字换行 → 内容宽需落在 266~281 之间 */
    padding: 0 1.5625rem;
    text-align: center;
    cursor: pointer;
}

/* 步骤圆形图标：设计稿实测直径 140、描边 #E4E7ED、白底、无阴影 */
@property --angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

.pa-inv-flow-row .pa-inv-ico {
    width: 8.75rem;
    height: 8.75rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.375rem;
    border: .0625rem solid #E4E7ED;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.pa-inv-flow-row .pa-inv-ico::before {
    content: '';
    width: 8.75rem;
    height: 8.75rem;
    position: absolute;
    inset: -0.0625rem;
    padding: .0625rem;
    /* 用锥形渐变画圆 */
    background: conic-gradient(var(--pa-brand, #ff6b00) var(--angle), transparent 0deg);
    /* 用 mask 遮罩挖空中间，只保留 .0625rem 的外边框 */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: --angle 0.5s ease-in-out;
    /* 关键：角度平滑过渡 */
    /*关键：角度平滑过渡*/
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.pa-inv-flow-row .pa-inv-ico img {
    max-width: 100%;
    max-height: 100%;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
}

/* 鼠标悬停：将角度从 0deg 变成 360deg，实现绘制满圆 */
.pa-inv-flow-row li:hover .pa-inv-ico::before {
    --angle: 360deg;
}

.pa-inv-flow-row li:hover .pa-inv-ico img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
}

/* 步骤名：设计稿 ink 宽 77~78（4 个字）→ 字号 1.25rem；圆底到标题 ink 顶 1.875rem */
.pa-inv-flow-row h3 {
    margin: 1.5625rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4;
    color: #303133;
}

/* 说明文案：设计稿 ink 高 15、行间 21、颜色实测 #606266 → .9375rem / 1.3125rem */
.pa-inv-flow-row p {
    margin: .875rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    color: #606266;
}

/* --- 步骤之间的浅灰连接横线：.125rem #F5F6FA，从本圆右缘连到下一圆左缘 ---
   （用 calc(50% ± 4.375rem) 表达，列宽随容器变化也对得上，不写死 px 列宽） */
.pa-inv-flow-row--top li::before,
.pa-inv-flow-row--bottom li::before {
    content: '';
    position: absolute;
    top: 4.3125rem;
    /* 圆心 4.375rem：.125rem 线取 69~71 */
    height: .125rem;
    background: #F5F6FA;
}

.pa-inv-flow-row--top li:not(:nth-child(5))::before {
    left: calc(50% + 4.375rem);
    right: calc(-50% + 4.375rem);
}

.pa-inv-flow-row--bottom li:not(:nth-child(4))::before {
    left: calc(-50% + 4.375rem);
    right: calc(50% + 4.375rem);
}

/* --- 步骤之间的双箭头：#AFB5BF、28×26，压在连接线中点上（列与列的交界处） --- */
.pa-inv-flow-row--top li:not(:nth-child(5))::after {
    content: '';
    position: absolute;
    right: -0.875rem;
    top: 3.5625rem;
    /* 竖向居中于圆心 4.375rem */
    width: 1.75rem;
    height: 1.625rem;
    background: url(../images/process.svg) no-repeat center / contain;
}

.pa-inv-flow-row--bottom li:not(:nth-child(4))::after {
    content: '';
    position: absolute;
    left: -0.875rem;
    top: 3.5625rem;
    width: 1.75rem;
    height: 1.625rem;
    background: url(../images/process.svg) no-repeat center / contain;
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
}

/* --- 下排：4 列等宽整体居中（列距与上排相同 1/5 容器宽），故相对上排错开半列 ---
   DOM 顺序是流程 6→9，用 grid-column 反向铺到右侧，视觉上仍是从右往左走。
   ⚠️ 必须显式声明 grid-row: 1：Grid 的稀疏自动排布「只往前不回头」，
   若只给 grid-column 不给行，第 2 项要放左边的列时会另起一行，4 项就斜着错位。 */
.pa-inv-flow-row--bottom {
    width: 80%;
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
}

.pa-inv-flow-row--bottom li {
    grid-row: 1;
}

.pa-inv-flow-row--bottom li:nth-child(1) {
    grid-column: 4;
}

.pa-inv-flow-row--bottom li:nth-child(2) {
    grid-column: 3;
}

.pa-inv-flow-row--bottom li:nth-child(3) {
    grid-column: 2;
}

.pa-inv-flow-row--bottom li:nth-child(4) {
    grid-column: 1;
}

/* --- 右侧拐弯：浅灰竖线 + 双下箭头，水平居中于第 5 列（容器右侧 10%）
   设计稿实测：竖线贯穿两排之间的间隙并向下延伸到下排圆心高度，
   箭头位于间隙靠下处 → 块高 181 = 间隙 111 + 伸入下排 70，再用负外边距把下排拉回来 */
.pa-inv-flow-turn {
    display: block;
    position: relative;
    height: 11.3125rem;
    margin: 0 0 -4.375rem;
}

.pa-inv-flow-turn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(10% - .0625rem);
    width: .125rem;
    background: #F5F6FA;
}

.pa-inv-flow-turn::before {
    content: '';
    position: absolute;
    top: 4.8125rem;
    right: calc(10% - .875rem);
    width: 1.75rem;
    height: 1.75rem;
    background: url(../images/process.svg) no-repeat center / contain;
    transform: rotateZ(90deg);
    z-index: 1;
}

/* ---------- 6. 加盟申请：橙色横幅 ---------- */

.pa-inv-apply {
    background: #fff;
    padding: 0 0 6.25rem;
}

/* 招商加盟页这 5 个页内锚点 —— 头部二级导航与页面自己那条标签栏共用同一批 #pa-inv-*。
   头部是 fixed 的，锚点不给偏移就会被压在 header 下面。
   ≤75rem 时 .pa-inv-sec 的上内边距收到 1.75rem，光靠区块自己的留白已经不够：
   实测 1200 档标题落在 y=28、而 header 下沿是 80，整条标题被盖住。
   所以统一补一个 header 高度的 scroll-margin-top：落位后"区块盒子"正好从 header
   下沿开始，与走进平安树页的做法一致。
   用 rem 而不是 px —— header 高度也是 rem（≤62rem 时 4rem），各档根字号会缩放，
   写 rem 两边天然自洽。 */
#pa-inv-adv,
#pa-inv-sup,
#pa-inv-cond,
#pa-inv-flow,
#pa-inv-apply {
    scroll-margin-top: 5rem;
}

.pa-inv-apply-bar {
    display: flex;
    align-items: center;
    gap: 6.25rem;
    padding: 5.3125rem 3.75rem;
    background: url(../images/apply-bg.png) no-repeat center;
    background-size: cover;
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-inv-apply-bar:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-inv-apply-logo {
    flex: 0 0 auto;
    height: 4.0625rem;
}

.pa-inv-apply-txt {
    flex: 1 1 auto;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.5rem;
    color: #303031;
}

.pa-inv-apply-txt b {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.5rem;
    color: var(--pa-brand);
}

.pa-inv-apply-btn {
    flex: 0 0 auto;
    padding: 1.0625rem 3.75rem;
    background: #fff;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.0625rem;
    font-weight: 400;
    background: var(--pa-brand);
    color: #fff;
    text-decoration: none;
    transition: transform 0.3s, box-shadow 0.3s;
    border-radius: 3.75rem;
    -webkit-border-radius: 3.75rem;
    -moz-border-radius: 3.75rem;
    -ms-border-radius: 3.75rem;
    -o-border-radius: 3.75rem;
}

.pa-inv-apply-btn:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0 .625rem 1.5rem rgba(0, 0, 0, 0.18);
}


/* ==================== 运营中心查询页（list_operations.html） ==================== */

.pa-ops {
    background: #fff;
    padding: 2.8125rem 0 4.375rem;
}

.pa-ops-inner {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 10rem;
    box-sizing: border-box;
}

.pa-news-title.pa-ops-title {
    color: #303133;
}

/* ---------- 筛选栏 ---------- */
.pa-ops-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
    margin-bottom: 3.125rem;
}

.pa-ops-filter-label {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #303133;
    margin-right: .25rem;
    font-weight: 400;
    font-size: 1.125rem;
}

.pa-ops-field {
    position: relative;
}

.pa-ops-field:last-child {
    margin-left: 1.75rem;
}

/* appearance:none 去掉系统箭头，再用 .pa-ops-caret 画一个，保证各浏览器一致 */
.pa-ops-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 25rem;
    height: 3.625rem;
    padding: .9375rem 2rem .9375rem 1.875rem;
    border: .0625rem solid #DCDFE6;
    border-radius: 3.75rem;
    background: url(../images/gray-arrow.svg) no-repeat right center;
    background-size: 2rem;
    background-position: right .875rem center;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.125rem;
    color: #909299;
    outline: none;
    cursor: pointer;
    transition: border-color 0.2s;
    -webkit-transition: border-color 0.2s;
    -webkit-border-radius: 3.75rem;
    -moz-border-radius: 3.75rem;
    -ms-border-radius: 3.75rem;
    -o-border-radius: 3.75rem;
}

.pa-ops-select:focus {
    border-color: #E5663A;
}

/* ---------- 表格 ---------- */
.pa-ops-table {
    width: 100%;
}

.pa-ops-thead,
.pa-ops-tr {
    display: grid;
    grid-template-columns: 10% 43% 43%;
    align-items: center;
    padding: 0 1.625rem;
    gap: 1.875rem;
    box-sizing: border-box;
}


.pa-ops-thead {
    height: 4.75rem;
    background: #F5F6F8;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.375rem;
    font-weight: 500;
    color: var(--pa-brand);
    border-radius: .625rem;
    overflow: hidden;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.pa-ops-tr {
    min-height: 3.625rem;
    padding: 2rem 1.625rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.125rem;
    line-height: 1.375rem;
    color: #303133;
    border-bottom: .0625rem solid #F0F2F5;
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
}

.pa-ops-tr:hover {
    background: #FCFCFD;
}

.pa-ops-tr:last-child {
    border-bottom: 0;
}

.pa-ops-tr em {
    color: green;
}

/* 覆盖区域是描述性长文案，用次级文字色，和另外两列拉开层级 */

.pa-ops-empty {
    padding: 3.75rem 0;
    text-align: center;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .875rem;
    color: #909399;
}

/* 下拉数据源容器：只承载数据，不参与显示 */
.pa-ops-src {
    display: none;
}

/* 防伪查询 */
.verification {
    padding: 0 1.5625rem 7.5rem 1.5625rem;
}

.verification-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    align-items: center;
    gap: 1.875rem 1.5625rem;
}

.verification-item a {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    display: inline-block;
    font-size: 1.5rem;
    background: -webkit-gradient(linear, left bottom, left top, from(#fd6500), to(#fd9003));
    background: linear-gradient(to top, #fd6500, #fd9003);
    padding: 1.25rem 2.5rem;
    border-radius: .9375rem;
    color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    min-width: 46.875rem;
    text-align: center;
}

.verification-item a:hover {
    transform: translateY(-0.375rem);
    box-shadow: 0 .875rem 2.125rem rgba(31, 35, 41, .08);
}

.verification-item a span {
    display: inline-block;
    background: #fff;
    color: #fd6500;
    line-height: 2.25rem;
    padding: 0 2.5rem;
    margin-left: 1.25rem;
    border-radius: 1.875rem;
    -webkit-border-radius: 1.875rem;
    -moz-border-radius: 1.875rem;
    -ms-border-radius: 1.875rem;
    -o-border-radius: 1.875rem;
}

/* ==================== 防伪查询：更多查询方式 + 弹窗 ==================== */

.pa-more-header {
    margin-bottom: 3.125rem;
}

/* --- 更多查询方式 --- */

.vmore-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.1875rem;
}

.vmore-card {
    display: flex;
    flex-direction: column;
    background: #F7F8FA;
    border-radius: 1rem;
    padding: 2.25rem 2.25rem 1.875rem;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
}

.vmore-card:hover {
    transform: translateY(-0.375rem);
    box-shadow: 0 .875rem 2.125rem rgba(31, 35, 41, .08);
}

.vmore-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.vmore-num {
    font-family: MiSans-Regular;
    font-weight: 400;
    font-size: 1.1875rem;
    line-height: 2rem;
    letter-spacing: 0.02em;
    color: var(--pa-brand);
    padding-top: .25rem;
}

.vmore-ico svg {
    width: 2.625rem;
    height: 2.625rem;
    display: block;
}

.vmore-title {
    margin-top: .625rem;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: #303133;
}

.vmore-desc {
    margin-top: .625rem;
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-size: 1rem;
    color: #606266;
    min-height: 4.5rem;
}

.vmore-link {
    margin-top: auto;
    padding-top: 1.6875rem;
    border-top: .0625rem solid #EDEEF0;
    display: inline-flex;
    align-items: center;
    gap: 1.25rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    color: var(--pa-brand);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.vmore-arrow {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    background: url('../images/more-hover-empty.svg') no-repeat center center;
    background-size: cover;
}

.vmore-card:hover .vmore-arrow {
    background: url('../images/more-hover.svg') no-repeat center center;
    background-size: cover;
}

/* --- 温馨提示 --- */
.verification-tips {
    margin-top: 5rem;
}

.verification-tips h3 {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0.02em;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    color: #303133;
    margin-bottom: 1.25rem;
}

.verification-tips .verification-tips-content,
.verification-tips .verification-tips-content p {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    color: #606266;
    line-height: 2rem;
}

.verification-water {
    position: absolute;
    right: 0;
    margin-top: -12.25rem;
    z-index: 1;
}

/* --- 防伪查询弹窗（同一时间只显示一个） --- */
.pa-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    background: rgba(0, 0, 0, .55);
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.pa-modal.open {
    opacity: 1;
    visibility: visible;
}

.pa-modal-box {
    position: relative;
    width: 55%;
    max-width: 59rem;
    max-height: 100%;
    overflow-y: auto;
    background: #fff;
    border-radius: .75rem;
    padding: 2.5rem 2.5rem 2.8125rem;
    text-align: center;
    transform: translateY(1.5rem);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.pa-modal.open .pa-modal-box {
    transform: none;
}

.pa-modal-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    border-radius: 50%;
    background: #F2F3F5;
    color: #909399;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.pa-modal-close:hover {
    background: #fd6500;
    color: #fff;
}

.pa-modal-close svg {
    width: .75rem;
    height: .75rem;
    display: block;
}

.pa-modal-title {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.5rem;
    color: #303133;
}

.pa-modal-sub {
    margin-top: .3125rem;
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-size: 1rem;
    color: #606266;
}

.pa-modal-body {
    margin-top: 1.25rem;
}

.pa-modal-img {
    display: block;
    border-radius: .5rem;
    margin: 0 auto;
}

/* 紫外线弹窗：左一大图，右侧两张堆叠 */
.pa-uv-grid {
    display: grid;
    grid-template-columns: 1fr 1.06fr;
    gap: 1.25rem 2.9375rem;
    align-items: center;
    justify-items: center;
    width: 45.9375rem;
    max-width: 100%;
    margin: 0 auto;
}

.pa-uv-fig {
    margin: 0;
}

.pa-uv-big {
    grid-row: span 2;
}

.pa-uv-fig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: .5rem;
}

.pa-uv-fig figcaption {
    margin-top: .75rem;
    font-family: AlibabaPuHuiTi-2-45-Light;
    font-size: 1rem;
    color: #000000;
    text-align: center;
}

/* 电话弹窗 */
.pa-tel {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3.875rem;
    flex-wrap: wrap;
    padding: 1.875rem 0 0;
}

.pa-tel-logo {
    height: 6.5625rem;
    display: block;
}

.pa-tel-info {
    text-align: left;
}

.pa-tel-info span {
    display: block;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    color: var(--pa-brand);
}

.pa-tel-info strong {
    display: block;
    margin-top: .25rem;
    font-family: MiSans-Bold;
    font-size: 2.5rem;
    line-height: 1.2;
    color: var(--pa-brand);
    font-style: normal;
    letter-spacing: .0625rem;
}

/* ==============================================================
   线上展厅（channel_product）：左文右图横向卡片列表
   设计稿按 1920 量：卡片通栏，左侧文字面板约 1/3、右侧大图约 2/3，
   切图 1600×480（比例 10:3），object-fit 裁切。
   悬停：标题变品牌橙、图片轻微放大、箭头按钮右移。
   ============================================================== */
.pa-show-list {
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
}

.pa-show-card {
    display: flex;
    align-items: stretch;
    border-radius: .75rem;
    overflow: hidden;
    background: #F5F6F8;
    transition: box-shadow 0.3s;
}

.pa-show-card:hover {
    box-shadow: 0 .75rem 2rem rgba(48, 49, 51, 0.10);
}

/* 左侧文字面板：约 1/3 宽，内容垂直分布 */
.pa-show-card-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5rem 4.375rem 6.25rem 3.75rem;
}

.pa-show-card-body h3 {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    font-size: 1.875rem;
    line-height: 1.4;
    color: #303133;
    transition: color 0.3s;
}

.pa-show-card:hover .pa-show-card-body h3 {
    color: var(--pa-brand);
}

.pa-show-card-body .pa-show-card-desc {
    margin: 1.5rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-weight: 400;
    line-height: 1.75rem;
    font-size: .9375rem;
    color: #606266;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: pre-wrap;
}

/* 橙色圆形箭头按钮：压在面板底部 */
.pa-show-card-btn {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 50%;
    background: url('../images/more-hover-empty.svg') no-repeat center center;
    background-size: cover;
    color: #fff;
    transition: transform 0.3s;
}

.pa-show-card:hover .pa-show-card-btn {
    background: url('../images/more-hover.svg') no-repeat center center;
    background-size: cover;
}

/* 右侧大图：约 2/3 宽，1600:480 裁切，高度撑起整卡 */
.pa-show-card-img {
    flex: 0 0 63.8%;
    width: 63.8%;
    overflow: hidden;
    background: #F5F6F8;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.pa-show-card-img img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
}

.pa-show-card:hover .pa-show-card-img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}



/* ==============================================================
   线上展厅-花色展示 + 案例展示（list_product）
   花色：5 列竖版网格（105:145），点击弹大图（.pa-lightbox）
   案例：居中轮播，当前张更高更亮，两侧小图可点切换
   ============================================================== */
.pa-pattern-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2.5rem 3.125rem;
}

.pa-pattern-item {
    display: block;
    text-align: center;
}

.pa-pattern-thumb {
    display: block;
    aspect-ratio: 105 / 145;
    overflow: hidden;
    background: #F5F6F8;
    line-height: 0;
    box-shadow: 0rem 0rem .75rem 0rem rgba(0, 0, 0, 0.4);
    border-radius: .75rem;
    -webkit-border-radius: .75rem;
    -moz-border-radius: .75rem;
    -ms-border-radius: .75rem;
    -o-border-radius: .75rem;
}

.pa-pattern-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.pa-pattern-item:hover .pa-pattern-thumb img {
    transform: scale(1.06);
}

.pa-pattern-name {
    display: block;
    margin-top: 1.75rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    color: #303133;
    transition: color 0.3s;
}

.pa-pattern-item:hover .pa-pattern-name {
    color: var(--pa-brand);
}

/* 案例展示标题与上一块拉开距离 */
.pa-case-head {
    margin-top: 5rem;
}

/* ==============================================================
   案例展示：Swiper 居中层叠轮播（按设计稿 1920 / 两侧内边距 160 实现）
   设计稿：画布 1920、两侧内边距 160 → 内容列 = 1600；
   轮播的"展台"宽度**正好等于内容列 1600**，两侧外缘落在 160 内边距线上。

   · 两侧小图 660×360（1.833:1）→ 占内容列的 660/1600 = 41.25%
   · 中间大图 880×480 = 两侧图 × 1.3333，放大后正好填满轨道高
   · 中间横向压住两侧各 300 → 两侧露出 360×360 正方形（仅外侧有圆角）
   实测目标稿截图（68.4375rem 宽，换算回 1920）：展台 1600、中间 880×480、
   两侧各露 360×360，两侧外缘恰好在 160 处 —— 与上面完全吻合。

   ★ 容器宽直接取 100%：.pa-page-list-body 没有内边距，父级 .pa-page-list-inner
     的内边距就是设计稿的 160。这样轮播边线和花色网格永远对齐，
     各断点都不用再单独设宽度（overflow:hidden 裁的是 padding box，宽度必须
     正好等于可见展台，否则第 4、5 张图会从两侧探进来）。
   ★ 尺寸一律用百分比：设计稿的 41.25rem 是 1920 下的绝对值，写死就不随窗口变
     （实测 1366 视口每侧会被裁掉 11.0625rem）。现在 1920 下与设计稿逐像素一致，其余等比缩放。
   ★ 重叠量是 px（Swiper 的 spaceBetween 不吃百分比），在 js.js 里按容器宽算，
     且必须把"中间放大后多出的半宽"补回去（否则两侧露得太少），见 js.js 里 CASE_* 那段。
   ============================================================== */
.pa-case-swiper {
    /* 100% = 内容列宽（1920 下 1600），与设计稿展台等宽 → 永远与网格/标题左边界对齐 */
    width: 100%;
    overflow: hidden;
    /* 上下留一点点余量兜住缩放后的 slide 盒；标题、圆点的间距由各自的 margin 控制 */
}

.pa-case-swiper .swiper-slide {
    /* 两侧图宽 = 660 / 1600 */
    width: 41.25%;
    /* 轨道高 = 中间图高：slide 盒 660×480，两侧图 360 高在其中垂直居中
       （设计稿里两侧上下各留 60，中间填满）。
       height:auto 必须写，否则会被 swiper.min.css 的 .swiper-slide{height:100%}
    覆盖掉比例。*/
    height: auto;
    aspect-ratio: 660 / 480;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: transform 0.55s ease;
    /* 层叠顺序：中间(3) > 两侧(2) > 更外侧(1)。
       ★ 不加这个会出事：slide 是相邻重叠的（负 spaceBetween），DOM 靠后的那张画在上层，
         于是"右侧更外侧那张"会盖住右侧小图**右半边 11.875rem**（实测截图里那条竖直接缝），
         而且两侧图外侧的圆角缺口也被它填满 → 圆角看着是直角。 */
    z-index: 1;
    border-radius: .8125rem;
    -webkit-border-radius: .8125rem;
    -moz-border-radius: .8125rem;
    -ms-border-radius: .8125rem;
    -o-border-radius: .8125rem;
}

.pa-case-swiper .swiper-slide-prev,
.pa-case-swiper .swiper-slide-next {
    z-index: 2;
}

.pa-case-swiper .swiper-slide-active {
    cursor: default;
    z-index: 3;
    /* 宽 660 → 880；高 360 → 480，正好填满整轨 */
    transform: scale(1.3333);
    -webkit-transform: scale(1.3333);
}

.pa-case-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    /*全部统一660×360：中间那张只需等比放大1.3333→880×480，正好等于轨道高*/
    aspect-ratio: 660 / 360;
    object-fit: cover;
    /* 设计稿 .8125rem（在目标稿截图上量：圆角纵向 .5rem × 换算比 1.631 ≈ .8125rem） */
    border-radius: .8125rem;
    -webkit-border-radius: .8125rem;
    -moz-border-radius: .8125rem;
    -ms-border-radius: .8125rem;
    -o-border-radius: .8125rem;
}

/* ==============================================================
   两侧图外侧两个角的"补角块"

   圆角是圆角，但它挖掉的那块缺口不会自己变白 —— 缺口处露出来的是
   **更外侧那张 slide** 的图（左侧那张在下层透出来、右侧那张在上层压过来），
   所以看上去就是直角。

   这里在两侧图的外侧上下两角各补一个 13×13 的白块，
   形状 = 方块挖掉一个 1/4 圆，正好与图片圆角重合（用径向渐变画）：
     top  12.5% = 图片上边缘（图高 360 / 轨道高 480 = 75%，上下各留 12.5%）
     bottom 12.5% = 图片下边缘
   左侧补左两角、右侧补右两角；内侧那两个角是被中间大图压住的，不用管。

   ★ 只在"静止"时出现（js.js 在过渡开始/结束时切 .pa-case-rest）：
     过渡中中间那张会变成两侧、它的角也跟着跑到中间来，
     这时补角块会把大图圆角处的图刷成白点，所以动画期间必须摘掉。
   ============================================================== */
.pa-case-swiper .swiper-slide-prev::before,
.pa-case-swiper .swiper-slide-prev::after,
.pa-case-swiper .swiper-slide-next::before,
.pa-case-swiper .swiper-slide-next::after {
    content: '';
    position: absolute;
    width: .8125rem;
    height: .8125rem;
    /* 要盖在"更外侧那张"之上，也得盖在自己的图上（见各自的径向渐变） */
    z-index: 1;
    pointer-events: none;
}

.pa-case-swiper.pa-case-rest .swiper-slide-prev::before {
    top: 12.5%;
    left: 0;
    background: radial-gradient(circle at 100% 100%, rgba(255, 255, 255, 0) .75rem, #fff .8125rem);
}

.pa-case-swiper.pa-case-rest .swiper-slide-prev::after {
    bottom: 12.5%;
    left: 0;
    background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 0) .75rem, #fff .8125rem);
}

.pa-case-swiper.pa-case-rest .swiper-slide-next::before {
    top: 12.5%;
    right: 0;
    background: radial-gradient(circle at 0% 100%, rgba(255, 255, 255, 0) .75rem, #fff .8125rem);
}

.pa-case-swiper.pa-case-rest .swiper-slide-next::after {
    bottom: 12.5%;
    right: 0;
    background: radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0) .75rem, #fff .8125rem);
}

/* 中间那张不加投影：目标稿大图下缘是干净的（实测下方像素纯白），
   而 overflow:hidden 会裁在 padding box 上，加投影就得给它留 40+px，
   标题和圆点会被顶下去，跟设计稿对不上 */
.pa-case-swiper .swiper-slide-active img {
    border-radius: .8125rem;
}

.pa-case-caption {
    /* 设计稿量：文字距图下缘约 39（字号 16） */
    margin: 1.875rem 0 0;
    text-align: center;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    color: #606266;
}

/* 分页圆点：未选中是空心细圈，当前项实心品牌橙（按设计稿实测色值） */
.pa-case-pagination {
    /* 设计稿量：圆点距图下缘约 111 */
    margin-top: 3.125rem;
    text-align: center;
    line-height: 0;
}

.pa-case-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    margin: 0 .4375rem;
    background: transparent;
    border: .0938rem solid #B3B9C3;
    box-sizing: border-box;
    opacity: 1;
    transition: background 0.3s, border-color 0.3s, transform 0.3s;
}

.pa-case-pagination .swiper-pagination-bullet:hover {
    border-color: var(--pa-brand);
    transform: scale(1.2);
    opacity: 1;
}

.pa-case-pagination .swiper-pagination-bullet-active {
    background: var(--pa-brand);
    border-color: var(--pa-brand);
}

/* 花色展示大图弹窗（看图器）：压暗背景 + 居中大图 + 右上角小 ×
   仅花色触发；× / 点背景空白 / Esc 关闭（见 list_product.html 内联 JS） */
.pa-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9990;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    background: rgba(0, 0, 0, 0.75);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pa-lightbox.open {
    display: flex;
    opacity: 1;
}

/* 图片容器：× 定位在图片右上角外侧 */
.pa-lightbox-body {
    position: relative;
}

.pa-lightbox img {
    display: block;
    /*设计稿量得大图约844×515，按此上限自适应*/
    max-width: min(52.75rem, 88vw);
    max-height: 80vh;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.5);
    border-radius: .8125rem;
    -webkit-border-radius: .8125rem;
    -moz-border-radius: .8125rem;
    -ms-border-radius: .8125rem;
    -o-border-radius: .8125rem;
    transform: scale(0.96);
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    -ms-transform: scale(0.96);
    -o-transform: scale(0.96);
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.pa-lightbox.open img {
    transform: scale(1);
}

.pa-lightbox-close {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.75rem;
    height: 1.75rem;
    border: 0;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 1.625rem;
    line-height: 1.75rem;
    cursor: pointer;
    z-index: 1;
    transition: opacity 0.3s, transform 0.3s;
    border-radius: 3.125rem;
    -webkit-border-radius: 3.125rem;
    -moz-border-radius: 3.125rem;
    -ms-border-radius: 3.125rem;
    -o-border-radius: 3.125rem;
}

.pa-lightbox-close:hover {
    opacity: 1;
    transform: rotate(90deg);
}

/* ==========================================================================
   走进平安树（page_about.html）
   设计基准：画布 1920 / 两侧内边距 160 → 内容列 1600（.pa-page-list-inner）。
   页内 6 个版块：
     ① 企业介绍 ⇄ 企业文化   （Swiper，左右切换）
     ② 品牌创始人 ⇄ 创始人寄语（Swiper，左右切换）
     ③ 品牌介绍 ⇄ 品牌标识内涵（Swiper，左右切换）
     ④ 品牌历程（年份节点 + 左右箭头）
     ⑤ 荣誉资质（右侧胶囊 tab 切换下方资质）
     ⑥ 企业风采（Swiper 轮播）
   JS 全在 assets/default/js/js.js 末尾（独立 $(function(){})，不受第 11 行守卫影响）。
   ========================================================================== */
.pa-about-page {
    /* 内容列到视口边缘的距离。本页 5 张板块底图都是按 1920 视口**整宽**导出的，
       所以出血量正好等于它（断点与 .pa-page-list-inner 的 padding 一致）。 */
    --pa-ab-gutter: 10rem;
    position: relative;
    /* 覆盖 .pa-page-list 的 padding: 4.0625rem 0 6.25rem —— 设计稿里第一张板块底图的顶边
       正好落在首屏（波浪 + 标签栏）的下沿，中间没有留白；留了就会和后面几张接不上。 */
    padding-top: 0;
    /* ⚠ 这里**不要**再挂背景图。历史教训：写成 background-size: cover 时，cover 是按
       「整个 .pa-about-page 的高」算缩放的（本页 275.4375rem / 图 790 ≈ 5.6 倍），
       而 company-bg.png 的上 170 行又是全透明的 —— 结果企业介绍区整片变白。
       而且本页 5 个板块各有各的底图（设计稿里这 5 张首尾相接，是一整张背景切开的），
       必须挂在各自的板块上，见下面「板块底图」一节。 */
}

/* ===== 板块底图（5 张，设计稿里首尾相接）=====
   设计稿 1920×6015，5 张图在稿里的落点（模板匹配实测，MAD ≤ 10.8）：
     company-bg.png 1920×790  y  754..1544   ① 企业介绍 / 企业文化
     founder-bg.jpg 1920×800  y 1544..2344   ② 品牌创始人 / 创始人寄语
     brand-bg.jpg   1920×820  y 2344..3164   ③ 品牌介绍 / 品牌标识内涵
     history-bg.jpg 1920×760  y 3164..3924   ④ 品牌历程
     honor-bg.jpg   1920×910  y 3924..4834   ⑤ 荣誉资质（⑥ 企业风采在设计稿里就是白底，没有图）
   ⚠ 为什么用「绝对定位的通栏 ::before」而不是直接给板块挂 background：
     背景图**只画在元素自己的盒子里**，negative background-position 只会把图裁掉一侧，
     并不能让图出血到盒子外面。所以必须先生出一个真正通栏的盒子（left/right 负 gutter），
     再在那个盒子里铺 100% 宽的图。
   ⚠ 板块之间**不能留 margin-top** —— 一有空白，底下几张图就接不上、出现白缝。
   ⚠ 板块要建自己的层叠上下文（z-index:0），否则 ::before 的 z-index:-1 会退到
     祖先背景之后被盖住；同时正文（普通流）天然画在 z-index:-1 的伪元素之上。 */
.pa-ab-show-intro,
.pa-ab-show-rev,
.pa-ab-brand,
.pa-ab-history,
.pa-ab-honor {
    position: relative;
    z-index: 0;
    /* 设计稿里标题 icon 落在底图顶下方 --pa-ab-ico 处；减掉的 .6875rem 是 icon 在
       .pa-news-title 行盒里相对 h2 顶的下移量（1920 实测）。 */
    padding-top: calc(var(--pa-ab-ico) * 100vw / 1920 - .6875rem);
    /* 切片高：底图渲染高 = 视口宽 × h/1920（≤1920 时视口宽就是底图宽），故用 vw；
       >1920 内容列锁死在 1920、图也锁在 1920 宽，用 px 封顶。 */
    min-height: min(calc(var(--pa-ab-h) * 100vw / 1920), calc(var(--pa-ab-h) * .0625rem));
}

.pa-ab-show-intro::before,
.pa-ab-show-rev::before,
.pa-ab-brand::before,
.pa-ab-history::before,
.pa-ab-honor::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    left: calc(-1 * var(--pa-ab-gutter));
    right: calc(-1 * var(--pa-ab-gutter));
    top: 0;
    height: min(calc(var(--pa-ab-h) * 100vw / 1920), calc(var(--pa-ab-h) * .0625rem));
    background-image: var(--pa-ab-img);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    pointer-events: none;
}

/* ① 企业介绍 ⇄ 企业文化 */
.pa-ab-show-intro {
    --pa-ab-img: url(../images/company-bg.png);
    --pa-ab-h: 790;
    --pa-ab-ico: 64;
}

/* ② 品牌创始人 ⇄ 创始人寄语 —— 肖像已烘焙在底图里，正文左栏靠 padding-left 让位 */
.pa-ab-show-rev {
    --pa-ab-img: url(../images/founder-bg.jpg);
    --pa-ab-h: 800;
    --pa-ab-ico: 110;
}

/* ③ 品牌介绍 ⇄ 品牌标识内涵 */
.pa-ab-brand {
    --pa-ab-img: url(../images/brand-bg.jpg);
    --pa-ab-h: 820;
    --pa-ab-ico: 110;
}

/* ④ 品牌历程 —— 山景、虚线时间轴、吉祥物都在底图里 */
.pa-ab-history {
    --pa-ab-img: url(../images/history-bg.jpg);
    --pa-ab-img: url(../images/m_history-bg.jpg);
    --pa-ab-h: 760;
    --pa-ab-ico: 120;
}

/* ⑤ 荣誉资质 */
.pa-ab-honor {
    --pa-ab-img: url(../images/honor-bg.jpg);
    --pa-ab-h: 910;
    --pa-ab-ico: 120;
}

.pa-ab-honor .pa-news-header {
    margin-bottom: 3.125rem;
}

.pa-ab-honor .pa-news-title {
    /* 本页版块标题在浅色底上，走深色（首页第 4 屏的 .pa-news-title 才是品牌橙） */
    color: #303133;
    margin-bottom: 0;
}

.pa-about-page .pa-news-title-ico {
    width: 2.5rem;
    height: 2.25rem;
}

/* 三组"左右切换"的轮播：slide 高矮不一，必须让每张按自身内容定高，
   否则 flex 默认 stretch 会把矮的那张拉到最高那张的高度。 */
.pa-ab-swiper .swiper-wrapper {
    align-items: flex-start;
}

.pa-ab-swiper .swiper-slide {
    height: auto;
}

.pa-ab-show {
    position: relative;
}

/* 1-1 的出血大图会超出内容列右边界；在容器上裁掉，避免窄视口冒出横向滚动条。
   用 overflow-x: clip（不是 hidden）—— clip 不产生滚动容器，不会打断内部 sticky，
   也不会把右溢内容变成可滚动区域。 */
.pa-about-page .pa-page-list-inner {
    overflow-x: clip;
}

/* 2 品牌创始人 / 创始人寄语：左栏**没有 <img>**（肖像在 founder-bg.jpg 里），
   只用 padding-left 把正文让到设计稿的 x —— 设计稿标题 icon 左缘 x=910，
   即内容列 (910-160)/1600 = 46.875%。 */
.pa-ab-grid-rev {
    display: block;
    padding-left: 46.875%;
}

.pa-ab-main {
    min-width: 0;
}

/* 1-1 企业介绍 ⇄ 企业文化：
   底图是**本板块自己的背景图** company-bg.png（1920×790，左侧渐隐在 alpha 里，
   右上是生产基地），正文与数字条压在那条渐隐带上，吉祥物浮在图右上角外侧。
   底图的定位/切片高见上面「板块底图」一节。 */
.pa-ab-show-intro {
    position: relative;
}

/* 左栏文字：两张幻灯（企业介绍 / 企业文化）共用。再宽就会压到背景图里建筑主体（暗部）上 */
.pa-ab-intro-text {
    max-width: 55.6%;
    min-width: 0;
}

/* 吉祥物：压在底图右上角外侧。1920 下把 mascot.png 与设计稿按红核对齐实测：
   设计稿红核 x 1810..1908 (w 99)、y 751..913 (h 163)；png 红核占整图 97.9%×95.7%
   ⇒ 显示尺寸 6.3125rem 宽（101×170）、右缘离视口右边 .625rem；
   标题 icon 顶在设计稿 855，吉祥物图顶 ≈750，即 icon 顶上方 6.5625rem
   —— 现在 icon 落在板块顶下方 6.3125rem，所以 top = 101-105 = -0.25rem。
   必须放在 .swiper-container **之外** 且用 absolute——swiper 的 overflow:hidden 会把它裁掉。
   宽度用 vw 跟着底图一起缩（≤1200 时底图变窄，吉祥物也要变小）。 */
.pa-ab-intro-mascot {
    position: absolute;
    z-index: 3;
    top: -0.25rem;
    right: calc(.625rem - var(--pa-ab-gutter));
    width: min(5.26vw, 6.3125rem);
    pointer-events: none;
}

/* 数字条里的单位（"1982 年"的"年"与"150 +"的"+"不同：一个齐基线、一个上标） */
.pa-ab-unit {
    font-style: normal;
    font-size: 1.0625rem;
    vertical-align: baseline;
    margin-left: .1875rem;
}

.pa-ab-para {
    margin-top: 2.5rem;
}

/* 正文段落 */
.pa-ab-para p {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    line-height: 1.87;
    color: #303133;
    margin: 0 0 1.0625rem;
    text-align: justify;
    font-weight: 400;
}

.pa-ab-para p:last-child {
    margin-bottom: 0;
}

.pa-ab-para-lead p {
    margin-bottom: 1.125rem;
}

/* 橙色小标题 */
.pa-ab-h3 {
    font-family: AlibabaPuHuiTi-2-65-Medium;
    color: var(--pa-brand);
    margin: 1.875rem 0 1.125rem;
    font-weight: 500;
    font-size: 1.5rem;
}

.pa-ab-h3-right {
    font-size: 1.5rem;
    text-align: right;
    margin: 0 0 1.125rem;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: normal;
    font-size: 1.625rem;
    letter-spacing: 0.06em;
}

/* 1-1 企业介绍：数据条（4 项在设计稿里是"两端对齐"分布，不是等分） */
.pa-ab-stats .pa-stat-number,
.pa-ab-stats .pa-stat-item sub,
.pa-ab-stats .pa-stat-label {
    color: var(--pa-brand);
}

/* 1-2 企业文化：橙圈图标 + 深色标签 + 橙色内容 */
.pa-ab-culture {
    list-style: none;
    margin: 2.5rem 0 0;
    padding: 0;
}

.pa-ab-culture>li {
    position: relative;
    padding-left: 8.125rem;
    min-height: 3.5625rem;
    padding-top: .75rem;
    margin-bottom: 3.75rem;
}

.pa-ab-culture>li:last-child {
    margin-bottom: 0;
}

.pa-ab-cico {
    position: absolute;
    left: 0;
    top: 0;
    width: 5.625rem;
    height: 5.3125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-ab-culture>li:hover .pa-ab-cico {
    transform-origin: 50% 100%;
    will-change: transform;
    animation: pa-mascot-float 3.6s ease-in-out infinite;
}

.pa-ab-ctext {
    margin: 0;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-size: 1.625rem;
    color: #303133;
    letter-spacing: 0.02em;
}

.pa-ab-ctext b {
    font-weight: normal;
}

.pa-ab-chl {
    color: var(--pa-brand);
    display: block;
}

.pa-ab-sub {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
}

.pa-ab-sub li {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    line-height: 2;
    color: #303133;
    font-weight: 400;
    font-size: 1.125rem;
    letter-spacing: 0.02em;
}

/* 2-1 品牌创始人：社会职务列表 + 签名 */
.pa-ab-founder p {
    margin: 0;
}

.pa-ab-sign {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .375rem;
    margin: 1.375rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    color: #303133;
}

.pa-ab-sign img {
    display: block;
    height: 2.875rem;
    width: auto;
}

/* 分页圆点：未选中细圈，当前项是品牌橙"胶囊"（设计稿实拍：橙色横条） */
.pa-ab-pagination,
.pa-ab-dem-pagination {
    text-align: center;
    line-height: 0;
    position: absolute;
    bottom: 3.75rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.pa-ab-pagination .swiper-pagination-bullet,
.pa-ab-dem-pagination .swiper-pagination-bullet,
.pa-ab-honor-pagination .swiper-pagination-bullet {
    width: .625rem;
    height: .625rem;
    margin: 0 .625rem;
    background: transparent;
    border: .0625rem solid #B3B9C3;
    box-sizing: content-box;
    opacity: 1;
    transition: background 0.3s, border-color 0.3s, width 0.3s, border-radius 0.3s;
    border-radius: .5625rem;
    -webkit-border-radius: .5625rem;
    -moz-border-radius: .5625rem;
    -ms-border-radius: .5625rem;
    -o-border-radius: .5625rem;
}

.pa-ab-pagination .swiper-pagination-bullet:hover,
.pa-ab-dem-pagination .swiper-pagination-bullet:hover,
.pa-ab-honor-pagination .swiper-pagination-bullet:hover {
    border-color: var(--pa-brand);
}

.pa-ab-pagination .swiper-pagination-bullet-active,
.pa-ab-dem-pagination .swiper-pagination-bullet-active,
.pa-ab-honor-pagination .swiper-pagination-bullet-active {
    width: 1.375rem;
    background: var(--pa-brand);
    border-color: var(--pa-brand);
    border-radius: .5625rem;
    -webkit-border-radius: .5625rem;
    -moz-border-radius: .5625rem;
    -ms-border-radius: .5625rem;
    -o-border-radius: .5625rem;
}

/* 3-1 品牌介绍：左 logo + 大"8"，右"放心住"+8 项 */
.pa-ab-brand1 {
    display: grid;
    grid-template-columns: minmax(0, 17%) minmax(0, 1fr);
    align-items: start;
    padding-top: 2.5rem;
}

.pa-ab-brand1-logo {
    display: block;
    width: 17rem;
    height: auto;
}

.pa-ab-brand1-eight {
    display: flex;
    align-items: center;
    margin: 2.875rem -1.4375rem 0;
    width: 22rem;
    /* 核心修复：设置放大基准点在左侧，使其固定左边、仅向右变大 */
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-ab-brand1-eight:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-ab-brand1-lead {
    margin: 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #606266;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.75rem;
    text-align: right;
    margin-top: .3125rem;
}

.pa-ab-fangxin {
    list-style: none;
    display: grid;
    grid-template-columns: minmax(0, 48%) minmax(0, 1fr);
    gap: 2.0625rem 1.1875rem;
    margin: 2.8125rem 0 0;
    padding: 0;
}

.pa-ab-fangxin li {
    display: flex;
    gap: .875rem;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-ab-fangxin li:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-ab-fico {
    position: relative;
    flex: 0 0 auto;
    width: 3.75rem;
    height: 3.75rem;
}

.pa-ab-fangxin h4 {
    margin: 0 0 .1875rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.25rem;
    color: #303133;
    font-weight: 400;
    line-height: 1.875rem;
}

.pa-ab-fangxin p {
    margin: 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    color: #606266;
    font-weight: 400;
}

/* 3-2 品牌标识内涵：左 根/杆/枝/叶/果，右 标识 */
.pa-ab-brand2 {
    display: grid;
    grid-template-columns: minmax(0, 62%) minmax(0, 1fr);
    gap: 3.75rem;
    align-items: center;
    padding-top: 1.0625rem;
}

.pa-ab-mark {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pa-ab-mark li {
    display: grid;
    grid-template-columns: 2.5rem 2.75rem minmax(0, 1fr);
    align-items: center;
    gap: 2rem;
    margin-bottom: 1.5rem;
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-ab-mark li:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-ab-mark li:last-child {
    margin-bottom: 0;
}

.pa-ab-mark-ico {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pa-ab-mark-ch {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 2.75rem;
    color: var(--pa-brand);
    text-align: center;
    font-family: Alibaba PuHuiTi 2.0;
    font-weight: 400;
}

.pa-ab-mark-txt h4 {
    margin: .1875rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #303133;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.875rem;
}

.pa-ab-mark-txt p {
    margin: .375rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    line-height: 1.75;
    color: #303133;
    font-family: Alibaba PuHuiTi 2.0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.875rem;
}

.pa-ab-mark-art {
    animation: treeFloat 4s ease-in-out infinite;
}

.pa-ab-mark-art img {
    display: block;
    width: 100%;
    max-width: 31.375rem;
    height: auto;
    margin: 0 auto;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.5s ease;
    /* 预设外发光微影 */
    filter: drop-shadow(0 .25rem .625rem rgba(255, 107, 0, 0.15));
}

.pa-ab-mark-art:hover img {
    transform: translateY(-0.375rem) scale(1.03);
    filter: drop-shadow(0 .75rem 1.5625rem rgba(255, 107, 0, 0.35));
}

/* 上下缓慢浮动的树木生长呼吸感 */
@keyframes treeFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-0.25rem);
    }
}

/* 3-3 品牌定位：左 logo + 标语 / 中 三条（图标 + 标题 + 描述）/ 右 吉祥物
   设计稿里这三栏是「贴边—主体—贴边」，所以给 logo 与吉祥物窄列、把余量全给信息列。 */
.pa-ab-position {
    display: grid;
    grid-template-columns: minmax(0, 22%) minmax(0, 1fr) minmax(0, 20%);
    align-items: center;
    gap: 2.5rem;
    padding-top: 2.5rem;
}

/* 收缩到内容宽再贴左：设计稿里 logo 与内容区左边界对齐，
   且 logo 相对"平安树 · 放心住"这行标语居中（标语比 logo 宽，是它撑开了这一块）。
   不收缩的话 grid item 会被拉满整列宽，logo 在列里居中就离左边界差了半个列宽。 */
.pa-ab-position-brand {
    width: max-content;
    max-width: 100%;
    /* 核心修复：设置放大基准点在左侧，使其固定左边、仅向右变大 */
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-ab-position-brand:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-ab-position-logo {
    display: block;
    width: 100%;
    max-width: 22rem;
    height: auto;
    margin: 0 auto;
}

/* 标语：设计稿把字距拉得很开（"平 安 树 · 放 心 住"）。
   用 letter-spacing 而不是在字间塞空格 —— 空格会被当成可断行点，窄屏会折成两行。
   代价是最后一个字右侧也多出一格，用 text-indent 补回来才是真居中。 */
.pa-ab-position-slogan {
    margin: 1.125rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--pa-brand);
    text-align: center;
    white-space: nowrap;
    letter-spacing: .5rem;
    text-indent: .5rem;
}

.pa-ab-position-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pa-ab-position-list li {
    display: flex;
    align-items: center;
    gap: 2.8125rem;
    padding-bottom: 4.375rem;
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
}

.pa-ab-position-list li:hover {
    transform: translateY(-0.375rem);
    border-color: rgba(234, 85, 4, 0.35);
    -webkit-transform: translateY(-0.375rem);
    -moz-transform: translateY(-0.375rem);
    -ms-transform: translateY(-0.375rem);
    -o-transform: translateY(-0.375rem);
}

.pa-ab-position-list li:last-child {
    padding-bottom: 0;
}

.pa-ab-position-ico {
    flex: 0 0 auto;
    width: 6.125rem;
    height: 5.75rem;
}

.pa-ab-position-ico img {
    display: block;
    width: 100%;
    height: auto;
}

.pa-ab-position-txt h4 {
    margin: .375rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1.25rem;
    line-height: 1.875rem;
    color: #303133;
    font-weight: 400;
}

.pa-ab-position-txt p {
    margin: .5rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: 1rem;
    line-height: 1.875rem;
    color: #303133;
    font-weight: 400;
}

/* 与左栏对称：logo 贴内容区左边界，吉祥物贴右边界（设计稿里两头都顶到边）。
   同样要 width:max-content 收敛，否则 justify-self:end 会把它推到列尾而不是内容尾。 */
.pa-ab-position-mascot {
    width: max-content;
    max-width: 100%;
    justify-self: end;
    transform-origin: 50% 100%;
    will-change: transform;
    animation: pa-mascot-float 3.6s ease-in-out infinite;
    display: none;
}

.pa-ab-position-mascot img {
    display: block;
    width: 100%;
    max-width: 13.75rem;
    height: auto;
}

/* 4 品牌历程
   底图 history-bg.jpg 里已经烘焙好：山景 + 一条虚线折线 + 吉祥物。
   所以这里**不再画 SVG 折线、也不放吉祥物 <img>**，只保留 5 个可点的年份节点，
   节点坐标直接按「设计稿里虚线上的点位」换算（把底图的虚线用脊线检测提出来再读值）。 */
.pa-ab-history {
    position: relative;
}

.pa-ab-history .pa-news-title {
    margin-bottom: .8125rem;
}

.pa-ab-history-sub {
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .875rem;
    color: #8A93A0;
}

/* 时间轴定位框：只负责给年份轨道提供坐标系，本身不可见。
   ⚠ 宽用 100%（= 内容列），高必须用 **视口** 口径 —— 底图是铺满视口整宽的，
     它的 y 在 1920 下才等于 1 个页面 px，所以高 = 底图高 = 760 × 100vw/1920。
     （不能用 aspect-ratio：那会把高绑到"内容列宽"，跟底图不是同一个尺度。） */
.pa-ab-track {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: min(calc(var(--pa-ab-h) * 100vw / 1920), calc(var(--pa-ab-h) * .0625rem));
    /* ⚠ 这个定位框是 1600×760 的透明方块，绝对定位后**画在静态内容之上**：
        高度已经盖住了下方的年份详情与左右箭头按钮（设计稿 y=627..659 < 760）。
        所以框本身必须不吃事件，否则点箭头没反应（元素命中测试命中的是它）。
        需要可交互的圈点 / 年份文字各自显式写了 pointer-events:auto，
        显式 auto 会覆盖这里继承下来的 none，不受影响。 */
    pointer-events: none;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-weight: 400;
    font-size: .9375rem;
    line-height: 1.625rem;
    color: #606266;
}

/* 年份 Swiper（同云峰官网品牌历程的做法）：
   每屏 5 个滑块（js.js 里 slidesPerView:5），圈点位置不写死在滑块上 ——
   由 swiper-slide-active 及其后 4 个兄弟滑块的 --nx/--ny 决定，正好钉在
   底图虚线的 5 个点位上；轨道一滑，位置类跟着挪，可见圈点永远贴线。
   年份多于 5 个时点击圈圈/箭头会把整条年份带横向滑动、把目标年份送到左侧锚位。
   ⚠ 加年份只需改模板 .pa-ab-track（补滑块，滑块自带年份和描述），
     本文件和 js.js 都不用动。 */
.pa-ab-year-swiper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* 滑块是通高透明列，会盖住板块标题/正文 —— 关掉容器与滑块的命中，
       只留年份文字和圈点可点（下方单独放开） */
    pointer-events: none;
}

.pa-ab-year-swiper .swiper-wrapper {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
}

.pa-ab-year-swiper .swiper-slide {
    position: relative;
    height: 100%;
    cursor: pointer;
}

/* 每个位置的圈点坐标：
   --ny 圆心纵坐标（占轨道高 %，即底图虚线实测点位：1982 y=56.8% / 1990 49.21% /
   1992 40.13% / 1994 32.59% / 1997 25.00%，与旧版绝对定位数值一致）；
   --nx 水平微调：设计稿 5 点实测 x = 5.75 / 27.6875 / 49.375 / 71.0625 / 93.375%，
   均分 20% 的滑块中心是 10 / 30 / 50 / 70 / 90%，差额即 --nx。
   ⚠ left:calc(50% + var(--nx)) 的 % 相对**滑块宽**（= 轨道宽的 20%）解析，
     所以这里的数值都是「轨道 % ÷ 0.2」换算过的滑块百分比。 */
.pa-ab-node {
    --nx: 0%;
    --ny: 56.8%;
}

.pa-ab-node.swiper-slide-active {
    --nx: -21.25%;
    --ny: 56.8%;
}

.pa-ab-node.swiper-slide-active+.pa-ab-node {
    --nx: -11.5625%;
    --ny: 49.21%;
}

.pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node {
    --nx: -3.125%;
    --ny: 40.13%;
}

.pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node+.pa-ab-node {
    --nx: 5.3125%;
    --ny: 32.59%;
}

.pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node+.pa-ab-node+.pa-ab-node {
    --nx: 16.875%;
    --ny: 25%;
}

.pa-ab-node-dot {
    position: absolute;
    left: calc(50% + var(--nx));
    top: var(--ny);
    transform: translate(-50%, -50%);
    width: 1.3125rem;
    height: 1.3125rem;
    box-sizing: border-box;
    border-radius: 50%;
    border: .0625rem solid #8A8D92;
    pointer-events: auto;
    transition: border-color 0.3s, background 0.3s, transform 0.3s;
    -webkit-border-radius: 50%;
    animation: dotRipple 2s infinite ease-out;
    -webkit-animation: dotRipple 2s infinite ease-out;
}

@keyframes dotRipple {
    0% {
        /* 初始状态：无外发光 */
        box-shadow: 0 0 0 0 rgba(138, 141, 146, 0.6);
    }

    70% {
        /* 向外扩散到 .75rem 范围，并逐渐透明 */
        box-shadow: 0 0 0 .75rem rgba(138, 141, 146, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(138, 141, 146, 0);
    }
}

@keyframes dotYellowRipple {
    0% {
        /* 初始状态：无外发光 */
        box-shadow: 0 0 0 0 rgba(234, 85, 4, 0.6);
    }

    70% {
        /* 向外扩散到 .75rem 范围，并逐渐透明 */
        box-shadow: 0 0 0 .75rem rgba(234, 85, 4, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(234, 85, 4, 0);
    }
}

.pa-ab-node-dot::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: .75rem;
    height: .75rem;
    background: #8A8D92;
    border-radius: 50%;
    transition: border-color 0.3s, background 0.3s, transform 0.3s;
    -webkit-border-radius: 50%;
}

.pa-ab-node-dot::before {
    left: 50%;
    bottom: 1.25rem;
    display: block;
    content: '';
    width: .0938rem;
    height: 2.5rem;
    background: #8A8D92;
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.pa-ab-node-y {
    position: absolute;
    left: calc(50% + var(--nx));
    /* 设计稿里各年标签的墨迹底边都在圈点上方 3.9375rem（与旧版绝对定位一致） */
    bottom: calc(100% - var(--ny) + 3.9375rem);
    transform: translateX(-50%);
    white-space: nowrap;
    font-family: MiSans-Regular;
    color: #8A93A0;
    pointer-events: auto;
    transition: color 0.3s;
    font-weight: 330;
    font-size: 1.5rem;
}

/* 该年描述：不上年份带，只给 js.js 按索引读取（页面上由 .pa-ab-history-desc 呈现） */
.pa-ab-node-desc {
    display: none;
}

.pa-ab-node.active .pa-ab-node-dot,
.pa-ab-node:hover .pa-ab-node-dot {
    color: var(--pa-brand);
    border-color: var(--pa-brand);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    animation: dotYellowRipple 2s infinite ease-out;
    -webkit-animation: dotYellowRipple 2s infinite ease-out;
}

.pa-ab-node.active .pa-ab-node-dot::after,
.pa-ab-node:hover .pa-ab-node-dot::after {
    background: var(--pa-brand);
}

.pa-ab-node.active .pa-ab-node-dot::before,
.pa-ab-node:hover .pa-ab-node-dot::before {
    background: var(--pa-brand);
}

.pa-ab-node.active .pa-ab-node-y,
.pa-ab-node:hover .pa-ab-node-y {
    color: var(--pa-brand);
}

/* 年份详情：文案列（吉祥物在底图里，这里不再有左栏）。
   设计稿：大标题墨迹 band-rel y 412..450、x 992..1122；正文 y 492..539、x 991..1630；
   箭头按钮 y 627..659、x 990..1151 —— 三者左边界都是 x 991，即内容列 (991-160)/1600 = 51.94%。
   上面的 .pa-ab-track 是绝对定位（不占流），所以这里的 margin-top 从副标题底边起算：
     目标 = 407 × 100vw/1920（= 21.198vw，407 是标题行盒顶；底图 y 与页面 px 在 1920 下 1:1）
     已占 = padding-top(102×100vw/1920 - .6875rem) + h2(57) + 副标题(14+21) = 5.3125vw + 5.0625rem */
.pa-ab-history-body {
    margin-top: calc(21.198vw - 5.3125vw - 5.0625rem);
}

.pa-ab-history-text {
    margin-left: 52%;
}

.pa-ab-history-year {
    margin: 0 0 1.5rem;
    font-family: AlibabaPuHuiTi-2-65-Medium;
    font-weight: 500;
    font-size: 2.5rem;
    color: #303133;
}

.pa-ab-history-desc {
    margin: 0;
    max-width: 40rem;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    font-size: .9375rem;
    line-height: 1.9;
    color: #606266;
    min-height: 1.875rem;
}

.pa-ab-history-nav {
    display: flex;
    gap: 4.375rem;
    /* 左边界与上方文案列对齐（设计稿 x 990 ≈ 51.94%）；与正文的间距 5.5rem（设计稿 539→627） */
    margin: 5rem 0 0 45.3%;
}

.pa-ab-history-nav span {
    width: 2.875rem;
    height: 2.6875rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: border-color 0.3s, background 0.3s;
}

.pa-ab-hprev {
    background: url('../images/border-yellow-prev.svg') no-repeat center center;
    background-size: cover;
}

.pa-ab-hprev:hover {
    background: url('../images/prev.svg') no-repeat center center;
    background-size: cover;
}

.pa-ab-hnext {
    background: url('../images/border-yellow-next.svg') no-repeat center center;
    background-size: cover;
}

.pa-ab-hnext:hover {
    background: url('../images/next.svg') no-repeat center center;
    background-size: cover;
}


/* 5 荣誉资质（margin-top 已删：板块之间不能留空，否则底图接不上；
   与上一板块的间距由 .pa-ab-honor 的 padding-top 承担） */
.pa-about-page .pa-news-tab {
    height: 2.75rem;
    padding: 0 2.125rem;
}

.pa-ab-honor-pane {
    display: none;
}

.pa-ab-honor-pane.active {
    display: block;
}

/* 荣誉资质：**一屏 = 一行 N 条 × 2 行**（设计稿「一行五条、一屏两行」= 一屏 10 篇）。
   模板里先按行平铺全部卡片，初始化前由 js.js 的 honorGroup() 按「列数 × 2」把它们
   重新包成「一屏一个 .swiper-slide」—— 于是 slidesPerView 恒为 1、分页点 = 屏数。
   （不用 Swiper 的 slidesPerColumn: 它会把 wrapper 撑成总宽，flex-wrap 换行失效，
     实测 33 条被排成「一行 10 个」。）
   列数与间距统一走 --honor-cols / --honor-gap，断点与 js.js 的 honorCols 对齐。 */
.pa-ab-honor {
    --honor-gap: 2.3125rem;
    --honor-cols: 5;
}

/* 还没分组时（无 JS / 初始化前）也不能挤成一行：直接铺成原设计的网格。
   分组完成后 js.js 会加 .pa-honor-ready —— 那时必须回到 nowrap，
   否则 4 个满宽 slide 会竖着堆成 4 行（实测容器被撑到 118.875rem）。 */
.pa-ab-honor-swiper>.swiper-wrapper:not(.pa-honor-ready) {
    flex-wrap: wrap;
    align-content: flex-start;
}

.pa-ab-honor-swiper>.swiper-wrapper:not(.pa-honor-ready)>.pa-ab-honor-card {
    width: calc((100% - (var(--honor-cols) - 1) * var(--honor-gap)) / var(--honor-cols));
    margin-bottom: var(--honor-gap);
}

.pa-ab-honor-swiper {
    overflow: hidden;
}

/* 一屏一个 slide；屏内是 2 行 × N 列的网格（行数由分组时的每屏张数决定） */
.pa-ab-honor-grid {
    display: grid;
    grid-template-columns: repeat(var(--honor-cols), minmax(0, 1fr));
    gap: var(--honor-gap);
}

.pa-ab-honor-pagination {
    text-align: center;
    line-height: 0;
    margin-top: 2.5rem;
}

.pa-ab-honor-img {
    display: block;
    overflow: hidden;
    background: #fff;
    border: .0625rem solid #EDEFF3;
    border-radius: .375rem;
    -webkit-border-radius: .375rem;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-ab-honor-img:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.pa-ab-honor-img img {
    display: block;
    width: 100%;
    aspect-ratio: 300 / 212;
    object-fit: cover;
}

.pa-ab-honor-card p {
    margin: 1.25rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #303133;
    text-align: center;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;

}

/* 6 企业风采（设计稿里这一板块就是白底，没有底图）
   与上一板块的间距按设计稿 8.0625rem（4834 → 标题 icon 4963），即 padding-top 7.375rem */
.pa-ab-demeanor {
    padding-top: 7.5rem;
}

.pa-ab-dem-swiper {
    margin-top: 3.125rem;
}

.pa-ab-dem-slide img {
    display: block;
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    transition: transform 0.8s;
    -webkit-transition: transform 0.8s;
    -moz-transition: transform 0.8s;
    -ms-transition: transform 0.8s;
    -o-transition: transform 0.8s;
    cursor: pointer;
}

.pa-ab-dem-slide:hover img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
}

.pa-ab-dem-slide p {
    margin: 1.125rem 0 0;
    font-family: AlibabaPuHuiTi-2-55-Regular;
    color: #303133;
    text-align: center;
    font-family: Alibaba PuHuiTi 2.0;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.875rem;
    text-align: center;
}

.pa-ab-dem-pagination .swiper-pagination-bullet-active {
    width: .625rem
}

.pa-ab-dem-pagination .swiper-pagination-bullet,
.pa-ab-dem-pagination .swiper-pagination-bullet {
    margin: 0 .375rem;
}

.pa-about-nav {
    position: absolute;
    margin: 0;
    bottom: 4%;
    right: 20%;
    opacity: 0;
    transition: opacity 0.3s ease;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
}

.pa-ab-show:hover .pa-about-nav {
    opacity: 1;
}

/* 全局响应式 */
@media (max-width: 100rem) {

    /* 1600以下 */
    .pa-header-inner {
        padding: 0 3.75rem;
    }

    .pa-nav {
        gap: 2.25rem;
        margin-right: 3.75rem;
    }

    .pa-footer-inner {
        padding-left: 4.375rem;
        padding-right: 4.375rem;
    }

    .pa-showroom-slide::after {
        max-width: 64rem;
    }

    .pa-sec-about .pa-sec-inner {
        padding: 0 3.75rem;
    }

    .pa-hero-inner {
        padding: 0 3.75rem;
    }

    .pa-hero-box {
        padding-left: 3.75rem;
    }

    .pa-hero-title {
        font-size: 3rem;
    }

    .pa-hero-sub {
        font-size: 1.25rem;
    }

    .pa-hero-more {
        margin-top: 4.375rem;
    }

    .pa-about-bg {
        top: auto;
    }

    .pa-about-grid {
        gap: 3.125rem;
    }

    .pa-about-text {
        margin-bottom: 0;
    }

    .pa-about-text br:nth-child(4),
    .pa-about-text p:last-child {
        display: none;
    }

    .pa-page-hero {
        height: 37.5rem;
    }

    .pa-page-hero-inner {
        top: 10.625rem;
        padding: 0 7.875rem;
    }

    .pa-page-hero-bar {
        bottom: 0;
    }

    .pa-page-hero-title {
        font-size: 2.625rem;
    }

    .pa-page-hero-sub {
        font-size: 1.125rem;
    }

    .pa-page-list-inner {
        padding: 0 3.75rem;
    }

    .pa-page-tabs {
        gap: 3.25rem;
    }

    .pa-news-hero {
        height: 41.25rem;
    }

    .pa-news-hero .pa-page-hero-inner {
        top: 11.25rem;
    }

    .pa-page-news-grid.pa-news-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 3.5rem 1.875rem;
    }

    .pa-visit-swiper .pa-news-grid.pa-news-grid {
        gap: 0;
    }

    .pa-page-timeline {
        padding: 5.875rem 0 5.625rem;
    }

    .pa-page-timeline-slider {
        margin-top: 2.75rem;
        padding: 0 4.625rem;
    }

    .pa-page-tl-img {
        margin-top: 2.375rem;
    }

    .pa-page-video {
        padding: 5.875rem 0 4.375rem;
    }

    .pa-page-video-body {
        gap: 5rem;
    }

    .pa-page-video-info {
        flex: 0 0 15rem;
    }

    .pa-inv-adv-txt {
        min-height: 11.875rem;
    }

    .pa-inv-adv-card .pa-inv-ico {
        top: 50%;
        right: 1.875rem;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }

    .pa-inv-inner {
        padding: 0 3.75rem;
    }

    .pa-inv-head {
        margin-bottom: 2rem;
    }

    .pa-inv-cond-body {
        padding: 2.5rem 3.75rem;
    }

    .pa-inv-cond-lists dt {
        padding-top: 1.75rem;
    }

    .pa-inv-apply-txt {
        font-size: 1.125rem;
    }

    .pa-inv-apply-txt b {
        font-size: 1.25rem;
    }

    .pa-inv-apply-btn {
        padding: .75rem 2.5rem;
    }

    .pa-about-page {
        --pa-ab-gutter: 3.75rem;
    }

    /* 防伪码按钮原样式 min-width:46.875rem，窄屏必然溢出，改为自适应铺满 */
    .verification-box .verification-item a {
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
        font-size: 1.25rem;
        padding: 1rem 1.25rem;
    }

    .verification-box .verification-item a span {
        padding: 0 1.5rem;
        line-height: 1.875rem;
        margin-left: .75rem;
        white-space: nowrap;
    }

    .pa-show-card-body {
        padding: 2.25rem 2.5rem;
    }

    .pa-show-card-body h3 {
        font-size: 1.375rem;
    }

    .pa-label {
        margin-bottom: 0.8rem;
    }

    .pa-about-title {
        margin-bottom: 1rem;
    }

    .pa-about-stats {
        padding-top: 0.5rem;
    }

    .pa-showroom-mascot {
        bottom: 1.8rem;
        width: 3rem;
    }

    .pa-ab-node.swiper-slide-active {
        --nx: -21.25%;
        --ny: 56.3%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node {
        --nx: -11.5625%;
        --ny: 50.8%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node {
        --nx: -3.125%;
        --ny: 40.43%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node+.pa-ab-node {
        --nx: 5.3125%;
        --ny: 33.3%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node+.pa-ab-node+.pa-ab-node {
        --nx: 16.875%;
        --ny: 22%;
    }

    .pa-inv-cond-list dd {
        font-size: 1rem;
        line-height: 2.38rem;
    }

    .pa-inv-sup-card p {
        min-height: 6.6rem;
    }

}

@media (min-width: 62.0625rem) and (max-width: 100rem) {

    /* 1600以下993以上 */
    .pa-page-hero-wave {
        height: max(calc(121 / 1920 * 100vw), 6.75rem);
    }
}

@media (max-width: 87.5rem),
(max-height: 43.75rem) {

    /* 宽度1400以下高度700以下 */
    .pa-showroom-card {
        --pa-line-inset: 3.125rem;
    }

    .pa-showroom-slide::after {
        left: var(--pa-line-inset);
        max-width: 60rem;
    }

    .pa-showroom-progress {
        max-width: 60rem;
    }

    .pa-showroom-mascot {
        display: none;
    }
}

@media (max-width: 87.4375rem) {

    /* 1399以下 */
    .pa-footer {
        background-image: none;
        background-color: transparent;
        min-height: 0;
        padding: 0 1.5rem;
    }

    .pa-footer-inner {
        background: #1B2229;
        border-radius: 3.5rem 3.5rem 0 0;
        padding: 3.25rem 2.875rem 2rem;
    }

    .pa-page-hero-bar {
        width: calc(100% - 7rem);
        max-width: 100rem;
        margin: 0 5rem;
    }

}

@media (max-width: 75rem) {

    /* 1200以下 */
    .pa-header-inner {
        padding: 0 1rem;
    }

    .pa-nav {
        gap: 1rem;
        margin-right: 2rem;
    }

    .pa-nav-link {
        font-size: .875rem;
    }

    .pa-footer-inner {
        padding: 2rem 2.875rem 1rem;
    }

    .pa-footer-grid {
        gap: 2.5rem;
        align-items: center;
    }

    .pa-sec-inner {
        padding: 0 2.5rem;
    }

    .pa-hero-inner {
        /* 右侧客服条固定约 3.875rem：1200 及以下留出安全间距，避免文案钻到它下面 */
        padding: 0 5.125rem 0 2.5rem;
    }

    .pa-hero-box {
        padding-left: 2.5rem;
        /* 已由 .pa-hero-inner 预留了客服条间距，右侧不再额外内缩 */
        max-width: 100%;
    }

    .pa-hero-title {
        font-size: 2.625rem;
    }

    .pa-hero-sub {
        font-size: 1.125rem;
        letter-spacing: .0625rem;
    }

    .pa-hero-more {
        margin-top: 3.375rem;
    }

    .pa-about-grid {
        grid-template-columns: 1fr;
        gap: 1.875rem;
    }

    .pa-sec-showroom {
        /* ≤1200 段导航仍 5rem，跟随变量避免压住固定导航 */
        --pa-nav: 5rem;
        --pa-card-gap-top: 1.875rem;
        --pa-card-gap-bottom: 3.75rem;
        --pa-card-top: calc(var(--pa-nav) + var(--pa-card-gap-top));
        padding: var(--pa-card-top) 3rem var(--pa-card-gap-bottom) 2rem;
    }

    .pa-showroom-slide {
        padding: 5.625rem 2rem 5.25rem;
    }

    .pa-showroom-label {
        font-size: 1.3125rem;
        margin-bottom: 1.375rem;
    }

    .pa-showroom-label-ico {
        width: 2.25rem;
        height: 2.25rem;
    }

    .pa-showroom-title {
        font-size: 1.75rem;
        margin-bottom: 1.25rem;
        gap: .875rem;
    }

    .pa-showroom-more {
        width: 2.375rem;
        height: 2.375rem;
    }

    .pa-showroom-more img {
        width: 1.375rem;
        height: 1.375rem;
    }

    .pa-showroom-text {
        font-size: .875rem;
        line-height: 1.8;
    }

    /* 避让右侧客服条（约 3.875rem），否则控件会被压在它下面 */
    .pa-showroom-nav {
        right: 5.25rem;
        bottom: 0;
    }

    .pa-sec-about {
        --pa-card-gap-bottom: 3rem;
        --pa-card-side: 1.875rem;
    }

    .pa-page-hero {
        height: 32.5rem;
    }

    .pa-page-hero-inner {
        padding: 0 2.5rem;
    }

    .pa-page-hero-bar {
        padding: 0 2.5rem;
    }

    .pa-page-hero-bar-inner,
    .pa-page-list-body {
        padding-left: 0;
        padding-right: 0;
    }

    .pa-page-hero-box {
        padding-left: 0;
    }

    .pa-page-hero-title {
        font-size: 2.25rem;
    }

    .pa-page-hero-sub {
        font-size: 1.0625rem;
    }

    .pa-page-list-inner {
        padding: 0 2.5rem;
    }

    .pa-page-news-grid.pa-news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.75rem 1.875rem;
    }

    .pa-news-hero .pa-page-hero-box,
    .pa-news-hero .pa-page-hero-bar-inner,
    .pa-news-list .pa-page-list-body,
    .pa-page-timeline-body,
    .pa-page-video-body {
        padding-left: 0;
        padding-right: 0;
    }

    .pa-news-hero {
        height: 35rem;
    }

    .pa-news-hero .pa-page-hero-inner {
        top: 9.375rem;
    }

    .pa-news-hero .pa-page-hero-sub {
        margin-top: 1.375rem;
    }

    .pa-page-news-grid.pa-news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.75rem 1.875rem;
    }

    .pa-page-timeline {
        padding: 4.5rem 0 4.5rem;
    }

    .pa-page-timeline-slider {
        margin-top: 2.25rem;
        padding: 0 4.25rem;
    }

    .pa-page-tl-title {
        margin-top: 1rem;
        font-size: 1.0625rem;
    }

    .pa-page-tl-img {
        margin-top: 1.75rem;
    }

    .pa-page-tl-nav {
        width: 2.875rem;
        height: 2.875rem;
    }

    .pa-page-tl-nav svg {
        width: 1.25rem;
        height: 1.25rem;
    }

    .pa-page-video {
        padding: 4.5rem 0 3.75rem;
    }

    .pa-page-video-body {
        gap: 3.125rem;
    }

    .pa-page-video-info {
        flex: 0 0 13.75rem;
    }

    .tab::before {
        width: 4.375rem;
        height: .125rem;
    }

    .pa-inv-sec {
        padding: 3.75rem 0;
    }

    .pa-inv-head {
        margin-bottom: 2.5rem;
    }

    .pa-inv-head-title {
        font-size: 1.875rem;
    }

    .pa-inv-head-title .pa-news-title-ico {
        width: 1.875rem;
        height: 1.8125rem;
    }

    .pa-inv-head-sub {
        margin-top: .625rem;
        padding-left: 2.625rem;
        font-size: .875rem;
    }

    .pa-inv-intro {
        /* 基准是 padding:4rem 10rem 8.375rem，窄屏必须同步收左右，否则内容被挤成一条 */
        padding: 2.5rem 3.75rem 5rem;
    }

    .pa-inv-intro-card {
        gap: 2.25rem;
        padding: 2.25rem 2.5rem;
    }

    .pa-inv-intro-logo img {
        height: 4.5rem;
    }

    .pa-inv-intro-en {
        font-size: 1rem;
    }

    .pa-inv-intro-body {
        padding-right: 0;
    }

    .pa-inv-intro-hot {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .pa-inv-intro-hots {
        font-size: 1.375rem;
    }

    .pa-inv-intro-body h2 {
        font-size: 1.25rem;
    }

    .pa-inv-intro-body p {
        margin-top: .75rem;
        font-size: .875rem;
        line-height: 1.625rem;
    }

    .pa-inv-intro-mascot {
        height: 6.25rem;
    }

    /* 轮播列数（3 列 / 4 列）与列距改由 js.js 的 breakpoints 控制 */
    .pa-inv-nav-btn {
        width: 2rem;
        height: 2rem;
    }

    .pa-inv-adv-prev,
    .pa-inv-sup-prev {
        background: url(../images/advantages-prev.svg) no-repeat center center;
        background-size: contain;
    }

    .pa-inv-adv-next,
    .pa-inv-sup-next {
        background: url(../images/advantages-next.svg) no-repeat center center;
        background-size: contain;
    }

    .pa-inv-adv-card {
        padding: 1.5rem 5.125rem 1.5rem 1.75rem;
    }

    .pa-inv-adv-card h3 {
        font-size: 1.0625rem;
    }

    .pa-inv-adv-tag {
        margin-top: .375rem;
        font-size: .75rem;
        line-height: 1.25rem;
    }

    .pa-inv-adv-desc {
        margin-top: .625rem;
        font-size: .8125rem;
        line-height: 1.5rem;
    }

    .pa-inv-adv-card .pa-inv-ico {
        top: 1.5rem;
        right: 1.625rem;
        width: 2.75rem;
        height: 2.75rem;
    }

    .pa-inv-cond-body {
        padding: 3.75rem 2.5rem 3.75rem 3.75rem;
    }

    .pa-inv-cond-list b {
        font-size: 1rem;
    }

    .pa-inv-cond-media {
        min-height: 26.25rem;
    }

    .pa-inv-cond-brand img {
        height: 6rem;
    }

    .pa-inv-cond-brand span {
        font-size: 1.875rem;
    }

    /* 流程：平板 3 列换行，取消反向排布与箭头 */
    .pa-inv-flow-row {
        grid-template-columns: repeat(5, 1fr);
        row-gap: 2.5rem;
    }

    /* 下排恢复按流程顺序自然排布；拐弯箭头已隐藏，用外边距补回两排间距 */
    .pa-inv-flow-row--bottom {
        width: auto;
        margin-top: 2.5rem;
    }

    .pa-inv-flow-row--bottom li {
        grid-row: auto !important;
        grid-column: auto !important;
    }

    /* 连接横线与双箭头一并隐藏 */
    .pa-inv-flow-row li::before,
    .pa-inv-flow-row li::after {
        display: none !important;
    }

    .pa-inv-flow-turn {
        display: none;
    }

    .pa-inv-apply-bar {
        padding: 1.5rem 1.2rem;
        gap: 1rem;
    }

    .pa-inv-apply-txt {
        font-size: .875rem;
    }

    .pa-inv-apply-txt b {
        font-size: 1rem;
    }

    .pa-inv-apply-btn {
        height: 2.875rem;
        line-height: 2.875rem;
        padding: 0 2.125rem;
        font-size: .9375rem;
    }

    .pa-ops-inner {
        padding: 0 1rem;
    }

    .pa-about-page {
        --pa-ab-gutter: 2.5rem;
    }

    /* ★ 为什么 ≤1200 必须换排版：
       本页是 1920 设计稿的**像素级**还原，正文尺寸走 rem（根字号固定 1rem）、
       5 张底图走 vw（高 = 图高 × 视口宽/1920）。视口一窄，两者就分道扬镳 ——
       实测 1200 时 S3 已比底图高出 48.125rem、S5 高出 57.0625rem，底图（绝对定位、高固定）
       盖不满板块：下沿露白缝、正文跑出图外。
       （1201~1919 那段靠页面模板里的一段**页面级 CSS** 做根字号等比缩放解决，
         见 page_about.html 顶部带 data-render 标记的那段；≤1200 再等比缩
         就只剩 8~.625rem 的字，没法看，
         所以这一档起改成流式：板块高由内容决定，不再依赖底图高度。）
       ⚠ 这套规则原本只写在 ≤992 一档，现在提前到 ≤1200；≤992 那段里重复的部分已删。 */

    /* 三张「图上有主体」的底图（生产基地 / 肖像 / 山景）：从绝对定位的通栏背景层
       改回文档流里的**通栏大图**——::before 本来是绝对定位，这里改回 static，
       它作为板块第一个子元素正好排在最前面（正文上方）；padding-top 用百分比
       （百分比 padding 按**包含块宽度**算）锁住图的高宽比。 */
    .pa-ab-show-intro,
    .pa-ab-show-rev,
    .pa-ab-history {
        padding-top: 1.875rem;
        min-height: 0;
    }

    /* 另外两张底图（品牌介绍 / 荣誉资质）是**近纯白渐变**（实测行内亮度极差仅 4~16/255），
       没有主体元素，排进流里只会白占一条几百 px 的空白带。所以它们保持「背景层」，
       但改成**铺满整个板块**：top:0/bottom:0 + 背景拉伸 100% 100%
       （拉伸近纯白渐变肉眼看不出来），板块多高都不再露缝。 */
    .pa-ab-brand,
    .pa-ab-honor {
        min-height: 0;
    }

    .pa-ab-brand::before,
    .pa-ab-honor::before {
        top: 0;
        bottom: 0;
        height: auto;
        background-size: 100% 100%;
    }

    .pa-ab-honor {
        padding-top: 3.5rem;
    }

    /* 1-1 企业介绍：底图铺满视口整宽，窄屏下它整体变矮，
       正文列保持 54.5% 待在左侧渐隐带上即可。
       ⚠ 不要在这里给 .pa-ab-show-intro 设 display:flex —— swiper 作为 flex item 时
         容器宽度会变成 max-content（实测 slide 被写死成 118rem、容器 236rem，正文单行溢出）。 */
    .pa-ab-intro-mascot {
        top: -0.125rem;
    }

    .pa-ab-show-intro .pa-ab-para {
        margin-top: 1.625rem;
    }

    .pa-ab-brand1,
    .pa-ab-brand2,
    .pa-ab-position {
        grid-template-columns: minmax(0, 1fr);
        gap: 2.25rem;
        min-height: 38.125rem;
    }

    /* 单列后左栏（logo + 标语）已被隐藏，吉祥物不该再顶着右边界 */
    .pa-ab-position-mascot {
        justify-self: center;
        width: auto;
    }

    /* 75rem以下 */
    .verification {
        padding: 0 .9375rem 5rem;
    }

    .verification-box {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .verification-more {
        padding: 0 .9375rem 1.875rem;
    }

    .vmore-grid {
        gap: 1.25rem;
    }

    .vmore-card {
        padding: 1.5rem 1.375rem 1.25rem;
    }

    .vmore-desc {
        min-height: 0;
    }

    .pa-modal-box {
        padding: 2.5rem 1.75rem 1.875rem;
    }

    .pa-show-card-img {
        flex: 0 0 50%;
        width: 50%;
    }

    .pa-show-card-body {
        padding: 1.75rem 1.875rem;
    }

    .pa-show-card-body p {
        margin-top: .875rem;
        font-size: .875rem;
        line-height: 1.5rem;
        -webkit-line-clamp: 3;
    }

    .pa-show-card-btn {
        width: 2.125rem;
        height: 2.125rem;
        padding-top: 0;
    }

    .pa-pattern-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 1.75rem 1.25rem;
    }

    .pa-about-text br:nth-child(2),
    .pa-about-text p:nth-child(3) {
        display: none;
    }

    .pa-ab-show-intro {
        padding-bottom: 8rem;
    }

    .pa-ab-show-intro::before,
    .pa-side,
    .pa-hero-mascot,
    .pa-ab-mark-art,
    .pa-ab-position-mascot,
    .pa-ab-show-rev::before,
    .pa-ab-history-nav,
    .pa-ab-brand1-left,
    .pa-ab-position-brand,
    .pa-footer-list p {
        display: none;
    }

    .pa-ab-show-intro,
    .pa-ab-show-rev,
    .pa-ab-brand,
    .pa-ab-honor {
        padding-bottom: 8rem;
    }

    .pa-ab-history {
        padding-bottom: 1.875rem;
    }

    .pa-page-timeline-inner,
    .pa-page-video-inner {
        padding: 0 2rem;
    }

    .pa-page-video-info {
        flex: 0 0 16rem;
    }

    .pa-page-video-title {
        margin: 1.6rem 0 0;
    }

    .pa-page-video-info .pa-page-video-desc {
        margin-top: 1.5rem;
    }

    .pa-pattern-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .pa-news-hero,
    .pa-page-hero {
        height: 28rem;
    }

    .pa-page-hero-bg>img {
        height: auto;
    }

    .pa-ops-inner {
        padding: 0 2rem;
    }

    .pa-ops-select {
        width: 18rem;
    }

    .pa-page-hero-bar {
        padding: 0;
    }

    .pa-inv-intro-card {
        padding: 0;
    }

    .pa-inv-intro-body {
        max-width: 41rem;
    }

    .pa-inv-adv-card .pa-inv-ico {
        top: 50%;
    }

    .pa-inv-adv {
        padding: 3.5rem 0 3.5rem;
    }

    .pa-inv-sup-card p {
        min-height: 7rem;
    }

    .pa-inv-cond-grid {
        flex-wrap: wrap;
    }

    .pa-inv-cond-media {
        display: none;
    }

    .pa-inv-sec {
        padding: 1.75rem 0;
    }

    .pa-inv-flow-row::before {
        display: none;
    }

    .pa-inv-adv-txt {
        min-height: 12.8rem;
    }

    .pa-inv-apply {
        padding: 0 0 4.2rem;
    }

    .pa-footer-contact h4 {
        margin: 0 0 0.6em 0;
        font-size: 1rem;
    }

    .pa-footer-list h4 {
        font-size: 1rem;
    }

    .pa-footer-phone {
        margin: .375rem 0 .6rem;
        font-size: 1rem;
    }

    .pa-footer-contact .pa-footer-value {
        margin-bottom: 0.6rem;
    }

    .pa-footer-contact .pa-footer-value,
    .pa-footer-contact .pa-footer-value a {
        font-size: .8rem;
    }

    .pa-footer-bottom {
        margin-top: .8rem;
        padding-top: 1rem;
    }

    .pa-footer-list li {
        margin-bottom: 0;
    }

    .pa-ab-intro-text {
        max-width: 100%;
    }

    .pa-ab-grid-rev {
        padding-left: 0;
    }
}

/* ==============================================================
   平安树主导航 · 窄屏（<1024）左侧抽屉
   --------------------------------------------------------------
   断点 63.9375rem = 63.9375rem：1024 及以上走桌面 hover 浮层（见上面的 .pa-nav-drop），
   1023 及以下把 .pa-nav 整个变成左侧抽屉。
   ⚠ 原先的窄屏菜单挂在 ≤62rem（992）上，这里往后挪到 1023 —— 本块在文件最末，
     同优先级的声明按出现顺序覆盖，所以 ≤992 那条旧规则会被本块完整盖掉。
   版式照客户给的参考图：白底面板、每项一条分隔线、左侧 ○/● 圆点、
   可展开项右侧箭头；当前项的下级默认展开，当前子项左侧一条品牌色竖条。
   ============================================================== */
@media (max-width: 63.9375rem) {

    .pa-menu-toggle {
        display: block;
    }

    .pa-phone {
        display: none;
    }

    /* 抽屉本体：从左侧滑出、全高 */
    .pa-nav {
        position: fixed;
        top: 0;
        left: 0;
        right: auto;
        bottom: 0;
        width: min(84vw, 20rem);
        height: auto;
        display: block;
        /* 由 flex 改块：一级项要纵向堆叠 */
        margin: 0;
        padding: 0;
        gap: 0;
        background: #fff;
        box-shadow: .25rem 0 1.25rem rgba(0, 0, 0, .12);
        transform: translateX(-100%);
        transition: transform .3s ease-in-out;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 1002;
    }

    .pa-nav.open {
        transform: translateX(0);
    }

    /* 抽屉在 .pa-header 内部，而 header 的 z-index:1000 自成一个层叠上下文 ——
       抽屉自己的 z-index 再高也出不了 header 这一层，会被同级遮罩(1001)压住
       （实测症状：抽屉区采样色是 #e0e0e0 而不是纯白）。所以打开时由 js 给 body
       挂上 .pa-menu-open，把整个 header 抬到遮罩之上。 */
    body.pa-menu-open .pa-header {
        z-index: 1004;
    }

    /* 打开时 header 自带的汉堡让位：它已经变成一个 X，会和右上角的关闭按钮叠在一起 */
    .pa-menu-toggle.open {
        opacity: 0;
        visibility: hidden;
    }

    .pa-nav-item {
        display: flex;
        flex-wrap: wrap;
        /* 一级行占满一行，折叠块自动落到下一行 */
        align-items: center;
        height: auto;
        position: relative;
        border-bottom: .0625rem solid #f0f0f0;
    }

    .pa-nav-item>.pa-nav-link {
        flex: 1 1 auto;
        min-width: 0;
        width: auto;
        display: flex;
        align-items: center;
        gap: .625rem;
        padding: .9375rem 0 .9375rem 1.25rem;
        border-bottom: 0;
        font-size: 1rem;
        color: #555;
    }

    /* 圆点：普通项空心，当前项实心品牌色 */
    .pa-nav-item>.pa-nav-link::before {
        content: "";
        flex: none;
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
        border: .0625rem solid #c3c9d0;
        box-sizing: border-box;
    }

    .pa-nav-item>.pa-nav-link.active {
        color: #222;
    }

    .pa-nav-item>.pa-nav-link.active::before {
        background: var(--pa-brand);
        border-color: var(--pa-brand);
    }

    /* 下划线是桌面端的，抽屉里不要 */
    .pa-nav-item>.pa-nav-link::after {
        display: none;
    }

    /* 展开箭头 */
    .pa-nav-more {
        flex: none;
        align-self: stretch;
        width: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: 0;
        padding: 0;
        cursor: pointer;
        color: #9aa1a9;
    }

    .pa-nav-more i {
        width: .4375rem;
        height: .4375rem;
        border-right: .09375rem solid currentColor;
        border-bottom: .09375rem solid currentColor;
        transform: rotate(45deg) translate(-.15625rem, -.15625rem);
        transition: transform .25s;
    }

    .pa-nav-item.open>.pa-nav-more i {
        transform: rotate(-135deg) translate(-.0625rem, .0625rem);
    }

    /* 下级：折叠块（浮层那套定位/过渡全部归零） */
    .pa-nav-item>.pa-nav-drop {
        flex: 0 0 100%;
        width: 100%;
        position: static;
        display: none;
        background: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: none;
    }

    .pa-nav-item.open>.pa-nav-drop {
        display: block;
    }

    .pa-subnav-inner {
        max-width: none;
        margin: 0;
        padding: 0 0 .5rem;
    }

    .pa-subnav-list {
        display: block;
    }

    .pa-subnav-item {
        display: block;
        position: relative;
    }

    .pa-subnav-link {
        height: auto;
        display: block;
        padding: .8125rem 1.25rem .8125rem 2.3125rem;
        border-radius: 0;
        font-size: .9375rem;
        color: #6b7280;
        background: none;
        border-bottom: .0625rem solid #f7f7f7;
    }

    .pa-subnav-item:last-child .pa-subnav-link {
        border-bottom: 0;
    }

    /* 抽屉里再摆图标就太挤了，按参考图去掉 */
    .pa-subnav-ico {
        display: none;
    }

    .pa-subnav-link:hover,
    .pa-subnav-link.active {
        background: none;
        color: #222;
    }

    .pa-subnav-link.active {
        font-weight: 600;
    }

    /* 当前子项：面板最左侧一条品牌色竖条（与参考图一致） */
    .pa-subnav-link.active::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: .25rem;
        border-radius: 0;
        background: var(--pa-brand);
    }

    /* 遮罩：点它关抽屉 */
    .pa-nav-mask {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, .12);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s, visibility .3s;
        z-index: 1001;
    }

    .pa-nav-mask.open {
        opacity: 1;
        visibility: visible;
    }

    /* 关闭按钮：钉在视口右上角（参考图的位置）。
       抽屉 z-index 高于 header，所以 header 上的汉堡按钮点不到，靠这个关。 */
    .pa-nav-close {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        top: 1.125rem;
        right: 1rem;
        width: 2.75rem;
        height: 2.75rem;
        padding: 0;
        background: none;
        border: 0;
        cursor: pointer;
        color: #333;
        /* 要盖过抬起来之后的 header(1004) */
        z-index: 1005;
        opacity: 0;
        visibility: hidden;
        transition: opacity .28s, visibility .28s;
    }

    .pa-nav-close.open {
        opacity: 1;
        visibility: visible;
    }

    .pa-nav-close svg {
        width: 1.875rem;
        height: 1.875rem;
        display: block;
    }
}

@media (min-width: 62.0625rem) and (max-height: 51.25rem) {
    /* 矮屏（笔记本）：仅桌面宽度生效，避免覆盖上面的移动端字号 */

    /* 宽度993以上高度820以下 */
    .pa-hero-title {
        font-size: 2.75rem;
    }

    .pa-hero-sub {
        font-size: 1.25rem;
    }

    .pa-hero-more {
        margin-top: 3.5rem;
    }

    .pa-hero-pager {
        margin-bottom: 1.375rem;
    }

    .pa-hero-mascot {
        width: 5.25rem;
        bottom: 1.375rem;
    }

    .pa-about-title {
        font-size: 1.75rem;
        margin-bottom: .75rem;
    }

    .pa-about-text {
        margin-bottom: 1.5rem;
    }

    .pa-about-stats {
        padding-top: 1.25rem;
    }

    .pa-stat-number {
        font-size: 2.125rem;
    }

    .pa-about-logo {
        width: 12.5rem;
        height: 12.5rem;
    }

    .pa-about-logo svg {
        width: 6.875rem;
        height: 6.875rem;
    }

    .pa-news-header {
        margin-bottom: 1.5rem;
    }

    /* 第3屏：矮屏（桌面宽）同样上距导航 1.875rem、下距屏底 3.75rem，不再写死压住导航 */
    .pa-sec-showroom {
        --pa-nav: 5rem;
        --pa-card-gap-top: 1.875rem;
        --pa-card-gap-bottom: 3.75rem;
        --pa-card-top: calc(var(--pa-nav) + var(--pa-card-gap-top));
        padding: var(--pa-card-top) 3rem var(--pa-card-gap-bottom);
    }

    .pa-showroom-slide {
        padding: 6rem 3rem 5.125rem;
    }

    .pa-showroom-label {
        font-size: 1.375rem;
        margin-bottom: 1.375rem;
    }

    .pa-showroom-label-ico {
        width: 2.375rem;
        height: 2.375rem;
    }

    .pa-showroom-title {
        font-size: 1.875rem;
        margin-bottom: 1.25rem;
    }

    .pa-showroom-more {
        width: 2.5rem;
        height: 2.5rem;
    }

    .pa-showroom-text {
        font-size: .875rem;
        line-height: 1.85;
    }
}

@media (min-width: 62.0625rem) and (max-height: 43.75rem) {

    /* 宽度993以上高度700以下 */
    .pa-sec-about .pa-label {
        font-size: 1.875rem;
        margin-bottom: 1.625rem;
    }

    .pa-about-title {
        font-size: 1.5rem;
        margin-bottom: .5rem;
    }

    .pa-about-text {
        font-size: .8125rem;
        line-height: 1.65;
        margin-bottom: .875rem;
    }

    .pa-about-stats {
        padding-top: .75rem;
        gap: 1rem;
    }

    .pa-stat-number {
        font-size: 1.75rem;
    }

    .pa-stat-label {
        font-size: .75rem;
    }

    .pa-page-hero {
        height: 33.125rem;
    }

    .pa-page-hero-inner {
        top: 8.25rem;
    }

    .pa-page-hero-title {
        font-size: 2.375rem;
    }

    .pa-page-hero-sub {
        font-size: 1.0625rem;
    }
}

@media (min-width: 62.0625rem) and (max-height: 40rem) {

    /* 宽度993以上高度640以下 */
    .pa-hero-title {
        font-size: 2.125rem;
    }

    .pa-hero-sub {
        font-size: 1rem;
    }

    .pa-hero-more {
        margin-top: 1.875rem;
    }

    .pa-hero-pager {
        margin-bottom: .625rem;
        height: 2.125rem;
    }

    .pa-hero-mascot {
        width: 4.125rem;
        bottom: .625rem;
    }

    /* 更矮的屏幕：优先保证文案完整，但卡片上距导航仍 1.875rem、下距屏底 3.75rem */
    .pa-sec-showroom {
        --pa-nav: 5rem;
        --pa-card-gap-top: 1.875rem;
        --pa-card-gap-bottom: 3.75rem;
        --pa-card-top: calc(var(--pa-nav) + var(--pa-card-gap-top));
        padding: var(--pa-card-top) 3rem var(--pa-card-gap-bottom);
    }

    .pa-showroom-slide {
        padding: 4rem 3rem 4.75rem;
    }

    .pa-showroom-label {
        font-size: 1.1875rem;
        margin-bottom: 1rem;
    }

    .pa-showroom-label-ico {
        width: 2rem;
        height: 2rem;
    }

    .pa-showroom-title {
        font-size: 1.625rem;
        margin-bottom: .875rem;
    }

    .pa-showroom-more {
        width: 2.125rem;
        height: 2.125rem;
    }

    .pa-showroom-text {
        font-size: .8438rem;
        line-height: 1.7;
    }
}

@media (max-width: 62rem) {

    /* 992以下 */
    html {
        font-size: .875rem;
    }

    body {
        padding-top: 4rem;
    }

    .pa-header {
        height: 4rem;
    }

    /* 招商加盟那 5 个页内锚点：header 在这一档变成 4rem，偏移同步收 */
    #pa-inv-adv,
    #pa-inv-sup,
    #pa-inv-cond,
    #pa-inv-flow,
    #pa-inv-apply {
        scroll-margin-top: 4rem;
    }

    .pa-header-inner {
        padding: 0 1.25rem;
    }

    /* 汉堡按钮、抽屉本体（.pa-nav / .pa-nav.open / .pa-nav-link）都在文件末尾的
       @media (max-width: 63.9375rem) 里统一定义 —— 1023 及以下走那一条，
       这里不再重复，否则同优先级靠顺序覆盖，读起来以为是两套。 */

    .pa-phone {
        display: none;
    }

    .pa-footer {
        padding: 0 1.25rem;
    }

    .pa-footer-inner {
        border-radius: 2.75rem 2.75rem 0 0;
        padding: 2.875rem 2.125rem 1.625rem;
    }

    .pa-footer-grid {
        grid-template-columns: 2fr 1fr 1fr 2fr;
        gap: 2.25rem;
    }


    /* 手机/平板：fullpage 已释放 100vh 锁，首屏轮播层(.pa-hero-swiper)与文案层(.pa-hero-main)
       都是 position:absolute 铺满父级，自身不占高度；父级(.pa-sec-hero)在响应式下没有高度来源，
       会塌到只剩 2.5rem 的分页条，整张 banner 被压成一条。补一个最小高度修复（svh 规避移动端地址栏误差）。 */
    .pa-sec-hero {
        min-height: 100vh;
        min-height: 100svh;
        overflow: hidden;
    }

    .pa-sec-inner {
        padding: 0 1.875rem;
    }

    .pa-hero-inner {
        /* 右侧客服条固定约 3.875rem，窄屏下文案会钻到它下面，留出安全间距 */
        padding: 0 4.5rem 0 1.875rem;
    }

    .pa-hero-box {
        padding-left: 0;
    }

    .pa-hero-title {
        font-size: 2.125rem;
    }

    .pa-hero-sub {
        font-size: 1rem;
    }

    .pa-hero-more {
        margin-top: 2.5rem;
        gap: .625rem;
    }

    .pa-more-icon {
        width: 1.75rem;
        height: 1.75rem;
    }

    .pa-hero-more span {
        font-size: .875rem;
    }

    .pa-hero-pager {
        margin-bottom: 1.5rem;
    }

    .pa-hero-mascot {
        width: 5rem;
        bottom: 1.25rem;
    }

    .pa-side-pop-qr img {
        width: 6.25rem;
        height: 6.25rem;
    }

    .pa-about-title {
        font-size: 1.625rem;
    }

    .pa-stat-number {
        font-size: 2rem;
    }

    .pa-news-grid {
        grid-template-columns: 1fr 1fr;
    }

    /* 企业资讯标题栏：标题（2.5rem 字 + 2.5rem 图标）与两个胶囊标签（各 padding 0 2.5rem）
       在 ≤992 已经挤不进一行。这里允许换行，并给标题 flex-shrink:0 + nowrap，
       否则标题会被「可压缩」的 flex 规则压成一字一行（竖排），标签则溢出右侧。 */
    .pa-news-header {
        flex-wrap: wrap;
        gap: 1.125rem 1.5rem;
        margin-bottom: 2.25rem;
    }

    .pa-news-title {
        flex-shrink: 0;
        font-size: 1.875rem;
        white-space: nowrap;
    }

    .pa-news-title-ico {
        width: 1.875rem;
        height: 1.8125rem;
    }

    .pa-news-tabs {
        gap: 1rem;
    }

    .pa-news-tab {
        height: 2.625rem;
        padding: 0 1.5rem;
    }

    /* 第3屏：同样避让右侧客服条 */
    .pa-showroom-slide {
        padding: 5rem 2rem 4.5rem 2rem;
    }

    .pa-showroom-nav {
        right: 5.25rem;
    }

    /* ≤992 段导航变矮为 4rem，卡片上距导航 1.875rem、下距屏底 3.75rem */
    .pa-sec-showroom {
        --pa-nav: 4rem;
        --pa-card-gap-top: 1.875rem;
        --pa-card-gap-bottom: 3.75rem;
        --pa-card-top: calc(var(--pa-nav) + var(--pa-card-gap-top));
        padding: var(--pa-card-top) 3rem var(--pa-card-gap-bottom) 2rem;
    }

    /* ≤992（平板竖屏 / 手机）：卡片改成「图在上、文案在下」的纵向堆叠。
       原因：这类屏幕的卡片是窄高形，横版背景图(1880×787)无论 cover 还是等比
       都会「显示不全」——cover 会把图裁掉大半、等比又缩成一条细边。
       让背景层回到文档流并锁定图片自身比例(2.3888)，cover 就等于"正好铺满"，
       整张图完整可见、不变形；文案顺到图片下方，卡片高度由内容决定。 */
    .pa-sec-showroom {
        padding: var(--pa-card-top) 1.25rem var(--pa-card-gap-bottom);
    }

    .pa-showroom-card {
        width: 100%;
        height: auto;
        aspect-ratio: auto;
        display: flex;
        flex-direction: column;
        /* 文案区底色：图片衬底用，保证白字可读 */
    }

    .pa-showroom-swiper,
    .pa-showroom-swiper .swiper-wrapper,
    .pa-showroom-swiper .swiper-slide {
        height: auto;
    }

    .pa-showroom-bg {
        aspect-ratio: var(--pa-card-ratio);
        background-size: cover;
        border-radius: var(--pa-card-radius) var(--pa-card-radius) 0 0;
    }

    .pa-showroom-slide {
        /* 关键：桌面是 height:100%（填满卡片做垂直居中）。小屏改成「图在上、文案在下」
           的纵向堆叠后必须复位为 auto —— 否则文案层仍按 100%(=卡片高) 撑高，与上方
           背景图(约 11.625rem)相加超出卡片，被 .pa-showroom-card 的 overflow:hidden 裁掉底部，
           表现为「线上展厅文字显示不全」。(实测 slide 区 41.625rem > 卡片 30rem) */
        height: auto;
        padding: 4.6rem 3.2rem 4.6rem;
        align-items: flex-start;
    }

    /* 吉祥物是浮在卡片上的装饰，堆叠布局下会压住文案，小屏先隐藏 */
    .pa-showroom-mascot {
        display: none;
    }

    .pa-showroom-card::after,
    .pa-showroom-progress {
        display: none;
    }

    .pa-sec-about .pa-sec-inner {
        padding-right: 5.25rem;
    }

    /* 每屏至少一屏高。fullpage 桌面态会给 .section 写 inline height（=视口高），
       内容多的屏会被撑不开、底部被裁；这里用 !important 覆盖成按内容自增，
       同时保留「最少一屏高」的整屏观感。 */
    .pa-sec {
        min-height: 46vh;
        height: auto !important;
    }

    /* 兜底：responsive 模式下 .section 拿不到 .active，进场动画元素直接显示，
       否则 .pa-anim 的 opacity:0 会让正文永远看不见 */
    .pa-anim {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .pa-about-title {
        margin-bottom: 0;
    }

    /* 兜底（关键）：≤992 必须彻底解除 fullpage 的整屏滚动锁。
       现象根因——fullpage 桌面态会给 #fullpage 写 translate3d(0,-N*100vh,0)，
       并给每屏写死 height:100vh；但本段上面又把每屏改成「按内容自适应高度」
       （.pa-sec {height:auto!important}）。两套规则打架时：第1屏(Hero) translateY=0
       看似正常，第2屏起整屏被偏移量顶上去、与上一屏重叠，文案被切、布局错位，
       表现就是「走进平安树/线上展厅/资讯/底部手机端都变形，唯独首屏没事」。
       无论 fullpage 是否成功进入响应式，这里都强制释放，保证移动端是普通文档流。 */
    html,
    body,
    html.fp-enabled,
    html.fp-enabled body {
        overflow-x: hidden !important;
        /* fullpage 桌面锁屏会把 html/body 的 overflow 设成 hidden 阻止滚动；
           移动端解绑后必须重新放开纵向滚动，否则页面变高却滚不动。
           同时覆盖 fullpage 自带 css 里 html.fp-enabled body 的 overflow:hidden。 */
        overflow-y: auto !important;
    }

    #fullpage {
        transform: none !important;
        height: auto !important;
        position: relative !important;
    }

    #fullpage>.section,
    #fullpage>.fp-section,
    #fullpage .fp-tableCell {
        transform: none !important;
        position: relative !important;
        height: auto !important;
        width: 100% !important;
    }

    /* 页脚不是 .pa-sec（它是 .pa-footer.section.fp-auto-height），
       上面的 .pa-sec 规则覆盖不到，单独释放它可能被 fullpage 写死的 100vh。 */
    .pa-footer.section {
        height: auto !important;
        min-height: 0 !important;
    }

    /* 第2屏：小屏回到「铺满卡片区 + cover」。
       桌面那套「按原图比例锁死」不适用——横版卡片图锁比例后高只有 ~10rem，
       装不下整段长文；小屏本来已是可滚动的普通文档流，铺满观感更好。 */
    .pa-about-bg {
        /* 铺满「卡片区」（距导航 top / 左右 side / 底部 gap-bottom）。
           注意：<img> 是替换元素，单靠 inset 撑不开——width:auto 会退回固有宽度，
           再被 max-width:100% 卡成「父级整宽」，而左侧又加了 side 偏移 → 右侧溢出被裁。
           所以宽度显式用 calc(100% - 2*side)（这里的 100% = 父级宽，是确定值，可靠）；
           高度用 vh/svh 直接算（父级 height:auto 时百分比高会失效，vh 不会）。 */
        top: var(--pa-card-top);
        left: var(--pa-card-side);
        right: auto;
        bottom: auto;
        width: calc(100% - var(--pa-card-side) * 2);
        height: calc(100vh - var(--pa-card-top) - var(--pa-card-gap-bottom));
        aspect-ratio: auto;
        object-fit: cover;
        transform: none;
    }

    .pa-sec-about .pa-sec-inner {
        max-width: 120rem;
    }

    /* 第2屏：标题区字号/间距随屏收窄（原来始终 2.5rem，手机上过大） */
    .pa-label {
        font-size: 1.625rem;
        margin-bottom: 0;
    }

    .pa-sec-about .pa-label::before {
        width: 1.625rem;
        height: 1.5625rem;
    }

    .pa-about-text {
        margin-bottom: 0;
    }

    .pa-about-stats {
        padding-top: 0;
    }

    .pa-page-hero {
        height: auto;
        padding-bottom: 1.625rem;
    }

    .pa-page-hero-bg {
        position: relative;
        top: auto;
        bottom: auto;
        height: auto;
    }

    .pa-page-hero-inner {
        left: auto;
        top: 5rem;
        transform: none;
        padding: 1.5rem 1.875rem 0;
    }

    .pa-page-hero-bar {
        position: static;
        left: auto;
        bottom: auto;
        transform: none;
        padding: 0 1.875rem 0;
        /* 基准规则里的 width:calc(100% - 20rem) / margin:0 10rem 是给桌面
           绝对定位用的，窄屏转文档流后必须重置，否则宽度塌成 3.4375rem、
           面包屑一字一行竖排 */
        width: auto;
        margin: 0;
    }

    .pa-page-hero-bar-inner {
        /* 窄屏改为上下排：标签在上、面包屑在下 */
        align-items: flex-start;
        gap: 1.125rem;
        margin-bottom: 1rem;
    }

    .pa-page-crumb {
        margin-bottom: 0;
        font-size: .8125rem;
    }

    .pa-page-tabs {
        gap: 2.125rem;
    }

    .pa-page-hero-title {
        font-size: 1.75rem;
    }

    .pa-page-hero-sub {
        font-size: .9375rem;
    }

    .pa-page-list {
        padding: 2.75rem 0 4.375rem;
    }

    .pa-page-list-inner {
        padding: 0 1.875rem;
    }

    .pa-page-news-grid.pa-news-grid {
        grid-template-columns: 1fr;
        gap: 2.125rem;
    }

    .pa-page-pager {
        margin-top: 2.75rem;
    }

    .pa-news-hero .pa-page-hero-inner {
        padding: 1.5rem 1.875rem 0;
    }

    .pa-news-hero .pa-page-hero-bar {
        padding: 1.375rem 1.875rem 0;
    }

    .pa-news-hero .pa-page-hero-sub {
        margin-top: .875rem;
    }

    .pa-news-list {
        padding: 2.75rem 0 4.375rem;
    }

    .pa-news-list .pa-news-header {
        margin-bottom: 1.75rem;
    }

    .pa-page-news-grid.pa-news-grid {
        grid-template-columns: 1fr;
        gap: 2.125rem;
    }

    .pa-page-timeline {
        padding: 3rem 0 3rem;
    }

    .pa-page-timeline-slider {
        margin-top: 1.625rem;
        padding: 0 0 4.375rem;
    }

    .pa-page-tl-date {
        font-size: .9375rem;
    }

    .pa-page-tl-title {
        font-size: 1rem;
    }

    .pa-page-tl-img {
        margin-top: 1.25rem;
    }

    .pa-page-tl-nav {
        top: auto;
        bottom: 0;
        transform: none;
        width: 2.875rem;
        height: 2.875rem;
    }

    .pa-page-tl-prev {
        left: auto;
        right: calc(50% + .5rem);
    }

    .pa-page-tl-next {
        right: auto;
        left: calc(50% + .5rem);
    }

    .pa-page-video {
        padding: 3rem 0 3rem;
    }

    .pa-page-video-body {
        flex-direction: column;
        gap: 1.625rem;
    }

    .pa-page-video-info {
        flex: 1 1 auto;
    }

    .pa-page-video-title {
        margin-top: 1.75rem;
    }

    .pa-page-video-media {
        width: 100%;
        aspect-ratio: 16 / 10;
    }

    .pa-page-video-play {
        width: 3.75rem;
        height: 3.75rem;
        margin: -1.875rem 0 0 -1.875rem;
    }

    .pa-page-video-play svg {
        width: 1.5rem;
        height: 1.5rem;
    }

    .pa-about-page {
        --pa-ab-gutter: 1.875rem;
        padding-top: 0;
    }

    .pa-ab-show-intro,
    .pa-ab-show-rev,
    .pa-ab-brand,
    .pa-ab-honor {
        padding-bottom: 6rem;
    }

    .pa-ab-history {
        padding-bottom: 0.68rem;
    }

    /* 荣誉资质：平板档一行 3 条（与 js.js 的 honorCols 对齐） */
    .pa-ab-honor {
        --honor-cols: 3;
    }

    .pa-ab-intro-mascot {
        top: .375rem;
        right: .625rem;
        width: 4.25rem;
    }

    .pa-about-page .pa-news-title {
        font-size: 1.875rem;
    }

    .pa-about-page .pa-news-title-ico {
        width: 1.875rem;
        height: 1.75rem;
    }

    .pa-ab-fangxin {
        grid-template-columns: minmax(0, 1fr);
    }

    .pa-ab-8 {
        font-size: 6.875rem;
    }

    .pa-about-page .pa-news-tab {
        height: 2.5rem;
        padding: 0 1.375rem;
        font-size: .875rem;
    }

    .pa-ab-demeanor {
        padding-top: 3.75rem;
    }

    /* 62rem以下 */
    .vmore-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .verification-tips {
        margin-top: 2.25rem;
    }

    .pa-show-list {
        gap: 1.125rem;
    }

    .pa-show-card-body {
        padding: 1.375rem 1.5rem;
    }

    .pa-show-card-body h3 {
        font-size: 1.1875rem;
    }

    .pa-show-card-body p {
        -webkit-line-clamp: 2;
    }

    .pa-pattern-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pa-case-head {
        margin-top: 3.75rem;
    }

    .pa-sec-about {
        --pa-nav: 0;
    }

    .pa-showroom-slide::after {
        display: none;
    }

    .pa-sec-showroom {
        --pa-nav: 1.6rem;
    }

    .pa-news-card .pa-news-desc {
        margin-bottom: 1.6rem;
    }

    .pa-sec-news {
        background: #fff;
        padding: 2.2rem 0 2.2rem;
    }

    .pa-inv-flow-row .pa-inv-ico {
        width: 5rem;
        height: 5rem;
        padding: 1.2rem;
    }

    .pa-inv-flow-row li {
        padding: 0 1rem;
    }

    .pa-inv-flow-row h3 {
        margin: 1rem 0 0;
        font-size: 1rem;
    }

    .pa-inv-flow-row p {
        font-size: .875rem;
    }

    .pa-inv-flow-row--bottom {
        margin-top: 1.5rem;
    }

    .pa-cf-submit {
        margin: 0 auto;
    }

    .pa-nav-close {
        top: .625rem;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node {
        --nx: -3.125%;
        --ny: 40.43%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node {
        --nx: -11.5625%;
        --ny: 30.73%;
    }
}

@media (max-width: 62rem) and (max-height: 35rem) {
    /* 手机横屏（又矮又窄）：进一步压缩首屏 */

    /* 宽度992以下高度560以下 */
    .pa-hero-title {
        font-size: 1.625rem;
    }

    .pa-hero-sub {
        font-size: .875rem;
    }

    .pa-hero-more {
        margin-top: 1.25rem;
    }

    .pa-hero-pager {
        margin-bottom: .625rem;
        height: 2.125rem;
    }

    .pa-hero-mascot {
        width: 3.5rem;
        bottom: .375rem;
    }

    .pa-side-item {
        height: 2.875rem;
    }

    .pa-side-item img {
        width: 1.0625rem;
        height: 1.0625rem;
    }
}

@media (min-width: 36.0625rem) and (max-width: 62rem) {

    /* 992以下576以上 */
    .pa-page-news-grid.pa-news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2.125rem 1.5rem;
    }
}

@media (max-width: 61.25rem) {

    /* 980以下 */
    .tab::before {
        width: 3.125rem;
    }

    /* 品牌介绍改上下：Logo 居中在上、文案在下，吉祥物藏起 */
    .pa-inv-intro {
        padding: 1.75rem 1.25rem 3.125rem;
    }

    .pa-inv-intro-card {
        flex-direction: column;
        align-items: stretch;
        gap: 1.5rem;
        padding: 0;
    }

    .pa-inv-intro-logo {
        flex-direction: row;
        justify-content: center;
        gap: 1rem;
    }

    .pa-inv-intro-logo img {
        height: 3.5rem;
    }

    .pa-inv-intro-en {
        font-size: .9375rem;
    }

    .pa-inv-intro-mascot {
        display: none;
    }

    /* 加盟条件改上下：清单在上、形象图压底 */
    .pa-inv-cond-grid {
        flex-direction: column;
    }

    .pa-inv-cond-body {
        padding: 3.75rem 3.75rem 2.5rem;
    }

    .pa-inv-cond-media {
        flex: 0 0 auto;
        min-height: 0;
    }

    .pa-inv-cond-brand {
        position: static;
        height: 100%;
    }

    .pa-inv-cond-brand img {
        height: 4.5rem;
    }

    .pa-inv-cond-brand span {
        font-size: 1.375rem;
    }

    /* 申请横幅改上下 */
    .pa-inv-apply-bar {
        flex-direction: column;
        align-items: center;
        gap: 1.125rem;
        padding: 1.75rem 1.625rem;
        background: url(../images/apply-bg.png) no-repeat center;
        background-size: cover;
    }

    .pa-inv-apply-logo {
        height: 2.5rem;
    }
}

/* 窄屏：第一个图标的气泡居中会超出视口左侧，改为与图标左对齐 */
@media (max-width: 48rem) {

    /* 768以下 */
    .pa-footer-socials a:first-of-type>.pa-fs-pop {
        left: 0;
        transform: translate(0, .5rem);
    }

    .pa-footer-socials a:first-of-type:hover>.pa-fs-pop,
    .pa-footer-socials a:first-of-type.pa-fs-open>.pa-fs-pop {
        transform: translate(0, 0);
    }

    /* 小三角仍要指向图标中心（图标宽 40，中心距其左缘 20） */
    .pa-footer-socials a:first-of-type>.pa-fs-pop::before {
        left: 1.25rem;
    }

    .pa-sec-about .pa-sec-inner {
        padding-right: 4.875rem;
    }

    .pa-about-text {
        font-size: .875rem;
        line-height: 1.85;
    }

    .pa-about-stats {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem 1.5rem;
    }

    .pa-sec-about {
        --pa-nav: 4rem;
        --pa-card-gap-top: 1.5rem;
        --pa-card-gap-bottom: 2.5rem;
        --pa-card-side: 1.25rem;
    }

    .pa-about-text {
        font-size: .875rem;
        line-height: 1.85;
    }

    .pa-about-stats {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem 1.5rem;
    }

    .tab {
        align-items: center;
    }

    .tab::before {
        width: 1.875rem;
    }

    .pa-inv-adv {
        padding-top: 2.5rem;
        padding-bottom: 0;
    }

    .pa-inv-inner {
        padding: 0 1rem 2.5rem;
    }

    .pa-inv-intro {
        padding: 1.25rem 1rem 2.5rem;
    }

    .pa-inv-intro-hot {
        font-size: 1.0625rem;
        line-height: 1.5rem;
    }

    .pa-inv-intro-hots {
        font-size: 1.1875rem;
    }

    .pa-inv-sec {
        padding: 2.75rem 0 0;
    }

    .pa-inv-head {
        margin-bottom: 1.75rem;
        gap: 1rem;
    }

    .pa-inv-nav {
        gap: .625rem;
        padding-top: 0;
    }

    .pa-inv-nav-btn {
        width: 2.125rem;
        height: 2.125rem;
    }

    .pa-inv-nav-btn svg {
        width: .9375rem;
        height: .9375rem;
    }

    .pa-inv-head-title {
        font-size: 1.375rem;
    }

    .pa-inv-head-title .pa-news-title-ico {
        width: 1.5rem;
        height: 1.4375rem;
    }

    .pa-inv-head-sub {
        margin-top: .5rem;
        padding-left: 2.25rem;
        font-size: .8125rem;
    }

    .pa-inv-adv-txt {
        min-height: 10.625rem;
    }

    .pa-inv-adv-swiper .swiper-slide {
        gap: 1rem;
    }

    .pa-inv-adv-card {
        padding: 1.125rem 3.75rem 1.125rem 1.125rem;
    }

    .pa-inv-adv-card .pa-inv-ico {
        top: 1.125rem;
        right: 1rem;
        width: 2.25rem;
        height: 2.25rem;
    }

    .pa-inv-sup-swiper .swiper-slide {
        gap: 5rem;
        padding-top: 2.5rem;
    }

    .pa-inv-sup-ico {
        top: -2.5rem;
        width: 5rem;
        height: 5rem;
    }

    .pa-inv-sup-card {
        padding: 3.125rem .875rem 1.5rem;
    }

    .pa-inv-sup-card h3 {
        font-size: 1rem;
    }

    .pa-inv-cond-body {
        padding: 2.75rem 1rem 2rem;
    }

    .pa-inv-cond-list b {
        font-size: .9375rem;
    }

    .pa-inv-cond-list p {
        font-size: .8125rem;
        line-height: 1.5rem;
    }

    /* 流程：手机两列小卡 */
    .pa-inv-flow-row {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 1.75rem;
    }

    .pa-inv-flow-row li {
        width: 72%;
        margin: 0 auto;
    }

    .pa-inv-flow-row--bottom {
        width: auto;
        margin-top: 1.75rem;
    }

    .pa-inv-flow-row--bottom li {
        grid-row: auto !important;
        grid-column: auto !important;
    }

    .pa-inv-flow-row .pa-inv-ico {
        width: 5.625rem;
        height: 5.625rem;
        padding: .625rem;
    }

    .pa-inv-flow-row h3 {
        margin-top: .625rem;
        font-size: .9375rem;
    }

    .pa-inv-flow-row p {
        margin-top: .5rem;
        font-size: .75rem;
        line-height: 1.25rem;
    }

    .pa-inv-flow-row li::before,
    .pa-inv-flow-row li::after {
        display: none !important;
    }

    .pa-inv-flow-turn {
        display: none;
    }

    .pa-inv-apply {
        padding-bottom: 0;
    }

    .pa-inv-apply-txt {
        font-size: .8125rem;
    }

    .pa-inv-apply-txt b {
        font-size: .9375rem;
    }

    .pa-inv-apply-btn {
        align-self: stretch;
        text-align: center;
    }

    .pa-footer-col:nth-child(2),
    .pa-footer-col:nth-child(3) {
        display: none;
    }

    .pa-footer-contact h4 {
        margin: 0 0 1.125rem 0;
    }

    .pa-footer-phone {
        margin: .375rem 0 1.125rem;
    }

    .pa-footer-contact .pa-footer-value {
        margin-bottom: 1.125rem;
    }

    .pa-ops {
        padding: 1.25rem 0 2.875rem;
    }

    .pa-ops-filter-label {
        width: 100%;
        margin-bottom: .125rem;
    }

    .pa-ops-field {
        flex: 1 1 calc(50% - .375rem);
    }

    .pa-ops-field:last-child {
        margin-left: 0;
    }

    .pa-ops-select {
        width: 100%;
    }

    .pa-ops-thead,
    .pa-ops-tr {
        grid-template-columns: 24% 30% minmax(0, 46%);
        padding: 0 .75rem;
    }

    .pa-ops-thead {
        height: 2.625rem;
        font-size: .875rem;
    }

    .pa-ops-tr {
        min-height: 3rem;
        font-size: .8125rem;
        line-height: 1.25rem;
    }

    .pa-ab-stats {
        grid-template-columns: repeat(2, auto);
        gap: 1.625rem 1rem;
        margin-top: 2rem;
    }

    .pa-ab-num {
        font-size: 2rem;
    }

    .pa-ab-para p,
    .pa-ab-history-desc {
        font-size: .875rem;
    }

    .pa-ab-culture>li {
        padding-left: 6.25rem;
        margin-bottom: 1.4rem;
    }

    .pa-ab-cico {
        width: 4.6rem;
        height: 4.5rem;
    }

    .pa-ab-ctext {
        font-size: .9375rem;
        line-height: 1.75rem;
    }

    .pa-ab-node-y {
        font-size: .8125rem;
    }

    .pa-ab-history-year {
        font-size: 1.75rem;
    }

    .pa-ab-history-nav button {
        width: 2.5rem;
        height: 2.5rem;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node {
        --nx: -11.5625%;
        --ny: 40%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node {
        --nx: -3.125%;
        --ny: 30%;
    }

    /* 荣誉资质：手机档一行 2 条（与 js.js 的 honorCols 对齐） */
    .pa-ab-honor {
        --honor-cols: 2;
    }

    .pa-ab-honor-card p {
        font-size: .75rem;
    }

    .pa-ab-sign img {
        height: 2.375rem;
    }

    .verification {
        padding: 0 .625rem 3.125rem;
    }

    /* 防伪码按钮：小屏改成上下两行，文案不再挤一行 */
    .verification-box .verification-item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .625rem;
        font-size: 1.125rem;
        padding: 1.125rem .875rem;
        border-radius: .75rem;
    }

    .verification-box .verification-item a span {
        margin-left: 0;
        line-height: 1.625rem;
        padding: 0 .875rem;
        white-space: normal;
    }

    .verification-more {
        padding: 0 .625rem 1.25rem;
    }

    .vmore-card {
        padding: 1.25rem 1.125rem 1.125rem;
    }

    .vmore-title {
        font-size: 1.125rem;
    }

    .vmore-ico svg {
        width: 2.25rem;
        height: 2.25rem;
    }

    .pa-modal {
        padding: 1.25rem .625rem;
    }

    .pa-modal-box {
        padding: 2.5rem 1rem 1.5rem;
        border-radius: .625rem;
    }

    .pa-modal-title {
        font-size: 1.1875rem;
    }

    .pa-modal-sub {
        font-size: .8125rem;
    }

    .pa-uv-grid {
        grid-template-columns: 1fr;
    }

    /* 小屏紫外线大图不再跨行，恢复自然高度 */
    .pa-uv-big {
        grid-row: auto;
    }

    .pa-uv-fig img {
        height: auto;
    }

    .pa-tel {
        gap: 1.25rem;
    }

    .pa-tel-logo {
        height: 3rem;
    }

    .pa-tel-info strong {
        font-size: 1.625rem;
    }

    .pa-show-card {
        flex-direction: column-reverse;
    }

    .pa-show-card-img {
        flex: 0 0 auto;
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .pa-show-card-body {
        padding: 1.25rem;
    }

    .pa-show-card-body h3 {
        font-size: 1.125rem;
    }

    .pa-show-card-body p {
        margin-top: .625rem;
        line-height: 1.375rem;
    }

    .pa-show-card-btn {
        margin-top: 1rem;
        padding-top: 0;
    }

    .pa-pattern-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem .875rem;
    }

    .pa-pattern-name {
        font-size: .8125rem;
        margin-top: .5rem;
    }


    .pa-case-caption {
        font-size: .875rem;
    }

    .pa-lightbox {
        padding: 1rem;
    }

    .pa-lightbox img {
        max-width: 100%;
        max-height: 74vh;
    }

    /* 小屏 × 收回图片右上角内侧，避免溢出屏幕 */
    .pa-lightbox-close {
        top: .25rem;
        right: .25rem;
        color: #fff;
        text-shadow: 0 .0625rem .25rem rgba(0, 0, 0, 0.6);
    }

    .pa-footer-brand {
        margin: 0 auto;
    }

    .pa-ab-intro-text {
        max-width: 100%;
    }

    .pa-ab-grid-rev {
        padding-left: 0;
    }

    .pa-showroom-nav {
        right: 5.25rem;
        bottom: 2rem;
    }

    .pa-news-hero .pa-page-hero-inner {
        top: 6rem;
    }
}

@media (max-width: 36rem) {

    /* 576以下 */
    .pa-footer {
        padding: 0 .875rem;
    }

    .pa-footer-inner {
        padding: 2.25rem 1.5rem 1.375rem;
        border-radius: 1.875rem 1.875rem 0 0;
        -webkit-border-radius: 1.875rem 1.875rem 0 0;
        -moz-border-radius: 1.875rem 1.875rem 0 0;
        -ms-border-radius: 1.875rem 1.875rem 0 0;
        -o-border-radius: 1.875rem 1.875rem 0 0;
    }

    .pa-footer-grid {
        grid-template-columns: 1fr;
        gap: 1.75rem;
    }

    .pa-footer-bottom {
        font-size: .6875rem;
        margin-top: 0;
    }

    .pa-sec-inner {
        padding: 0 1.25rem;
    }

    .pa-hero-inner {
        /* 右侧客服条 2.75rem，窄屏下留出安全间距 */
        padding: 0 3.375rem 0 1.25rem;
    }

    .pa-hero-title {
        font-size: 1.625rem;
        letter-spacing: 0;
    }

    .pa-hero-sub {
        font-size: .875rem;
    }

    .pa-hero-more {
        margin-top: 1.875rem;
    }

    .pa-hero-pager {
        gap: .25rem;
        margin-bottom: 1rem;
    }

    .pa-pager-item {
        width: 2.125rem;
        height: 1.9375rem;
        font-size: 1rem;
    }

    .pa-side {
        right: .5rem;
        top: auto;
        bottom: 4rem;
    }

    .pa-side-panel {
        width: 2.75rem;
    }

    .pa-side-item {
        height: 3.375rem;
        gap: .1875rem;
    }

    .pa-side-item img {
        width: 1.1875rem;
        height: 1.1875rem;
    }

    .pa-side-item span {
        font-size: .625rem;
    }

    .pa-hero-mascot {
        width: 3.75rem;
        bottom: .5rem;
        right: .375rem;
    }

    .pa-about-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }

    .pa-news-grid {
        flex-wrap: wrap;
        grid-template-columns: 1fr;
    }

    .pa-visit-swiper .pa-news-grid {
        flex-wrap: nowrap;
    }

    /* 手机：标题与标签改上下两行，标签等分整行宽度 —— 彻底消除右侧溢出，
       也保证标题始终横排（不会一字一行）。 */
    .pa-news-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        margin-bottom: 1.75rem;
    }

    .pa-news-title {
        font-size: 1.625rem;
    }

    .pa-news-title-ico {
        width: 1.625rem;
        height: 1.5625rem;
    }

    .pa-news-tabs {
        width: 100%;
        gap: .75rem;
    }

    .pa-news-tab {
        flex: 1 1 0;
        height: 2.5rem;
        padding: 0 .625rem;
        font-size: .875rem;
    }

    /* 第3屏：手机上进一步压缩，保证一屏放得下（卡片 top/bottom 跟随导航高度） */
    .pa-sec-showroom {
        --pa-nav: 4rem;
        --pa-card-gap-top: 1.5rem;
        --pa-card-gap-bottom: 2.5rem;
        --pa-card-top: calc(var(--pa-nav) + var(--pa-card-gap-top));
        padding: var(--pa-card-top) 2rem var(--pa-card-gap-bottom) 1rem;
    }

    .pa-showroom-card {
        border-radius: 2rem;
    }

    .pa-showroom-slide {
        padding: 2rem 1.25rem 4.625rem;
    }

    .pa-showroom-mascot {
        width: 5rem;
        left: 26%;
    }

    .pa-showroom-mascot-right {
        /* 小屏卡片窄，把右侧吉祥物拉得更靠右避免与左侧重叠。
           必须同时清掉 .pa-showroom-mascot 在本段继承的 left:26%，
           否则 left+right 同时存在时浏览器以 left 为准，right 被忽略 */
        left: auto;
        right: 8%;
    }

    .pa-showroom-label {
        font-size: 1.0625rem;
        margin-bottom: 1rem;
        gap: .5625rem;
    }

    .pa-showroom-label-ico {
        width: 1.75rem;
        height: 1.75rem;
    }

    .pa-showroom-title {
        font-size: 1.375rem;
        margin-bottom: .875rem;
        gap: .625rem;
    }

    .pa-showroom-more {
        width: 1.875rem;
        height: 1.875rem;
    }

    .pa-showroom-more img {
        width: 1.125rem;
        height: 1.125rem;
    }

    .pa-showroom-text {
        font-size: .8125rem;
        line-height: 1.75;
    }

    .pa-showroom-nav {
        right: 3.875rem;
        bottom: 1rem;
        gap: .5rem;
    }

    /* 图标保持 SVG 原生 46:43 比例，整组等比缩小 */
    .pa-arrow-btn {
        width: 2.125rem;
        height: 2rem;
    }

    .pa-arrow-btn img {
        width: 2.125rem;
        height: 2rem;
    }

    .pa-showroom-counter {
        min-width: 2.75rem;
        font-size: .875rem;
    }

    .pa-showroom-counter .pa-showroom-index {
        font-size: 1.125rem;
    }

    .pa-sec-about .pa-sec-inner {
        padding: 0 4.5rem 0 1.5rem;
    }

    .pa-about-title {
        font-size: 1.5rem;
    }

    .pa-about-text {
        font-size: .8438rem;
        line-height: 1.8;
    }

    .pa-stat-number {
        font-size: 1.75rem;
    }

    .pa-sec-about {
        --pa-nav: 4rem;
        --pa-card-gap-top: 1.25rem;
        --pa-card-gap-bottom: 2rem;
        --pa-card-side: .875rem;
    }

    .pa-sec-about .pa-sec-inner {
        padding-right: 4rem;
    }

    .pa-about-title {
        font-size: 1.5rem;
    }

    .pa-about-text {
        font-size: .8438rem;
        line-height: 1.8;
    }

    .pa-stat-number {
        font-size: 1.75rem;
    }

    .pa-label {
        font-size: 1.375rem;
        margin-bottom: 1.125rem;
    }

    .pa-sec-about .pa-label::before {
        width: 1.375rem;
        height: 1.3125rem;
    }

    .pa-about-stats {
        padding-top: 1.125rem;
        gap: 1rem 1.25rem;
    }

    .pa-page-hero-bg {
        height: 19.4rem;
    }

    .pa-page-hero-bg>img.pc-banner,
    .pc-banner {
        display: none;
    }

    .pa-page-hero-bg>img.wap-banner,
    .wap-banner {
        display: block;
    }

    .pa-page-tabs {
        gap: 1.625rem;
    }

    .pa-page-timeline {
        padding: 2.5rem 0 2.5rem;
    }

    .pa-page-video {
        padding: 2.5rem 0 2.5rem;
    }

    .pa-page-video-title {
        font-size: 1.125rem;
    }

    .pa-page-video-info p {
        font-size: .875rem;
    }

    .pa-sec {
        min-height: 40rem;
    }

    .pa-sec-about,
    .pa-sec-showroom {
        --pa-nav: 0rem;
    }

    .pa-sec-showroom {
        background: none;
        min-height: 22rem;
    }

    .pa-showroom-bg {
        aspect-ratio: initial;
        background-size: cover;
        background-position: left;
    }

    .pa-about-bg {
        top: -3rem;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: calc(100vh - var(--pa-card-top) - var(--pa-card-gap-bottom));
    }

    .pa-page-hero-sub {
        max-width: 60%;
    }

    .pa-page-hero-bar-inner {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .pa-page-tabs {
        margin-left: 0;
        gap: 1rem;
        flex-wrap: wrap;
        width: 100%;
    }

    .pa-page-tab {
        width: 30%;
        padding: 0.5rem 0.8rem;
        text-align: center;
        box-shadow: 0 .25rem 1rem rgba(0, 0, 0, 0.08);
        white-space: break-spaces;
    }

    .pa-page-tab::after {
        left: 0;
        right: 0;
    }

    .pa-page-hero {
        padding-bottom: 0;
    }

    .pa-ab-show-intro,
    .pa-ab-show-rev,
    .pa-ab-history,
    .pa-ab-brand,
    .pa-ab-honor {
        padding-bottom: 2rem;
    }

    .pa-ab-pagination,
    .pa-ab-dem-pagination {
        bottom: 0.8rem;
    }

    /* 间距跟着原网格收窄（列数已在 ≤47.9375rem 收到 2 列） */
    .pa-ab-honor {
        --honor-gap: .875rem;
    }

    /* 手机档每屏 2 列 × 2 行 = 4 条，33 条 ⇒ 9 个分页点；点位与间距压小一点，
       点再多也不会折行（分页容器是 line-height:0，折行会两行视觉重叠）。 */
    .pa-ab-honor-pagination .swiper-pagination-bullet {
        width: .5rem;
        height: .5rem;
        margin: 0 .25rem;
    }

    .pa-ab-honor-pagination .swiper-pagination-bullet-active {
        width: 1rem;
    }

    .pa-ab-history-nav {
        margin: 1rem 0 0 52%
    }

    .pa-ab-track {
        height: 100%;
    }

    #history {
        height: 53vh;
    }

    .pa-ab-history::before {
        height: 100%;
        width: 110%;
        left: 0;
        top: 16%;
        background-position: center top;
        background-size: cover;
        margin-left: -0.9375rem;
        margin-right: -0.9375rem;
        background-image: url(../images/m_history-bg.jpg);
    }

    .pa-ab-history::after {
        display: block;
        content: '';
        background: url(../images/mascot-animal.png) no-repeat center center;
        background-size: cover;
        width: 5rem;
        height: 9rem;
        position: absolute;
        bottom: 0.4rem;
        left: 0;
        display: none;
    }

    .pa-ab-node.swiper-slide-active {
        --nx: -21.25%;
        --ny: 60.6%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node {
        -nx: -18.5%;
        --ny: 56%;
    }

    .pa-ab-node.swiper-slide-active+.pa-ab-node+.pa-ab-node {
        --nx: -3.125%;
        --ny: 51.43%;
    }

    .pa-ab-history-year {
        margin-bottom: -0.2rem;
    }

    .pa-ab-node-dot::before {
        height: 1.8rem;
    }

    .pa-ab-node-y {
        bottom: calc(100% - var(--ny) + 2.2rem);
    }

    .pa-ab-history-body {
        position: absolute;
        bottom: 01rem;
        left: -8rem;
    }

    .pa-news-hero .pa-page-tabs {
        gap: 1rem;
    }

    .pa-pattern-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .pa-ops-field:last-child {
        margin-left: 0;
    }

    .pa-ops-thead,
    .pa-ops-tr {
        grid-template-columns: 24% 30% minmax(0, 46%);
    }

    .pa-news-hero .pa-page-hero-bar-inner {
        border: 0;
    }

    .pa-inv-flow-row li {
        width: 90%;
        background: #F5F6F8;
        border-radius: 1.125rem;
        padding: 2rem 3rem;
    }

    .pa-inv-flow-row .pa-inv-ico {
        padding: 1.2rem;
    }

    .pa-page-list-inner {
        padding: 0 1rem;
    }

    .enter-box {
        padding-top: 1.25rem;
    }

    .enter-box li {
        padding: 1rem 0.9rem;
    }

    .enter-box li>p {
        padding-top: 0.8rem;
    }

    .pa-side {
        display: block;
    }

    .pa-side-item:nth-child(1),
    .pa-side-item:nth-child(2),
    .pa-side-item:nth-child(3),
    .pa-ab-sign {
        display: none;
    }

    .pa-news-hero .pa-page-hero-bar {
        padding: 1.375rem 1.875rem;
    }

    .pa-sec-about,
    .pa-sec-showroom {
        padding-top: 0;
        padding-bottom: 0;
    }

    .pa-sec-showroom {
        background-size: initial;
    }

    .pa-ab-show-intro::after {
        display: block;
        content: '';
        background: url('../images/m_about_bg.jpg') no-repeat center center;
        background-size: contain;
        width: 100%;
        height: 17rem;
        margin: 0 auto;
    }

    .pa-ab-show-rev::after {
        display: block;
        content: '';
        background: url('../images/m_founder.jpg') no-repeat top center;
        background-size: contain;
        width: 100%;
        height: 23rem;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .pa-ab-brand::after {
        display: block;
        content: '';
        background: url('../images/m_slogin.png') no-repeat center center;
        background-size: contain;
        width: 100%;
        height: 23rem;
        margin: 0 auto;
        margin-top: 1rem;
    }

    .pa-contact-form {
        /* 3. 将其放置在第 1 行（最上面） */
        grid-row: 1;
    }

    /* 控制左侧内容（官方账号） */
    .pa-contact-socials {
        /* 4. 将其放置在第 2 行（下面） */
        grid-row: 2;
    }

}

/* 用户系统开启「减少动态效果」时不做动画 */
@media (prefers-reduced-motion: reduce) {
    .pa-hero-mascot {
        animation: none;
    }
}