/* ========== 响应式首页样式 - 适配PC和Pad ========== */

/* 根字体大小由 flexible.js 动态计算，无需在此设置 */

/* 全局样式 */
* {
    box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    font-family: PingFangSC-Regular, Microsoft YaHei, sans-serif;
}

/* ========== 页面容器 ========== */
.page {
    background-color: #ffffff;
    width: 100%;
    /*min-width: 1024px;*/
    /*max-width: 1920px;*/
    margin: 0 auto;
    overflow-x: hidden;
}

.group_26 {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.box_21 {
    width: 100%;
}

/* ========== 顶部导航栏 ========== */
.section_1 {
    box-shadow: inset 0px -1px 0px 0px rgba(217, 223, 234, 1);
    background-color: #ffffff;
    width: 100%;
    min-height: 80px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    /*margin-left: 20px;*/
    padding: 15px 40px;
    height: 100px;
}

/* 登录按钮样式 */
.text-wrapper_2 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    height: 32px;
    border: 1px solid rgba(168, 131, 55, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    margin: 34px 0 0 40%;
    flex-shrink: 0;
}

.text_3 {
    color: rgba(168, 131, 55, 1);
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    text-decoration: none;
    white-space: nowrap;
}

.text_3:hover {
    color: rgba(168, 131, 55, 1);
}

/* LayUI 导航样式覆盖 */
.layui-nav {
    background-color: transparent !important;
}

.layui-nav-item {
    background-color: transparent !important;
    border: 2px solid rgb(168, 131, 55) !important;
    width: 100px !important;
    height: 40px !important;
    border-radius: 7px !important;
    line-height: 40px !important;
}

.layui-nav-item a {
    font-size: 16px !important;
    font-weight: 800 !important;
    height: 40px !important;
    line-height: 36px !important;
    color: rgb(168, 131, 55) !important;
    padding: 0 10px !important;
    display: flex !important;
    align-items: center !important;
}

.layui-nav-more {
    font-size: 16px !important;
    right: 10px !important;
    margin-left: 5px !important;
}

/* 移除 LayUI 默认的边框和背景 */
.layui-nav-item:before,
.layui-nav-item:after {
    display: none !important;
}

/* LayUI 下拉菜单样式 */
.layui-nav-child {
    top: 45px !important;
    min-width: 100px !important;
    border-radius: 7px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

.layui-nav-child dd a {
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333 !important;
    padding: 10px 15px !important;
}

.layui-nav-child dd a:hover {
    background-color: rgba(168, 131, 55, 0.1) !important;
    color: rgb(168, 131, 55) !important;
}

.section_1-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1600px;
}

.logo-section {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.image_1 {
    height: 62px;
    width: auto;
    max-width: 407px;
    object-fit: contain;
    margin-left: 80px;
}

.home-nav-top-sep {
    width: 1px;
    height: 50px;
    background: rgba(0, 51, 102, 1);
    border-radius: 2px;
    opacity: 0.8;
    margin: 0 10px;
}

.text-wrapper_51 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 197px;
    height: 52px;
    margin: 10px 0 0 24px;
}

.text_1 {
    color: rgba(0, 51, 102, 1);
    font-size: 30px;
    font-weight: 600;
    line-height: 28px;
    white-space: nowrap;
    font-family: PingFangSC-Semibold;
}

.text_2 {
    color: rgba(0, 51, 102, 1);
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    font-family: FuturaBT-Book;
}

/* ========== 导航菜单 ========== */
.text-wrapper_3 {
    background-color: rgba(168, 131, 55, 1);
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.nav-menu {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    max-width: 1600px;
    padding: 0 40px;
}

.text_4,
.text_5 {
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
    text-decoration: none;
    white-space: nowrap;
    line-height: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
}

.text_4 {
    margin: 0 30px 0 0 !important;
}

.text_5 {
    margin: 0 0 0 60px;
}

.text_5:hover,
.text_5.active {
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

/* ========== 轮播图区域 ========== */
.cd-hero {
    width: 100%;
    min-height: 500px;
    position: relative;
    height: auto;
}

.cd-hero__slider {
    width: 100%;
    height: 5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cd-hero__slide {
    width: 100%;
    min-height: 500px;
    height: auto;
    background-size: cover;
    background-position: center;
    position: relative;
}

.home-container-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(0, 0, 0, 0.2);
    padding: 10px;
    width: 12rem;
    max-width: 1600px;
}

.home-container-slider h2 {
    color: #fff;
    text-align: center;
    font-size: 18px;
    margin: 0;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========== 内容区域通用布局 ========== */
.content-section {
    max-width: 1600px;
    margin: 0 auto;
    padding: 20px 40px;
    width: 100%;
}

/* ========== 通知公告和快捷入口 - 栅格布局 ========== */
.announcement-section {
    display: flex;
    gap: 30px;
    margin-top: 0;
    flex-wrap: nowrap;
}

.section_24 {
    flex: 0 0 60%;
    min-width: 0;
}

.quick-entry-cards {
    flex: 0 0 40%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.group_27 {
    display: flex;
    align-items: center;
    /*margin-bottom: 20px;*/
}

.text_11 {
    color: rgba(0, 51, 102, 1);
    font-size: 40px;
    font-weight: 600;
    white-space: nowrap;
}

.text_118 {
    color: rgba(162, 162, 162, 1);
    font-size: 16px;
    margin-left: 16px;
}

.text_13 {
    color: rgba(168, 131, 55, 1);
    font-size: 14px;
    margin-left: auto;
    cursor: pointer;
}

/* 更多按钮样式 */
.text_13 a,
.text_119 a,
.block_15 a {
    display: block;
    color: rgba(168, 131, 55, 1);
}

.box_3,
.block_15 {
    background-color: rgba(168, 131, 55, 1);
    width: 50px;
    height: 20px;
    margin: 0 0 0 8px;
    cursor: pointer;
}

.text_14 {
    width: 34px;
    height: 16px;
    color: rgba(255, 255, 255, 1);
    font-size: 11px;
    text-align: left;
    line-height: 16px;
    margin: 2px 0 0 4px;
}

.announcement-list {
    background: #fff;
    border-bottom: 1px solid rgba(217, 223, 234, 1);
}

.announcement-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0 0 0;
    border-bottom: 1px solid rgba(217, 223, 234, 1);
    cursor: pointer;
}

.announcement-item:hover {
    background-color: #f9f9f9;
}

.text_15.jumpNotice {
    cursor: pointer;
}

.text_15.jumpNotice:hover {
    font-weight: 600;
    color: rgba(168, 131, 55, 1);
}

.text_15 {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: 500;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 19px;
    width: 75%;
}

.text_16 {
    color: rgba(162, 162, 162, 1);
    font-size: 14px;
    white-space: nowrap;
    margin-top: 20px;
}

/* ========== 快捷入口卡片 ========== */
.quick-entry-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.group_13 {
    width: 100%;
    background-image: url(./img/2e3874a76b9f491787dfbdc570f2ff72_mergeImage.png);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s;
    min-height: 180px;
}

.group_14 {
    width: 100%;
    background-image: url(./img/89cf4602b2f747deac6cce763502fc57_mergeImage.png);
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.3s;
    min-height: 180px;
}

.group_13:hover,
.group_14:hover {
    transform: scale(1.02);
}

.image-wrapper_3,
.image-wrapper_4 {
    box-shadow: 0px 8px 16px 0px rgba(123, 94, 34, 0.2);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    height: 80px;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.image_9 {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.text_110,
.text_111 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.text_110 {
    color: rgba(0, 51, 102, 1);
}

.text_111 {
    color: rgba(168, 131, 55, 1);
}

/* ========== 仪器列表 ========== */
.equipment-section {
    margin-top: 40px;
}

.equipment-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.text_31 {
    color: rgba(168, 131, 55, 1);
    font-size: 40px;
    font-weight: 600;
}

.text_32 {
    color: rgba(162, 162, 162, 1);
    font-size: 16px;
    margin-left: 16px;
}

.text_119 {
    color: rgba(168, 131, 55, 1);
    font-size: 14px;
    margin-left: auto;
    cursor: pointer;
}

.text_120 {
    width: 34px;
    height: 16px;
    color: rgba(255, 255, 255, 1);
    font-size: 11px;
    text-align: left;
    line-height: 16px;
    margin: 2px 0 0 4px;
}

.thumbnail_8 {
    width: 5px;
    height: 8px;
    margin: 6px 4px 0 0;
}

/* 添加flex布局支持 */
.flex-row {
    display: flex;
    flex-direction: row;
}

.justify-between {
    justify-content: space-between;
}

.thumbnail_1 {
    width: 5px;
    height: 8px;
    margin: 6px 4px 0 0;
}

.equipment-list {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding: 10px 0;
    scroll-behavior: smooth;
}

.equipment-card {
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(217, 223, 234, 1);
    border-radius: 8px;
    min-width: 240px;
    max-width: 280px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.3s;
}

.equipment-card:hover {
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.equipment-image {
    height: 180px;
    background: rgba(236, 241, 249, 1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    overflow: hidden;
}

.equipment-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.text-group_2 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text_33 {
    font-size: 14px;
    color: rgba(85, 85, 85, 1);
    line-height: 1.5;
    margin-bottom: 15px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.group_28 {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.text_34 {
    color: rgba(168, 131, 55, 1);
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
}

/* ========== 共享成效区域 ========== */
.section_8 {
    background-image: url(./img/e9285a7dc4214e7ba019926ccfb9fa28_mergeImage.png);
    background-size: cover;
    background-position: center;
    margin-top: 70px;
    padding: 60px 40px 20px 40px;
}

.group_1 {
    background-color: rgba(13, 3, 41, 0.24);
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 40px 20px;
    position: relative;
}

.text-wrapper_52 {
    text-align: center;
    margin-bottom: 40px;
}

.text_35 {
    color: rgba(255, 255, 255, 1);
    font-size: 32px;
    font-weight: 600;
}

.text_36 {
    color: rgba(255, 255, 255, 1);
    font-size: 16px;
    margin-top: 10px;
}

.ranking-container {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex-wrap: wrap;
}

.group_2,
.group_3 {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    max-width: 628px;
    min-width: 400px;
    border-radius: 8px;
    overflow: hidden;
}

.text-wrapper_13 {
    background-color: rgba(168, 131, 55, 1);
    padding: 20px;
}

.text_37 {
    color: rgba(255, 255, 255, 0.3);
    font-size: 28px;
    font-weight: 700;
}

.text_38 {
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 600;
    margin-top: -30px;
}

.text-wrapper_20 {
    background-color: rgba(0, 51, 102, 1);
    padding: 20px;
}

.text_51 {
    color: rgba(255, 255, 255, 0.3);
    font-size: 28px;
    font-weight: 700;
}

.text_52 {
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    font-weight: 600;
    margin-top: -30px;
}

.ranking-item {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(230, 235, 245, 1);
}

.ranking-number {
    background-color: rgba(168, 131, 55, 0.16);
    border-radius: 8px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    flex-shrink: 0;
}

.ranking-number span {
    color: rgba(168, 131, 55, 1);
    font-size: 14px;
    font-weight: 500;
}

.ranking-text {
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    font-weight: 500;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ========== 平台数据区域 ========== */
.section_15 {
    background-color: rgba(236, 241, 249, 1);
    width: 100%;
    height: 808px;
    padding-top: 30px;
}

.section_15_wfmrf {
    height: 808px;
    padding-top: 30px;
}

.text-wrapper_53 {
    width: 444px;
    height: 56px;
    margin: 0 auto 29px auto;
}

.text-wrapper_53_wfmrf {
    /*margin: 5.28rem 0 0 8.534rem;*/
}

.text_65 {
    color: rgba(0, 51, 102, 1);
    font-size: 40px;
    font-weight: 600;
}

.text_66 {
    color: rgba(162, 162, 162, 1);
    font-size: 16px;
    margin-top: 16px;
}

.text-wrapper_54 {
    width: 573px;
    margin: 0 auto 40px auto;
}

.text_67,
.text_68,
.text_69 {
    color: rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
}

.text_68 {
    margin-left: 47px;
}

.text_69 {
    margin-left: 49px;
}

.list_8 {
    width: 1280px;
    height: 180px;
    display: flex;
    justify-content: space-between;
    margin: 0.534rem auto 43px auto;
}

.text-group_3 {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 1);
    width: 413px;
    height: 180px;
    margin-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.text-wrapper_29 {
    width: 64px;
    height: 56px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 56px;
    margin: 45px 0 0 175px;
}

.text-wrapper_29-0,
.text-wrapper_29-1,
.text-wrapper_29-2 {
    width: 64px;
    height: 56px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 56px;
    margin: 45px 0 0 175px;
}

.text_70 {
    color: rgba(168, 131, 55, 1);
    font-size: 40px;
    font-weight: 600;
}

.text_70-0,
.text_70-1,
.text_70-2 {
    width: 104px;
    height: 56px;
    overflow-wrap: break-word;
    color: rgba(168, 131, 55, 1);
    font-size: 40px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 56px;
}

.text_71 {
    color: rgba(168, 131, 55, 1);
    font-size: 16px;
    margin-left: 5px;
}

.text_71-0,
.text_71-1,
.text_71-2 {
    width: 104px;
    height: 56px;
    overflow-wrap: break-word;
    color: rgba(168, 131, 55, 1);
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    line-height: 56px;
}

.text_72 {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    margin: 12px 0 45px 175px;
}

.text_72-0,
.text_72-1,
.text_72-2 {
    width: 64px;
    height: 22px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-family: PingFangSC-Regular;
    font-weight: NaN;
    text-align: left;
    white-space: nowrap;
    line-height: 22px;
    margin: 12px 0 45px 175px;
}

.group_4 {
    box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 1);
    width: 1280px;
    height: 300px;
    margin: 0.534rem auto 1.867rem auto;
}

.box_26 {
    width: 1236px;
    height: 30px;
    margin: 22px 0 0 20px;
}

.text-wrapper_30 {
    /*width: 203px;*/
    height: 30px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text_73 {
    width: 203px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(14, 16, 17, 1);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text_74 {
    width: 203px;
    height: 30px;
    overflow-wrap: break-word;
    color: rgba(162, 170, 187, 1);
    font-size: 16px;
    font-family: PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
}

.text-wrapper_31 {
    width: 110px;
    height: 25px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    /*margin: 2px 0 0 500px;*/
}

.text_75 {
    width: 73px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.text_76 {
    width: 73px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(168, 131, 55, 1);
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.text-wrapper_32 {
    width: 152px;
    height: 25px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 2px 0 0 48px;
}

.text_77 {
    width: 152px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.text_78 {
    width: 152px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(168, 131, 55, 1);
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.text-wrapper_33 {
    width: 144px;
    height: 25px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    margin: 2px 0 0 48px;
}

.text_79 {
    width: 144px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.text_80 {
    width: 144px;
    height: 25px;
    overflow-wrap: break-word;
    color: rgba(168, 131, 55, 1);
    font-size: 18px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
}

.data-selectors {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.block_10 {
    height: 206px;
    width: 1240px;
    position: relative;
    margin: 17px 0 25px 20px;
}

.box_26 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 15px;
}

.text_73,
.text_74 {
    color: rgba(14, 16, 17, 1);
    font-size: 14px;
}

.text_74 {
    color: rgba(162, 170, 187, 1);
}

.data-selectors {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.text-wrapper_31,
.text-wrapper_32,
.text-wrapper_33 {
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 4px;
    transition: background 0.3s;
}

.text-wrapper_31:hover,
.text-wrapper_32:hover,
.text-wrapper_33:hover {
    background: rgba(168, 131, 55, 0.1);
}

.text_75,
.text_77,
.text_79 {
    color: rgba(0, 0, 0, 1);
    font-size: 16px;
    font-weight: 600;
}

.text_76,
.text_78,
.text_80 {
    color: rgba(168, 131, 55, 1);
    font-size: 16px;
    font-weight: 600;
}

/* ========== 媒体查询 - Pad端适配 (1024px及以下) ========== */
@media screen and (max-width: 1366px) {
    .page {
        min-width: 768px;
    }

    .section_1 {
        padding: 15px 20px;
    }

    .section_1-content {
        flex-wrap: wrap;
    }

    .logo-section {
        flex-wrap: wrap;
        flex: 1 1 auto;
    }

    .image_1 {
        max-width: 200px;
        height: 50px;

    }

    .text_1 {
        font-size: 16px;
    }

    .text_2 {
        font-size: 12px;
    }

    .text-wrapper_2 {
        margin: 20px 0 0 20px;
    }

    .text_4,
    .text_5 {
        font-size: 14px !important;
        padding: 10px 5px;
    }

    .nav-menu {
        gap: 10px;
    }

    .announcement-section {
        flex-wrap: wrap;
    }

    .section_24 {
        min-width: 100%;
    }

    /* Pad端：快捷入口横向排列 */
    .quick-entry-cards {
        flex-direction: row !important;
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    .quick-entry-cards > div,
    .quick-entry-cards .group_13,
    .quick-entry-cards .group_14 {
        width: 48% !important;
        flex: 0 0 auto !important;
    }

    .equipment-card {
        min-width: 200px;
        max-width: 240px;
    }

    .ranking-container {
        flex-direction: column;
        align-items: center;
    }

    .group_2,
    .group_3 {
        width: 100%;
        min-width: 100%;
    }

    .text-group_3 {
        min-width: 200px;
        flex: 1 1 45%;
    }

    .cd-hero {
        height: 5rem;
        min-height: 5rem;
    }

    .cd-hero__slide {
        min-height: 400px;
    }

    .section_1 {
        padding: 15px 20px;
    }

    .logo-section {
        flex-wrap: wrap;
    }

    .nav-menu {
        padding: 0 20px;
        overflow-x: auto;
        /*justify-content: center;*/
    }
}

/* ========== 媒体查询 - Pad端适配 (1024px及以下) ========== */
@media screen and (max-width: 1024px) {
    .page {
        min-width: 768px;
    }

    .section_1 {
        padding: 15px 20px;
    }

    .section_1-content {
        flex-wrap: wrap;
    }

    .logo-section {
        flex-wrap: wrap;
        flex: 1 1 auto;
    }

    .image_1 {
        max-width: 200px;
        height: 50px;

    }

    .text_1 {
        font-size: 16px;
    }

    .text_2 {
        font-size: 12px;
    }

    .text-wrapper_2 {
        margin: 20px 0 0 20px;
    }

    .text_4,
    .text_5 {
        font-size: 14px !important;
        padding: 10px 5px;
    }

    .nav-menu {
        gap: 10px;
    }

    .announcement-section {
        flex-wrap: wrap;
    }

    .section_24 {
        min-width: 100%;
    }

    /* Pad端：快捷入口横向排列 */
    .quick-entry-cards {
        flex-direction: row !important;
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    .quick-entry-cards > div,
    .quick-entry-cards .group_13,
    .quick-entry-cards .group_14 {
        width: 48% !important;
        flex: 0 0 auto !important;
    }

    .equipment-card {
        min-width: 200px;
        max-width: 240px;
    }

    .ranking-container {
        flex-direction: column;
        align-items: center;
    }

    .group_2,
    .group_3 {
        width: 100%;
        min-width: 100%;
    }

    .text-group_3 {
        min-width: 200px;
        flex: 1 1 45%;
    }

    .cd-hero {
        height: 5rem;
        min-height: 5rem;
    }

    .cd-hero__slide {
        min-height: 400px;
    }

    .section_1 {
        padding: 15px 20px;
    }

    .logo-section {
        flex-wrap: wrap;
    }

    .nav-menu {
        padding: 0 20px;
        overflow-x: auto;
        /*justify-content: center;*/
    }
}

/* ========== 媒体查询 - 小屏幕优化 ========== */
@media screen and (max-width: 768px) {
    .page {
        min-width: 320px;
    }

    .section_1-content {
        flex-direction: column;
        gap: 10px;
    }

    .text-wrapper_3 {
        overflow-x: auto;
        justify-content: flex-start;
    }

    .nav-menu {
        padding: 0 20px;
        justify-content: flex-start;
    }

    .text_4 {
        margin-right: 15px;
    }

    .text_5 {
        margin: 0 0 0 30px;
    }

    .equipment-card {
        min-width: 160px;
    }

    .text_31,
    .text_35,
    .text_65 {
        font-size: 24px;
    }

    .cd-hero {
        height: 5rem;
        min-height: 5rem;
    }

    .cd-hero__slide {
        min-height: 250px;
    }
}
