/* 首页 */
.main {
    position: relative;
}

/* Banner — 铺满视口 */
.banner {
    position: relative;
    width: 100%;
    /* height: calc(1080px * var(--layout-scale)); */
    height: 100vh;
    overflow: visible;
}

.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.banner-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-top: calc(124px * var(--layout-scale));
    padding-bottom: calc(200px * var(--layout-scale));
}

.banner-text {
    width: 100%;
    text-align: center;
    flex-shrink: 0;
}

.banner-title {
    font-size: calc(48px * var(--font-scale));
    text-transform: none;
    font-weight: bold;
    color: #ffffff;
    font-style: normal;
    text-shadow: 0px 4px 8px rgba(0, 27, 89, 0.16);
}

.banner-pic {
    width: 100%;
    width: calc(1410px * var(--layout-scale));
    height: calc(854px * var(--layout-scale));
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-top: calc(8px * var(--layout-scale)); */
    min-height: 0;
}

.banner-pic img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* Banner 底部服务卡片 */
.banner-services {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(1440px * var(--layout-scale));
    display: flex;
    align-items: flex-end;
    z-index: 2;
}

.banner-service-item {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(166px * var(--layout-scale));
    padding: calc(16px * var(--layout-scale)) calc(32px * var(--layout-scale));
    background: transparent;
    transition: height 0.35s ease, background 0.35s ease, border-radius 0.35s ease, box-shadow 0.35s ease;
    overflow: visible;
}

/* 磨砂玻璃蒙层 */
.banner-service-item::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.58) 0%,
            rgba(255, 255, 255, 0.32) 38%,
            rgba(220, 238, 255, 0.14) 100%);
    backdrop-filter: blur(calc(18px * var(--layout-scale))) saturate(1.35);
    -webkit-backdrop-filter: blur(calc(18px * var(--layout-scale))) saturate(1.35);
    box-shadow:
        inset 0 calc(1px * var(--layout-scale)) 0 rgba(255, 255, 255, 0.82),
        inset 0 calc(-24px * var(--layout-scale)) calc(48px * var(--layout-scale)) rgba(255, 255, 255, 0.06);
    opacity: 1;
    transition: opacity 0.35s ease;
}

/* 列间分隔线 */
.banner-service-item:not(:first-child)::after {
    content: '';
    position: absolute;
    left: 0;
    top: calc(10px * var(--layout-scale));
    bottom: calc(10px * var(--layout-scale));
    width: calc(1px * var(--layout-scale));
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0) 100%);
    opacity: 1;
    transition: opacity 0.35s ease;
}

.banner-service-item:first-child {
    border-top-left-radius: calc(20px * var(--layout-scale));
}

.banner-service-item:last-child {
    border-top-right-radius: calc(20px * var(--layout-scale));
}

.banner-service-item:hover,
.banner-services:not(:hover) .banner-service-item.is-default {
    height: calc(214px * var(--layout-scale));
    background: radial-gradient(745.07% 140.33% at 1.54% 0%, #169AFF 0%, #1654FF 100%);
    border-top-left-radius: calc(16px * var(--layout-scale));
    border-top-right-radius: calc(16px * var(--layout-scale));
    box-shadow: none;
}

.banner-service-item:hover::before,
.banner-services:not(:hover) .banner-service-item.is-default::before,
.banner-service-item:hover::after,
.banner-services:not(:hover) .banner-service-item.is-default::after {
    opacity: 0;
}

.banner-service-icon {
    position: absolute;
    top: calc(-44px * var(--layout-scale));
    left: 50%;
    width: calc(80px * var(--layout-scale));
    height: calc(80px * var(--layout-scale));
    transform: translateX(-50%) scale(0.6);
    opacity: 0;
    z-index: 3;
    transition: opacity 0.35s ease, transform 0.35s ease;
    pointer-events: none;
}

.banner-service-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.banner-service-item:hover .banner-service-icon,
.banner-services:not(:hover) .banner-service-item.is-default .banner-service-icon {
    transform: translateX(-50%) scale(1);
    opacity: 1;
}

.banner-service-body {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: 100%;
}

.banner-service-title {
    font-size: calc(20px * var(--font-scale));

    font-weight: bold;
    color: #FFFFFF;

    transition: color 0.35s ease;
}

.banner-service-desc {
    margin-top: calc(8px * var(--layout-scale));
    font-size: calc(14px * var(--font-scale));
    color: rgba(255, 255, 255, 0.88);
    line-height: 1.6;
    max-width: calc(416px * var(--layout-scale));
    transition: color 0.35s ease, opacity 0.35s ease;
}

.banner-service-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: calc(14px * var(--layout-scale));
    padding: calc(6px * var(--layout-scale)) calc(16px * var(--layout-scale));
    font-size: calc(16px * var(--font-scale));
    font-weight: 400;
    color: rgb(255, 255, 255);
    background: transparent;
    border: calc(1px * var(--layout-scale)) solid rgb(255, 255, 255);
    border-radius: calc(8px * var(--layout-scale));
    transition: background 0.35s ease, color 0.35s ease, border-color 0.35s ease;
    white-space: nowrap;
}

.banner-service-item:hover .banner-service-title,
.banner-services:not(:hover) .banner-service-item.is-default .banner-service-title {
    color: #ffffff;
}

.banner-service-item:hover .banner-service-desc,
.banner-services:not(:hover) .banner-service-item.is-default .banner-service-desc {
    color: rgba(255, 255, 255, 0.9);
}

.banner-service-item:hover .banner-service-btn,
.banner-services:not(:hover) .banner-service-item.is-default .banner-service-btn {
    color: #1654FF;
    background: #ffffff;
    border-color: #ffffff;
}

/* 数据信任条 — 紧挨 banner 下方 */
.trust-bar {
    position: relative;
    width: 100%;
    background: #EDF5FF;
}

.trust-bar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(0px * var(--layout-scale));
    background: linear-gradient(90deg, #1654FF 0%, #169AFF 50%, #1654FF 100%);
}

.trust-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
    padding: calc(32px * var(--layout-scale)) 0;
}

