:root {
    --primary-red: #e60020;
    --text-dark: #333;
    --text-gray: #666;
    --border-color: #e5e5e5;
}

* {
    box-sizing: border-box;
}

body { 
    margin: 0; 
    padding: 0; 
    font-family: "Microsoft YaHei", 
    sans-serif; 
    color: var(--text-dark); 
    overflow-x: hidden; 
}

a { 
    text-decoration: none; 
    color: inherit; 
    transition: 0.3s;
    cursor: pointer;
}

ul { list-style: none; padding: 0; margin: 0; }

.container { 
    max-width: 1400px; 
    margin: 0 auto; 
    padding: 0 40px; 
    /*position: relative; */
}

/* 顶部通栏 */
.top-bar { background-color: var(--primary-red); color: #fff; font-size: 13px; padding: 10px 0; text-align: center; }
.top-link { margin-left: 20px; text-decoration: underline; color: #fff; }

/* 导航栏 */
.main-header { 
    width: 100%;
    height: 95px;
    background: transparent;
    color: #FFF;
    border-bottom: 1px solid rgba(229, 229, 229, .2); 
    position: fixed; 
    top: 0; 
    z-index: 1000;
    transition: all 0.3s
}
.nav-container { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    /*height: 100%; */
}

.logo {
    width: 260px;
}

.logo img {
    width: 100%;
}

.nav-menu ul { display: flex; gap: 20px; }
.nav-menu a { font-size: 15px; font-weight: 500; padding: 35px 0; display: block; white-space: nowrap; }
.nav-menu a:hover, .nav-menu a.active { color: var(--primary-red); }

/* 下拉菜单 */
/*.has-dropdown:hover .mega-menu { display: block; opacity: 1; transform: translateY(0); }*/
.mega-menu { 
    display: none; 
    position: absolute; 
    top: 95px; 
    left: 0; 
    width: 100%; 
    background: #fdfdfd; 
    border-top: 2px solid var(--primary-red); 
    box-shadow: 0 15px 30px rgba(0,0,0,0.08); 
    /*padding: 0 0 50px 0; */
    z-index: 999; 
    opacity: 1; 
    /*transition: all 0.3s ease; */
}
.mega-content { max-width: 1200px; margin: 0 auto; padding: 0 40px; }
.split-layout { 
    /*display: flex; */
    /*justify-content: center;*/
    /*gap: 150px;*/
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px 150px; 
}
.split-layout h4 { color: var(--primary-red); font-size: 16px; margin-bottom: 15px; border-bottom: 1px solid #eee; }
.grid-2-col { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; max-width: 600px; margin: 0 auto; }
.mega-content a { color: #555; padding: 8px 0; font-size: 14px; display: block; }
.mega-content a:hover { color: var(--primary-red); padding-left: 5px; }

.mega-menu.product-sub-nav {
    height: calc(100vh - 127px);
}

.mega-menu .mzbox {
    display: flex;
    align-items: unset;
    max-width: 1600px;
    margin: auto;
}

.mega-menu .left, .mega-menu .right {
    padding-top: 60px;
    padding-bottom: 60px;
}

.mega-menu .left {
    background-color: #f9f9f9;
    position: relative;
    width: 15.8%;
    font-size: 36px;
    line-height: 1;
}

.mega-menu .left::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    background-color: #f9f9f9;
    top: 0;
}

.mega-menu .right {
    display: flex;
    justify-content: space-between;
    width: 84.2%;
}

.mega-menu:not(.product-sub-nav) .right>div {
    width: 48%;
}

.mega-menu:not(.product-sub-nav) .right .sub-navs {
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
    justify-content: space-between;
}

.mega-menu:not(.product-sub-nav) .right .sub-navs>div {
    width: calc(calc(100% - 40px) / 2);
}

.mega-menu:not(.product-sub-nav) .right .sub-navs a {
    color: #b5b5b5;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 22px;
    border-bottom: 1px solid #e6e6e6;
    position: relative;
}

.mega-menu:not(.product-sub-nav) .right .sub-navs a + a {
    margin-top: 22px;
}

.mega-menu:not(.product-sub-nav) .right .sub-navs a::after {
    content: "";
    width: 0%;
    height: 1px;
    background-color: #333;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .3s;
}

.mega-menu:not(.product-sub-nav) .right .sub-navs a:hover {
    color: #333;
}

.mega-menu:not(.product-sub-nav) .right .sub-navs a:hover::after {
    width: 100%;
}

.mega-menu .sub-navs-img {
    border-radius: 5px;
    overflow: hidden;
}

.mega-menu:not(.product-sub-nav) .right>div {
    width: 48%;
}

.mega-menu .sub-navs-img>div {
    display: none;
    height: 300px;
}

.mega-menu .sub-navs-img>div.active {
    display: block;
}

.mega-menu .img-cover {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

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

.mySwiper {
    height: calc(100vh - 107px);
}

.product-sub-nav .mzbox {
    height: calc(100% - 60px);
}

.product-sub-nav .left {
    font-size: 16px;
}

.product-sub-nav .product-nav-li, .product-sub-nav .product-nav-sub-li {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: linear-gradient(to right, #fff 0%, #fff 49.5%, #e60013 49.5%, #e60013 50%, #f9f9f9 50%, #f9f9f9 100%);
    background-size: 200% auto;
    background-position: 101%;
}

.product-sub-nav .product-nav-li.active {
    background-position: 0%;
}

.product-sub-nav .product-nav-li.active::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 100%;
    background-color: #fff;
}

.product-sub-nav .product-nav-li a, .product-sub-nav .product-nav-sub-li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding-right: 38px;
    position: relative;
    z-index: 1;
    transition: all .3s;
    color: #333;
}

.product-sub-nav .product-nav-li.active span, .product-sub-nav .product-nav-sub-li.active span {
    font-weight: bold;
    color: #e60013;
    font-size: 17px;
}

.product-sub-nav .product-nav-li a i, .product-sub-nav .product-nav-sub-li a i {
    font-size: 20px;
    color: #333;
    opacity: .2;
}

.product-sub-nav .product-nav-li.active i, .product-sub-nav .product-nav-sub-li.active i {
    opacity: 1;
}

.product-sub-nav .right {
    padding-top: 0;
    padding-bottom: 0;
}

.product-sub-nav .product-nav-sub-ul {
    width: 29%;
    position: relative;
    z-index: 2;
    border-right: 1px solid #e6e6e6;
}

.product-sub-nav .product-nav-sub-ul>div {
    padding-left: 10%;
    padding-right: 10%;
    max-width: 380px;
    display: none;
    transition: all .3s;
    transition-delay: .2s;
    padding-top: 60px;
    padding-bottom: 60px;
    width: 100%;
}

.product-sub-nav .product-nav-sub-ul>div.active {
    display: block;
}

.product-sub-nav .product-nav-sub-li {
    background: unset;
}

.product-sub-nav .product-nav-sub-li a {
    padding-right: 0;
}

.product-sub-nav .product-nav-sub-list {
    width: 71%;
}

.product-sub-nav .product-nav-sub-list>div {
    padding-left: 6%;
    padding-top: 60px;
    padding-bottom: 50px;
}

.product-sub-nav .product-nav-sub-list .list-contnet {
    display: none;
}

.product-sub-nav .product-nav-sub-list .list-contnet.active {
    display: block;
}

.product-sub-nav .product-nav-sub-list .type-name {
    font-size: 30px;
    line-height: 1;
    font-weight: bold;
    padding-bottom: 50px;
    padding-top: 19px;
    color: #333;
    margin: unset;
}

.product-sub-nav .product-nav-sub-list .type-lists {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 45px;
}

.product-sub-nav .product-nav-sub-list .type-lists>a {
    width: 30%;
    display: block;
    padding: unset;
}

.product-sub-nav .product-nav-sub-list .type-lists>a .pro-img {
    height: 173px;
    padding: 9px;
    /*background: url(/public/images/pro-bg.jpg) center center;*/
    background-size: cover;
    border-radius: 5px;
    overflow: hidden;
}

.product-sub-nav .product-nav-sub-list .type-lists>a .pro-img img {
    /*width: 100%;*/
    transition: all .3s;
}

.product-sub-nav .product-nav-sub-list .type-lists>a .pro-title {
    position: relative;
    margin-top: 12px;
}

.product-sub-nav .product-nav-sub-list .type-lists>a .pro-title i {
    color: #e60013;
    font-size: 20px;
}

.ovh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.product-sub-nav .product-nav-sub-list .type-lists>a .pro-title h5 {
    background-color: #fff;
    position: absolute;
    font-size: 16px;
    font-weight: normal;
    left: 0;
    top: 0;
    transition: all .3s;
    /*max-width: 80%;*/
    margin: unset;
    text-align: center;
}

.product-sub-nav .product-nav-sub-list .type-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.index-btn a {
    width: 180px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    background-color: transparent;
    gap: 15px;
    font-weight: normal;
    padding: unset;
}

.index-btn a::after {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #e60013;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s;
    z-index: 1;
}

.product-sub-nav .product-nav-sub-list .type-link .index-btn a {
    color: #333;
    border: 2px solid #333;
}

.product-sub-nav .product-nav-sub-list .type-link .index-btn a::after {
    width: 0;
    left: 0;
    right: unset;
}

.index-btn a>* {
    position: relative;
    z-index: 2;
    line-height: 1;
}

.product-sub-nav .product-nav-sub-list .type-link .index-btn a i {
    font-size: 20px;
}

.product-sub-nav .product-nav-sub-list .type-link .index-btn a:hover {
    color: #fff;
    border-color: #e60013;
}

.product-sub-nav .product-nav-sub-list .type-link .index-btn a:hover::after {
    width: 100%;
}

/* Header Buttons */
.header-actions { 
    display: flex; 
    align-items: center; 
    gap: 20px; 
}

.header-actions .hotline-box span {
    font-size: 12px; 
    color: #FFF; 
    display: block; 
    text-align: right;
}

.btn-outline { 
    border: 1px solid #333; 
    color: #333; 
    padding: 6px 18px; 
    border-radius: 2px; 
    font-size: 14px;
    white-space: nowrap;
}

.btn-outline:hover { 
    background: #333; 
    color: #fff; 
}

.btn-lang { 
    border: 1px solid #ddd; 
    background-color: transparent; 
    padding: 5px 10px; 
    cursor: pointer;
    color: #FFF;
}

.main-header.light, .main-header:hover {
    background-color: #FFF;
    color: var(--text-dark);
}

.main-header.light .header-actions .hotline-box span, .main-header:hover .header-actions .hotline-box span {
    color: #999;
}

.main-header.light .btn-lang, .main-header:hover .btn-lang {
    background-color: #FFF;
    color: var(--text-dark);
}

.inner-banner img {
    width: 100%;
}

/* 轮播图 */
.hero-slider { 
    position: relative; 
    height: 100vh; 
    overflow: hidden; 
    background: #fff; 
}

.slide { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    opacity: 0; 
    transition: opacity 0.8s ease-in-out; 
    display: flex; 
    align-items: center; 
    z-index: 0; 
}

.slide img {
    width: 100%;
    height: 100%;
}

.slide.active { opacity: 1; z-index: 1; }
.slide-content { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 100%; }
.slide-text { max-width: 50%; padding-left: 50px; }
.slide-title { font-size: 48px; margin-bottom: 20px; font-weight: bold; }
.slide-desc { font-size: 16px; color: #666; margin-bottom: 40px; }
.btn-red { background: var(--primary-red); color: #fff; padding: 15px 40px; border-radius: 4px; display: inline-block; }
.slide-graphic img { max-width: 100%; }
.slider-dots { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 12px; }
.dot { width: 12px; height: 12px; background: #ddd; border-radius: 50%; cursor: pointer; }
.dot.active { background: var(--primary-red); }

/* 产品 Tab */
.product-section { 
    padding: 80px 0; 
    background: #fff; 
}

.pruduct-header {
    text-align: center;
    margin-bottom: 50px;
}

.pruduct-header h2 {
    font-size: 36px;
    margin-bottom: 10px;
}

.product-tabs { display: flex; border-bottom: 2px solid #eee; margin-bottom: 40px; padding: 0 50px; }
.tab-item { cursor: pointer; padding-bottom: 15px; position: relative; width: 50%; text-align: center; }
.tab-item h3 { font-size: 24px; color: #999; margin: 0; }
.tab-line { position: absolute; bottom: -2px; left: 0; width: 0; height: 3px; background: var(--primary-red); transition: width 0.3s; }
.tab-item.active h3 { color: #333; font-weight: bold; }
.tab-item.active .tab-line { width: 100%; }

/* 产品面板 */
.product-panel { display: none; animation: fadeIn 0.5s ease; }
.product-panel.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }

.panel-layout { 
    display: flex; 
    gap: 30px; 
    /*height: 500px;*/
}

.panel-layout.reverse-layout { flex-direction: row-reverse; }

/* 海报 & 网格 */
.side-poster { flex: 0 0 25%; border-radius: 8px; padding: 40px 30px; color: #fff; display: flex; flex-direction: column; justify-content: center; }
.red-poster { 
    background: linear-gradient(135deg, #da251d 0%, #b31b14 100%); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.dark-poster { 
    background: linear-gradient(135deg, #2b3e50 0%, #1a252f 100%); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.poster-content h4 { font-size: 28px; margin-bottom: 20px; }
.btn-poster { border: 1px solid rgba(255,255,255,0.5); padding: 8px 20px; border-radius: 30px; display: inline-block; margin-top: 20px; color: #fff; }

.product-grid-box { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 20px; }

.equip-card { 
    background: #f9f9f9; 
    border-radius: 8px; 
    padding: 20px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    transition: 0.3s;
}

.equip-card:hover { 
    box-shadow: 0 10px 20px rgba(0,0,0,0.05); 
    transform: translateY(-5px); 
}

.equip-card .card-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 0;
}

.card-text .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-text  .card-desc {
    color: #666666;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-card { 
    /*height: 250px;*/
    overflow: hidden; 
    transition: 0.3s;
    border-radius: 8px;
    position: relative; 
    border: 1px solid #dddddd;
    background-size: 100% 100%;
}

.line-card img {
    width: 100%;
}

.line-card .card-img {
    border-bottom: 1px solid #dddddd;
}

.line-card .card-body {
    padding: 15px;
}

.line-card .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 限制文本为2行 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.line-card .title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--primary-red);
}

.line-card .description {
    font-size: 14px;
    color: #999999;
}

.line-overlay { 
    position: absolute; 
    bottom: 0; 
    width: 100%; 
    background: rgba(0,0,0,0.6); 
    padding: 10px 15px; 
    color: #fff; 
}

/* 白皮书 */
.whitepaper-section { position: relative; background: #222; padding: 80px 0; color: #fff; }
.wp-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; }
.wp-container { position: relative; z-index: 2; text-align: center; }
.wp-header { margin-bottom: 50px; }
.wp-header h2 { font-size: 36px; margin-bottom: 10px; }
.wp-grid { display: grid; grid-template-columns: repeat(4, 1fr); background: #fff; border-radius: 4px; overflow: hidden; }

.wp-card { 
    background: #fff; 
    color: #333; 
    padding: 30px; 
    text-align: left; 
    border-right: 1px solid #eee; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
    /*height: 400px; */
    transition: 0.3s; 
}

.wp-card:hover { box-shadow: 0 0 30px rgba(0,0,0,0.2); transform: translateY(-5px); z-index: 5; }
.wp-card-top h4 { color: var(--primary-red); font-size: 14px; margin-bottom: 10px; }
.wp-card-top h3 { font-size: 16px; font-weight: bold; line-height: 1.5; }
.wp-meta { font-size: 12px; color: #999; display: block; margin-bottom: 15px; border-top: 1px solid #f0f0f0; padding-top: 15px; }
.btn-outline-red { background: transparent; border: 1px solid var(--primary-red); color: var(--primary-red); padding: 8px 0; width: 100%; cursor: pointer; transition: 0.3s; }
.btn-outline-red:hover { background: var(--primary-red); color: #fff; }

/* 模态窗 */
.modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2000; display: none; justify-content: center; align-items: center; }
.modal-overlay.active { display: flex; animation: popIn 0.3s ease; }
@keyframes popIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
.modal-box { background: #fff; width: 400px; padding: 30px; border-radius: 8px; position: relative; }
.close-modal { position: absolute; top: 10px; right: 20px; font-size: 28px; cursor: pointer; color: #999; }
.modal-box h3 { text-align: center; color: var(--primary-red); margin-top: 0; }
.modal-desc { text-align: center; font-size: 14px; color: #666; margin-bottom: 20px; }
.form-group { margin-bottom: 15px; }
.form-group label { display: block; font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.form-group input { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; box-sizing: border-box; }
.code-group { display: flex; align-items: flex-end; gap: 10px; }
.code-input { flex: 1; }
#btn-get-code { width: 100px; height: 34px; background: #f0f0f0; border: 1px solid #ddd; cursor: pointer; font-size: 12px; }
.btn-submit { width: 100%; padding: 10px; background: var(--primary-red); color: #fff; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; margin-top: 10px; }

/* 侧边栏 */
.floating-sidebar { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 1500; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 8px 0 0 8px; overflow: visible; }
.float-item { width: 60px; height: 60px; display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; border-bottom: 1px solid #f0f0f0; transition: 0.3s; }
.float-item:hover { background: var(--primary-red); color: #fff; }
.float-text { font-size: 10px; transform: scale(0.8); }


.float-item:last-child { border-bottom: none; }






/* 鼠标悬停滑出面板 */
.float-panel {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    background: #fff;
    color: #333;
    padding: 12px 16px;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.15);
    white-space: nowrap;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 1600;
}
.float-panel img { vertical-align: middle; }
.float-panel::after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #fff;
}
.float-item:hover .float-panel {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
    pointer-events: auto;
}





/* --- 7. 行业痛点展示区样式 --- */
.pain-points-section {
    /*padding: 100px 0;*/
    background-color: #f5f5f5; /* 浅灰背景 */
}
.pain-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列布局 */
    gap: 30px;
}
.pain-card {
    background: #fff;
    padding: 40px 30px;
    border-radius: 8px;
    text-align: center;
    transition: 0.3s;
    height: 320px; /* 固定高度 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pain-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
}
.pain-icon {
    font-size: 40px;
    color: var(--primary-red);
    margin-bottom: 20px;
}
.pain-card h3 {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}
.pain-card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    flex-grow: 1;
}
.pain-link {
    color: var(--primary-red);
    font-weight: bold;
    font-size: 14px;
}
.pain-link:hover { text-decoration: underline; }

/* 手机适配 */
@media (max-width: 768px) {
    .pain-grid { grid-template-columns: 1fr; }
    .pain-card { height: auto; padding: 30px; }
}/* --- 8. 场景化解决方案样式 --- */
.scenario-section {
    padding: 60px 0 100px 0;
    background: #fff;
}

/* 顶部选项卡 */
.scenario-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0;
}

.scenario-tabs {
    display: flex;
    gap: 60px; /* 选项卡间距 */
}

.s-tab {
    font-size: 18px;
    color: #666;
    padding-bottom: 20px;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
}

.s-tab:hover { color: #333; }

/* 激活状态：文字变红 + 底部红线 */
.s-tab.active {
    color: var(--primary-red);
    font-weight: bold;
}
.s-tab.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: var(--primary-red);
}

.header-more-link {
    padding: 8px 15px;
    background-color: var(--primary-red);
    font-size: 14px;
    color: #FFF;
    margin-bottom: 15px;
    border-radius: 10px;
}

/* 灰色分割线 */
.scenario-divider {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin-bottom: 50px;
}

/* 标题区 */
.scenario-titles {
    text-align: center;
    margin-bottom: 60px;
}
.scenario-titles h2 {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #333;
}
.scenario-titles p {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}

/* 内容显示切换 */
.scenario-content {
    display: none;
    animation: fadeIn 0.5s ease;
}
.scenario-content.active { display: block; }

/* 左右布局容器 */
.scene-box {
    display: flex;
    /*align-items: center;*/
    gap: 50px;
}

.scene-text {
    flex: 1; /* 左侧文字占一部分 */
}

.scene-text h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;
}

.scene-link {
    display: inline-block;
    color: var(--primary-red);
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: bold;
}

/*.scene-text p {*/
/*    font-size: 14px;*/
/*    color: #666;*/
/*    line-height: 1.8;*/
/*}*/

.scene-image {
    flex: 1.2; /* 右侧图片稍微宽一点 */
    position: relative;
}

.scene-image img {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.img-caption {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff; /* 假设图片较深，用白色文字 */
    background: rgba(0,0,0,0.5);
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 12px;
}

/* 手机适配 */
@media (max-width: 768px) {
    .scenario-tabs { 
        width: 75%;
        gap: 15px; font-size: 14px; 
    }
    .s-tab { font-size: 14px; }
    .scene-box { flex-direction: column; }
    .scene-image { width: 100%; }
}/* --- 9. 专利黑科技展示区样式 --- */
.tech-section {
    padding: 80px 0;
    background-color: #f9f9f9; /* 浅灰底色 */
}

.tech-header {
    margin-bottom: 50px;
}
.tech-header h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}
.tech-header p {
    color: #666;
    font-size: 14px;
}

/* 导航栏布局 */
.tech-nav-bar {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 0;
}

.tech-tabs {
    display: flex;
    gap: 80px; /* 较宽的间距 */
}

.t-tab {
    font-size: 18px;
    color: #333;
    padding-bottom: 15px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
}

.t-tab:hover { color: var(--primary-red); }

/* 激活状态的红线 */
.t-line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--primary-red);
    transition: width 0.3s;
}

.t-tab.active {
    color: var(--primary-red);
    font-weight: bold;
}
.t-tab.active .t-line {
    width: 100%;
}

.tech-more-link {
    font-size: 14px;
    color: var(--primary-red);
    margin-bottom: 15px;
}

.tech-divider {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin-bottom: 50px;
}

/* 内容显示区 */
.tech-content {
    display: none;
    animation: fadeIn 0.5s ease;
}
.tech-content.active { display: block; }

.tech-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* 卡片样式 */
.tech-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: transform 0.3s;
}

.tech-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.tech-img img {
    width: 100%;
    /*height: 220px;*/
    object-fit: cover;
    display: block;
}

.tech-info {
    padding: 25px 20px;
}

.tech-info h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.tech-info p {
    font-size: 14px;
    color: #888;
    margin: 0;
}

/* 手机适配 */
@media (max-width: 768px) {
    .tech-grid { grid-template-columns: 1fr; }
    .tech-tabs { gap: 20px; }
    .t-tab { font-size: 14px; }
}

/* --- 10. 关于我们展示区样式 --- */
.about-section {
    padding: 80px 0 100px 0;
    background: #fff;
}

.about-header { margin-bottom: 60px; }
.about-header h2 { font-size: 36px; margin-bottom: 10px; color: #333; }
.about-header p { font-size: 16px; color: #666; font-weight: bold; }

/* 左右布局 */
.about-content {
    display: flex;
    gap: 60px;
    align-items: center;
    margin-bottom: 80px;
}

/* 左侧轮播容器 */
.about-slider-box {
    flex: 1;
    position: relative;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    /*margin-right: 50px;*/
}

.about-slide {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.about-slide.active { opacity: 1; }

.about-slide img { 
    width: 100%; 
    height: 100%; 
    /*object-fit: cover; */
}

/* 右侧文字区 */
.about-text-box { flex: 1; }

.about-text-box h3 {
    font-size: 32px;
    margin-bottom: 25px;
    color: #333;
    font-weight: bold;
}

.about-desc p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: justify; /* 两端对齐更美观 */
}

/* 按钮网格 */
.about-btn-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 30px;
}

.btn-rect-red {
    background: var(--primary-red);
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 14px;
    border-radius: 4px;
    transition: 0.3s;
    font-weight: bold;
}

.btn-rect-red:hover {
    background: #b01c15;
    transform: translateY(-2px);
    box-shadow: 0 5px 10px rgba(218, 37, 29, 0.3);
}

/* 底部数据栏 */
.about-stats {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    border-top: 1px solid #eee;
}

.stat-item {
    text-align: center;
    cursor: default;
    transition: 0.3s;
}

/* 数字样式 */
.stat-num {
    display: block;
    font-size: 32px;
    font-weight: 800;
    color: #333;
    margin-bottom: 5px;
    transition: color 0.3s;
}
.stat-num small { font-size: 16px; font-weight: normal; margin-left: 2px; }

/* 标签样式 */
/*.stat-item span {*/
/*    font-size: 14px;*/
/*    color: #666;*/
/*    font-weight: bold;*/
/*}*/

/* 鼠标悬停交互：数字变红 */
.stat-item:hover .stat-num {
    color: var(--primary-red);
}

/* 手机适配 */
@media (max-width: 768px) {
    .about-content { flex-direction: column; gap: 0;}
    .about-slider-box { width: 100%; height: 250px; }
    .about-btn-grid { grid-template-columns: repeat(2, 1fr); }
    .about-stats { 
        display: grid; 
        grid-template-columns: repeat(3, 1fr); gap: 30px; 
    }
}/* --- 11. 合作客户展示区样式 --- */
.client-section {
    padding: 80px 0 100px 0;
    background-color: #f5f5f5; /* 浅灰背景，突出白卡片 */
}

.client-header { margin-bottom: 50px; }
.client-header h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}
.client-header p {
    font-size: 16px;
    color: #666;
}

/* Logo 网格布局 */
.client-grid {
    display: grid;
    /* 自动适应列数，PC端一行约8个 */
    grid-template-columns: repeat(8, 1fr); 
    gap: 15px; /* 卡片间距 */
}

/* Logo 卡片样式 */
.client-item {
    background: #fff;
    border-radius: 8px; /* 圆角 */
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.03); /* 初始微弱阴影 */
    cursor: pointer;
    overflow: hidden;
    
    /* 关键交互代码：贝塞尔曲线模拟弹跳效果 */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.client-item img {
    max-width: 70%;
    max-height: 60%;
    /* 初始状态可以是黑白，增加高级感 (可选) */
    filter: grayscale(100%);
    opacity: 0.7;
    transition: 0.3s;
}

/* 鼠标悬浮交互 */
.client-item:hover {
    /* 向上弹跳并稍微放大 */
    transform: translateY(-10px) scale(1.05); 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* 投影加深，营造悬浮感 */
    z-index: 2; /* 确保浮在最上层 */
}

.client-item:hover img {
    filter: grayscale(0%); /* 悬浮时变回彩色 */
    opacity: 1;
}

/* 响应式适配 */
@media (max-width: 1200px) {
    .client-grid { grid-template-columns: repeat(6, 1fr); }
}

@media (max-width: 768px) {
    .client-grid { grid-template-columns: repeat(4, 1fr); }
    .client-item { height: 60px; }
}

@media (max-width: 480px) {
    .client-grid { grid-template-columns: repeat(3, 1fr); }
}/* --- 12. 尊享服务区样式 --- */
.vip-service-section {
    padding: 60px 0;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.vip-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
    text-align: center;
}

.vip-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #333;
    transition: 0.3s;
}

.vip-icon {
    font-size: 36px;
    margin-bottom: 15px;
    color: #333;
    transition: all 0.5s ease; /* 旋转动画 */
}

.vip-item span {
    font-size: 14px;
    font-weight: bold;
}

/* 悬停交互：变红 + 旋转 */
.vip-item:hover .vip-icon {
    color: var(--primary-red);
    transform: rotate(360deg) scale(1.1); /* 旋转一圈并轻微放大 */
}
.vip-item:hover span {
    color: var(--primary-red);
}

/* --- 13. 新闻动态与订阅区样式 --- */
.news-section {
    padding: 100px 0;
    background: #fff;
}

.news-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.news-tabs { display: flex; gap: 50px; }

.n-tab {
    font-size: 18px;
    color: #666;
    padding-bottom: 15px;
    cursor: pointer;
    position: relative;
}

.n-tab.active { color: #333; font-weight: bold; }
.n-line {
    position: absolute;
    bottom: 0; left: 0; width: 0; height: 3px;
    background: var(--primary-red);
    transition: width 0.3s;
}
.n-tab.active .n-line { width: 100%; }

.news-more {
    font-size: 14px;
    color: var(--primary-red);
    margin-bottom: 10px;
}

.news-divider {
    width: 100%; height: 1px; background: #e5e5e5;
    margin-bottom: 40px;
}

/* 新闻内容 + 订阅卡片 布局 */
.news-container-flex {
    display: flex;
    gap: 30px;
}

.news-content-wrapper {
    flex: 3; /* 左侧占3份宽 */
    overflow: hidden; /* 隐藏切出去的内容 */
}

.news-panel {
    display: none;
    animation: slideUp 0.5s ease;
}
.news-panel.active { display: block; }
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.news-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.news-card {
    cursor: pointer;
}
.news-card:hover h4 { color: var(--primary-red); }

.news-img {
    width: 100%;
    height: 300px;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 4px;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-img img {
    width: 100%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transition: 0.3s;
}
.news-card:hover img { transform: scale(1.05); }

.news-card h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333;
    line-height: 1.4;
}
.news-card p {
    font-size: 13px;
    color: #999;
}

/* 右侧订阅卡片 */
.subscribe-card {
    flex: 1; /* 右侧占1份宽 */
    background: var(--primary-red);
    color: #fff;
    padding: 40px 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 4px;
    height: 300px; /* 与图片高度对齐 */
}

.subscribe-card h3 { font-size: 24px; margin-bottom: 15px; }
.subscribe-card p { font-size: 14px; margin-bottom: 40px; line-height: 1.6; opacity: 0.9; }

.sub-actions {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.btn-sub-wechat {
    background: #fff;
    color: var(--primary-red);
    border: none;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
}
.btn-sub-wechat:hover { background: #f0f0f0; }

.btn-sub-email {
    background: rgba(255,255,255,0.2);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.4);
    width: 40px; height: 40px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 16px;
    transition: 0.3s;
}
.btn-sub-email:hover { background: #fff; color: var(--primary-red); }

/* 响应式 */
@media (max-width: 992px) {
    .news-container-flex { flex-direction: column; }
    .subscribe-card { width: 100%; height: auto; padding: 30px; }
    .vip-grid { grid-template-columns: repeat(3, 1fr); gap: 40px; }
}/* --- 14. 免费试样申请区样式 --- */
.trial-section {
    padding: 80px 0;
    background: #fff;
}

.trial-container {
    display: flex;
    align-items: center; /* 垂直居中 */
    justify-content: space-between;
    gap: 60px;
}

/* 左侧内容 */
.trial-text-box {
    flex: 1;
}

.trial-header h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.title-line {
    width: 60px;
    height: 4px;
    background: var(--primary-red);
    margin-bottom: 40px;
}

.trial-list {
    margin-bottom: 50px;
}

.trial-list li {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.trial-list i {
    color: #333; /* 图标黑色 */
    margin-right: 15px;
    font-size: 20px;
}

/* 动态收益数字 */
.revenue-display-box p {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
}

.revenue-number {
    font-size: 60px;
    font-weight: 800; /* 特粗字体 */
    color: var(--primary-red); /* 红色数字 */
    font-family: Arial, sans-serif; /* 使用无衬线字体显示数字更清晰 */
    letter-spacing: -2px;
}

/* 右侧表单 */
.trial-form-wrapper {
    flex: 1;
    max-width: 500px;
}

.trial-form-card {
    background: #f9f9f9; /* 浅灰底色 */
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.form-header h3 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}

.form-header p {
    font-size: 12px;
    color: #999;
    margin-bottom: 30px;
}

/* 表单输入框微调 */
.trial-form-card label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    margin-bottom: 8px;
    display: block;
}

.trial-form-card .required {
    color: var(--primary-red);
    margin-right: 4px;
}

.trial-form-card input {
    background: #fff;
    border: 1px solid #eee;
    padding: 12px;
    border-radius: 4px;
    width: 100%;
    transition: 0.3s;
}

.trial-form-card input:focus {
    border-color: var(--primary-red);
    box-shadow: 0 0 0 2px rgba(218, 37, 29, 0.1);
}

/* 验证码按钮 */
#btn-trial-code {
    width: 120px;
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    cursor: pointer;
    font-size: 13px;
    border-radius: 4px;
    transition: 0.3s;
}
#btn-trial-code:hover {
    color: var(--primary-red);
    border-color: var(--primary-red);
}

/* 提交按钮 */
.btn-trial-submit {
    width: 100%;
    padding: 15px;
    background: #7a848d; /* 默认深灰色 */
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 20px;
    transition: background 0.3s ease;
}

/* 悬停变红交互 */
.btn-trial-submit:hover {
    background: var(--primary-red);
}

/* 响应式 */
@media (max-width: 992px) {
    .trial-container { flex-direction: column; gap: 40px; }
    .trial-form-wrapper { width: 100%; max-width: 100%; }
    .revenue-number { font-size: 48px; }
}/* --- 15. 页脚样式 --- */
.main-footer {
    background: #f5f5f5;
    padding: 60px 0 30px 0;
    font-size: 14px;
    border-top: 1px solid #ddd;
}

.footer-top {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
}

/* 左侧 Logo & 订阅 */
.footer-left {
    width: 25%;
    padding-right: 40px;
}
.footer-logo { margin-bottom: 40px; }

.footer-subscribe h4 { font-size: 18px; margin-bottom: 5px; color: #333; }
.footer-subscribe p { color: #666; margin-bottom: 20px; }

.sub-form label { display: block; font-weight: bold; margin-bottom: 10px; font-size: 12px; }

.sub-input-group {
    display: flex;
    gap: 10px;
}
.sub-input-group input {
    flex: 1;
    padding: 10px;
    border: 1px solid #ddd; /* 浅灰边框 */
    background: #f9f9f9; /* 与背景略有区分 */
    border-radius: 2px;
}
.sub-input-group button {
    background: #fff;
    border: 1px solid #ddd;
    color: #666;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 2px;
    transition: 0.3s;
    white-space: nowrap;
}
.sub-input-group button:hover {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* 右侧链接 */
.footer-links {
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.ft-col h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}
.ft-col a {
    display: block;
    color: #666;
    margin-bottom: 10px;
    font-size: 13px;
    transition: color 0.3s;
}
.ft-col a:hover { color: var(--primary-red); }

/* 二维码 */
.footer-qr {
    position: absolute;
    right: 0;
    bottom: 40px; /* 调整位置 */
    display: flex;
    gap: 15px;
}
.footer-qr img {
    width: 80px;
    height: 80px;
    border: 1px solid #eee;
}

/* 底部版权 */
.footer-bottom { padding-top: 30px; }

.ft-bottom-links {
    display: flex;
    gap: 30px;
    margin-bottom: 20px;
}
.ft-bottom-links a { font-weight: bold; color: #555; }

.copyright-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    color: #999;
    font-size: 12px;
    line-height: 1.8;
}

.copy-text a { margin: 0 10px; color: #999; text-decoration: none; }
.copy-text a:hover { text-decoration: underline; }

.lang-select {
    cursor: pointer;
    font-weight: bold;
    color: #333;
}

/* 响应式 */
@media (max-width: 992px) {
    .footer-top { flex-direction: column; }
    .footer-left { width: 100%; margin-bottom: 40px; }
    .footer-links { flex-wrap: wrap; gap: 30px; }
    .footer-qr { position: static; margin-top: 30px; }
    .copyright-row { flex-direction: column; align-items: flex-start; gap: 15px; }
}/* =========================================
   手机端自适应样式 (Mobile Responsive)
   ========================================= */

/* 默认隐藏手机菜单按钮 */
.mobile-menu-btn {
    display: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

/* 当屏幕小于 768px 时生效 */
@media (max-width: 768px) {

    /* --- 1. 全局容器调整 --- */
    .container {
        padding: 0 20px; /* 减小左右边距 */
        width: 100%;
    }
    
    /* --- 2. 顶部通栏 --- */
    .top-bar { display: none; } /* 手机上通常隐藏顶部小通栏，节省空间 */

    /* --- 3. 导航栏变成侧边抽屉或下拉 --- */
    .mobile-menu-btn { display: block; } /* 显示三道杠 */
    
    .nav-menu {
        position: fixed;
        top: 66px; /* Header的高度 */
        left: -100%; /* 默认藏在屏幕左边 */
        width: 100%;
        height: calc(100vh - 66px);
        background: #fff;
        transition: 0.3s;
        overflow-y: auto; /* 内容多时可滚动 */
        border-top: 1px solid #eee;
    }
    
    .nav-menu.active {
        left: 0; /* 点击后滑出来 */
    }

    .nav-menu ul {
        flex-direction: column; /* 菜单竖排 */
        padding: 20px;
        gap: 0;
    }

    .nav-menu a {
        padding: 15px 0;
        border-bottom: 1px solid #f5f5f5;
        font-size: 16px;
    }

    /* 隐藏复杂的 Mega Menu 下拉，手机端通常简化处理 */
    .mega-menu {
        display: none !important; /* 暂时隐藏复杂下拉，防止遮挡 */
    }
    
    /* 隐藏右侧的大按钮，只保留切换语言 */
    .header-actions .hotline-box,
    .header-actions .btn-outline {
        display: none;
    }

    /* --- 4. 轮播图 Hero Section --- */
    .hero-slider { height: 500px; } /* 高度减小 */
    .slide { 
        flex-direction: column; 
        text-align: center; 
        /*padding-top: 40px; */
    }
    .slide-content { flex-direction: column; justify-content: start; }
    .slide-text { max-width: 100%; padding: 0; margin-bottom: 30px; }
    .slide-title { font-size: 32px; }
    .slide-graphic { width: 80%; padding: 0; margin: 0 auto; }

    /* --- 5. 产品 Tab 切换区 --- */
    .panel-layout, .panel-layout.reverse-layout {
        flex-direction: column; /* 上下排列 */
        height: auto;
        gap: 15px;
    }
    .side-poster { 
        width: 100%; 
        min-height: 250px; 
        /*margin-bottom: 20px; */
    }
    .product-grid-box { grid-template-columns: 1fr; } /* 单列 */
    .equip-card { flex-direction: column; text-align: center; gap: 20px; }
    .card-text { max-width: 100%; }

    /* --- 6. 白皮书 --- */
    .wp-grid { grid-template-columns: 1fr; } /* 单列 */
    .wp-card { height: auto; border-right: none; border-bottom: 1px solid #eee; }

    /* --- 7. 痛点分析 --- */
    .pain-grid { grid-template-columns: 1fr; } /* 单列 */
    .pain-card { height: auto; }

    /* --- 8. 场景解决方案 --- */
    .scenario-tabs {
        overflow-x: scroll; /* 允许横向滚动 */
        white-space: nowrap;
        padding-bottom: 10px;
        gap: 30px;
    }
    .scene-box { flex-direction: column; }
    .scene-text, .scene-image { width: 100%; flex: auto; }
    
    /* --- 9. 黑科技 --- */
    .tech-tabs {
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 10px;
        gap: 30px;
    }
    .tech-grid { grid-template-columns: 1fr; }

    /* --- 10. 关于我们 --- */
    .about-content { flex-direction: column; }
    .about-slider-box { height: 250px; margin-bottom: 30px; }
    .about-btn-grid { grid-template-columns: 1fr 1fr; } /* 两列 */
    .about-stats {
        flex-wrap: wrap; /* 允许换行 */
        gap: 15px;
        padding-top: 25px;
    }
    .stat-item { 
        /*width: 45%; */
        margin-bottom: 20px; 
    }

    /* --- 11. 客户 Logo 墙 --- */
    .client-grid { grid-template-columns: repeat(3, 1fr); } /* 3列 */
    
    /* --- 12. 尊享服务 --- */
    .vip-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
    
    /* --- 13. 新闻与订阅 --- */
    .news-container-flex { flex-direction: column; }
    .news-card-grid { grid-template-columns: 1fr; } /* 单列 */
    .subscribe-card { height: auto; padding: 30px; }
    .news-tabs { overflow-x: scroll; padding-bottom: 5px; gap: 15px; }

    /* --- 14. 试样申请 --- */
    .trial-container { flex-direction: column; }
    .revenue-number { font-size: 40px; }
    .trial-form-wrapper { width: 100%; }

    /* --- 15. 页脚 Footer --- */
    .footer-top { flex-direction: column; }
    .footer-left { width: 100%; margin-bottom: 40px; text-align: center; padding: 0; }
    .footer-links {
        flex-direction: column; /* 竖排链接 */
        text-align: center;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .footer-qr {
        position: static; /* 取消绝对定位 */
        justify-content: center;
        margin-top: 30px;
    }
    .copyright-row {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 15px;
    }
    .ft-bottom-links {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
    
    /* --- 16. 弹窗适配 --- */
    .modal-box { width: 90%; margin: 20px; padding: 20px; }
}