.trust-item {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.trust-num {
    font-size: calc(52px * var(--font-scale));
    font-weight: 500;
    color: #070B12;
    line-height: 1;
    white-space: nowrap;
}

.trust-info {
    margin-left: calc(12px * var(--layout-scale));
}

.trust-label {
    font-size: calc(16px * var(--font-scale));
    font-weight: 400;
    color: #2D3440;

    white-space: nowrap;
}

.trust-desc {
    font-size: calc(16px * var(--font-scale));
    color: #2D3440;
    font-weight: 400;
    white-space: nowrap;
}

/* 三大焦虑模块 */
.anxiety-section {
    width: 100%;
    background: #ffffff;
    padding: calc(80px * var(--layout-scale)) 0 calc(0px * var(--layout-scale));
}

.anxiety-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.anxiety-title {
    text-align: center;
    font-size: calc(48px * var(--font-scale));
    font-weight: bold;
    color: #070B12;

}

.anxiety-title-gradient {
    background: linear-gradient(36deg, #3676FF 0%, #003AFF 50%, #01ABFF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.anxiety-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.anxiety-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    font-weight: 400;
    line-height: calc(28px * var(--layout-scale));
}

.anxiety-intro p+p {
    /* margin-top: calc(8px * var(--layout-scale)); */
}

.anxiety-cards {
    display: flex;
    gap: calc(16px * var(--layout-scale));
    margin-top: calc(40px * var(--layout-scale));
}

.anxiety-card {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: calc(40px * var(--layout-scale)) calc(40px * var(--layout-scale));
    background: linear-gradient(171deg, #F1F5FB 0%, #FFFFFF 100%);
    border-radius: calc(16px * var(--layout-scale));
    box-shadow: 2px 8px 20px 0px rgba(0, 0, 0, 0.05), 4px 12px 32px 4px rgba(0, 0, 0, 0.02);
}

.anxiety-card-head {
    display: flex;
    align-items: center;
    gap: calc(16px * var(--layout-scale));
}

.anxiety-card-num {
    flex-shrink: 0;
    width: calc(68px * var(--layout-scale));
    height: calc(80px * var(--layout-scale));
    object-fit: contain;
}

.anxiety-card-title {
    flex: 1;
    font-size: calc(24px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.anxiety-card-line {
    margin: calc(16px * var(--layout-scale)) 0;
    border-top: calc(1px * var(--layout-scale)) dashed #D4DBE6;
}

.anxiety-card-body {
    position: relative;
    flex: 1;
    /* padding: calc(8px * var(--layout-scale)) calc(12px * var(--layout-scale)); */
    min-height: calc(120px * var(--layout-scale));
}

.anxiety-quote {
    position: absolute;
    object-fit: contain;
}

.anxiety-quote-tl {
    top: 0;
    left: 0;
    width: calc(24px * var(--layout-scale));
    height: calc(20px * var(--layout-scale));
}

.anxiety-quote-br {
    right: 0;
    bottom: 0;
    width: calc(16px * var(--layout-scale));
    height: calc(14px * var(--layout-scale));
}

.anxiety-card-text {
    padding: calc(14px * var(--layout-scale)) calc(30px * var(--layout-scale)) calc(16px * var(--layout-scale));
    font-size: calc(16px * var(--font-scale));
    color: #070B12;
    font-weight: 400;
    line-height: calc(22px * var(--layout-scale));
    text-align: justify;

}

.anxiety-card-sign {
    margin-top: calc(16px * var(--layout-scale));
    font-size: calc(16px * var(--font-scale));
    color: #5C6573;
    text-align: right;
    line-height: 1;
}

.anxiety-more {
    display: block;
    width: calc(228px * var(--layout-scale));
    margin: calc(40px * var(--layout-scale)) auto 0;
    transition: opacity 0.3s ease;
}

.anxiety-more:hover {
    opacity: 0.88;
}

.anxiety-more img {
    display: block;
    width: 100%;
    height: auto;
}

/* 全品类定制开发服务 */
.service-section {
    width: 100%;
    background: #ffffff;
    padding: calc(80px * var(--layout-scale)) 0 0;
}

.service-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.service-title {
    text-align: center;
    font-size: calc(40px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.service-intro {
    margin-top: calc(24px * var(--layout-scale));
    text-align: center;
}

.service-intro p {
    font-size: calc(16px * var(--font-scale));
    color: #666666;
    line-height: 1.8;
}

.service-intro p+p {
    /* margin-top: calc(8px * var(--layout-scale)); */
}

.service-tabs {
    display: flex;
    justify-content: space-between;
    margin-top: calc(40px * var(--layout-scale));
    margin-bottom: 0;
}

.service-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    cursor: pointer;
    user-select: none;
}

.service-tab img {
    width: calc(80px * var(--layout-scale));
    height: calc(80px * var(--layout-scale));
    object-fit: contain;
    transition: transform 0.3s ease;
}

.service-tab span {
    display: block;
    position: relative;
    width: 100%;
    margin-top: calc(8px * var(--layout-scale));
    padding-bottom: calc(16px * var(--layout-scale));
    font-size: calc(20px * var(--font-scale));
    color: #070B12;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    border-bottom: calc(5px * var(--layout-scale)) solid transparent;
    transition: color 0.3s ease;
    box-sizing: border-box;
}

.service-tab.active span {
    font-weight: 600;
    color: #1654FF;
    background: linear-gradient(180deg, #169AFF 0%, #1654FF 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    border-bottom-color: transparent;
}

.service-tab.active span::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    height: calc(5px * var(--layout-scale));
    background: linear-gradient(180deg, #169AFF 0%, #1654FF 100%);
}

.service-tab:hover img {
    transform: translateY(calc(-4px * var(--layout-scale)));
}

.service-panel {
    position: relative;
    width: 100%;
    margin-top: 0;
    background: radial-gradient(427.89% 170.7% at 44.43% -63.21%, #F0F9FF 0%, #E8F1FF 100%);
    overflow: visible;
    height: calc(574px * var(--layout-scale));
}

.service-panel-wrap {
    position: relative;
    width: calc(1440px * var(--layout-scale));
    height: 100%;
    margin: 0 auto;
    padding: calc(48px * var(--layout-scale)) 0;
    box-sizing: border-box;
}

.service-panel-contents {
    position: relative;
    z-index: 1;
    width: calc(814px * var(--layout-scale));
}

.service-panel-content {
    display: none;
}

.service-panel-content.active {
    display: block;
}

.service-panel-title {
    font-size: calc(40px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    margin-bottom: calc(24px * var(--layout-scale));
}

.service-detail-list {
    margin: 0;
    padding-left: calc(16px * var(--layout-scale));
}

.service-detail-list dt {
    display: inline;
    font-family: SourceHanSansCN-Medium, "思源黑体", sans-serif;
    font-size: calc(20px * var(--font-scale));
    font-weight: bold;
    color: #2D3440;
    line-height: 1.8;
}

.service-detail-list dt::before {
    content: '';
    display: inline-block;
    width: calc(6px * var(--layout-scale));
    height: calc(6px * var(--layout-scale));
    margin-right: calc(10px * var(--layout-scale));
    margin-left: calc(-16px * var(--layout-scale));
    border-radius: 50%;
    background: #2D3440;
    vertical-align: calc(3px * var(--layout-scale));
}

.service-detail-list dd {
    display: inline;
    margin: 0;
    font-family: SourceHanSerifCN-Regular, "思源宋体", serif;
    font-size: calc(20px * var(--font-scale));
    font-weight: 400;
    color: #2D3440;
    line-height: 1.8;
}

.service-detail-list dd::after {
    content: '';
    display: block;
    margin-bottom: calc(24px * var(--layout-scale));
}

.service-detail-list dd:last-child::after {
    margin-bottom: 0;
}

.service-panel-visual {
    position: absolute;
    right: calc(-20px * var(--layout-scale));
    top: 0;
    bottom: 0;
    width: calc(739px * var(--layout-scale));
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.service-panel-visual img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

/* 顶部导航 — 固定顶部，默认透明，滚动后白底 */
#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: calc(20px * var(--layout-scale)) calc(240px * var(--layout-scale)) 0;
    overflow: visible;
    background: transparent;
    transition: background 0.3s ease, box-shadow 0.3s ease, padding-bottom 0.3s ease;
}

#header.is-scrolled {
    background: rgba(255, 255, 255, 0.96);
    padding-bottom: calc(12px * var(--layout-scale));
    box-shadow: 0 calc(1px * var(--layout-scale)) 0 rgba(0, 0, 0, 0.04);
}

#header .header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

#header .logo {
    flex-shrink: 0;
    width: calc(212px * var(--layout-scale));
    height: calc(46px * var(--layout-scale));
}

#header .logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#header .nav {
    flex: 1;
    display: flex;
    justify-content: center;
    min-width: 0;
}

#header .nav>ul {
    display: flex;
    align-items: center;
    gap: calc(40px * var(--layout-scale));
}

#header .nav>ul>li {
    position: relative;
    flex-shrink: 0;
}

#header .nav>ul>li>a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* height: calc(70px * var(--layout-scale)); */
    font-size: calc(16px * var(--layout-scale));
    font-weight: 400;
    color: #070B12;
    line-height: 1;
    white-space: nowrap;
    transition: color 0.3s;
}

#header .nav>ul>li>a:hover,
#header .nav>ul>li.active>a {
    color: #000000;
    font-weight: 600;
}

#header .nav>ul>li.active>a::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: calc(-16px * var(--layout-scale));
    transform: translateX(-50%);
    width: calc(16px * var(--layout-scale));
    height: calc(16px * var(--layout-scale));
    background: url('../img/nav_atv.png') no-repeat center / contain;
}

#header .nav-down {
    display: block;
    width: calc(12px * var(--layout-scale));
    height: calc(12px * var(--layout-scale));
    margin-left: calc(2px * var(--layout-scale));
    flex-shrink: 0;
    transition: opacity 0.2s ease;
}

#header .nav>ul>li.nav-item-has-sub {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

#header .nav-project-panel {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 101;
    width: max-content;
    padding: calc(20px * var(--layout-scale)) 0 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(calc(4px * var(--layout-scale)));
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    pointer-events: none;
    box-sizing: border-box;
}

#header .nav-project-panel.is-open {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto;
}

#header .nav-project-panel::before {
    content: '';
    position: absolute;
    top: calc(13px * var(--layout-scale));
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: calc(7px * var(--layout-scale)) solid transparent;
    border-right: calc(7px * var(--layout-scale)) solid transparent;
    border-bottom: calc(7px * var(--layout-scale)) solid #FFFFFF;
    filter: drop-shadow(0 calc(-2px * var(--layout-scale)) calc(2px * var(--layout-scale)) rgba(7, 11, 18, 0.06));
    pointer-events: none;
    z-index: 2;
}

#header .nav-project-list {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(12px * var(--layout-scale));
    box-shadow: 0 calc(4px * var(--layout-scale)) calc(16px * var(--layout-scale)) rgba(7, 11, 18, 0.08);
    overflow: hidden;
    box-sizing: border-box;
}

#header .nav-project-item {
    position: relative;
}

#header .nav-project-link {
    display: block;
    width: 100%;
    min-width: calc(234px * var(--layout-scale));
    padding: calc(14px * var(--layout-scale)) calc(20px * var(--layout-scale));
    background: transparent;
    color: #070B12;
    border-radius: 0;
    font-size: calc(20px * var(--font-scale));
    font-weight: 400;
    text-align: left;
    line-height: calc(20px * var(--layout-scale));
    transition: background 0.2s ease, color 0.2s ease;
    white-space: nowrap;
    box-sizing: border-box;
}

#header .nav-project-link:hover {
    background: #E7EEFF;
    color: #1654FF;
    font-weight: bold;
}

#header .header-phone {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding: calc(12px * var(--layout-scale)) calc(16px * var(--layout-scale));
    background: #1654FF;
    border-radius: calc(8px * var(--layout-scale));
    transition: background 0.3s;
}

#header .header-phone:hover {
    background: #1a52d9;
}

#header .header-phone img {
    display: block;
    width: calc(20px * var(--layout-scale));
    height: calc(20px * var(--layout-scale));
    flex-shrink: 0;
}

#header .header-phone span {
    margin-left: calc(4px * var(--layout-scale));
    font-size: calc(20px * var(--font-scale));
    color: #ffffff;
    white-space: nowrap;
    letter-spacing: calc(0.5px * var(--layout-scale));
}

/* 移动端菜单按钮（默认隐藏，JS 注入） */
.header-menu-toggle {
    display: none;
    flex-shrink: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    min-width: 40px;
    height: auto;
    margin-left: 8px;
    padding: 4px 6px;
    border: none;
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
    box-sizing: border-box;
}

.header-menu-toggle-bars span {
    display: block;
    width: 20px;
    height: 2px;
    margin: 3px auto;
    background: #070B12;
    border-radius: 1px;
    transition: transform 0.25s ease, opacity 0.25s ease;
}

.header-menu-toggle-label {
    font-size: 11px;
    line-height: 1;
    color: #070B12;
    font-weight: 400;
}

#header.is-nav-open .header-menu-toggle-bars span:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
}

#header.is-nav-open .header-menu-toggle-bars span:nth-child(2) {
    opacity: 0;
}

#header.is-nav-open .header-menu-toggle-bars span:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
}

.nav-overlay {
    display: none;
}

body.is-nav-locked {
    overflow: hidden;
}

/* 顶部导航响应式 ≤800px（仅手机端侧滑菜单） */
@media (max-width: 800px) {
    #header {
        padding: 8px 12px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
    }

    #header.is-scrolled {
        padding-bottom: 8px;
    }

    #header .header-inner {
        position: relative;
        z-index: 103;
        gap: 8px;
    }

    #header .logo {
        width: 120px;
        height: 28px;
        flex-shrink: 0;
    }

    #header .header-phone {
        display: flex;
        align-items: center;
        margin-left: auto;
        padding: 6px 10px;
        border-radius: 8px;
        flex-shrink: 1;
        min-width: 0;
    }

    #header .header-phone img {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    #header .header-phone span {
        display: block;
        margin-left: 4px;
        font-size: 13px;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .header-menu-toggle {
        display: flex;
        flex-shrink: 0;
    }

    .nav-overlay {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 101;
        background: rgba(7, 11, 18, 0.45);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    #header.is-nav-open .nav-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    #header .nav {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 102;
        flex: none;
        width: min(300px, 88vw);
        height: 100vh;
        height: 100dvh;
        padding: 56px 0 24px;
        background: #FFFFFF;
        box-shadow: -8px 0 24px rgba(7, 11, 18, 0.08);
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        justify-content: flex-start;
    }

    #header.is-nav-open .nav {
        transform: translateX(0);
    }

    #header .nav>ul {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: 100%;
    }

    #header .nav>ul>li {
        width: 100%;
        border-bottom: 1px solid #F0F2F5;
    }

    #header .nav>ul>li>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 13px 16px;
        font-size: 14px;
        line-height: 22px;
        box-sizing: border-box;
    }

    #header .nav>ul>li.active>a {
        color: #1654FF;
        font-weight: 600;
        background: #F5F8FF;
    }

    #header .nav>ul>li.active>a::after {
        display: none;
    }

    #header .nav>ul>li.nav-item-has-sub {
        display: block;
        align-items: stretch;
    }

    #header .nav-down {
        width: 12px;
        height: 12px;
        margin-left: 8px;
        transition: transform 0.25s ease;
    }

    #header .nav-item-has-sub.is-sub-open .nav-down {
        transform: rotate(180deg);
    }

    #header .nav-project-panel {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transform: none;
        pointer-events: auto;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }

    #header .nav-project-panel::before {
        display: none;
    }

    #header .nav-item-has-sub.is-sub-open .nav-project-panel,
    #header .nav-project-panel.is-open {
        max-height: 240px;
    }

    #header .nav-project-list {
        border-radius: 0;
        box-shadow: none;
        background: #F8FAFC;
    }

    #header .nav-project-link {
        min-width: 0;
        padding: 11px 16px 11px 28px;
        font-size: 13px;
        line-height: 20px;
        white-space: normal;
    }

    #header .nav-project-link:hover {
        font-weight: 500;
    }
}

/* 案例展示 */
.case-section {
    width: 100%;
    background: #ffffff;
    padding: calc(80px * var(--layout-scale)) 0 calc(48px * var(--layout-scale));
}

.case-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.case-title {
    text-align: center;
    font-size: calc(40px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.case-intro {
    margin-top: calc(24px * var(--layout-scale));
    text-align: center;
}

.case-intro p {
    font-size: calc(16px * var(--font-scale));
    color: #666666;
    line-height: 1.8;
}

.case-scroll-viewport {
    position: relative;
    width: 100%;
    margin-top: calc(40px * var(--layout-scale));
    overflow: hidden;
}

.scroll-box {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: calc(180px * var(--layout-scale));
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
}

.scroll-zone {
    flex: 1;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: url('../img/home_img21_cursor.png') 5 5, pointer;
    pointer-events: auto;
}

.scroll-zone-center {
    width: calc(200px * var(--layout-scale));
    flex-shrink: 0;
    pointer-events: none;
}

.case-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-left: calc(40px * var(--layout-scale));
    padding-right: calc(40px * var(--layout-scale));
    padding-bottom: calc(190px * var(--layout-scale));
}

.case-scroll::-webkit-scrollbar {
    display: none;
}

.case-masonry-track {
    display: flex;
    justify-content: center;
    min-width: 100%;
    width: max-content;
    margin: 0 auto;
}

/* 瀑布流：按列纵向堆叠，列与列之间垂直居中对齐 */
.case-masonry {
    display: flex;
    align-items: center;
    gap: calc(32px * var(--layout-scale));
    position: relative;
    z-index: 10;
}

.case-column {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: calc(32px * var(--layout-scale));
    width: calc(342px * var(--layout-scale));
}

.case-card,
a.case-card:link,
a.case-card:visited,
a.case-card:hover,
a.case-card:active,
a.case-card:focus {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #070707;
    border-radius: calc(24px * var(--layout-scale));
    padding: calc(16px * var(--layout-scale));
    box-sizing: border-box;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    outline: none;
}

.case-card-visual {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: calc(256px * var(--layout-scale));
    border-radius: calc(12px * var(--layout-scale));
    overflow: hidden;
}

.case-card-visual::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 40%;
    background: linear-gradient(180deg, rgba(7, 11, 18, 0) 0%, #070B12 100%);
    pointer-events: none;
}

.case-card-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

.case-card-body {
    margin-top: calc(16px * var(--layout-scale));
    /* padding: calc(16px * var(--layout-scale)) calc(8px * var(--layout-scale)) calc(8px * var(--layout-scale)); */
}

.case-card-title {
    font-size: calc(20px * var(--font-scale));
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.case-card-desc {
    margin-top: calc(8px * var(--layout-scale));
    max-height: calc(224px * var(--layout-scale));
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    font-size: calc(14px * var(--font-scale));
    color: rgb(255, 255, 255);
    line-height: calc(20px * var(--layout-scale));
    text-align: center;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.35) transparent;
}

.case-card-desc::-webkit-scrollbar {
    width: calc(4px * var(--layout-scale));
}

.case-card-desc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.35);
    border-radius: calc(2px * var(--layout-scale));
}

.case-card-action {
    max-height: 0;
    margin-top: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, opacity 0.3s ease, margin-top 0.3s ease;
}

.case-card:hover .case-card-action {
    max-height: calc(48px * var(--layout-scale));
    margin: 0 auto;
    margin-top: calc(16px * var(--layout-scale));
    width: calc(128px * var(--layout-scale));
    opacity: 1;
}

.case-card-action img {
    display: block;
    width: 100%;
    height: auto;
}

.case-fade-right {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(380px * var(--layout-scale));
    height: 100%;
    object-fit: fill;
    pointer-events: none;
    z-index: 30;
}

/* 底部蒙层：叠在列表下半段 + 按钮区域上方 */
.case-fade-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(416px * var(--layout-scale));
    object-fit: fill;
    object-position: bottom center;
    pointer-events: none;
    z-index: 2;
}

.case-more {
    position: absolute;
    left: 50%;
    bottom: calc(56px * var(--layout-scale));
    transform: translateX(-50%);
    z-index: 4;
    display: block;
    width: calc(200px * var(--layout-scale));
    margin: 0;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.case-more img {
    display: block;
    width: 100%;
    height: auto;
}

.case-more:hover {
    opacity: 0.88;
}

/* 自研产品矩阵 */
.product-section {
    width: 100%;
    background: #ffffff;
    padding: calc(80px * var(--layout-scale)) 0;
    padding-bottom: 0;
}

.product-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.product-title {
    text-align: center;
    font-size: calc(40px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.product-subtitle {
    /* margin-top: calc(12px * var(--layout-scale)); */
    text-align: center;
    font-size: calc(40px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.product-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.product-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    line-height: calc(28px * var(--layout-scale));
}

.product-showcase {
    display: flex;
    align-items: stretch;
    gap: calc(32px * var(--layout-scale));
    margin-top: calc(32px * var(--layout-scale));
}

.product-showcase--reverse {
    flex-direction: row-reverse;
}

.product-showcase-left {
    flex: 1;
    min-width: 0;
    padding: calc(22px * var(--layout-scale)) calc(32px * var(--layout-scale)) calc(32px * var(--layout-scale)) calc(32px * var(--layout-scale));
    background: url('../img/home_img23.png') no-repeat center / cover;
    box-sizing: border-box;
    height: calc(510px * var(--layout-scale));
}

.product-showcase-left--crm {
    background-image: url('../img/home_img39.png');
}

.product-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(14px * var(--layout-scale));
}

.product-card-brand {
    display: flex;
    align-items: center;
    gap: calc(10px * var(--layout-scale));
    min-width: 0;
}

.product-card-logo {
    flex-shrink: 0;
    width: calc(56px * var(--layout-scale));
    height: calc(56px * var(--layout-scale));
    object-fit: contain;
}

.product-card-name {
    font-size: calc(24px * var(--font-scale));
    font-weight: bold;
    color: #1A2840;
}

.product-card-more {
    display: inline-flex;
    align-items: center;
    gap: calc(10px * var(--layout-scale));
    flex-shrink: 0;
    font-size: calc(24px * var(--font-scale));
    color: #1654FF;
    text-decoration: none;
    white-space: nowrap;
}

.product-card-more img {
    width: calc(16px * var(--layout-scale));
    height: calc(16px * var(--layout-scale));
    object-fit: contain;
}

.product-feature-panel {
    margin-top: calc(32px * var(--layout-scale));
    padding: calc(16px * var(--layout-scale));
    background: rgb(255, 255, 255);
    border-radius: calc(16px * var(--layout-scale));
    box-sizing: border-box;
}

.product-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(24px * var(--layout-scale)) calc(32px * var(--layout-scale));
}

.product-feature-item {
    display: grid;
    grid-template-columns: calc(32px * var(--layout-scale)) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: calc(8px * var(--layout-scale));
    row-gap: calc(4px * var(--layout-scale));
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.product-feature-item--empty {
    visibility: hidden;
}

.product-feature-item-head {
    display: contents;
}

.product-feature-icon {
    grid-column: 1;
    grid-row: 1;
    width: calc(40px * var(--layout-scale));
    height: calc(40px * var(--layout-scale));
    object-fit: contain;
}

.product-feature-name {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    font-size: calc(20px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: calc(28px * var(--layout-scale));
}

.product-card-more img {
    width: 10px;
    height: 10px;
}

.product-feature-desc {
    grid-column: 2;
    grid-row: 2;
    margin: 0;
    font-size: calc(14px * var(--font-scale));
    color: #5C6573;
    /* line-height: calc(20px * var(--layout-scale)); */
}

.product-showcase-right {
    flex-shrink: 0;
    width: calc(400px * var(--layout-scale));
    /* max-width: 400px; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.product-showcase-right img {
    display: block;
    width: 100%;
    height: auto;
    /* max-height: calc(510px * var(--layout-scale)); */
    object-fit: contain;
}

/* AI大模型 + 智能体落地生态 */
.ai-section {
    width: 100%;
    background: #ffffff;
    /* padding: calc(80px * var(--layout-scale)) 0; */
}

.ai-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
    margin-top: calc(80px * var(--layout-scale));
}

.ai-title {
    text-align: center;
    font-size: calc(40px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.ai-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.ai-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    line-height: calc(28px * var(--layout-scale));
}

.ai-showcase {
    width: 100%;
    margin-top: calc(40px * var(--layout-scale));
    min-height: calc(646px * var(--layout-scale));
    background: url('../img/home_img56.png') no-repeat center / cover;
    box-sizing: border-box;
    padding: calc(56px * var(--layout-scale)) calc(240px * var(--layout-scale));
}

.ai-showcase-inner {
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.ai-feature-list {
    display: flex;
    flex-direction: column;
    gap: calc(24px * var(--layout-scale));

}

.ai-feature-item {
    display: grid;
    grid-template-columns: calc(32px * var(--layout-scale)) minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: calc(16px * var(--layout-scale));
    row-gap: calc(8px * var(--layout-scale));
    align-items: start;
    padding: calc(24px * var(--layout-scale)) calc(24px * var(--layout-scale));
    background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 100%);
    border-radius: calc(16px * var(--layout-scale));

    box-sizing: border-box;
}

.ai-feature-icon {
    grid-column: 1;
    grid-row: 1;
    width: calc(32px * var(--layout-scale));
    height: calc(32px * var(--layout-scale));
    object-fit: contain;
}

.ai-feature-name {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    font-size: calc(24px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: calc(34px * var(--layout-scale));
}

.ai-feature-desc {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
    font-size: calc(16px * var(--font-scale));
    color: #2D3440;
    line-height: calc(22px * var(--layout-scale));
}

/* 深耕多元行业 */
.industry-section {
    width: 100%;
    background: #ffffff;
    padding: calc(80px * var(--layout-scale)) 0;
}

.industry-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.industry-title {
    text-align: center;
    font-size: calc(40px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.industry-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.industry-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    line-height: calc(28px * var(--layout-scale));
}

.industry-grid {
    display: flex;
    gap: calc(12px * var(--layout-scale));
    margin-top: calc(40px * var(--layout-scale));
}

.industry-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    height: calc(400px * var(--layout-scale));
    overflow: hidden;
    background: no-repeat center / cover;
    cursor: pointer;
    transition: flex 0.4s ease, background-image 0.4s ease;
}

.industry-card.is-active {
    flex: 0 0 calc(400px * var(--layout-scale));
}

.industry-card--1 {
    background-image: url('../img/home_img57.png');
}

.industry-card--1.is-active {
    background-image: url('../img/home_img69.png');
}

.industry-card--2 {
    background-image: url('../img/home_img58.png');
}

.industry-card--2.is-active {
    background-image: url('../img/home_img70.png');
}

.industry-card--3 {
    background-image: url('../img/home_img59.png');
}

.industry-card--3.is-active {
    background-image: url('../img/home_img71.png');
}

.industry-card--4 {
    background-image: url('../img/home_img60.png');
}

.industry-card--4.is-active {
    background-image: url('../img/home_img72.png');
}

.industry-card--5 {
    background-image: url('../img/home_img61.png');
}

.industry-card--5.is-active {
    background-image: url('../img/home_img73.png');
}

.industry-card--6 {
    background-image: url('../img/home_img62.png');
}

.industry-card--6.is-active {
    background-image: url('../img/home_img74.png');
}

.industry-card-body {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: calc(24px * var(--layout-scale)) calc(24px * var(--layout-scale));
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.industry-card.is-active .industry-card-body {
    opacity: 1;
    visibility: visible;
}

.industry-card-title {
    margin: 0;
    font-size: calc(24px * var(--font-scale));
    font-weight: bold;
    color: #ffffff;
    line-height: calc(34px * var(--layout-scale));
}

.industry-card-desc {
    margin: calc(16px * var(--layout-scale)) 0 0;
    font-size: calc(16px * var(--font-scale));
    color: rgb(255, 255, 255);
    line-height: calc(22px * var(--layout-scale));
}

.industry-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8px * var(--layout-scale));
    margin-top: calc(32px * var(--layout-scale));
    padding-top: calc(16px * var(--layout-scale));
}

.industry-card-tag {
    padding: calc(4px * var(--layout-scale)) calc(12px * var(--layout-scale));
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: calc(4px * var(--layout-scale));
    font-size: calc(16px * var(--font-scale));
    font-weight: 400;
    color: #ffffff;
    white-space: nowrap;
}

.industry-card-foot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(24px * var(--layout-scale));
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(4px * var(--layout-scale));
    box-sizing: border-box;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.industry-card.is-active .industry-card-foot {
    opacity: 0;
    visibility: hidden;
}

.industry-card-icon {
    width: calc(16px * var(--layout-scale));
    height: calc(16px * var(--layout-scale));
    object-fit: contain;
}

.industry-card-name {
    margin: 0;
    font-size: calc(14px * var(--font-scale));
    font-weight: 400;
    color: #ffffff;
    line-height: calc(20px * var(--layout-scale));
    text-align: center;
}

/* 资质实力见证 */
.cert-section {
    width: 100%;
    background: #ffffff;
    padding: calc(80px * var(--layout-scale)) 0 0;
}

.cert-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.cert-title {
    text-align: center;
    font-size: calc(48px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.cert-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.cert-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    font-weight: 400;
    line-height: calc(28px * var(--layout-scale));
}

.cert-carousel-wrap {
    margin-top: calc(40px * var(--layout-scale));
    overflow: hidden;
}

.cert-carousel {
    width: 100%;
    height: calc(460px * var(--layout-scale));
    position: relative;
}

.cert-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.cert-item {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(305px * var(--layout-scale));
    transform: translate(-50%, -50%);
    transform-origin: center center;
    transition: transform 0.45s ease, opacity 0.45s ease;
    will-change: transform, opacity;
    cursor: pointer;
}

.cert-slide-card {
    background: #ffffff;
    border-radius: calc(16px * var(--layout-scale));
    padding: calc(8px * var(--layout-scale));
    box-shadow: 0 calc(9px * var(--layout-scale)) calc(41px * var(--layout-scale)) rgba(0, 8, 41, 0.09), 0 calc(-3px * var(--layout-scale)) calc(10px * var(--layout-scale)) rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
}

.cert-slide-card img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.cert-slide-name {
    margin: calc(16px * var(--layout-scale)) 0 0;
    font-size: calc(20px * var(--font-scale));
    font-weight: bold;
    color: #1654FF;
    text-align: center;
    opacity: 0;
    transition: opacity 0.35s ease;
}

.cert-item.is-active {
    cursor: default;
}

.cert-item.is-active .cert-slide-name {
    opacity: 1;
}

/* 资质荣誉展示 */
.honor-showcase {
    position: relative;
    width: 100%;
    margin-top: 0;
}

.honor-showcase-bg {
    width: 100%;
    height: calc(1080px * var(--layout-scale));
    background: url('../img/home_img82.png') no-repeat center / cover;
}

.honor-showcase-content {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(1440px * var(--layout-scale));
    height: 100%;
    max-width: 100%;
    pointer-events: none;
}

.honor-item {
    position: absolute;
    display: block;
    height: auto;
    object-fit: contain;
}

.honor-item--left {
    left: calc(98px * var(--layout-scale));
    top: calc(168px * var(--layout-scale));
    width: calc(448px * var(--layout-scale));

    z-index: 1;
}

.honor-item--center {
    left: 50%;
    top: calc(208px * var(--layout-scale));
    width: calc(519px * var(--layout-scale));
    height: calc(519px * var(--layout-scale));
    transform: translateX(-50%);
    z-index: 3;
}

.honor-item--right {
    right: calc(94px * var(--layout-scale));
    top: calc(176px * var(--layout-scale));
    width: calc(462px * var(--layout-scale));
    z-index: 1;
}

/* 核心人才 */
.team-section {
    width: 100%;
    background: #ffffff;
    /* padding: calc(80px * var(--layout-scale)) 0 calc(64px * var(--layout-scale)); */
}

.team-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.team-title {
    text-align: center;
    font-size: calc(48px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.team-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.team-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    font-weight: 400;
    line-height: calc(28px * var(--layout-scale));
}

.team-carousel-wrap {

    width: 100%;
    overflow: hidden;
}

.team-carousel {
    position: relative;
    width: 100%;
    height: calc(620px * var(--layout-scale));
}

.team-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.team-item {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(343px * var(--layout-scale));
    transform: translate(-50%, -50%);
    transform-origin: center center;
    transition: transform 0.45s ease;
    will-change: transform;
    cursor: pointer;
}

.team-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: calc(12px * var(--layout-scale));
    box-shadow: 0 calc(12px * var(--layout-scale)) calc(40px * var(--layout-scale)) rgba(26, 40, 64, 0.12);
}

.team-item.is-active {
    cursor: default;
}

/* 服务保障体系 */
.guarantee-section {
    width: 100%;
    padding: calc(32px * var(--layout-scale)) 0 calc(56px * var(--layout-scale));
    background: #F5F7FA url('../img/home_img91.png') no-repeat center top / 100% auto;
    box-sizing: border-box;
    min-height: calc(1180px * var(--layout-scale));
}

.guarantee-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.guarantee-title {
    text-align: center;
    font-size: calc(48px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.guarantee-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.guarantee-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    font-weight: 400;
    line-height: calc(28px * var(--layout-scale));
}

.guarantee-visual {
    position: relative;
    width: 100%;
    height: calc(942px * var(--layout-scale));
    --ring-radius: calc(564px * var(--layout-scale));
    --ring-center-bottom: calc(215px * var(--layout-scale));
    /* margin-top: calc(16px * var(--layout-scale)); */
}

.guarantee-ring {
    position: absolute;
    left: 48%;
    top: calc(100% - var(--ring-center-bottom));
    width: calc(var(--ring-radius) * 2);
    height: calc(var(--ring-radius) * 2);
    margin-left: calc(-1 * var(--ring-radius));
    margin-top: calc(-1 * var(--ring-radius));
    border: none;
    pointer-events: none;
}

.guarantee-ring-item {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: calc(20px * var(--font-scale));
    color: #000000;
    white-space: nowrap;
    transform: rotate(var(--angle)) translateY(calc(-1 * var(--ring-radius))) rotate(calc(-1 * var(--angle)));
}

.guarantee-core {
    position: absolute;
    left: 50%;
    top: calc(112% - var(--ring-center-bottom));
    width: calc(600px * var(--layout-scale));
    height: calc(268px * var(--layout-scale));
    transform: translate(-50%, -50%);
}

.guarantee-shield {
    position: absolute;
    left: 50%;
    bottom: calc(40px * var(--layout-scale));
    width: calc(320px * var(--layout-scale));
    height: auto;
    transform: translateX(-50%);
    z-index: 2;
    pointer-events: none;
}

.guarantee-pillar {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(16px * var(--layout-scale));
    text-align: center;
    transform: translate(-50%, -50%);
}

.guarantee-pillar img {
    width: calc(64px * var(--layout-scale));
    height: calc(64px * var(--layout-scale));
    object-fit: contain;
}

.guarantee-pillar p {
    margin: 0;
    font-size: calc(24px * var(--font-scale));
    font-weight: 500;
    color: #070B12;
    min-width: calc(120px * var(--layout-scale));

}

.guarantee-pillar--delivery {
    left: 50%;
    top: calc(-252px * var(--layout-scale));
}

.guarantee-pillar--accept {
    left: calc(36% - 176px * var(--layout-scale));
    top: calc(-50px * var(--layout-scale));
}

.guarantee-pillar--after {
    left: calc(68% + 176px * var(--layout-scale));
    top: calc(-42px * var(--layout-scale));
}

.guarantee-footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(24px * var(--layout-scale));
    margin-top: calc(74px * var(--layout-scale));
    padding: 0 calc(24px * var(--layout-scale));
}

.guarantee-footer-line {
    flex: 1;
    max-width: calc(420px * var(--layout-scale));
    height: 1px;
    background: linear-gradient(90deg, rgba(92, 101, 115, 0), rgba(92, 101, 115, 0.35));
}

.guarantee-footer-line:last-child {
    background: linear-gradient(90deg, rgba(92, 101, 115, 0.35), rgba(92, 101, 115, 0));
}

.guarantee-footer-text {
    flex-shrink: 0;
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    font-weight: 400;
    white-space: nowrap;
}

/* 客户 logo 轮播 */
.client-marquee {
    width: 100%;
    margin-top: calc(40px * var(--layout-scale));
    display: flex;
    flex-direction: column;
    gap: calc(32px * var(--layout-scale));
    overflow: hidden;
}

.client-marquee-row {
    width: 100%;
    overflow: hidden;
}

.client-marquee-track {
    display: flex;
    width: max-content;
    will-change: transform;
}

.client-marquee-group {
    display: flex;
    align-items: center;
    gap: calc(32px * var(--layout-scale));
    flex-shrink: 0;
    padding-right: calc(32px * var(--layout-scale));
    box-sizing: content-box;
}

.client-marquee-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(16px * var(--layout-scale));
    background: #FFFFFF;
    border-radius: calc(8px * var(--layout-scale));
    box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

.client-marquee-item img {
    display: block;
    height: calc(48px * var(--layout-scale));
    width: auto;
    max-width: none;
    object-fit: contain;
}

.client-marquee-row--left .client-marquee-track {
    animation: client-marquee-left 50s linear infinite;
}

.client-marquee-row--right .client-marquee-track {
    animation: client-marquee-right 55s linear infinite;
}

@keyframes client-marquee-left {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

@keyframes client-marquee-right {
    0% {
        transform: translate3d(-50%, 0, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

/* 行业洞察与技术分享 */
.insights-section {
    width: 100%;
    padding: calc(80px * var(--layout-scale)) 0 calc(72px * var(--layout-scale));
    background: url('../img/home_img113.png') no-repeat center / cover;
    box-sizing: border-box;
}

.insights-inner {
    width: calc(1440px * var(--layout-scale));
    margin: 0 auto;
}

.insights-title {
    text-align: center;
    font-size: calc(48px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: 1.4;
}

.insights-intro {
    margin-top: calc(16px * var(--layout-scale));
    text-align: center;
}

.insights-intro p {
    font-size: calc(20px * var(--font-scale));
    color: #5C6573;
    font-weight: 400;
    line-height: calc(28px * var(--layout-scale));
}

.insights-body {
    display: flex;
    align-items: stretch;
    gap: calc(32px * var(--layout-scale));
    margin-top: calc(40px * var(--layout-scale));
}

.insights-left {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: calc(24px * var(--layout-scale));
}

.insights-card,
a.insights-card:link,
a.insights-card:visited,
a.insights-card:hover,
a.insights-card:active,
a.insights-card:focus {
    flex: 1;
    display: flex;
    align-items: center;
    gap: calc(24px * var(--layout-scale));
    padding: calc(16px * var(--layout-scale));
    background: #FFFFFF;
    border-radius: calc(16px * var(--layout-scale));
    box-shadow: 0 calc(4px * var(--layout-scale)) calc(24px * var(--layout-scale)) rgba(0, 8, 41, 0.06);
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    outline: none;
    cursor: pointer;
}

.insights-card-text {
    flex: 1;
    min-width: 0;
}

.insights-card-text h3 {
    margin: 0;
    font-size: calc(20px * var(--font-scale));
    font-weight: bold;
    color: #070B12;
    line-height: calc(28px * var(--layout-scale));
}

.insights-card-text p {
    margin: calc(12px * var(--layout-scale)) 0 0;
    font-size: calc(16px * var(--font-scale));
    color: #5C6573;
    font-weight: 400;
    line-height: calc(20px * var(--layout-scale));
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.insights-card-pic {
    flex-shrink: 0;
    width: calc(210px * var(--layout-scale));
    height: calc(120px * var(--layout-scale));
    border-radius: calc(8px * var(--layout-scale));
    overflow: hidden;
}

.insights-card-pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.insights-right {
    flex: 0 0 calc(704px * var(--layout-scale));
    display: flex;
    flex-direction: column;
    gap: calc(32px * var(--layout-scale));
}

.insights-news-item,
a.insights-news-item:link,
a.insights-news-item:visited,
a.insights-news-item:hover,
a.insights-news-item:active,
a.insights-news-item:focus {
    flex: 1;
    display: flex;
    align-items: center;
    padding: calc(16px * var(--layout-scale));
    background: #FFFFFF;
    border-radius: calc(16px * var(--layout-scale));

    box-sizing: border-box;
    font-size: calc(20px * var(--font-scale));
    font-weight: 500;
    color: #070B12;
    line-height: calc(28px * var(--layout-scale));
    text-decoration: none;
    outline: none;
}

.insights-footer {
    margin-top: calc(80px * var(--layout-scale));
    text-align: center;
}

.insights-more-btn {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
    width: calc(228px * var(--layout-scale));
    height: calc(54px * var(--layout-scale));
}

.insights-more-btn img {
    display: block;
    width: calc(228px * var(--layout-scale));
    height: calc(54px * var(--layout-scale));
}

/* ========== 首页响应式 ≤1200px ========== */
@media (max-width: 1200px) {
    .main {
        overflow-x: hidden;
    }

    #header {
        padding-left: 40px;
        padding-right: 40px;
    }

    #header .nav>ul {
        gap: 20px;
    }

    #header .nav>ul>li>a {
        font-size: 14px;
    }

    #header .header-phone {
        padding: 8px 12px;
    }

    #header .header-phone span {
        font-size: 14px;
    }

    .banner {
        height: auto;
        min-height: 640px;
        overflow: hidden;
    }

    .banner-content {
        padding-top: 96px;
        padding-bottom: 200px;
        height: auto;
    }

    .banner-title {
        font-size: 32px;
        line-height: 1.35;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .banner-pic {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .banner-pic img {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .banner-services {
        width: 100%;
        max-width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .trust-bar-inner,
    .anxiety-inner,
    .service-inner,
    .case-inner,
    .product-inner,
    .ai-inner,
    .industry-inner,
    .cert-inner,
    .team-inner,
    .guarantee-inner,
    .insights-inner,
    .service-panel-wrap {
        width: 100%;
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }

    .trust-bar-inner {
        flex-wrap: wrap;
        justify-content: center;
        gap: 24px 32px;
        padding: 28px 40px;
    }

    .trust-item {
        flex: 0 0 calc(33.333% - 24px);
        min-width: 160px;
    }

    .trust-num {
        font-size: 36px;
    }

    .trust-label,
    .trust-desc {
        font-size: 14px;
        white-space: normal;
    }

    .anxiety-section {
        padding: 56px 0 0;
    }

    .anxiety-title {
        font-size: 32px;
        padding: 0 40px;
    }

    .anxiety-intro p {
        font-size: 16px;
        line-height: 24px;
    }

    .anxiety-cards {
        flex-direction: column;
        margin-top: 28px;
    }

    .anxiety-card {
        padding: 28px 24px;
    }

    .anxiety-card-title {
        font-size: 20px;
    }

    .anxiety-card-text {
        font-size: 14px;
        line-height: 22px;
    }

    .anxiety-more {
        width: 180px;
    }

    .service-section {
        padding-top: 56px;
    }

    .service-title,
    .case-title,
    .product-title,
    .product-subtitle,
    .ai-title,
    .industry-title {
        font-size: 28px;
    }

    .service-intro p,
    .case-intro p {
        font-size: 14px;
    }

    .service-tabs {
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 12px;
    }

    .service-tab {
        flex: 0 0 calc(25% - 12px);
        min-width: 100px;
    }

    .service-tab img {
        width: 56px;
        height: 56px;
    }

    .service-tab span {
        font-size: 14px;
        white-space: normal;
        line-height: 1.35;
        padding-bottom: 10px;
    }

    .service-panel {
        height: auto;
        min-height: 480px;
        overflow: hidden;
    }

    .service-panel-wrap {
        display: flex;
        flex-direction: column;
        height: auto;
        padding: 32px 40px 40px;
    }

    .service-panel-contents {
        width: 100%;
    }

    .service-panel-title {
        font-size: 28px;
    }

    .service-detail-list dt,
    .service-detail-list dd {
        font-size: 16px;
    }

    .service-panel-visual {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        width: 100%;
        max-width: 520px;
        margin: 24px auto 0;
        pointer-events: auto;
    }

    .case-section {
        padding: 56px 0 40px;
        overflow-x: hidden;
    }

    .case-scroll-viewport {
        overflow-x: hidden;
    }

    .case-column {
        width: 280px;
    }

    .case-card-visual {
        height: auto;
        aspect-ratio: 4 / 3;
    }

    .case-card-visual img {
        height: auto;
        object-fit: cover;
    }

    .case-fade-right {
        width: 120px;
    }

    .case-fade-bottom {
        height: 280px;
    }

    .scroll-box {
        height: 140px;
    }

    .case-scroll {
        padding-bottom: 150px;
    }

    .product-section {
        padding-top: 56px;
    }

    .product-intro p,
    .ai-intro p,
    .industry-intro p,
    .cert-intro p,
    .team-intro p,
    .guarantee-intro p,
    .insights-intro p {
        font-size: 16px;
        line-height: 24px;
    }

    .product-showcase {
        flex-direction: column;
    }

    .product-showcase--reverse {
        flex-direction: column;
    }

    .product-showcase-left {
        height: auto;
        min-height: 0;
        padding: 20px 24px 24px;
    }

    .product-showcase-right {
        width: 100%;
        max-width: 420px;
        margin: 0 auto;
    }

    .product-showcase-right img {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 300px;
        margin: 0 auto;
        object-fit: contain;
    }

    .product-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 20px;
    }

    .product-card-name,
    .product-card-more {
        font-size: 18px;
    }

    .ai-section {
        overflow-x: hidden;
    }

    .ai-showcase {
        min-height: 0;
        margin-top: 28px;
        padding: 32px 40px;
        background-color: #F0F8FF;
        background-image: url('../img/home_img56.png');
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 88%;
    }

    .ai-showcase-inner {
        width: 100%;
        max-width: 100%;
    }

    .ai-feature-list {
        width: 58%;
        max-width: 640px;
        gap: 14px;
    }

    .ai-feature-item {
        padding: 18px 20px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 4px 16px rgba(0, 27, 89, 0.06);
    }

    .ai-feature-name {
        font-size: 18px;
        line-height: 26px;
    }

    .ai-feature-desc {
        font-size: 14px;
        line-height: 22px;
    }

    .industry-section {
        padding: 56px 0;
        overflow-x: hidden;
    }

    .industry-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 28px;
        gap: 10px;
    }

    .industry-card {
        flex: none;
        width: 100%;
        min-width: 0;
        height: auto;
        aspect-ratio: 23 / 40;
        transition: background-image 0.4s ease;
    }

    .industry-card.is-active {
        flex: none;
        width: 100%;
        height: auto;
        aspect-ratio: 23 / 40;
    }

    .industry-card-body {
        padding: 16px;
    }

    .industry-card-title {
        font-size: 18px;
        line-height: 26px;
    }

    .industry-card-desc {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }

    .industry-card-tags {
        margin-top: 20px;
        padding-top: 10px;
        gap: 6px;
    }

    .industry-card-tag {
        font-size: 13px;
        padding: 3px 8px;
    }

    .industry-card-foot {
        bottom: 16px;
    }

    .industry-card-name {
        font-size: 12px;
        line-height: 18px;
    }

    .cert-section {
        padding-top: 56px;
    }

    .cert-title,
    .team-title,
    .guarantee-title,
    .insights-title {
        font-size: 32px;
    }

    .cert-carousel {
        height: 360px;
    }

    .honor-showcase-bg {
        height: 640px;
    }

    .honor-showcase-content {
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }

    .honor-item--left {
        left: 40px;
        width: 36%;
        top: 120px;
    }

    .honor-item--center {
        width: 42%;
        height: auto;
        top: 140px;
    }

    .honor-item--right {
        right: 40px;
        width: 36%;
        top: 120px;
    }

    .team-carousel {
        height: 400px;
    }

    .guarantee-section {
        min-height: 0;
        padding: 40px 0 48px;
    }

    .guarantee-visual {
        height: 636px;
        --ring-radius: 354px;
        --ring-center-bottom: 156px;
    }

    .guarantee-ring {
        left: 47%;
        top: calc(93% - var(--ring-center-bottom));
    }

    .guarantee-ring-item {
        font-size: 15px;
    }

    .guarantee-core {
        width: 467px;
        height: 280px;
    }

    .guarantee-shield {
        width: 249px;
        bottom: calc(31px * var(--layout-scale));
    }

    .guarantee-pillar {
        gap: 12px;
    }

    .guarantee-pillar img {
        width: 50px;
        height: 50px;
    }

    .guarantee-pillar p {
        font-size: 19px;
        min-width: 93px;
    }

    .guarantee-pillar--delivery {
        top: -196px;
    }

    .guarantee-pillar--accept {
        left: calc(36% - 137px);
        top: -39px;
    }

    .guarantee-pillar--after {
        left: calc(68% + 137px);
        top: -33px;
    }

    .guarantee-footer {
        margin-top: 48px;
    }

    .guarantee-footer-text {
        font-size: 16px;
    }

    .client-marquee-item img {
        height: 36px;
    }

    .insights-section {
        padding: 56px 0 48px;
    }

    .insights-body {
        flex-direction: column;
    }

    .insights-right {
        flex: none;
        width: 100%;
    }

    .insights-card-text h3,
    .insights-news-item {
        font-size: 16px;
        line-height: 24px;
    }

    .insights-card-text p {
        font-size: 14px;
    }

    .insights-card-pic {
        width: 160px;
        height: auto;
        aspect-ratio: 7 / 4;
    }

    .insights-card-pic img {
        height: auto;
        object-fit: cover;
    }

    .insights-footer {
        margin-top: 40px;
    }

    .insights-more-btn,
    .insights-more-btn img {
        width: 180px;
        height: auto;
    }
}

/* ========== 首页响应式 ≤800px ========== */
@media (max-width: 800px) {
    #header .nav>ul {
        gap: 0;
    }

    .banner {
        min-height: 0;
    }

    .banner-content {
        padding-top: 64px;
        padding-bottom: 16px;
    }

    .banner-title {
        font-size: 22px;
        line-height: 1.4;
        padding: 0 16px;
    }

    .banner-pic {
        padding: 12px 16px 0;
    }

    .banner-services {
        position: relative;
        left: auto;
        transform: none;
        flex-direction: column;
        gap: 12px;
        padding: 16px;
        margin-top: 8px;
    }

    .banner-service-item,
    .banner-service-item:hover,
    .banner-services:not(:hover) .banner-service-item.is-default {
        flex: none;
        width: 100%;
        height: auto;
        min-height: 0;
        flex-direction: column;
        align-items: center;
        padding: 16px;
        border-radius: 12px;
        background: radial-gradient(745.07% 140.33% at 1.54% 0%, #169AFF 0%, #1654FF 100%);
        box-shadow: 0 4px 16px rgba(0, 27, 89, 0.12);
    }

    .banner-service-item::before,
    .banner-service-item::after,
    .banner-service-item:hover::before,
    .banner-service-item:hover::after,
    .banner-services:not(:hover) .banner-service-item.is-default::before,
    .banner-services:not(:hover) .banner-service-item.is-default::after {
        display: none;
    }

    .banner-service-item:first-child,
    .banner-service-item:last-child {
        border-radius: 12px;
    }

    .banner-service-icon,
    .banner-service-item:hover .banner-service-icon,
    .banner-services:not(:hover) .banner-service-item.is-default .banner-service-icon {
        position: static;
        transform: none;
        opacity: 1;
        width: 48px;
        height: 48px;
        margin-bottom: 8px;
    }

    .banner-service-title {
        font-size: 16px;
    }

    .banner-service-desc {
        font-size: 13px;
        max-width: 100%;
    }

    .banner-service-btn {
        font-size: 13px;
        margin-top: 10px;
        padding: 5px 14px;
        color: #1654FF;
        background: #ffffff;
        border-color: #ffffff;
    }

    .trust-bar-inner,
    .anxiety-inner,
    .service-inner,
    .case-inner,
    .product-inner,
    .ai-inner,
    .industry-inner,
    .cert-inner,
    .team-inner,
    .insights-inner,
    .service-panel-wrap {
        padding-left: 16px;
        padding-right: 16px;
    }

    .trust-bar {
        overflow-x: hidden;
    }

    .trust-bar-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 16px;
        gap: 10px 12px;
        box-sizing: border-box;
        justify-content: stretch;
    }

    .trust-item {
        flex: none;
        width: auto;
        min-width: 0;
        flex-shrink: 1;
        align-items: center;
        gap: 6px;
    }

    .trust-item:last-child {
        grid-column: 1 / -1;
        /* justify-self: center; */
        width: auto;
        max-width: 280px;
    }

    .trust-num {
        font-size: 24px;
        flex-shrink: 0;
        line-height: 1.1;
    }

    .trust-info {
        margin-left: 0;
        min-width: 0;
        flex: 1;
    }

    .trust-label,
    .trust-desc {
        font-size: 12px;
        line-height: 1.4;
        white-space: normal;
        word-break: break-word;
    }

    .anxiety-section {
        padding-top: 40px;
    }

    .anxiety-title {
        font-size: 22px;
        padding: 0 16px;
    }

    .anxiety-intro p {
        font-size: 14px;
        line-height: 22px;
    }

    .anxiety-card {
        padding: 20px 16px;
        border-radius: 12px;
    }

    .anxiety-card-num {
        width: 48px;
        height: 56px;
    }

    .anxiety-card-title {
        font-size: 16px;
    }

    .anxiety-card-text {
        padding: 10px 16px 12px;
        font-size: 13px;
        line-height: 20px;
    }

    .anxiety-card-sign {
        font-size: 13px;
    }

    .anxiety-more {
        width: 140px;
        margin-top: 28px;
    }

    .service-section {
        padding-top: 40px;
    }

    .service-title,
    .case-title,
    .product-title,
    .product-subtitle,
    .ai-title,
    .industry-title,
    .cert-title,
    .team-title,
    .guarantee-title,
    .insights-title {
        font-size: 22px;
        line-height: 1.35;
    }

    .service-intro p,
    .case-intro p,
    .product-intro p,
    .ai-intro p,
    .industry-intro p,
    .cert-intro p,
    .team-intro p,
    .guarantee-intro p,
    .insights-intro p {
        font-size: 13px;
        line-height: 20px;
    }

    .service-tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 16px;
        margin-top: 24px;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    .service-tabs::-webkit-scrollbar {
        display: none;
    }

    .service-tab {
        flex: 0 0 72px;
        min-width: 72px;
    }

    .service-tab img {
        width: 44px;
        height: 44px;
    }

    .service-tab span {
        font-size: 11px;
        margin-top: 6px;
        padding-bottom: 8px;
    }

    .service-panel {
        min-height: 0;
    }

    .service-panel-wrap {
        padding: 24px 16px 28px;
    }

    .service-panel-title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .service-detail-list dt,
    .service-detail-list dd {
        font-size: 13px;
        line-height: 1.7;
    }

    .service-detail-list dd::after {
        margin-bottom: 14px;
    }

    .service-panel-visual {
        max-width: 100%;
        margin-top: 12px;
        display: flex;
        justify-content: center;
    }

    .service-panel-visual img {
        width: auto;
        max-width: 72%;
        max-height: 330px;
        object-fit: contain;
    }

    .case-section {
        padding: 40px 0 32px;
    }

    .case-inner {
        padding-left: 16px;
        padding-right: 16px;
    }

    .case-scroll {
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 120px;
    }

    .case-column {
        width: 240px;
        gap: 16px;
    }

    .case-masonry {
        gap: 16px;
    }

    .case-card {
        border-radius: 16px;
        padding: 12px;
    }

    .case-card-title {
        font-size: 16px;
    }

    .case-card-desc {
        font-size: 13px;
        line-height: 18px;
        max-height: 160px;
    }

    .case-card-action,
    .case-card:hover .case-card-action {
        max-height: 36px;
        width: 96px;
        opacity: 1;
        margin-top: 12px;
    }

    .case-fade-right {
        width: 60px;
    }

    .case-fade-bottom {
        height: 200px;
    }

    .scroll-box {
        height: 100px;
    }

    .scroll-zone-center {
        width: 80px;
    }

    .case-more {
        width: 140px;
        bottom: 32px;
    }

    .product-section {
        padding-top: 40px;
    }

    .product-inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 10px;
    }

    .product-title,
    .product-subtitle,
    .product-intro,
    .product-showcase-left {
        grid-column: 1 / -1;
    }

    .product-showcase {
        display: contents;
    }

    .product-showcase:not(.product-showcase--reverse) .product-showcase-left {
        order: 1;
        margin-top: 20px;
    }

    .product-showcase--reverse .product-showcase-left {
        order: 2;
    }

    .product-showcase:not(.product-showcase--reverse) .product-showcase-right {
        order: 3;
        grid-column: 1;
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .product-showcase--reverse .product-showcase-right {
        order: 3;
        grid-column: 2;
        width: 100%;
        max-width: none;
        min-width: 0;
    }

    .product-showcase-left {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 14px;
        background-size: cover;
        background-position: center top;
    }

    .product-showcase-right {
        max-width: 100%;
        align-self: center;
    }

    .product-showcase-right img {
        max-height: 240px;
        width: 100%;
        object-fit: contain;
    }

    .product-card-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .product-card-more {
        font-size: 13px;
    }

    .product-feature-panel {
        width: 100%;
        margin-top: 12px;
        padding: 12px;
    }

    .product-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 10px;
    }

    .product-feature-item {
        /* row-gap: 8px; */
        column-gap: 18px;
    }

    .product-feature-icon,
    .product-feature-name {
        align-self: flex-start;
    }

    .product-feature-icon {
        width: 20px;
        height: 20px;
    }

    .product-feature-item--empty {
        display: none;
    }

    .product-card-logo {
        width: 40px;
        height: 40px;
    }

    .product-card-name {
        font-size: 15px;
        line-height: 1.35;
    }

    .product-feature-name {
        font-size: 15px;
        line-height: 22px;
    }

    .product-feature-desc {
        font-size: 13px;
        margin-top: 2px;
    }

    .ai-showcase {
        padding: 20px 16px;
        margin-top: 20px;
        background-image: none;
        background: linear-gradient(180deg, #F0F9FF 0%, #E8F1FF 100%);
    }

    .ai-feature-list {
        width: 100%;
        max-width: 100%;
        gap: 12px;
    }

    .ai-feature-item {
        padding: 14px 16px;
        background: #FFFFFF;
        box-shadow: 0 2px 12px rgba(0, 27, 89, 0.05);
    }

    .ai-feature-name {
        font-size: 16px;
        line-height: 24px;
    }

    .ai-feature-desc {
        font-size: 13px;
        line-height: 20px;
    }

    .industry-section {
        padding: 16px 0;
        overflow-x: hidden;
    }

    .industry-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        gap: 8px;
        margin-top: 20px;
    }

    .industry-card,
    .industry-card.is-active {
        width: 100%;
        height: 300px;
        aspect-ratio: auto;
        background-position: center;
    }

    .industry-card-body {
        padding: 12px;
    }

    .industry-card-title {
        font-size: 16px;
        line-height: 22px;
    }

    .industry-card-desc {
        font-size: 13px;
        line-height: 18px;
        margin-top: 8px;
    }

    .industry-card-tags {
        margin-top: 12px;
        padding-top: 8px;
        gap: 4px;
    }

    .industry-card-tag {
        font-size: 11px;
        padding: 2px 6px;
    }

    .industry-card-foot {
        bottom: 28px;
        padding: 0 6px;
    }

    .industry-card-name {
        font-size: 11px;
        line-height: 16px;
        max-width: 100%;
        white-space: normal;
    }

    .cert-section {
        padding-top: 40px;
    }

    .cert-carousel {
        height: 260px;
    }

    .cert-item {
        width: 168px;
    }

    .cert-slide-name {
        font-size: 12px;
        margin-top: 8px;
    }

    .honor-showcase-bg {
        height: auto;
        min-height: 0;
        aspect-ratio: 1440 / 1080;
        background-size: cover;
    }

    .honor-showcase-content {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        width: 100%;
        height: 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 0;
        display: block;
        pointer-events: none;
    }

    .honor-item,
    .honor-item--left,
    .honor-item--center,
    .honor-item--right {
        position: absolute;
        height: auto;
    }

    .honor-item--left {
        left: 6.8%;
        top: 15.6%;
        width: 31.1%;
        right: auto;
        transform: none;
    }

    .honor-item--center {
        left: 50%;
        top: 19.3%;
        width: 36%;
        height: auto;
        transform: translateX(-50%);
    }

    .honor-item--right {
        right: 6.5%;
        top: 16.3%;
        width: 32.1%;
        left: auto;
        transform: none;
    }

    .team-carousel {
        height: 500px;
    }

    .team-item {
        width: 200px;
    }

    .guarantee-section {
        padding: 20px 0 40px;
        min-height: 0;
        /* background: #F5F7FA; */
    }

    .guarantee-inner {
        position: relative;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .guarantee-visual {
        background: #F5F7FA url(../img/home_img91.png) no-repeat center top / 100% auto;
        height: 75vw;
        max-height: 542px;

        margin-top: 0;
        padding-top: 0;
        box-sizing: border-box;
        overflow: visible;
        --ring-radius: 30vw;
        --ring-center-bottom: 24vw;
    }

    .guarantee-title {
        padding: 0 16px;
        font-size: 20px;
        line-height: 1.35;
        text-align: center;
    }

    .guarantee-intro {
        margin-top: 8px;
        padding: 0 16px;
        text-align: center;
    }

    .guarantee-intro p {
        font-size: 12px;
        line-height: 1.5;
    }

    .guarantee-ring {
        position: absolute;
        left: 45%;
        top: calc(92% - var(--ring-center-bottom));
        width: calc(var(--ring-radius) * 2);
        height: calc(var(--ring-radius) * 2);
        margin-left: calc(-1 * var(--ring-radius));
        margin-top: calc(-1 * var(--ring-radius));
        display: block;
        pointer-events: none;
    }

    .guarantee-ring-item {
        display: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: rotate(var(--angle)) translateY(calc(-1 * var(--ring-radius))) rotate(calc(-1 * var(--angle)));
        font-size: 9px;
        padding: 0;
        background: none;
        border-radius: 0;
        white-space: nowrap;
        line-height: 1.2;
        color: #000000;
    }

    .guarantee-ring-item:nth-child(odd) {
        display: block;
    }

    .guarantee-core {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 8px;
        top: auto;
        width: 100%;
        max-width: none;
        height: auto;
        transform: none;
        display: flex;
        align-items: flex-end;
        justify-content: space-evenly;
        margin-top: 0;
        pointer-events: none;
    }

    .guarantee-pillar,
    .guarantee-pillar--delivery,
    .guarantee-pillar--accept,
    .guarantee-pillar--after {
        position: static;
        top: auto;
        transform: none;
        gap: 6px;
    }

    .guarantee-pillar img {
        width: 36px;
        height: 36px;
    }

    .guarantee-pillar p {
        font-size: 12px;
        min-width: 0;
    }

    .guarantee-footer {
        flex-direction: column;
        gap: 12px;
        margin-top: 28px;
        padding: 0 16px;
    }

    .guarantee-footer-line {
        display: none;
    }

    .guarantee-footer-text {
        font-size: 14px;
        white-space: normal;
        text-align: center;
    }

    .client-marquee {
        margin-top: 24px;
        gap: 16px;
    }

    .client-marquee-group {
        gap: 16px;
        padding-right: 16px;
    }

    .client-marquee-item {
        padding: 10px;
    }

    .client-marquee-item img {
        height: 28px;
    }

    .insights-section {
        padding: 40px 0 32px;
    }

    .insights-body {
        gap: 16px;
        margin-top: 24px;
    }

    .insights-left {
        gap: 12px;
    }

    .insights-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        padding: 12px;
        border-radius: 12px;
    }

    .insights-card-pic {
        width: 100%;
        max-width: 100%;
    }

    .insights-card-text h3,
    .insights-news-item {
        font-size: 14px;
        line-height: 22px;
    }

    .insights-card-text p {
        font-size: 13px;
        line-height: 1.5;
        -webkit-line-clamp: 2;
    }

    .insights-right {
        gap: 12px;
    }

    .insights-footer {
        margin-top: 28px;
    }

    .insights-more-btn,
    .insights-more-btn img {
        width: 140px;
    }

    .ai-feature-icon {
        width: 22px;
        height: 22px;
    }

    .ai-feature-item {
        column-gap: calc(96px * var(--layout-scale));
    }

    .industry-card-icon {
        width: 16px;
        height: 16px;
    }

    .cert-slide-card {
        padding-bottom: 12px;
    }
}