/* 中国饮料工业协会官网首页样式*//* ====================== 全局样式 ======================*/* {margin:0;padding:0;box-sizing:border-box;}
@media (min-width: 1280px){
body { background-image: url(/static/images/bg-82b1d9a0ff4f3021b098d5e6ab755583.jpg);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;color:#333;line-height:1.6;background-color:#fff;}
.container {max-width:80rem;/* 1280px*/    margin:0 auto;padding:0 0rem;/* 15px*/;}

a{ text-decoration: none;}

.badge-status-pending {min-width:5rem;background:#fff7e6 !important;color:#fa8c16;border:1px solid #ffd591;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-approved {min-width:5rem;background-color:#f6ffed !important;color:#52c41a;border:1px solid #b7eb8f;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem !important;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-rejected {min-width:5rem;background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-supplement {min-width:5rem;background:#e6f4ff !important;color:#1890ff;border:1px solid #91d5ff;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-warning {min-width:5rem;background:#fffbe6 !important;color:#faad14;border:1px solid #ffe58f;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-info {min-width:5rem;background:#f0f5ff !important;color:#597ef7;border:1px solid #adc6ff;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}
.badge-status-secondary {min-width:5rem;background:#e2e5e7 !important;color:#666666;border:1px solid #dbcfcf;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem !important;display:inline-block;text-align:center;white-space:nowrap;line-height: 14px;font-weight: 400;}


/* ====================== 行业洞察页面样式 ======================*/
.industry-insights-section {padding:3rem 0;background:#f8f9fb;}
.industry-insights-stats-block {display:flex;gap:2rem;margin-bottom:3rem;background-image:url('/static/images/sjtj_04-a5f76c1453b7a06eb905731f67a5b83e.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:6px;padding:50px;align-items:flex-start;position:relative;overflow:hidden;}
.industry-insights-stats-block > * {position:relative;z-index:1;}
.industry-insights-stats-content {flex:1;max-width:35rem;}
.industry-insights-title {font-size:28px;color:#3168EC;font-weight:normal;margin-bottom:1.5rem;}
.industry-insights-description {font-size:1rem;color:#4A5568;line-height:1.8;margin-bottom:0;}
.industry-insights-stats-visual {flex:1;position:relative;display:flex;flex-direction:column;align-items:center;}
.industry-insights-card {background:white;padding:20px 20px 0px;border-radius:6px;margin-top:1em;width:570px;min-height:150px;position:relative;display:flex;flex-direction:column;justify-content:center;border-bottom:0.125rem solid #3168EC;}
.industry-insights-carda{position: relative;margin-bottom: 1.2rem;}
.industry-insights-card-title {font-size:1.15rem;color:#2D3748;line-height: 2.2rem;font-weight:normal;margin-bottom:0rem;text-align:left;width:100%;max-width:415px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.industry-insights-btn {background:#1F63FF;color:white;width:100px;height:36px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;position:absolute;top:0px;right:0px;}
.industry-insights-btn:hover {text-decoration:none;color:white;}
.industry-insights-empty {display:flex;align-items:center;justify-content:center;min-height:100px;text-align:center;}
.industry-insights-chart-bg {position:relative;}
.industry-insights-chart-img {max-width:100%;height:auto;opacity:0.8;}
.industry-insights-evaluation-blocks {display:grid;grid-template-columns:1fr 1fr;gap:2rem;}
.industry-insights-eval-block {display:flex;flex-direction:column;border-radius:6px;padding:2.5rem;min-height:25rem;position:relative;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;}
.industry-insights-eval-block::before {content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(242,245,254,0.6    ) 0%,rgba(255,255,255,0.60) 55%,rgba(255,255,255,0) 100%);border-radius:6px;pointer-events:none;}
.industry-insights-eval-block > * {position:relative;z-index:1;}
.industry-insights-eval-block:nth-child(1) {background-image:url('/static/images/sjtj_05-31fdd5e4b558beb61a0c8da187f16b2b.jpg');background-position:right;}
.industry-insights-eval-block:nth-child(2) {background-image:url('/static/images/sjtj_06-e16aaa16aedab7b6965c77ce38b82191.jpg');background-position:right;}
.industry-insights-eval-content {flex:1;}
.industry-insights-eval-title {font-size:28px;color:#3168EC;font-weight:normal;margin-bottom:1.5rem;}
.industry-insights-eval-description {font-size:1rem;color:#4A5568;line-height:1.8;margin-bottom:2rem;}
.industry-insights-eval-card {background:white;padding:1.25rem;border-radius:0.375rem;margin-bottom:1.5rem;border-bottom:0.125rem solid #3168EC;}
.industry-insights-eval-card-header {display:flex;justify-content:space-between;align-items:center;}
.industry-insights-eval-card-title {font-size:1rem;color:#2D3748;font-weight:600;margin:0;line-height:1.4;flex:1;}
.industry-insights-eval-btn {background:#1F63FF;color:white;width:6.25rem;height:2.25rem;border-radius:0.375rem;text-decoration:none;font-weight:600;font-size:0.875rem;transition:all 0.3s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}
.industry-insights-eval-btn:hover {text-decoration:none;color:white;}
.industry-insights-eval-tag {background:#54B8CA;color:white;width:7.5rem;height:2.625rem;border-radius:0.375rem;font-size:0.875rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;}
.industry-insights-eval-visual {margin-top:auto;text-align:center;}
.industry-insights-eval-bg-img {max-width:100%;height:auto;opacity:0.8;}
/* ====================== 会员类型展示区域样式 ======================*/
.member-types-section {flex:1;display:flex;flex-direction:column;gap:1.5rem;}
.member-types-grid {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;}
.member-type-item {display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:2em 1.5625rem;transition:transform 0.3s ease;background:linear-gradient(180deg,rgba(49,104,236,0.1) 0%,rgba(65,131,252,0.1) 100%);border-radius:0.5rem;text-decoration:none;cursor:pointer;}
.member-type-item:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(49,104,236,0.2);text-decoration:none;}
.member-type-item:hover .member-type-name {color:#3168EC;}
.member-icon {width:3.75rem;height:3.75rem;display:flex;align-items:center;justify-content:center;background:white;border-radius:50%;flex-shrink:0;}
.member-type-name {font-size:1.25rem;color:#333333;font-weight:500;line-height:1.2;flex:1;}
.member-actions {display:flex;gap:1rem;}
.member-action-btn {flex:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:2rem 1.5625rem;border-radius:0.375rem;text-decoration:none;transition:all 0.3s ease;gap:0.75rem;min-height:7.5rem;}
.join-process-btn {background:linear-gradient(180deg,rgba(49,104,236,1) 0%,rgba(65,131,252,0.9) 100%);color:white;}
.member-action-btn:hover {transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.15);text-decoration:none;color:white;}
.btn-icon {width:3.75rem;height:3.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:0.125rem solid white;border-radius:50%;}
.btn-icon img {width:100%;height:100%;}
.btn-text {font-size:1.375rem;font-weight:600;text-align:center;line-height:1.2;color:#FFF;}

/* ====================== 顶部导航样式 ======================*/.index-top-nav {display: none;background-color:#f8f9fa;border-bottom:0.0625rem solid #e9ecef;/* 1px*/    padding:0.85rem 0;/* 8px*/    font-size:0.75rem;/* 12px*/;}
.index-top-nav-content {display:flex;justify-content:space-between;align-items:center;}
.index-welcome {color:#666;font-size:0.875rem;/* 14px*/    line-height:1.5rem;}
.index-top-links {display:flex;align-items:center;}
.index-top-link {color:#666;font-size:0.875rem;/* 14px*/    line-height:1.5rem;text-decoration:none;transition:color 0.3s ease;}
.index-top-link:hover {color:#007bff;text-decoration:none;}
.index-divider {margin:0 0.5rem;/* 8px*/    color:#ccc;}
/* ====================== 主要头部样式 ======================*/
.index-header {padding:2.25rem 0;/* 36px*/    border-bottom:0.0625rem solid #e9ecef;/* ;background:#eef5fb url('/static/images/index-header1-bc306b697fb8fe2448d0bcdc8b49da4f.png') center bottom no-repeat;*/}
.index-header-content {display:flex;justify-content:space-between;align-items:center;}
.index-header1{background: linear-gradient(180deg, rgba(94, 180, 232, .2) 0%, #FFFFFF 100%);}
/* LOGO区域样式*/.index-logo-section {flex:1;}
.index-logo {display:flex;align-items:center;}
.index-logo-img {height:4.25rem;/* 68px*/    width:auto;}
.index-logo-text h1 {font-size:2rem;/* 32px*/    font-weight:bold;color:#2c5aa0;margin-bottom:0.3125rem;/* 5px*/    line-height:1.2;}
.index-logo-text p {font-size:0.875rem;/* 14px*/    color:#666;margin:0;letter-spacing:0.0625rem;/* 1px*/;}
/* 搜索和服务区域样式*/.index-search-section {display:flex;align-items:center;gap:1.25rem;/* 20px*/;}
.index-search-box {display:flex;border:0.125rem solid #e9ecef;/* 2px*/    border-radius:1.5625rem;/* 25px*/    overflow:hidden;background-color:#fff;/*height:3rem;*/ /* 48px*/;}
.index-search-input {border:none;padding:0 1.25rem;/* 0 20px*/    width:18.75rem;/* 300px*/    font-size:0.875rem;/* 14px*/    height:3rem;/* 48px*/    line-height:3rem;/* 48px*/    outline:none;background:transparent;}
.index-search-btn {background-color:inherit;border:none;padding:0 1.25rem;/* 0 20px*/    color:white;cursor:pointer;transition:background-color 0.3s ease;height:3rem;/* 48px*/    line-height:3rem;/* 48px*/    display:flex;align-items:center;justify-content:center;}
.index-service-btn {background: linear-gradient(180deg, #4F9EE8, #3B82F6);color:white;padding:0 1.5rem;/* 0 24px*/    height:3rem;/* 48px*/    line-height:3rem;/* 48px*/    border-radius:1.5625rem;/* 25px*/    text-decoration:none;font-size:0.875rem;/* 14px*/    font-weight:500;transition:transform 0.3s ease,box-shadow 0.3s ease;white-space:nowrap;display:flex;align-items:center;gap:0.5rem;/* 8px*/;}
.index-service-btn:hover {color:white;text-decoration:none;transform:translateY(-0.125rem);/* -2px*/    box-shadow:0 0.3125rem 0.9375rem rgba(78,115,223,0.4);/* 0 5px 15px*/;}
/* ====================== 主导航样式 ======================*/
.index-main-nav {background-color:transparent;padding:0;position:relative;background: linear-gradient(180deg, #4F9EE8, #3B82F6);}
/* 手机端导航头部*/.index-mobile-nav-header {display:none;justify-content:space-between;align-items:center;padding:1rem 0;/* 16px*/;}
.index-mobile-logo-img {height:2.5rem;/* 40px*/    width:auto;}
/* 汉堡菜单按钮*/.index-mobile-menu-btn {background:none;border:none;cursor:pointer;padding:0.5rem;/* 8px*/    display:flex;flex-direction:column;gap:0.25rem;/* 4px*/    transition:all 0.3s ease;}
.index-mobile-menu-line {width:1.5rem;/* 24px*/    height:0.125rem;/* 2px*/    background-color:#333333;transition:all 0.3s ease;border-radius:0.0625rem;/* 1px*/;}
/* 汉堡菜单动画*/.index-mobile-menu-btn.active .index-mobile-menu-line:nth-child(1) {transform:rotate(45deg) translate(0.3125rem,0.3125rem);/* 5px,5px*/;}
.index-mobile-menu-btn.active .index-mobile-menu-line:nth-child(2) {opacity:0;}
.index-mobile-menu-btn.active .index-mobile-menu-line:nth-child(3) {transform:rotate(-45deg) translate(0.3125rem,-0.3125rem);/* 5px,-5px*/;}
/* 桌面端导航菜单*/.index-nav-menu {display:flex;justify-content:center;list-style:none;margin:0;padding:0;}
.index-nav-item {position:relative;width:11.2%;text-align:center;}
.index-nav-link {display:block;color:#FFFFFF;text-decoration:none;padding:0 0rem;/* 0 24px*/    font-size:1rem;/* 16px*/    font-weight:500;line-height:4.875rem;/* 78px*/    height:4.875rem;/* 78px*/    transition:all 0.3s ease;white-space:nowrap;}
.index-nav-item:hover .index-nav-link,.index-nav-item.active .index-nav-link {background-color:#507dea;color:white;}
/* ====================== CBST展会区域样式 ======================*/
.cbst-exhibition-section {margin-bottom:3.75rem;/* 60px*/;}
.cbst-intro-content {background:linear-gradient(180deg,rgba(49,104,236,0.2) 0%,rgba(59,108,224,0.2) 100%);padding:2.5rem;/* 40px*/    border-radius:6px;/* 16px*/    margin-bottom:2.5rem;/* 40px*/    border:0.0625rem solid #E3EFFF;/* 1px*/;}
.cbst-title-wrapper {text-align:left;margin-bottom:1.5rem;/* 24px*/    position:relative;}
.cbst-main-title {font-size:1.375rem;/* 22px*/    font-weight:400;color:#3168EC;margin:0;line-height:1;position:relative;padding-left:1rem;/* 8px*/;}
.cbst-main-title::before {content:'';position:absolute;left:0;top:0;bottom:0;width:0.25rem;/* 4px*/    background:#3168EC;border-radius:0.125rem;/* 2px*/;}
.cbst-description {line-height:1.8;color:#4A5568;}
.cbst-description p {margin-bottom:1rem;/* 16px*/    font-size:0.9375rem;/* 15px*/    text-align:justify;}
.cbst-description p:last-child {margin-bottom:0;}
.cbst-exhibition-banner {display:flex;align-items:center;gap:2rem;/* 32px*/    overflow:hidden;margin-bottom:2.5rem;/* 40px*/;}
.cbst-banner-left {width:60.625rem;/* 970px*/;}
.cbst-banner-image {width:100%;height:auto;display:block;}
.cbst-banner-right {flex:1;display:flex;align-items:center;justify-content:center;}
.cbst-action-buttons {display:flex;flex-direction:column;gap:1rem;/* 16px*/    align-items:center;}
.cbst-btn {background:linear-gradient(45deg,#FF6B6B,#FF8E53);color:white;padding:0.875rem 2rem;/* 14px 32px*/    border-radius:2rem;/* 32px*/    text-decoration:none;font-weight:600;font-size:0.9375rem;/* 15px*/    transition:all 0.3s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:0.5rem;/* 8px*/}
.cbst-btn-exhibit {background:linear-gradient(180deg,rgba(49,104,236,1) 0%,rgba(65,131,252,1) 100%);width:17.5rem;/* 280px*/    height:5.625rem;/* 90px*/    font-size:1.625rem;/* 26px*/    color:#FFF;justify-content:center;border-radius:0.25rem;/* 4px*/;}
.cbst-btn-visit {background:linear-gradient(45deg,#4F46E5,#7C3AED);box-shadow:0 0.25rem 0.9375rem rgba(79,70,229,0.3);/* 0 4px 15px*/;}
.cbst-btn:hover {transform:translateY(-0.125rem);/* -2px*/    text-decoration:none;color:white;}
.cbst-btn-visit:hover {box-shadow:0 0.5rem 1.25rem rgba(79,70,229,0.4);/* 0 8px 20px*/;}
/* ====================== CBST合作伙伴展示区域样式 ======================*/.cbst-partners-section {margin-top:2.5rem;/* 50px*/;}
.cbst-partners-container {display:flex;gap:1.25rem;/* 20px*/;}
.cbst-partners-column {flex:1;overflow:hidden;}
.cbst-partners-header {background:linear-gradient(135deg,#4F7FE7,#3168EC);padding:1.75rem 2rem;/* 16px*/    border-radius:4px 4px 0px 0px;color:white;}
.cbst-partners-header h3 {margin:0;font-size:1.125rem;/* 18px*/    font-weight:600;letter-spacing:0.0625rem;/* 1px*/;}
/* CBST 合作伙伴滚动容器 - 4行一起滚动 */
.cbst-partners-scroll-wrapper {
    width: 100%;
    overflow: hidden;
    background: #f8f9fa;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.cbst-partners-row {
    width: 100%;
    overflow: hidden;
}
.cbst-partners-track {
    display: flex;
    gap: 15px;
    animation: cbst-partners-scroll 25s linear infinite;
    width: fit-content;
}
/* 鼠标悬停暂停动画 */
.cbst-partners-scroll-wrapper.paused .cbst-partners-track {
    animation-play-state: paused;
}
/* CBST合作伙伴滚动动画 */
@keyframes cbst-partners-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.cbst-partner-item {
    width: 140px;
    height: 70px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
.cbst-partner-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.cbst-partner-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(20%);
    transition: filter 0.3s ease;
}
.cbst-partner-item:hover img {
    filter: grayscale(0%);
}
.cbst-partner-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
/* ====================== 主要内容样式 ======================*/
.index-main-content {position:relative;}
/* Swiper轮播图区域样式*/.index-hero-section {position:relative; overflow:hidden;}
.index-hero-swiper {width:100%;height:100%;}
.index-hero-img {width:100%;height:100%;object-fit:cover;object-position:center;}
/* 自定义分页器样式*/.index-hero-pagination {bottom:1.875rem !important;/* 30px*/;}
.index-pagination-bullet {width:0.75rem !important;/* 12px*/    height:0.75rem !important;/* 12px*/    background-color:rgba(255,255,255,0.5) !important;opacity:1 !important;transition:all 0.3s ease !important;}
.index-pagination-bullet-active {background-color:#3168EC !important;transform:scale(1.2) !important;}
.index-pagination-bullet:hover {background-color:rgba(255,255,255,0.8) !important;}
/* 导航按钮样式已移除*//* ====================== 功能按钮区域样式 ======================*/
.index-feature-buttons { position:relative;overflow:hidden;position:relative;z-index:1;width:100%;margin-bottom:3.125rem;/* 50px*/;}
/* 热点新闻 Swiper 容器样式 */
.index-hot-news-swiper {height:3.75rem;/* 60px - 增加高度以容纳上下间距 (46px + 7px*2)*/    width:100%;}
.index-hot-news-swiper .swiper-wrapper {height:100%;}
.index-hot-news-swiper .swiper-slide {height:100%;/* 使用100%高度*/    display:flex;align-items:center;padding:0.4375rem 0;/* 上下各7px间距*/}
.index-feature-item {background:linear-gradient(180deg,rgba(80,135,236,1) 100%,rgba(49,104,236,1) 0%);border-radius:3rem;/* 48px*/    text-align:left;cursor:pointer;transition:all 0.4s ease;width:100%;/* 320px*/    height:2.875rem;/* 46px*/    position:relative;overflow:hidden;display:flex;align-items:center;gap:0;/* 移除间距*/;}
/* 悬停背景层 - 使用伪元素实现平滑过渡*/.index-feature-item::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.05) 100%);opacity:0;transition:opacity 0.4s ease;z-index:0;border-radius:3rem;pointer-events:none;}
.index-feature-item:hover::after {opacity:1;}
.index-feature-icon {width:3.3125rem;/* 53px*/    height:2.875rem;/* 46px*/    display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:all 0.3s ease;z-index:2;}
.index-feature-icon::after {content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.0625rem;/* 1px*/    height:1.5rem;/* 24px*/    background-color:rgba(255,255,255,0.3);z-index:2;}

.index-feature-icon i {font-size:2rem;/* 32px*/    color:white;}
.index-feature-text {font-size:1rem;/* 16px*/    font-weight:400;color:#333333;line-height:2.875rem;/* 46px*/    position:relative;z-index:2;flex:1;padding:0 0.75rem;/* 12px*/    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease;}
.index-feature-item:hover .index-feature-text {color:#FFFFFF;}
.index-feature-text a{ font-weight:400;color: #fff;}
.index-feature-item:hover .index-feature-text a {color:#FFFFFF;}
/* ====================== 响应式设计 ======================*//* ====================== 新增内容区域样式 ======================*//* 内容区域整体*/
.index-content-section { padding:3rem 0;/* 60px*/;}
/* 上半部分：轮播图和新闻*/.index-main-content-area {display:flex;gap:0;margin-bottom:2.5rem;/* 50px*/;}
/* 左侧图片区域*/.index-carousel-section {position:relative;background:white;overflow:hidden;width:36.25rem;/* 580px*/    border-right:0.0625rem solid #E8E8E8;/* 1px*/;}
.index-single-image {width:100%;height:21.5rem;/* 354px*/    overflow:hidden;}
.index-main-img {width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease;}
.index-slide-content {display:flex;flex-direction:column;width:100%;height:100%;}
.index-slide-image {flex:1;width:100%;overflow:hidden;}
.index-slide-img {width:100%;height:100%;object-fit:cover;}
.index-slide-text {background:white;color:#333;padding:1rem 1.5rem;/* 16px 24px*/;}
.index-slide-title {font-size:1.125rem;/* 18px*/    font-weight:600;margin-bottom:0.5rem;/* 8px*/    line-height:1.4;}
.index-slide-date {font-size:0.875rem;/* 14px*/    opacity:0.9;display:flex;align-items:center;gap:0.25rem;/* 4px*/;}
.index-date-icon {width:1rem;/* 16px*/    height:1rem;/* 16px*/    opacity:0.7;}
/* 内容轮播控制按钮*/.index-content-button-next,.index-content-button-prev {color:white !important;background-color:rgba(0,0,0,0.5) !important;width:2.5rem !important;/* 40px*/    height:2.5rem !important;/* 40px*/    transition:all 0.3s ease !important;margin-top:-3.5rem;}
.index-content-button-next {right:0rem;}
.index-content-button-prev {left:0rem;}
.index-content-button-next:after,.index-content-button-prev:after {font-size:1rem;}
.index-content-button-next:hover,.index-content-button-prev:hover {background-color:rgba(0,0,0,0.6) !important;}
.index-content-pagination {position:absolute !important;bottom:1rem !important;/* 16px*/    right:1rem !important;/* 16px*/    left:auto !important;width:auto !important;text-align:right !important;}
.index-content-pagination .swiper-pagination-bullet {background-color:rgba(216,216,216,0.8) !important;opacity:1 !important;margin:0 0.25rem !important;/* 0 4px*/;}
.index-content-pagination .swiper-pagination-bullet-active {background-color:#3168EC !important;}
/* 右侧新闻区域*/
.index-news-section {background:white;overflow:hidden;flex:1;}
.index-news-tabs {display:flex;align-items:center;border-bottom:0.0625rem solid #e1e1e1;/* 1px*/;padding:0 2.5rem;background: linear-gradient(180deg, rgba(49, 104, 236, .1) 0%, #FFFFFF 100%);}
.index-news-tab {background:none;border:none;padding:1.25rem 0rem;/* 16px 24px*/font-size:1rem;/* 16px*/font-weight:700;color:#333333;cursor:pointer;position:relative;transition:color 0.3s ease;}
.index-news-tab::after {content:'';position:absolute;bottom:-0.0625rem;/* -1px*/left:50%;right:50%;height:0.125rem;/* 2px*/    background-color:#3168EC;border-radius:3rem;transition:left 0.3s ease, right 0.3s ease;}
.index-news-tab:hover {color:#3168EC;}
.index-news-tab:hover::after {left:0;right:0;}
.index-news-tab.active {color:#3168EC;}
.index-news-tab.active::after {left:0;right:0;}
.index-news-separator {color:#E8E8E8;font-size:4rem;/* 16px*/    line-height:2.4rem;margin:-0.65rem 1.25rem 0;/* 0 20px*/;}
.index-news-more {margin-left:auto;color:#666;font-size:0.875rem;/* 14px*/    text-decoration:none;transition:all 0.3s ease;position:relative;padding:0.25rem 0.5rem;/* 4px 8px*/    border-radius:0.25rem;/* 4px*/    display:inline-flex;align-items:center;gap:0.25rem;/* 4px*/}
.index-news-more:hover {color:#3168EC;text-decoration:none;background-color:rgba(49,104,236,0.08);/* 浅蓝背景*/    transform:translateX(0.25rem);/* 向右移动4px*/}
.index-news-content.on .index-news-tabs{background: linear-gradient(180deg, rgba(228, 71, 71, .1) 0%, #FFFFFF 100%);}
.index-news-content.on .index-news-tab.active{color: #E44747;}
.index-news-content.on .index-news-tab.active::after{background-color: #E44747;}
.index-news-content.on .index-news-link:hover .index-news-title,.index-news-content.on .index-news-link:hover .index-news-title::before{color: #E44747;}
.index-news-content.on .index-news-more:hover {color:#E44747;text-decoration:none;background-color:rgba(228,71,71,0.08);/* 浅蓝背景*/    transform:translateX(0.25rem);/* 向右移动4px*/}

.index-news-list {display:none;padding:0 2.5rem;/* 24px*/;}
.index-news-list.active {display:block;}
.index-news-item {transition:padding 0.3s ease, background-color 0.3s ease;padding:0;}
.index-news-item:hover {padding:0 1rem;/* 0 16px*/    background-color:#f8f9fa;}
.index-news-item:last-child {margin-bottom:0;}
.index-news-item:last-child .index-news-link {border-bottom:none;}
.index-news-link {display:flex;justify-content:space-between;align-items:flex-start;padding:0.9rem 0;/* 30px 0*/    text-decoration:none;color:#333;border-bottom:0.0625rem solid #f0f0f0;/* 1px*/    transition:color 0.3s ease;gap:1rem;/* 16px*/;}
.index-news-link:hover {color:#3168EC;text-decoration:none;}
.index-news-link:hover .index-news-title {color:#3168EC;}
.index-news-link:hover .index-news-title::before {color:#3168EC;}
.index-news-title {flex:1;font-size:1rem;/* 16px*/    color:#333333;line-height:1.5rem;/* 24px*/    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-left:0.75rem;/* 12px*/;}
.index-news-title::before {content:'•';position:absolute;left:0;color:#666;font-size:0.875rem;/* 14px*/;}
.index-news-date {flex-shrink:0;font-size:1rem;/* 16px*/    color:#999;margin-left:1rem;/* 16px*/;}


/* ============================================
   服务系统标题栏 - 多种方案可选
   使用方法：在 index-section-header 上添加对应类名
   - 默认/方案1：居中标题+下划线
   - style-2：左右装饰线
   - style-3：左侧竖线+标题
   - style-4：背景色块+图标
   - style-5：双线框标题
   - style-6：标签式标题
   - style-7：渐变背景条
   - style-8：简约点缀式
   ============================================ */

/* 方案1（默认）：居中标题+渐变下划线 */
.index-section-header {
    text-align: center;
    margin: 2.5rem 0 2.5rem 0;
}
.index-section-title {
    font-size: 1.75rem;
    font-weight: 600;
    color: #333;
    margin: 0;
    letter-spacing: 0.1em;
}
.index-section-line {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #3168EC, #6BB6FF);
    margin: 0.75rem auto 0;
    border-radius: 2px;
}

/* 方案2：左右装饰线 */
.index-section-header.style-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}
.index-section-header.style-2::before,
.index-section-header.style-2::after {
    content: '';
    flex: 1;
    max-width: 200px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #3168EC);
}
.index-section-header.style-2::after {
    background: linear-gradient(90deg, #3168EC, transparent);
}
.index-section-header.style-2 .index-section-line {
    display: none;
}

/* 方案3：左侧竖线+标题（商务风格） */
.index-section-header.style-3 {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}
.index-section-header.style-3::before {
    content: '';
    width: 4px;
    height: 1.75rem;
    background: linear-gradient(180deg, #3168EC, #6BB6FF);
    border-radius: 2px;
}
.index-section-header.style-3 .index-section-line {
    display: none;
}

/* 方案4：背景色块+图标（现代风格） */
.index-section-header.style-4 {
    background: linear-gradient(135deg, #f8faff 0%, #eef4ff 100%);
    padding: 1.5rem 2rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}
.index-section-header.style-4::before {
    content: '⚙';
    font-size: 1.5rem;
    color: #3168EC;
}
.index-section-header.style-4 .index-section-title {
    color: #3168EC;
}
.index-section-header.style-4 .index-section-line {
    display: none;
}

/* 方案5：双线框标题（精致风格） */
.index-section-header.style-5 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.index-section-header.style-5 .index-section-title {
    padding: 0.75rem 2.5rem;
    border: 2px solid #3168EC;
    position: relative;
}
.index-section-header.style-5 .index-section-title::before,
.index-section-header.style-5 .index-section-title::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #3168EC;
    background: #fff;
}
.index-section-header.style-5 .index-section-title::before {
    top: -5px;
    left: -5px;
    border-right: none;
    border-bottom: none;
}
.index-section-header.style-5 .index-section-title::after {
    bottom: -5px;
    right: -5px;
    border-left: none;
    border-top: none;
}
.index-section-header.style-5 .index-section-line {
    display: none;
}

/* 方案6：标签式标题（活泼风格） */
.index-section-header.style-6 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-section-header.style-6 .index-section-title {
    background: linear-gradient(135deg, #3168EC 0%, #6BB6FF 100%);
    color: #fff;
    padding: 0.6rem 2rem;
    border-radius: 50px;
    font-size: 1.25rem;
    box-shadow: 0 4px 15px rgba(49, 104, 236, 0.3);
}
.index-section-header.style-6 .index-section-line {
    display: none;
}

/* 方案7：渐变背景条（醒目风格） */
.index-section-header.style-7 {
    background: linear-gradient(90deg, transparent 0%, #f0f5ff 20%, #f0f5ff 80%, transparent 100%);
    padding: 1rem 0;
    position: relative;
}
.index-section-header.style-7::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100px;
    height: 3px;
    background: linear-gradient(90deg, #3168EC, #6BB6FF);
}
.index-section-header.style-7 .index-section-title {
    color: #3168EC;
}
.index-section-header.style-7 .index-section-line {
    display: none;
}

/* 方案8：简约点缀式（清新风格） */
.index-section-header.style-8 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.index-section-header.style-8::before,
.index-section-header.style-8::after {
    content: '◆';
    color: #3168EC;
    font-size: 0.5rem;
}
.index-section-header.style-8 .index-section-title {
    font-weight: 500;
    color: #333;
}
.index-section-header.style-8 .index-section-line {
    display: none;
}

/* 下半部分：服务系统*/.index-services-area {display:flex;gap:1.5rem;/* 24px*/    width:100%;height:22.125rem;/* 354px*/;}
/* 左侧会员服务系统*/.index-member-service {background:white;padding:2.5rem;/* 40px*/    border-radius:0.5rem;/* 8px*/    box-shadow:0 0.125rem 0.5rem rgba(0,0,0,0.1);/* 0 2px 8px*/;}
.index-service-title {font-size:1.5rem;/* 24px*/    font-weight:600;color:#333;margin-bottom:1.5rem;/* 24px*/;}
.index-service-features {margin-bottom:2rem;/* 32px*/;}
.index-service-feature {display:flex;align-items:flex-start;margin-bottom:1rem;/* 16px*/    font-size:0.875rem;/* 14px*/    line-height:1.6;color:#666;}
.index-service-feature:last-child {margin-bottom:0;}
.index-service-feature .index-feature-icon {color:#3168EC;margin-right:0.75rem;/* 12px*/    flex-shrink:0;}
.index-service-btn-enter {background:#3168EC;color:white;border:none;padding:0.75rem 2rem;/* 12px 32px*/    border-radius:0.25rem;/* 4px*/    font-size:0.875rem;/* 14px*/    font-weight:500;cursor:pointer;transition:background-color 0.3s ease;}
.index-service-btn-enter:hover {background-color:#2557d6;}
/* 右侧服务卡片*/.index-service-cards {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;/* 24px*/;}
.index-service-card {background:linear-gradient(135deg,#6BB6FF,#4A90E2);color:white;padding:2rem;/* 32px*/    border-radius:0.5rem;/* 8px*/    text-align:center;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;min-height:8rem;/* 128px*/    display:flex;flex-direction:column;justify-content:center;align-items:center;}
.index-service-card:hover {transform:translateY(-0.25rem);/* -4px*/    box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2);/* 0 8px 16px*/;}
.index-card-title {font-size:1rem;/* 16px*/    font-weight:600;margin-bottom:0.5rem;/* 8px*/;}
.index-card-icon {font-size:2rem;/* 32px*/    opacity:0.8;}
/* ====================== 特殊效果和动画 ======================*//* 页面加载动画*/@keyframes fadeInUp {from {opacity:0;transform:translateY(1.875rem);/* 30px*/;}
to {opacity:1;transform:translateY(0);}
;}
/* 鼠标悬停效果*/.index-nav-link,.index-feature-item,.index-service-btn,.index-search-btn {position:relative;overflow:hidden;}
/* 滚动效果*/html {scroll-behavior:smooth;}
/* 选中状态样式*/::selection {background-color:#4e73df;color:white;}
::-moz-selection {background-color:#4e73df;color:white;}
/* 焦点样式*/.index-search-input:focus,.index-search-btn:focus {outline:0.125rem solid #4e73df;/* 2px*/    outline-offset:0.125rem;/* 2px*/;}
/* 新服务系统样式*//* 服务卡片项*/.index-service-item {position:relative;height:100%;cursor:pointer;transition:all 0.5s ease;overflow:hidden;width:11.5625rem;/* 185px - 收缩状态宽度*/;}
.index-service-item.active {width:27.25rem;/* 436px - 展开状态宽度*/;}
.index-service-bg {width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;}
/* 收缩状态内容*/.index-service-collapsed {position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:flex-start;background:rgba(0,0,0,0.3);opacity:1;transition:opacity 0.3s ease;padding:1rem 1.25rem;/* 16px 20px*/;}
.index-service-item.active .index-service-collapsed {opacity:0;pointer-events:none;}
.index-service-name {color:#FFFFFF;font-size:1.25rem;/* 20px*/    font-weight:600;text-align:left;writing-mode:horizontal-tb;white-space:nowrap;}
/* 展开状态内容*/.index-service-expanded {position:absolute;inset:0;color:white;padding:1rem 1.25rem;/* 32px*/    display:flex;flex-direction:column;justify-content:flex-start;opacity:0;transition:opacity 0.3s ease;}
.index-service-item.active .index-service-expanded {opacity:1;}
.index-service-expanded .index-service-title {font-size:1.25rem;/* 20px*/    font-weight:600;margin-bottom:1.5rem;/* 24px*/    line-height:1.4;color:#101010;}
.index-service-expanded .index-service-features {margin-bottom:1.5rem;/* 24px*/;}
.index-service-expanded .index-service-feature {display:flex;align-items:flex-start;margin-bottom:1rem;/* 16px*/    font-size:0.875rem;/* 14px*/    line-height:1.6;color:#415058;}
.index-service-expanded .index-service-feature:last-child {margin-bottom:0;}
.index-service-expanded .index-feature-icon {width:1rem;/* 16px*/    height:1rem;/* 16px*/    margin-right:0.75rem;/* 12px*/    flex-shrink:0;margin-top:0.125rem;/* 2px*/;}
.index-service-expanded .index-service-btn-enter {background-color:#3168EC;color:white;border:none;padding:0.75rem 2rem;/* 12px 32px*/    border-radius:0.25rem;/* 4px*/    font-size:0.875rem;/* 14px*/    font-weight:500;cursor:pointer;transition:background-color 0.3s ease;align-self:flex-start;}
.index-service-expanded .index-service-btn-enter:hover {background-color:#2557d6;}
/* 下方新闻区域*/.index-bottom-news-area {display:flex;gap:1.25rem;/* 20px*/    margin-top:2.5rem;/* 40px*/;}
.index-bottom-news-area .index-news-section {flex:1;}
.index-adv {margin-top:2.5rem;/* 50px*/;}
.index-adv img {width:100%;}
/* 协会近期活动板块*/.index-activity-section {margin-bottom:2.5rem;/* 50px*/    /* border-radius:0.5rem;*/    overflow:hidden;}
/* 活动横幅*/.index-activity-banner {background-image:url('/static/images/activity-banner-6e23201143458e92ab8c13117315088f.png'),linear-gradient(135deg,#5087EC 0%,#3168EC 100%);background-size:cover;background-position:center;padding:1.625rem 1.5rem;/* 26px 24px*/;}
.index-activity-banner-content {display:flex;align-items:center;gap:0.75rem;/* 12px*/;}
.index-activity-icon {width:1.25rem;/* 20px*/    height:1.25rem;/* 20px*/    background-image:url('/static/images/activity-title-f6598889dea2eb49d0079083165cf860.svg');background-size:contain;background-repeat:no-repeat;background-position:center;}
.index-activity-title {color:white;font-size:1.25rem;/* 20px*/    font-weight:600;margin:0;flex:1;}
.index-activity-more {color:white;text-decoration:none;font-size:0.875rem;/* 14px*/    opacity:0.9;transition:opacity 0.3s ease;}
.index-activity-more:hover {color:white;opacity:1;}
/* 活动内容区域*/.index-activity-content {display:flex;gap:2rem;/* 32px*/    align-items:flex-start;background:white;padding:2.5rem;/* 40px*/;}
.index-activity-image {flex:0 0 36.875rem;/* 590px*/    width:36.875rem;/* 590px*/;}
.index-activity-image img {width:100%;height:auto;border-radius:0.5rem;/* 8px*/    object-fit:cover;}
.index-activity-info {flex:0 0 35rem;/* 560px*/    width:35rem;/* 560px*/    padding-left:1rem;/* 16px*/;}
.index-activity-event-title {font-size:1.375rem;/* 22px*/    font-weight:normal;color:#101010;margin:0 0 1rem 0;/* 16px bottom*/    line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-activity-description {margin-bottom:1.5rem;/* 24px*/;}
.index-activity-description p {color:#666666;font-size:0.875rem;/* 14px*/    line-height:2.375rem;/* 38px*/    margin:0;}
/* 活动详情信息*/.index-activity-details {margin-bottom:1.5rem;/* 24px*/;}
.index-activity-detail-item {display:flex;align-items:center;gap:0.5rem;/* 8px*/    margin-bottom:0.75rem;/* 12px*/;}
.index-activity-detail-item:last-child {margin-bottom:0;}
.index-activity-detail-icon {width:1rem;/* 16px*/    height:1rem;/* 16px*/    background-size:contain;background-repeat:no-repeat;background-position:center;}
.index-activity-detail-item:nth-child(1) .index-activity-detail-icon {background-image:url('/static/images/activity-detail-icon1-737903988b9f01eaeb16ebfa50736c3c.svg');}
.index-activity-detail-item:nth-child(2) .index-activity-detail-icon {background-image:url('/static/images/activity-detail-icon2-605ef40cde890c9509cb9415ef237d52.svg');}
.index-activity-detail-text {color:#666;font-size:0.875rem;/* 14px*/;}
/* 报名按钮*/.index-activity-register-btn {background:#1F63FF;color:white;border:none;width:7.5rem;/* 120px*/    height:2.625rem;/* 42px*/    border-radius:0.375rem;/* 6px*/    font-size:1rem;/* 16px*/    font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.index-activity-register-btn:hover {background:#4183FC;transform:translateY(-0.125rem);/* -2px*/    box-shadow:0 0.25rem 0.75rem rgba(31,99,255,0.3);/* 0 4px 12px*/;}
/* CBST动态和产业链之窗特殊样式*/
.index-news-list.active:has(.index-cbst-item) {padding:1.5rem 1.5rem 1rem;/* 30px*/;}
.index-cbst-item {display:flex;gap:1.375rem;/* 22px*/    align-items:flex-start;    padding:1rem;/* 16px*/    border-radius:0.5rem;/* 8px*/    transition:all 0.3s ease;cursor:pointer;box-shadow:0 0 0 rgba(0,0,0,0);}
.index-cbst-item:hover {transform:translateY(-0.25rem);/* -4px*/    background-color:#f8f9fa;box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.08);/* 0 4px 8px*/;}
.index-cbst-item:last-child {margin-bottom:0;}
.index-cbst-image {flex:0 0 10rem;/* 160px*/    width:10rem;/* 160px*/    height:6.25rem;/* 100px*/    border-radius:0.25rem;/* 4px*/    overflow:hidden;}
.index-cbst-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.index-cbst-item:hover .index-cbst-image img {transform:scale(1.05);}
.index-cbst-content {flex:1;min-width:0;display:flex;flex-direction:column;gap:0.5rem;/* 8px*/;}
.index-cbst-title {font-size:1.125rem;/* 18px*/    font-weight:600;color:#333333;line-height:1.4;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease;}
.index-cbst-item:hover .index-cbst-title {color:#007bff;}
.index-cbst-desc {font-size:0.875rem;/* 14px*/    color:#999999;line-height:2rem;/* 32px*/    margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
/* 图片展示板块*/.index-image-gallery {margin-top:2.5rem;/* 40px*/;}
.index-gallery-row {display:flex;gap:1.25rem;/* 20px*/    margin-top:2.5rem;/* 20px*/;}
.index-gallery-row:last-child {margin-bottom:0;}
.index-gallery-item {overflow:hidden;border-radius:0.25rem;/* 4px*/;}
.index-gallery-item img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.index-gallery-item:hover img {transform:scale(1.05);}
/* 第一行大图样式*/.index-gallery-large {flex:1;height:12.5rem;/* 200px*/;}
/* 第二行小图样式*/.index-gallery-small {flex:1;height:14rem;/* 224px*/;}
/* 专题卡片展示样式 */
.index-topic-cards {
    display: flex;
    gap: 1.25rem;
    margin-top: 2.5rem;
}
.index-topic-card {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.index-topic-card:hover {
    transform: translateY(-5px);
}
.index-topic-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
}
.index-topic-card-image {
    width: 100%;
    overflow: hidden;
}
.index-topic-card-image img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease;
}
.index-topic-card:hover .index-topic-card-image img {
    transform: scale(1.05);
}
.index-topic-card-info {
    padding: 1rem 1.25rem;
    background: #fff;
}
.index-topic-card-title {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
    line-height: 1.4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-topic-card-desc {
    font-size: 0.875rem;
    color: #666;
    margin: 0 0 0.75rem 0;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 2.625rem;
}
.index-topic-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #3168EC;
    font-weight: 500;
    transition: all 0.3s ease;
}
.index-topic-card-btn i {
    font-size: 0.75rem;
    transition: transform 0.3s ease;
}
.index-topic-card:hover .index-topic-card-btn {
    color: #1F63FF;
}
.index-topic-card:hover .index-topic-card-btn i {
    transform: translateX(4px);
}
/* 品牌展示板块 - 每列3个图标，水平滚动 */
.index-brands-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
}
.index-brands-section {
    margin-top: 2.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    padding: 0rem 0;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.index-brands-swiper {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
}
.index-brands-swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}
/* 每列容器 - 竖向排列3个图标 */
.index-brand-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 240px !important;
    flex-shrink: 0;
}
.index-brand-item {
    width: 240px !important;
    height: 100px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    padding: 15px 20px;
    transition: box-shadow 0.3s ease;
}
.index-brand-item:hover {
    box-shadow: 0 6px 16px rgba(0,0,0,0.1);
}
.index-brand-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(30%);
    transition: filter 0.3s ease;
}
.index-brand-item:hover img {
    filter: grayscale(0);
}
.index-brand-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}


/* ====================== 页脚信息板块样式 ======================*/
.index-footer-section {padding:0rem 2.5rem 0rem;color:white;background:#3168EC;position:relative;}
.index-footer-content {max-width:80rem;/* 1280px*/    margin:0 auto;padding:0 1rem;}
/* 上部分布局 - LOGO和二维码/友情链接*/.footer-top-container {display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:2rem 0 1.5rem 0;}
/* 左侧 LOGO 区域*/.footer-logo-section {flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;}
.footer-logo {max-width:280px;height:auto;filter:brightness(0) invert(1);}
.footer-logo-text {color:white;font-size:2rem;font-weight:700;text-align:center;line-height:1.3;}
/* 中间区域 - 版权信息*/.footer-center-section {flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.8rem;}
/* 版权信息*/.footer-copyright-info {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0.5rem 1.5rem;}
.footer-copyright-info p {color:#FFFFFF;font-size:1rem;/* 14px*/    margin:0;line-height:1.5rem;opacity:0.9;display:inline;}
.footer-copyright-info p a{color:#FFFFFF;}


/* 右侧区域 - 友情链接和二维码图标*/.footer-right-section {flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;width:200px;}
/* 友情链接下拉菜单*/.footer-links-dropdown {width:100%;display:inline-block;text-align:center;}
.footer-links-dropdown select {background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);color:white;padding:0.5rem 2.5rem 0.5rem 1rem;font-size:0.875rem;border-radius:4px;cursor:pointer;transition:all 0.3s ease;outline:none;width:180px;margin:0 auto;height:40px;}
.footer-links-dropdown select:hover {background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5);}
.footer-links-dropdown select option {background:white;color:#333;padding:8px 12px;}
.footer-links-dropdown select option:hover {background:#3168EC;color:white;}
/* 二维码图标和悬停显示*/.footer-qr-icon-wrapper {position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;}
.footer-qr-icon-container {width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:2px solid rgba(255,255,255,0.3);}
.footer-qr-icon-container:hover {background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.5);transform:scale(1.05);}
.footer-qr-icon {width:32px;height:32px;transition:all 0.3s ease;fill:white;}
.footer-qr-label {color:white;font-size:0.75rem;margin-top:0.5rem;opacity:0.9;margin-bottom: 0;}
.footer-qr-popup {position:absolute;bottom:110px;right:10px;background:white;padding:1rem;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.3);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1000;}
.footer-qr-icon-wrapper:hover .footer-qr-popup {opacity:1;visibility:visible;}
.footer-qr-popup img {width:150px;height:150px;display:block;border-radius:4px;}
.footer-qr-popup p {text-align:center;margin:0.5rem 0 0 0;font-size:0.875rem;color:#333;}

/* ====================== 关于我们页面样式 ====================== */
.page-header {background-size:cover;background-repeat:no-repeat;background-position:center;height:15.625rem;color:white;display:flex;align-items:center;justify-content:center;}
.page-title-wrapper {text-align:center;}
.page-title {font-size:2.5rem;color:#FFFFFF;font-weight:bold;margin:0;}
/* 二级导航*/.about-sub-nav {background-color:#FFFFFF;border-bottom:1px solid #E9ECEF;padding:0;}
.about-nav-menu {display:flex;justify-content:flex-start;align-items:center;gap:0;}
.about-nav-item {display:inline-block;color:#415058;margin-right:4rem;text-decoration:none;font-size:1rem;font-weight:normal;line-height:4.5rem;transition:all 0.3s ease;border-bottom:3px solid transparent;}
.about-nav-item:hover,.about-nav-item.active {color:#2F78DB;text-decoration:none;font-weight:700;border-bottom-color:#2F78DB;}
.about {padding:3rem 0 3rem 0;background-color:#F7F8FA;}
.about.on{background: #FFFFFF;}
.about-section {overflow:hidden;}
.section-header {text-align:center;margin-bottom:3rem;}
.section-title {font-size:2rem;font-weight:600;color:#333;margin-bottom:1rem;}
.section-line {width:60px;height:3px;background:#3168EC;margin:0 auto;}
.about-text {float:right;width:43.125rem;padding:1rem 0;}
.about-title {font-size:2rem;color:#4E5969;font-weight:bold;margin-bottom:1.5rem;}
.about-image {float:left;width:34.0625rem;}
.about-text p {font-size:1rem;line-height:2.1;color:#333333;margin-bottom:0rem;}
.img-fluid {max-width:100%;height:auto;}
/*我们是*/
.about-who {padding:1rem 0 5rem 0;}
.about-who-img {width:100%;text-align:center;}
.about-who-img img {max-width:100%;}
/* 协会主要工作区域*/.about-main-work {padding:5rem 0;background-color:#FFFFFF;}
.about-work-header {text-align:center;margin-bottom:3.75rem;}
.about-work-header p{font-size:1rem;color:#666666;font-weight:400;margin:25px auto 0; width: 80%;}
.about-work-title {font-size:2rem;color:#333;font-weight:600;margin:0;}
.about-work-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;}
.about-work-item {height:280px;background:#f1f3f9;border:2px solid #FFFFFF;border-radius:0.5rem;position:relative;overflow:hidden;cursor:pointer;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.about-work-item:hover {transform:translateY(-0.5rem);box-shadow:0 1rem 2.5rem rgba(49,104,236,0.15);}
.about-work-item-content {position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;transition:transform 0.4s ease;}
.about-work-item:hover .about-work-item-content {transform:translateY(-20px);}
.about-work-icon {margin-bottom:1.5rem;transition:transform 0.4s ease;}
.about-work-item:hover .about-work-icon {transform:scale(1.15) rotate(5deg);}
.about-work-icon img {width:3.5rem;height:3.5rem;}
.about-work-item-title {font-size:1.25rem;color:#000000;font-weight:bold;margin:0;transition:all 0.3s ease;}
.about-work-item:hover .about-work-item-title {color:#3168EC;transform:scale(1.05);}
.about-work-item-overlay {position:absolute;bottom:0;left:0;right:0;height:100%;background:linear-gradient(to top,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.95) 100%);backdrop-filter:blur(8px);transform:translateY(100%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);z-index:2;padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:0.5rem;}
.about-work-item:hover .about-work-item-overlay {transform:translateY(0);}
.about-work-item-overlay-content {text-align:center;opacity:0;transform:translateY(20px);transition:all 0.5s ease 0.1s;}
.about-work-item:hover .about-work-item-overlay-content {opacity:1;transform:translateY(0);}
.about-work-item-overlay-title {font-size:1.125rem;color:#3168EC;font-weight:bold;margin-bottom:0.75rem;}
.about-work-item-desc {font-size:0.9rem;color:#4a5568;line-height:1.6;margin:0;}

/* 协会章程页面样式 */
.charter-header {
    text-align: center;
    margin-bottom: 3rem;
}

.charter-title-box {
    background: 
        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.15) 3px, transparent 3px),
        radial-gradient(circle at 60% 70%, rgba(255,255,255,0.12) 4px, transparent 4px),
        radial-gradient(circle at 80% 20%, rgba(255,255,255,0.18) 2.5px, transparent 2.5px),
        radial-gradient(circle at 40% 80%, rgba(255,255,255,0.14) 3.5px, transparent 3.5px),
        radial-gradient(circle at 90% 60%, rgba(255,255,255,0.13) 3px, transparent 3px),
        radial-gradient(circle at 10% 90%, rgba(255,255,255,0.16) 4.5px, transparent 4.5px),
        radial-gradient(circle at 70% 10%, rgba(255,255,255,0.11) 2.8px, transparent 2.8px),
        radial-gradient(circle at 30% 50%, rgba(255,255,255,0.15) 3.2px, transparent 3.2px),
        linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
    background-size: 120px 120px, 150px 150px, 100px 100px, 130px 130px, 110px 110px, 140px 140px, 105px 105px, 115px 115px, 100% 100%;
    height: 7.5rem;
    border-radius: 0.25rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    animation: particle3D 10s ease-out infinite;
}

@keyframes particle3D {
    0% {
        background: 
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0.3px, transparent 0.3px),
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.04) 0.2px, transparent 0.2px),
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06) 0.3px, transparent 0.3px),
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.03) 0.2px, transparent 0.2px),
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 0.4px, transparent 0.4px),
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.04) 0.2px, transparent 0.2px),
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.07) 0.3px, transparent 0.3px),
            radial-gradient(circle at 50% 50%, rgba(255,255,255,0.03) 0.3px, transparent 0.3px),
            linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
        background-size: 30px 30px, 25px 25px, 35px 35px, 20px 20px, 40px 40px, 28px 28px, 32px 32px, 24px 24px, 100% 100%;
        background-position: 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 50% 50%, 0% 0%;
    }
    10% {
        background: 
            radial-gradient(circle at 48% 52%, rgba(255,255,255,0.06) 0.5px, transparent 0.5px),
            radial-gradient(circle at 52% 48%, rgba(255,255,255,0.05) 0.4px, transparent 0.4px),
            radial-gradient(circle at 49% 51%, rgba(255,255,255,0.07) 0.5px, transparent 0.5px),
            radial-gradient(circle at 51% 49%, rgba(255,255,255,0.04) 0.3px, transparent 0.3px),
            radial-gradient(circle at 47% 53%, rgba(255,255,255,0.06) 0.6px, transparent 0.6px),
            radial-gradient(circle at 53% 47%, rgba(255,255,255,0.05) 0.4px, transparent 0.4px),
            radial-gradient(circle at 48% 52%, rgba(255,255,255,0.08) 0.5px, transparent 0.5px),
            radial-gradient(circle at 52% 48%, rgba(255,255,255,0.04) 0.4px, transparent 0.4px),
            linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
        background-size: 38px 38px, 33px 33px, 43px 43px, 28px 28px, 48px 48px, 36px 36px, 40px 40px, 32px 32px, 100% 100%;
        background-position: 49% 51%, 51% 49%, 48% 52%, 52% 48%, 47% 53%, 53% 47%, 48% 52%, 52% 48%, 0% 0%;
    }
    25% {
        background: 
            radial-gradient(circle at 42% 58%, rgba(255,255,255,0.09) 0.9px, transparent 0.9px),
            radial-gradient(circle at 58% 42%, rgba(255,255,255,0.07) 0.7px, transparent 0.7px),
            radial-gradient(circle at 45% 55%, rgba(255,255,255,0.10) 0.8px, transparent 0.8px),
            radial-gradient(circle at 55% 45%, rgba(255,255,255,0.06) 0.6px, transparent 0.6px),
            radial-gradient(circle at 40% 60%, rgba(255,255,255,0.08) 1.0px, transparent 1.0px),
            radial-gradient(circle at 60% 40%, rgba(255,255,255,0.07) 0.7px, transparent 0.7px),
            radial-gradient(circle at 43% 57%, rgba(255,255,255,0.11) 0.9px, transparent 0.9px),
            radial-gradient(circle at 57% 43%, rgba(255,255,255,0.06) 0.8px, transparent 0.8px),
            linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
        background-size: 55px 55px, 48px 48px, 62px 62px, 42px 42px, 68px 68px, 52px 52px, 58px 58px, 46px 46px, 100% 100%;
        background-position: 44% 56%, 56% 44%, 42% 58%, 58% 42%, 40% 60%, 60% 40%, 43% 57%, 57% 43%, 0% 0%;
    }
    45% {
        background: 
            radial-gradient(circle at 30% 70%, rgba(255,255,255,0.13) 1.5px, transparent 1.5px),
            radial-gradient(circle at 70% 30%, rgba(255,255,255,0.11) 1.2px, transparent 1.2px),
            radial-gradient(circle at 35% 65%, rgba(255,255,255,0.15) 1.4px, transparent 1.4px),
            radial-gradient(circle at 65% 35%, rgba(255,255,255,0.09) 1.0px, transparent 1.0px),
            radial-gradient(circle at 25% 75%, rgba(255,255,255,0.12) 1.7px, transparent 1.7px),
            radial-gradient(circle at 75% 25%, rgba(255,255,255,0.10) 1.1px, transparent 1.1px),
            radial-gradient(circle at 32% 68%, rgba(255,255,255,0.14) 1.5px, transparent 1.5px),
            radial-gradient(circle at 68% 32%, rgba(255,255,255,0.08) 1.3px, transparent 1.3px),
            linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
        background-size: 80px 80px, 72px 72px, 88px 88px, 65px 65px, 95px 95px, 78px 78px, 82px 82px, 70px 70px, 100% 100%;
        background-position: 32% 68%, 68% 32%, 30% 70%, 70% 30%, 28% 72%, 72% 28%, 34% 66%, 66% 34%, 0% 0%;
    }
    70% {
        background: 
            radial-gradient(circle at 15% 85%, rgba(255,255,255,0.17) 2.4px, transparent 2.4px),
            radial-gradient(circle at 85% 15%, rgba(255,255,255,0.15) 2.0px, transparent 2.0px),
            radial-gradient(circle at 22% 78%, rgba(255,255,255,0.19) 2.3px, transparent 2.3px),
            radial-gradient(circle at 78% 22%, rgba(255,255,255,0.13) 1.8px, transparent 1.8px),
            radial-gradient(circle at 12% 88%, rgba(255,255,255,0.16) 2.6px, transparent 2.6px),
            radial-gradient(circle at 88% 12%, rgba(255,255,255,0.14) 1.9px, transparent 1.9px),
            radial-gradient(circle at 18% 82%, rgba(255,255,255,0.18) 2.5px, transparent 2.5px),
            radial-gradient(circle at 82% 18%, rgba(255,255,255,0.12) 2.1px, transparent 2.1px),
            linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
        background-size: 115px 115px, 105px 105px, 125px 125px, 98px 98px, 135px 135px, 112px 112px, 120px 120px, 102px 102px, 100% 100%;
        background-position: 18% 82%, 82% 18%, 15% 85%, 85% 15%, 12% 88%, 88% 12%, 20% 80%, 80% 20%, 0% 0%;
    }
    90% {
        background: 
            radial-gradient(circle at 5% 95%, rgba(255,255,255,0.15) 3.8px, transparent 3.8px),
            radial-gradient(circle at 95% 5%, rgba(255,255,255,0.13) 3.2px, transparent 3.2px),
            radial-gradient(circle at 8% 92%, rgba(255,255,255,0.17) 3.6px, transparent 3.6px),
            radial-gradient(circle at 92% 8%, rgba(255,255,255,0.11) 2.9px, transparent 2.9px),
            radial-gradient(circle at 2% 98%, rgba(255,255,255,0.14) 4.1px, transparent 4.1px),
            radial-gradient(circle at 98% 2%, rgba(255,255,255,0.12) 3.4px, transparent 3.4px),
            radial-gradient(circle at 6% 94%, rgba(255,255,255,0.16) 3.9px, transparent 3.9px),
            radial-gradient(circle at 94% 6%, rgba(255,255,255,0.10) 3.5px, transparent 3.5px),
            linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
        background-size: 155px 155px, 142px 142px, 168px 168px, 135px 135px, 175px 175px, 148px 148px, 162px 162px, 138px 138px, 100% 100%;
        background-position: 6% 94%, 94% 6%, 3% 97%, 97% 3%, 0% 100%, 100% 0%, 8% 92%, 92% 8%, 0% 0%;
    }
    100% {
        background: 
            radial-gradient(circle at -5% 105%, rgba(255,255,255,0.08) 5.0px, transparent 5.0px),
            radial-gradient(circle at 105% -5%, rgba(255,255,255,0.06) 4.5px, transparent 4.5px),
            radial-gradient(circle at -2% 102%, rgba(255,255,255,0.10) 4.8px, transparent 4.8px),
            radial-gradient(circle at 102% -2%, rgba(255,255,255,0.04) 4.2px, transparent 4.2px),
            radial-gradient(circle at -8% 108%, rgba(255,255,255,0.07) 5.2px, transparent 5.2px),
            radial-gradient(circle at 108% -8%, rgba(255,255,255,0.05) 4.6px, transparent 4.6px),
            radial-gradient(circle at -3% 103%, rgba(255,255,255,0.09) 5.1px, transparent 5.1px),
            radial-gradient(circle at 103% -3%, rgba(255,255,255,0.03) 4.8px, transparent 4.8px),
            linear-gradient(180deg, rgba(80,135,236,1) 100%, rgba(49,104,236,1) 0%);
        background-size: 195px 195px, 180px 180px, 210px 210px, 172px 172px, 220px 220px, 188px 188px, 202px 202px, 175px 175px, 100% 100%;
        background-position: -5% 105%, 105% -5%, -8% 108%, 108% -8%, -12% 112%, 112% -12%, -2% 102%, 102% -2%, 0% 0%;
    }
}
.charter-main-title {color:#FFFFFF;font-size:2rem;font-weight:600;margin:0;}
.charter-section {margin-bottom:3rem;}
.charter-section-title {font-size:1.75rem;color:#4A6CF7;text-align:center;margin-bottom:2rem;position:relative;display:flex;align-items:center;justify-content:center;}
.charter-section-title::before,.charter-section-title::after {content:'';width:20rem;height:1px;background:#D1D5DB;margin:0 2rem;}
.charter-content p {font-size:1rem;line-height:1.8;color:#333333;margin-bottom:0rem;text-indent:2em;}
/* 章程流程图样式*/
.charter-flow {width:100%;margin:4rem auto 6rem;padding-bottom:3rem;}
.charter-diamond-grid {display:grid;grid-template-columns:repeat(9,1fr);gap:1.5rem;justify-items:center;align-items:center;}
.charter-diamond-item {position:relative;}
.charter-diamond-item:nth-child(even) {transform:translateY(5.3rem);}
.charter-diamond-box {width:6.625rem;height:6.625rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.3s ease;cursor:pointer;position:relative;}
.charter-diamond-box::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#FFFFFF;border:2px solid #FFFFFF;transform:rotate(45deg);border-radius:0.5rem;box-shadow:2px 2px 4px 0px rgba(0,0,0,0.06);transition:all 0.3s ease;z-index:0;}
.charter-diamond-box:hover::before {background:#3168EC;border:2px solid #FFFFFF;}
.charter-diamond-box h3 {color:#4A6CF7;font-size:1.25rem;margin:0;font-weight:bold;line-height:1.2;position:relative;z-index:1;}
.charter-diamond-box p {color:#3168EC;font-size:1rem;font-weight:700;margin:1rem 0 0 0;text-align:center;text-indent:0;line-height:1.2;position:relative;z-index:1;}
.charter-diamond-box:hover h3,.charter-diamond-box:hover p {color:#FFFFFF;}

/* 协会章程详情页面样式*/
.charter-detail-container {margin:0 auto;padding:2rem 0 2rem;}
.charter-detail-breadcrumb {color:#999999;font-size:1rem;margin-bottom:0rem;}
.charter-detail-breadcrumb a {color:#999999;text-decoration:none;transition:all 0.3s ease;}
.charter-detail-breadcrumb a:hover {color:#1e4fcc;text-decoration:underline;}
.charter-detail-breadcrumb span:last-child {color:#3168EC;}
.charter-detail-title {font-size:2.25rem;color:#333;font-weight:600;margin-bottom:1.5rem;text-align: center;}
.charter-detail-meta {text-align: center;}
.charter-tag {display:none;background:#3168EC;color:white;padding:0.25rem 0.75rem;border-radius:0.25rem;font-size:0.75rem;}
.charter-author,.charter-date,.charter-views {color:#666;font-size:1rem;width: 100%; vertical-align: top; }
.charter-actions {text-align: right;gap:0.5rem;display: inline-block;margin-top: -4px;}
.charter-share-btn,.charter-print-btn {background:none;margin-left: 10px;border:0px solid #E9ECEF;color:#666;padding:0rem 0rem;border-radius:0.25rem;cursor:pointer;font-size:0.875rem;transition:all 0.3s ease;}
.charter-content-wrapper {background:none;}
.charter-chapter .charter-section-title {font-size:1.5rem;color:#3168EC;text-align:center;margin-bottom:2rem;position:relative;display:flex;align-items:center;justify-content:center;}
.charter-chapter .charter-section-title::before,.charter-chapter .charter-section-title::after {content:'';width:8rem;height:1px;background:#D1D5DB;margin:0 1.5rem;}
.charter-content-ds {padding:2rem 0 4rem;}
.charter-chapter .charter-content-ds p {font-size:1rem;line-height:2.5rem;color:#010101;margin-bottom:0rem;text-align:justify;}
.charter-chapter .charter-content-ds br {display:block;content:'';line-height:1rem;}
.charter-chapter .charter-content-ds img{max-width: 100%;}
.charter-navigation {width:100%;overflow: hidden;border-top:1px;}
.charter-nav-prev,.charter-nav-next {display:flex;align-items:center;gap:0.5rem;}
.charter-nav-prev{float: left;}
.charter-nav-next{float: right;}
.nav-label {color:#666;font-size:0.875rem;}
.nav-text {color:#3168EC;font-size:0.875rem;cursor:pointer;text-decoration:none;transition:color 0.3s ease;}
.nav-text:hover {color:#2557d6;text-decoration:underline;}
/* 专家智囊页面样式*/.experts-container {padding:4rem 0;}
.experts-container::after {content:"";display:table;clear:both;}
.expert-item {float:left;width:calc(25% - 1.5rem);margin-right:2rem;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;}
.expert-item:nth-child(4n) {margin-right:0;}
.expert-avatar {width:13.5rem;height:13.5rem;border-radius:50%;overflow:hidden;background:#fff;border:0.125rem solid #fff;box-shadow:0px 2px 6px 0px rgba(0,0,0,0.15);margin-bottom:1.25rem;transition:all 0.3s ease;}
.expert-avatar:hover {box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.2);transform:translateY(-0.125rem);}
.expert-avatar img {width:100%;height:100%;object-fit:cover;object-position:center;}
.expert-info {/*min-height:4rem;*/display:flex;flex-direction:column;justify-content:center;}
.expert-name {font-size:1.4rem;font-weight:400;color:#3168EC;/*margin-bottom:0.5rem;*/}
.expert-title {font-size:1rem;color:#666;margin:0;line-height:1.4;}
/* 联系我们页面样式*/.contact-card {float:left;width:38.75rem;background:#fff;border-radius:0.5rem;padding:1.5rem;margin-bottom:2rem;margin-right:2rem;transition:all 0.3s ease;}
.contact-card:nth-child(2n) {margin-right:0;}
.contact-container::after {content:"";display:table;clear:both;}
.contact-card-highlighted {border-color:#3168EC;border-width:2px;background:rgba(49,104,236,0.02);}
.contact-title {font-size:1.5rem;font-weight:normal;color:#3168EC;margin-bottom:1rem;text-align:left;}
.contact-info {margin-bottom:1rem;}
.contact-label {color:#666;font-size:1rem;}
.contact-details {display:flex;gap:1rem;align-items:flex-start;}
.contact-qr {flex-shrink:0;width:5.625rem;height:5.625rem;}
.contact-qr img {width:100%;height:100%;object-fit:cover;border-radius:0.25rem;}
.contact-text {flex:1;}
.contact-text p {margin:0 0 0.5rem 0;font-size:1rem;line-height:1.5;color:#333;}
.contact-text p:last-child {margin-bottom:0;}
.contact-text strong {color:#333;font-weight:500;}
/* 文章列表页面样式*/.article-list-container {padding:2rem 0 5rem;}
.article-item-list {margin-bottom:2rem;}
.article-item {width:100%;overflow: hidden;padding:1.5rem;border-radius:0.5rem;border-bottom:1px dashed #ddd;transition:all 0.3s ease;cursor:pointer;position:relative;}
.article-item .article-link {display:block;text-decoration:none;color:inherit;}
.article-item:hover {background-color:rgba(49,104,236,0.05);transform:translateY(-4px);border-bottom-color:transparent;}
.article-item-hover {background-color:rgba(49,104,236,0.08);}
.article-image {float: left;flex-shrink:0;width:16.25rem;height:9.375rem;border-radius:0.5rem;overflow:hidden;float: left;}
.article-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.article-item:hover .article-image img {transform:scale(1.1);}
.article-info{float: right;width: 930px;}
.article-content {float: right;width: 930px;}
.article-content .notice-tag{display: none;}
.article-title {font-size:1.125rem;font-weight:normal;color:#000000;margin-bottom:1rem;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease;}
.article-item:hover .article-title {color:#3168EC;}
.article-excerpt {font-size:0.875rem;color:#666666;line-height:1.8;margin-bottom:0.75rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;}
.article-meta {display:flex;align-items:center;gap:2rem;}
.article-author,.article-date {font-size:0.875rem;color:#999;}
.article-author{display: none;}
/*组织机构*/
.organization-structure {background: #FFFFFF;padding: 4rem 2rem;text-align: center;}
.organization-structure img{max-width: 100%;}

/* 理事会样式*/.board-section {background:#FFFFFF;margin-top:2rem;}
.board-title h2 {background-image:url('/static/images/board-title-047b3eee3d4530c5b39fe9bf2b7d338d.png');background-position:center;background-repeat:no-repeat;color:#FFFFFF;font-size:1.25rem;font-weight:700;margin:0;padding:1.625rem 2.5rem;text-align:left;}
.position-group-list {padding:2.5rem;}
.position-group {margin-bottom:2.5rem;}
.position-group.on{margin-bottom: 0;}
.position-title {color:#333333;font-size:1.25rem;margin-bottom:2rem;padding-left:1rem;border-radius:0 0 0 4px;position:relative;}
.position-title::before {content:'';position:absolute;left:0px;top:0;bottom:0;width:4px;background-color:#3168EC;border-radius:4px;}
.member-row {display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-bottom:1rem;}
.member-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;}
/* 弹窗内的成员网格使用2列布局 */
.member-card {background:#f4f7ff;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all 0.3s ease;cursor:pointer;}
.member-card:hover {transform:translateY(-0.25rem);box-shadow:0 0.5rem 1.5625rem rgba(49,104,236,0.15);border-color:#3168EC;}
.member-avatar {width:3.75rem;height:3.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;}
.member-avatar img {width:100%;height:100%;object-fit:cover;object-position:center;}
.member-info {flex:1;}
.member-name {font-size:1.125rem;color:#333;margin:0 0 0.5rem 0;}
.member-org {font-size:0.875rem;color:#666;margin:0;line-height:1.4;}
/* 分支机构样式*/
.branch-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;margin-bottom:2rem;}
.branch-grid.on {margin-bottom:0rem;}
.branch-card {background:#f4f7ff;padding:1.25rem;display:flex;flex-direction:column;transition:all 0.3s ease;cursor:pointer;position:relative;background-image:url('/static/images/branch-card-29be076623ca7704aadb6b570f2f2e8b.png');background-repeat:no-repeat;background-position:right 15px bottom 15px;background-size:auto;}
.branch-card:hover {transform:translateY(-0.25rem);box-shadow:0 0.5rem 1.5625rem rgba(49,104,236,0.15);}
.branch-icon {width:2.875rem;height:2.875rem;background:#FFFFFF;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;}
.branch-icon i {font-size:1.5rem;color:#3168EC;}
.branch-header {display:flex;align-items:center;margin-bottom:0.5rem;}
.branch-info {flex:1;text-align:left;}
.branch-name {font-size:1.125rem;font-weight:400;color:#3168EC;margin:0;line-height:1.4;}
.branch-time {font-size:0.875rem;color:#666;margin:0;line-height:1.4;}

.border-bottom {border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;background-image:url(/static/images/board-title-047b3eee3d4530c5b39fe9bf2b7d338d.png);background-position:center;color:#FFFFFF;font-size:1.25rem;font-weight:700;margin:0;padding:1.625rem 2.5rem;text-align:left;top:0;border-top:0px;}
#modalTermName.text-muted.ms-2 {color:#FFFFFF !important;font-size:0.9rem;}
.modal-content {border:0px;}

/* 搜索*/
.page-search-container {padding:0px 0 20px;}
.page-search-container div {max-width:600px;margin:0 auto;}
.page-search-container .index-search-box {display:flex;width:100%;}
.page-search-container .index-search-input {flex:1;width:auto;}
.page-search-container .index-search-btn {flex-shrink:0;}
#searchResultHint {text-align:center;margin-top:10px;color:#666;font-size:14px;display:none;}
#clearSearchBtn {margin-left:10px;color:#1e3c72;cursor:pointer;}

/* 通知类型筛选区域样式 */
.notice-filter-container {display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem 0;margin-bottom:1rem;border-bottom:1px solid #E8ECFF;}
.notice-filter-label {font-size:1rem;font-weight:500;color:#333;white-space:nowrap;}
.notice-filter-tags {display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;}
.notice-filter-tag {display:inline-block;font-size:0.875rem;padding:0.375rem 1rem;line-height:1.5;border-radius:1.5rem;font-weight:500;white-space:nowrap;text-align:center;border:1px solid #D9D9D9;background:#FFF;color:#666;cursor:pointer;transition:all 0.3s ease;}
.notice-filter-tag:hover {transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.notice-filter-tag.active {border-width:2px;font-weight:600;transform:scale(1.05);}

/* 筛选标签颜色变体 - 继承通知标签颜色 */
.notice-filter-tag.notice-tag-green {color:#52C41A;border-color:#52C41A;background:#F6FFED;}
.notice-filter-tag.notice-tag-green:hover,.notice-filter-tag.notice-tag-green.active {background:#52C41A;color:#fff;}

.notice-filter-tag.notice-tag-blue {color:#3168EC;border-color:#3168EC;background:#E6F7FF;}
.notice-filter-tag.notice-tag-blue:hover,.notice-filter-tag.notice-tag-blue.active {background:#3168EC;color:#fff;}

.notice-filter-tag.notice-tag-orange {color:#FF6B6B;border-color:#FF6B6B;background:#FFF5F5;}
.notice-filter-tag.notice-tag-orange:hover,.notice-filter-tag.notice-tag-orange.active {background:linear-gradient(135deg,#FF6B6B,#FF8E53);color:#fff;}

.notice-filter-tag.notice-tag-purple {color:#4F7FE7;border-color:#4F7FE7;background:#EEF4FF;}
.notice-filter-tag.notice-tag-purple:hover,.notice-filter-tag.notice-tag-purple.active {background:linear-gradient(135deg,#4F7FE7,#6BB6FF);color:#fff;}

.notice-filter-tag.notice-tag-gray {color:#8C8C8C;border-color:#8C8C8C;background:#F5F5F5;}
.notice-filter-tag.notice-tag-gray:hover,.notice-filter-tag.notice-tag-gray.active {background:#8C8C8C;color:#fff;}

/* 默认"全部"标签样式 */
.notice-filter-tag.active:not(.notice-tag-green):not(.notice-tag-blue):not(.notice-tag-orange):not(.notice-tag-purple):not(.notice-tag-gray) {border-color:#3168EC;color:#3168EC;background:#E6F7FF;}

/* 党建工作列表样式*/
.party-work {padding:5rem 0 3rem;}
.party-work-list {max-width:100%;margin:0;padding:0rem 0;margin-bottom: 30px;}

/* 空状态样式 */
.article-empty {text-align:center;padding:4rem 2rem;color:#999;font-size:1rem;line-height:1.8;}
.article-loading {text-align:center;padding:4rem 2rem;color:#999;}

.party-work-item {background:transparent;border:none;border-bottom:1px solid #E8ECFF;padding:2rem;margin-bottom:0;transition:all 0.3s ease;display:flex;align-items:flex-start;gap:2rem;}
.party-work-item:hover {background:rgba(223,176,101,0.1);}
.party-work-item:hover .party-work-title {color:#E44747;}
.party-work-item:hover .party-work-link {color:#E44747;transform:translateX(0.5rem);}
.party-work-item.on:hover .party-work-title {color:#5184FF;}
.party-work-item.on:hover .party-work-link {color:#5184FF;transform:translateX(0.5rem);}
.party-work-main {flex:1;}
.party-work-title {font-size:1.125rem;/* 18px*/    font-weight:400;color:#000000;margin-bottom:0.5rem;line-height:1.4;transition:color 0.3s ease;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}

/* 通知标签样式（用于列表页） */
.notice-tag {display:inline-block;font-size:0.75rem;padding:0.125rem 0.5rem;line-height:1.25rem;border-radius:0.75rem;color:#3168EC;font-weight:500;white-space:nowrap;text-align:center;border:1px solid #3168EC;background:#E6F7FF;margin-right:0.5rem;transition:all 0.3s ease;}
.party-work-item:hover .notice-tag {background:#3168EC;color:#fff;transform:scale(1.05);}

/* 通知标签颜色变体 - 立项公开征求意见（绿色） */
.notice-tag-green {color:#52C41A;border-color:#52C41A;background:#F6FFED;}
.party-work-item:hover .notice-tag-green {background:#52C41A;color:#fff;}

/* 通知标签颜色变体 - 立项公告（蓝色-主色调） */
.notice-tag-blue {color:#3168EC;border-color:#3168EC;background:#E6F7FF;}
.party-work-item:hover .notice-tag-blue {background:#3168EC;color:#fff;}

/* 通知标签颜色变体 - 公开征求意见（橙红-匹配网站辅助色） */
.notice-tag-orange {color:#FF6B6B;border-color:#FF6B6B;background:#FFF5F5;}
.party-work-item:hover .notice-tag-orange {background:linear-gradient(135deg,#FF6B6B,#FF8E53);color:#fff;}

/* 通知标签颜色变体 - 标准发布/发布公告（青蓝-渐变蓝系） */
.notice-tag-purple {color:#4F7FE7;border-color:#4F7FE7;background:#EEF4FF;}
.party-work-item:hover .notice-tag-purple {background:linear-gradient(135deg,#4F7FE7,#6BB6FF);color:#fff;}

/* 通知标签颜色变体 - 废止项目（灰色） */
.notice-tag-gray {color:#8C8C8C;border-color:#8C8C8C;background:#F5F5F5;}
.party-work-item:hover .notice-tag-gray {background:#8C8C8C;color:#fff;}

.party-work-content {flex:1;}
.party-work-excerpt {color:#6B7280;line-height:1.8;margin-bottom:0.5rem;font-size:0.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.party-work-meta {display:flex;gap:2rem;}
.party-work-author,.party-work-date {color:#9CA3AF;font-size:0.875rem;}
.party-work-link {color:#666666;font-size:1rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:6rem;height:fit-content;align-self:center;margin-left:auto;}
.party-work-link:hover {text-decoration:none;}
/* ====================== 活动类别导航样式 ======================*/.activity-category-nav {display:flex;margin-bottom:2rem;overflow:hidden;}
.category-item {flex:1;display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#6FA8FF 0%,#9AC5FF 100%);color:white;cursor:pointer;transition:all 0.3s ease;position:relative;font-size:1rem;font-weight:500;}
.category-item.active {background:linear-gradient(135deg,#3168EC 0%,#5184FF 100%);}
.category-item:hover {background:linear-gradient(135deg,#3168EC 0%,#5184FF 100%);}
.category-icon {width:1.25rem;height:1.25rem;filter:brightness(0) invert(1);}
.category-item span {font-weight:500;}
/* ====================== 协会活动区域样式 ======================*/.activities-section {padding:3rem 0;background-color:#fff;}
.activities-tabs {background:#FFFFFF;padding:0 1.5rem;display:flex;justify-content:flex-start;margin-bottom:2rem;border-bottom:1px solid #e9ecef;}
.activity-tab {background:none;border:none;padding:1.5rem 0rem;font-size:1rem;font-weight:400;color:#666;cursor:pointer;position:relative;transition:all 0.3s ease;border-bottom:2px solid transparent;margin-right:5rem;}
.activity-tab.active {color:#3168EC;font-weight:500;border-bottom-color:#3168EC;}
.activity-tab:hover {color:#3168EC;}
.activities-content {position:relative;}

.activities-grid {display:none;grid-template-columns:repeat(3,1fr);gap:1.5rem;opacity:0;transition:opacity 0.3s ease;background:#fff;padding:2rem;}
.activities-grid.on{padding:0rem;}
.activities-grid.active {display:grid;opacity:1;}
.activities-content-bj{background:#fff;padding:0rem 0rem 0rem 0rem;}
.activity-card {background:#fff;overflow:hidden;transition:all 0.3s ease;position:relative;padding:10px;border-bottom:1px solid #E8E8E8;}
.activity-card:hover {transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-bottom:1px solid #3168EC;}
.activity-image {position:relative;width:100%;height:220px;overflow:hidden;}
.activity-image img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.activity-card:hover .activity-image img {transform:scale(1.05);}
/* 图片上的浮动按钮*/
.activity-image .activity-btn {position:absolute;top:15px;right:15px;z-index:2;padding:0.4rem 1rem;border:none;border-radius:20px;font-size:0.7rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.activity-info {margin-top:1rem;}
.activity-title {font-size:1.125rem;font-weight:500;color:#333;margin:0 0 1rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.activity-time {display:none;align-items:center;gap:0.5rem;color:#666;font-size:0.875rem;}
.activity-time i {color:#3168EC;}
.activity-btn {padding:0.5rem 1.5rem;border:none;border-radius:20px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}
.activity-register {background:#3168EC;color:white;}
.activity-register:hover {background:#2856d6;transform:translateY(-1px);}
.activity-ended {background:#6c757d;color:white;cursor:not-allowed;}
/* ====================== 活动详情页面样式 ======================*/
.activity-detail-page {background-color:#F7F8FA;padding:2rem 0;}
/* 头部横幅区域*/
.activity-detail-header {}
.activity-header-bg {position:relative;overflow:hidden;padding:1.5rem 0;margin-bottom: 3rem;}
.activity-header-bg::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('../images/activity-bg-pattern.png') no-repeat center;background-size:cover;opacity:0.1;z-index:1;}
.activity-header-content {width:100%;text-align: center;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:0 3rem;}
.activity-main-title {width:100%;color:#333;font-size:2.25rem;font-weight:700;margin:0;}
.activity-register-btn {display:block;text-align:center;color:#FFFFFF;border:none;line-height:38px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;background-color: #3168EC;width:100%;text-decoration:none;}
.activity-register-btn:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);color:#FFFFFF;}
.activity-register-btn-wrapper {margin-top:16px;padding:0 4px;}
/* 导航选项卡*/.activity-detail-nav {margin-top:-70px;position:relative;z-index:1;}
.activity-nav-tabs {text-align: center;}
.activity-nav-tab {width:200px;background:none;border:none;padding:0rem 2rem;font-size:1.25rem;font-weight:400;line-height:70px;color:#FFFFFF;cursor:pointer;transition:all 0.3s ease;border-radius:6px 6px 0 0;background:#8DABF4;text-align:center;}
.activity-nav-tab:hover:not(.active) ,.activity-nav-tab.active{background:#3168EC;color: #fff;;}
/* 活动详情内容*/.activity-detail-content {background:white;overflow:hidden;margin-bottom: 2rem;}
.activity-tab-content {display:none;padding:2rem;}
.activity-tab-content.active {display:block;}
/* 活动信息区域*/.activity-info-section {}
.activity-info-header,.activity-intro-header {display:flex;align-items:center;gap:1rem;margin-bottom:2rem;}
.info-divider {width:4px;height:24px;background:#3168EC;border-radius:2px;}
.activity-info-header h3,.activity-intro-header h3 {font-size:1.25rem;font-weight:400;color:#333;margin:0;}
.activity-titles {margin-bottom:2rem;}
.activity-titles h2 {font-size:1.5rem;font-weight:400;color:#3168EC;margin:0 0 0.5rem 0;}
.activity-titles h3 {font-size:1.25rem;font-weight:400;color:#3168EC;margin:0;}
.activity-info-grid {display:flex;flex-direction:column;gap:1.5rem;}
.info-row {display:flex;gap:2rem;}
.info-item {flex:1;display:flex;flex-direction:row;gap:0.5rem;}
.info-label {font-size:1rem;font-weight:400;color:#4B5675;white-space: nowrap;}
.info-value {word-break: break-all;font-size:1rem;color:#333;word-break: break-all;}
.info-link {color:#3168EC;text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:color 0.3s ease;}
.info-link:hover {color:#2856d6;text-decoration:none;}
/* 活动介绍区域*/.activity-intro-section {}
.activity-poster{}
.activity-poster img{max-width:100%;}
.activity-poster p{margin-bottom: 0px;font-size: 1rem;color: #333333;line-height: 2;}
/* 活动表格样式*/.activity-schedule-section,.activity-fee-section,.activity-contact-section {margin-bottom:3rem;}
.activity-schedule-section:last-child,.activity-fee-section:last-child,.activity-contact-section:last-child {margin-bottom:0;}
.schedule-table table,.fee-table table,.contact-table table {width:100%;border-collapse:collapse;margin-top:1rem;background:white;}
.schedule-table th,.fee-table th,.contact-table th {background-color:#f8f9fa;color:#333;font-weight:600;padding:1rem;text-align:center;border:1px solid #dee2e6;font-size:0.875rem;}
.schedule-table td,.fee-table td,.contact-table td {padding:1rem;background:#FFFFFF;border:1px solid #e8e8e8;color:#333;font-size:0.875rem;line-height:1.5;text-align:center;vertical-align:middle;}
.schedule-table td:first-child {}
.schedule-table td:nth-child(2),.schedule-table td:nth-child(3) {text-align:center;}
.fee-table td {text-align:center;}
.fee-table td:first-child {}
.contact-table td {text-align:center;}
.contact-table td:first-child {}
/* 表格条纹样式已移除，保持白色背景*/.table-striped>tbody>tr:nth-of-type(odd)>* {--bs-table-accent-bg:#FFFFFF;background-color:#FFFFFF !important;}
/* 占位内容*/.tab-content-placeholder {text-align:center;padding:4rem 2rem;}
.tab-content-placeholder h3 {color:#666;margin-bottom:1rem;}
.tab-content-placeholder p {color:#999;}
/* ====================== 会议内容资料样式 ======================*//* 会议内容资料展示区域*/
.ymw-materials-row {margin-bottom:2rem;overflow:hidden;}
.ymw-materials-row:last-child {margin-bottom:0;}
.ymw-material-item {float:left;width:calc(33.333% - 26.67px);margin-right:40px;margin-top:30px;background:#fff;overflow:hidden;transition:all 0.3s ease;cursor:pointer;}
.ymw-material-item:nth-child(3n) {margin-right:0;}
.ymw-material-item:nth-child(1), .ymw-material-item:nth-child(2), .ymw-material-item:nth-child(3) {margin-top:0;}
.ymw-material-item:hover {transform:translateY(-4px);}
.ymw-material-item img {width:100%;height:200px;object-fit:cover;transition:transform 0.3s ease;border-radius:4px;}
.ymw-material-item:hover img {transform:scale(1.05);}
.ymw-material-item h4 {padding:1rem 0rem 0rem;margin:0;font-size:16px;font-weight:500;color:#333;line-height:1.4;background:#fff;transition:color 0.3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ymw-material-item:hover h4 {color:#3168EC;}

/* 选项卡导航样式*/        .activity-tabs-navigation {display:flex;gap:0;background:#f5f5f5;border-radius:8px;padding:4px;margin-bottom:30px;overflow-x:auto;}
.activity-tab-btn {flex:1;min-width:120px;padding:12px 24px;background:transparent;border:none;border-radius:6px;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;text-align:center;}
.activity-tab-btn:hover {color:#1a73e8;background:rgba(26,115,232,0.08);}
.activity-tab-btn.active {background:#1a73e8;color:white;box-shadow:0 2px 8px rgba(26,115,232,0.3);}
/* 选项卡面板容器*/        .activity-tabs-container {position:relative;min-height:400px;}
.activity-tab-panel {display:none;animation:fadeIn 0.4s ease;}
.activity-tab-panel.active {display:block;}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
to {opacity:1;transform:translateY(0);}
;}
/* 活动概览 - 左右布局*/        .activity-overview-layout {display:grid;grid-template-columns:350px 1fr;gap:30px;align-items:start;}
@media (max-width:992px) {.activity-overview-layout {grid-template-columns:1fr;gap:20px;}
;}
/* 左侧活动信息卡片*/        .activity-info-sidebar {position:sticky;top:100px;}
.activity-info-card {background:white;border-radius:8px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,0.05);}
.activity-info-card-title {font-size:20px;font-weight:600;margin:0 0 20px 0;padding-bottom:15px;border-bottom:1px solid #1a73e8;color:#333;}
.activity-info-item-compact {display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0;}
.activity-info-item-compact:last-child {border-bottom:none;}
/*.activity-info-icon {font-size:16px;flex-shrink:0;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:#1a73e8;align-self:center;}
.activity-info-icon.icon-calendar::before {content:'📅';}
.activity-info-icon.icon-location::before {content:'📍';}
.activity-info-icon.icon-hotel::before {content:'🏨';}
.activity-info-icon.icon-building::before {content:'🏢';}
.activity-info-icon.icon-clock::before {content:'⏰';}
.activity-info-icon.icon-status::before {content:'✓';font-weight:bold;background:#4caf50;color:white;border-radius:50%;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;}
.activity-info-icon.icon-status.pending::before {content:'⋯';background:#ff9800;}
.activity-info-icon.icon-status.closed::before {content:'✕';background:#f44336;}
.activity-info-icon.icon-attachment::before {content:'📎';}*/
.activity-info-content {flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;}
.activity-info-label {font-size:13px;color:#666;flex-shrink:0;}
.activity-info-label::after {content:'：';}
.activity-info-value {font-size:15px;font-weight:500;color:#333;word-break:break-word;flex:1;}
.activity-status-badge {display:inline-block;padding:0px 0px;border-radius:8px;font-size:13px;font-weight:600;color:white;}
.activity-status-badge.status-open {color:#4caf50;}
.activity-status-badge.status-closed {color:#f44336;}
.activity-status-badge.status-pending {color:#ff9800;}
.activity-file-download-link {display:inline-block;padding:6px 16px;background:#1a73e8;color:white;text-decoration:none;border-radius:4px;font-size:13px;font-weight:500;transition:all 0.3s ease;margin-top:4px;border:none;cursor:pointer;}
.activity-file-download-link:hover {background:#1557b0;color:white;box-shadow:0 2px 8px rgba(26,115,232,0.3);}
/* 右侧活动介绍*/        
.activity-intro-main {background:white;border-radius:8px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,0.05);;}
.activity-section-title {font-size:1.25rem;font-weight:600;color:#333;margin:0 0 24px 0;padding-bottom:15px;border-bottom:1px solid #1a73e8;display:block;width:100%;}
.activity-intro-rich-content {font-size:16px;line-height:1.8;color:#555;}
.activity-intro-rich-content img {max-width:100%;height:auto;border-radius:8px;margin:16px 0;}
.activity-intro-placeholder {text-align:center;padding:60px 20px;color:#999;}
/* 其他选项卡内容*/        .activity-tab-panel-content {background:white;border-radius:8px;padding:32px;box-shadow:0 1px 4px rgba(0,0,0,0.05);;}
.activity-transport-content,.activity-materials-content,.activity-schedule-content,.activity-fee-content,.activity-contact-content {font-size:15px;line-height:1.8;color:#555;}
.activity-transport-content table,.activity-materials-content table,.activity-schedule-content table,.activity-fee-content table,.activity-contact-content table {width:100%;border-collapse:collapse;margin-top:16px;}
.activity-transport-content table th,.activity-materials-content table th,.activity-schedule-content table th,.activity-fee-content table th,.activity-contact-content table th {background:#f5f5f5;padding:12px;text-align:left;font-weight:600;border:1px solid #e0e0e0;}
.activity-transport-content table td,.activity-materials-content table td,.activity-schedule-content table td,.activity-fee-content table td,.activity-contact-content table td {padding:12px;border:1px solid #e0e0e0;}


/* 无障碍支持*/@media (prefers-reduced-motion:reduce) {*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}

/* ====================== 协会刊物页面样式 ======================*/
.xhkw-magazine-section {}

/* 刊物容器*/
.xhkw-magazine {background:#fff;padding:3rem 0 3rem;margin:0rem 0rem 0rem 0rem;}
.xhkw-magazine.on{background: #F7F8FA;}
/* 刊物主要展示区域*/.xhkw-magazine-main {display:flex;gap:3rem;margin-bottom:2rem;align-items:flex-start;}
/* 左侧刊物封面*/.xhkw-magazine-cover {flex:0 0 11.875rem;width:11.875rem;}
.xhkw-cover-image {width:100%;height:auto;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.15);transition:transform 0.3s ease;}
.xhkw-cover-image:hover {transform:translateY(-4px);}
/* 右侧刊物介绍*/
.xhkw-magazine-info {flex:1;padding-left:0rem;padding-top: 1rem;}
.xhkw-magazine-title {font-size:1.375rem;color:#3168EC;font-weight:normal;margin:0 0 1.5rem 0;line-height:1.2;}
.xhkw-magazine-description {margin-bottom:2rem;}
.xhkw-magazine-description p {font-size:1rem;color:#333;line-height:1.8;margin:0 0 1rem 0;text-align:justify;}
.xhkw-magazine-description p:last-child {margin-bottom:0;}
/* 操作按钮*/.xhkw-magazine-actions {display:flex;gap:1rem;}
.xhkw-btn-primary {text-align:center;background:#3168EC;color:white;border:none;width:7.5rem;line-height:2.625rem;border-radius:0.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}
.xhkw-btn-primary:hover {background:#2557d6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(49,104,236,0.3);}
.xhkw-btn-secondary {background:#FF8C00;color:white;border:none;width:7.5rem;line-height:2.625rem;border-radius:0.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;}
.xhkw-btn-secondary:hover {background:#e07600;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,140,0,0.3);}
/* 刊物期数展示区域*/.xhkw-magazine-issues {position:relative;}
/* 导航控制*/
.xhkw-issues-nav {margin-bottom:2rem;}
.xhkw-dot {background: #E9D9C7;border-radius: 4px 4px 0px 0px;width: 100%;height: 1rem;}
.xhkw-dot1 {background: #3168EC;border-radius: 0px 0px 4px 4px;width: 100%;height: 1rem;}

/* 期数展示网格*/.xhkw-issues-grid {display:grid;grid-template-columns:repeat(6,1fr);gap:2rem;}
.xhkw-issue-item {text-align:center;cursor:pointer;transition:transform 0.3s ease;}
.xhkw-issue-item:hover {transform:translateY(-8px);}
.xhkw-issue-item img {width:100%;height:auto;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;margin-bottom:0.75rem;}
.xhkw-issue-item:hover img {box-shadow:0 8px 24px rgba(0,0,0,0.2);}
.xhkw-issue-info {font-size:1rem;color:#333;font-weight:500;margin:0;line-height:1.4;}
/* ====================== 协会刊物列表页面样式 ======================*//* 刊物行布局*/.xhkwlb-magazine-row {display:flex;gap:2rem;margin-bottom:2rem;justify-content:center;}
.xhkwlb-magazine-row:last-child {margin-bottom:0;}
/* 刊物项目*/.xhkwlb-magazine-item {display:flex;background:#fff;padding:1.25rem;overflow:hidden;transition:all 0.3s ease;cursor:pointer;width:100%;max-width:600px;}
.xhkwlb-magazine-item:hover {transform:translateY(-4px);}
/* 刊物封面*/.xhkwlb-magazine-cover {flex:0 0 11.875rem;width:11.875rem;height:15rem;overflow:hidden;}
.xhkwlb-magazine-cover img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.xhkwlb-magazine-item:hover .xhkwlb-magazine-cover img {transform:scale(1.05);}
/* 刊物内容*/.xhkwlb-magazine-content {flex:1;padding:1rem 1.5rem 1rem;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;}
/* 刊物标题日期*/.xhkwlb-magazine-header {margin-bottom:1rem;}
.xhkwlb-magazine-date {font-size:1rem;font-weight:600;color:#333;margin:0;line-height:1.4;}
/* 要点内容*/.xhkwlb-magazine-summary {flex:1;margin-bottom:1.5rem;}
.xhkwlb-summary-title {font-size:0.875rem;font-weight:600;color:#333;margin:0 0 0.75rem 0;line-height:1.4;}
.xhkwlb-content-list {list-style:none;padding:0;margin:0;width:100%;max-width:100%;overflow:hidden;}
.xhkwlb-content-list li {font-size:0.875rem;color:#666;line-height:1.6;margin-bottom:0.5rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:100%;box-sizing:border-box;}
.xhkwlb-content-list li:last-child {margin-bottom:0;}
/* 阅读按钮*/.xhkwlb-read-btn {background:#3168EC;color:white;border:none;width:6.25rem;line-height:2.375rem;border-radius:0.25rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;align-self:flex-start;}
.xhkwlb-read-btn:hover {background:#2557d6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(49,104,236,0.3);}

/* ====================== 技术标准页面样式 ======================*/
.standards-main-content {display:flex;gap:1.25rem;/* 30px*/    margin-top:0rem;/* 40px*/    margin-bottom:2.5rem;/* 50px*/;}
.standards-left-section {width:50%;/* 800px*/;}
.standards-right-section {width:50%;/* 460px*/;}
/* 通知公告区域样式*/
.standards-notice-section {background:white;padding:0 0rem;/* 0 40px*/;}
.standards-section-header {display:flex;justify-content:space-between;align-items:center;border-bottom:0.0625rem solid #e9ecef;/* 1px*/;padding:0 2.5rem;/* 0 40px*/;}
.standards-section-header h2 {margin:0;font-size:1rem;/* 22px*/ font-weight: 700;   color:#3168EC;font-weight:normal;    padding: 1.25rem 0rem;}
.standards-more-link {color:#666;text-decoration:none;font-size:0.875rem;/* 14px*/    transition:color 0.3s ease;}
.standards-more-link:hover {color:#3168EC;}
.standards-notice-list {display:flex;flex-direction:column;padding:0rem 2.5rem;}
.standards-notice-item {display:flex;align-items:flex-start;gap:0.75rem;/* 12px*/    padding:1.28rem 1rem 1.2rem;/* 上下28.5px 左右16px*/    margin:0 -1rem;/* 负边距抵消内边距*/    border-bottom:0.0625rem solid #f0f0f0;/* 1px*/    transition:all 0.3s ease;/* 改为all以包含所有属性*/    position:relative;}
.standards-notice-item:last-child {border-bottom:none;}
.standards-notice-item:hover {background-color:#f8f9ff;/* 浅蓝色背景*/    border-radius:0.5rem;/* 8px 增大圆角*/    transform:translateX(0.5rem);/* 向右移动8px*/    box-shadow:0 0.25rem 0.75rem rgba(49,104,236,0.08);/* 添加阴影*/    border-bottom-color:transparent;/* hover时隐藏底部边框*/}
.standards-notice-item:hover + .standards-notice-item {border-top-color:transparent;/* 隐藏下一个元素的顶部边框*/}
.standards-notice-tag {font-size:0.75rem;/* 12px*/    padding:0rem 0.5rem;/* 4px 8px*/line-height: 1.25rem; border-radius:0.75rem;/* 12px*/    color:#3168EC;font-weight:500;white-space:nowrap;min-width:5rem;/* .80px*/    text-align:center;border:1px solid #3168EC;background:#E6F7FF;transition:all 0.3s ease;}
.standards-notice-item:hover .standards-notice-tag {background:#3168EC;color:#fff;transform:scale(1.05);/* hover时标签放大*/}

/* 通知标签颜色变体 - 立项公开征求意见（绿色） */
.standards-notice-tag-green {color:#52C41A;border-color:#52C41A;background:#F6FFED;}
.standards-notice-item:hover .standards-notice-tag-green {background:#52C41A;color:#fff;}

/* 通知标签颜色变体 - 立项公告（蓝色-主色调） */
.standards-notice-tag-blue {color:#3168EC;border-color:#3168EC;background:#E6F7FF;}
.standards-notice-item:hover .standards-notice-tag-blue {background:#3168EC;color:#fff;}

/* 通知标签颜色变体 - 公开征求意见（橙红-匹配网站辅助色） */
.standards-notice-tag-orange {color:#FF6B6B;border-color:#FF6B6B;background:#FFF5F5;}
.standards-notice-item:hover .standards-notice-tag-orange {background:linear-gradient(135deg,#FF6B6B,#FF8E53);color:#fff;}

/* 通知标签颜色变体 - 标准发布/发布公告（青蓝-渐变蓝系） */
.standards-notice-tag-purple {color:#4F7FE7;border-color:#4F7FE7;background:#EEF4FF;}
.standards-notice-item:hover .standards-notice-tag-purple {background:linear-gradient(135deg,#4F7FE7,#6BB6FF);color:#fff;}

/* 通知标签颜色变体 - 废止项目（灰色） */
.standards-notice-tag-gray {color:#8C8C8C;border-color:#8C8C8C;background:#F5F5F5;}
.standards-notice-item:hover .standards-notice-tag-gray {background:#8C8C8C;color:#fff;}

.standards-notice-content {flex:1;display:flex;justify-content:space-between;align-items:flex-start;}
.standards-notice-content h4 {margin:0;font-size:1rem;/* 15px*/ line-height: 1.25rem;   color:#333;font-weight:400;line-height:1.4;flex:1;cursor:pointer;transition:color 0.3s ease;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.standards-notice-content h4:hover {color:#3168EC;}
.standards-notice-date {color:#999;font-size:1rem;/* 16px*/    margin-left:1rem;/* 16px*/    white-space:nowrap;line-height: 1.25rem;}
/* 登录区域样式*/.standards-login-section {overflow:hidden;}
.standards-login-header {text-align:center;border:0.375rem solid rgba(49,104,236,0.1);/* 6px*/    border-radius:0.375rem;/* 6px*/    height:3.25rem;/* 52px*/    margin-bottom:1.5rem;}
.standards-login-header h3 {background:#3168EC;margin:0;color:white;font-size:1rem;/* 16px*/    line-height:40px;border-radius:0.375rem;/* 6px*/    font-weight:600;}
.standards-login-form {padding:1.5rem;/* 24px*/    background:#FFF;}
.standards-form-group {margin-bottom:1rem;/* 16px*/;}
.standards-form-group:last-child {margin-bottom:0;}
.standards-form-input {width:100%;padding:0 0.75rem;/* 12px*/    border:0.0625rem solid #ddd;/* 1px*/    border-radius:0.25rem;/* 4px*/    font-size:0.875rem;/* 14px*/    transition:border-color 0.3s ease,box-shadow 0.3s ease;box-sizing:border-box;height:46px;}
.standards-form-input:focus {outline:none;border-color:#3168EC;}
/* 密码输入框组 */
.standards-password-group {position: relative;}
.standards-password-group .standards-form-input {padding-right: 2.5rem;}
.standards-password-toggle {position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);cursor: pointer;color: #999;font-size: 1rem;user-select: none;transition: color 0.3s ease;}
.standards-password-toggle:hover {color: #3168EC;}
.standards-captcha-group {display:flex;gap:0.5rem;/* 8px*/    align-items:center;}
.standards-captcha-input {flex:1;}
.standards-captcha-code {background:#f0f0f0;padding:0 0.75rem;/* 12px*/    border:0.0625rem solid #ddd;/* 1px*/    border-radius:0.25rem;/* 4px*/    height:46px;font-weight:bold;color:#666;text-align:center;width:7.5rem;/* 120px*/    cursor:pointer;user-select:none;line-height:46px;transition:background 0.3s ease;}
.standards-captcha-code:hover {background:#e8e8e8;}
.standards-login-btn {width:100%;padding:0rem 0.75rem;/* 12px*/    background:linear-gradient(135deg,#4F7FE7,#3168EC);color:white;border:none;border-radius:0.25rem;/* 4px*/    font-size:1rem;/* 16px*/    font-weight:600;cursor:pointer;line-height:46px;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.standards-login-btn:hover {transform:translateY(-0.0625rem);/* -1px*/    box-shadow:0 0.25rem 0.75rem rgba(49,104,236,0.3);/* 0 4px 12px*/;}
.standards-organization-info {padding:1.25rem;/* 20px*/    border-top:0.0625rem solid #e9ecef;/* 1px*/;}
.standards-organization-info p{font-size:1rem;/* 16px*/    line-height:2rem;margin-bottom: 0px;}
.standards-organization-info img{max-width: 100%;}
/* ====================== 技术工作委员会区域样式 ======================*/.tech-committee-section {background:#f8f9fa;padding:3rem 0;/* 48px*/    margin-top:2rem;/* 32px*/;}
.tech-committee-grid {display:flex;gap:1.5rem;/* 24px*/    margin:2.5rem 0;/* 40px*/;}
.tech-committee-column {flex:1;background:white;overflow:hidden;}
.tech-committee-header {background:linear-gradient(90deg,rgba(74,138,255,1) 0%,rgba(41,182,244,1) 50%,rgba(0,137,205,1) 99%);padding:1.4rem 2.5rem;/* 0 16px*/    text-align:left;    display:flex;align-items:center;}
.tech-committee-header h3 {margin:0;color:white;font-size:1.125rem;/* 18px*/    font-weight:600;}
.tech-committee-content {padding:0px 1.5rem;/* 24px*/;}
.tech-committee-item {padding:1rem 0;/* 16px*/    border-bottom:0.0625rem solid #e9ecef;/* 1px*/    cursor:pointer;transition:all 0.3s ease;}
.tech-committee-item:last-child {border-bottom:none;}
.tech-committee-item:hover {background-color:#f8f9fa;padding-left:1rem;/* 16px*/    border-radius:0.25rem;/* 4px*/;}
.tech-committee-item h4 {margin:0;font-size:0.9375rem;/* 15px*/    font-weight:400;color:#333;transition:color 0.3s ease;}
.tech-committee-item:hover h4 {color:#3168EC;}
/* 标准下载样式*/.download-item {display:flex;justify-content:space-between;align-items:center;padding:1.1rem 0;border-bottom:0.0625rem solid #f0f0f0;transition:all 0.3s ease;}
.download-item:last-child {border-bottom:none;}
.download-item:hover {background-color:#f8f9fa;padding-left:1rem;padding-right:1rem;border-radius:0.25rem;}
.download-title {flex:1;font-size:1rem;color:#333;line-height:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem;position:relative;padding-left:0.75rem;}
.download-title::before {content:'•';position:absolute;left:0;color:#666;font-size:0.875rem;}
.download-btn {background-color:rgba(230,247,255,1);color:#3168EC;padding:0rem 1rem;/* 6px 16px*/    border-radius:1rem;/* 16px*/    line-height:1.5rem;border:1px solid #3168EC;text-decoration:none;font-size:0.75rem;/* 12px*/    font-weight:500;transition:all 0.3s ease;white-space:nowrap;}
.download-btn:hover {background:linear-gradient(135deg,#3B82F6,#2563EB);transform:translateY(-0.0625rem);/* -1px*/    box-shadow:0 0.25rem 0.75rem rgba(59,130,246,0.3);/* 0 4px 12px*/    color:white;text-decoration:none;}
/* 友情链接样式*/
.friendly-links-section {background:white;overflow:hidden;margin-top: 2.5rem;}
.friendly-links-section.on{}
.friendly-links-header {background:linear-gradient(135deg,#4F9EE8,#3B82F6);padding:0 2.5rem;/* 16px*/    text-align:center;height:4rem;/* 80px*/    display:flex;align-items:center;}
.friendly-links-header h3 {margin:0;color:white;font-size:1.125rem;/* 18px*/    font-weight:600;}
.friendly-links-header  .friendly-news-more {margin-left:auto;color:#FFFFFF;font-size:0.875rem;/* 14px*/    text-decoration:none;transition:all 0.3s ease;position:relative;padding:0.25rem 0.5rem;/* 4px 8px*/    border-radius:0.25rem;/* 4px*/    display:inline-flex;align-items:center;gap:0.25rem;/* 4px*/}
.friendly-links-header  .friendly-news-more:hover {color:#FFFFFF;text-decoration:none;background-color:rgba(225,225,225,0.2);/* 浅蓝背景*/    transform:translateX(0.25rem);/* 向右移动4px*/}

.friendly-links-content {padding:1rem 1.5rem;/* 24px*/    display:flex;flex-wrap:wrap;gap:0.5rem;/* 24px*/    }
.friendly-link {color:#333;text-decoration:none;font-size:0.8rem;/* 15px*/    padding:0.5rem 1rem;/* 8px 16px*/    border-radius:0.25rem;/* 4px*/    transition:all 0.3s ease;white-space:nowrap;}
.friendly-link:hover {color:#3168EC;background-color:#f0f7ff;text-decoration:none;}
/* 现行有效标准样式*/.current-standards-section {padding:2rem 0;/* 32px 0*/    background-color:#f8fafc;min-height:100vh;}
.current-standards-container {max-width:75rem;/* 1200px*/    margin:0 auto;padding:0 1.25rem;/* 0 20px*/;}
.standards-search-area {background:linear-gradient(135deg,#3168EC 0%,#4776f5 100%);border-radius:0.75rem;/* 12px*/    padding:2rem;/* 32px*/    margin-bottom:2rem;/* 32px*/    box-shadow:0 0.5rem 1rem rgba(49,104,236,0.2);/* 0 8px 16px*/;}
.standards-search-title {color:white;font-size:1.5rem;/* 24px*/    font-weight:600;margin-bottom:1.5rem;/* 24px*/    text-align:center;}
.standards-search-form {display:flex;flex-wrap:wrap;gap:1rem;/* 16px*/    align-items:flex-end;}
.standards-form-group {flex:1;min-width:12.5rem;/* 200px*/;}
.standards-form-label {display:block;color:white;font-size:0.9375rem;/* 15px*/    font-weight:500;margin-bottom:0.5rem;/* 8px*/;}
/* 现行有效标准表单样式*/.current-standards-form {display:flex;justify-content:left;align-items:center;margin-bottom:2rem;/* 32px*/;}
.current-search-row {display:flex;gap:2.5rem;/* 40px*/    align-items:center;justify-content:center;flex-wrap:nowrap;}
.current-form-input {width:25rem;/* 400px*/    height:3.25rem;/* 52px*/    padding:0.75rem 1rem;/* 12px 16px*/    border:0.0625rem solid #EEEBEB;/* 1px*/    border-radius:0.5rem;/* 8px*/    font-size:0.9375rem;/* 15px*/    background-color:white;transition:box-shadow 0.3s ease;box-sizing:border-box;flex-shrink:0;}
.current-form-input:focus {outline:none;}
.standards-search-btn {background:linear-gradient(135deg,#FF6B6B 0%,#FF8E8E 100%);color:white;border:none;padding:0.75rem 2rem;/* 12px 32px*/    border-radius:0.5rem;/* 8px*/    font-size:0.9375rem;/* 15px*/    font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 0.25rem 0.5rem rgba(255,107,107,0.3);/* 0 4px 8px*/    white-space:nowrap;}
.standards-search-btn:hover {transform:translateY(-0.125rem);/* -2px*/    box-shadow:0 0.375rem 0.75rem rgba(255,107,107,0.4);/* 0 6px 12px*/;}
.standards-table-container {background:white;padding:2.5rem;/* 40px*/    overflow:hidden;}
.standards-table {width:100%;border-collapse:collapse;font-size:0.9375rem;/* 15px*/;}
.standards-table thead {background:linear-gradient(180deg,rgba(49,104,236,0.1) 0%,rgba(65,131,252,0.1) 100%);color:#333333;}
.standards-table th {padding:1rem 0.75rem;/* 16px 12px*/    text-align:center;font-weight:400;font-size:1.125rem;/* 18px*/    border-bottom:0.125rem solid #e2e8f0;/* 2px*/;}
.standards-table td {text-align: center;padding:1.75rem 0.75rem;/* 14px 12px*/    border-bottom:0.0625rem solid #e2e8f0;/* 1px*/    vertical-align:middle;}
.standards-table tbody tr {transition:background-color 0.3s ease;}
.standards-table tbody tr:hover {background-color:#e6f2ff;}
.standards-tag {display:inline-block;padding:0.25rem 0.75rem;/* 4px 12px*/    border-radius:1rem;/* 16px*/    font-size:0.8125rem;/* 13px*/    font-weight:500;white-space:nowrap;}
.standards-tag.forced {background:linear-gradient(135deg,#FF6B6B 0%,#FF8E8E 100%);color:white;}
.standards-tag.recommended {background:linear-gradient(135deg,#4ECDC4 0%,#6FE6DD 100%);color:white;}
.standards-tag.industry {background:linear-gradient(135deg,#45B7D1 0%,#66C3E0 100%);color:white;}
.standards-tag.national {background:linear-gradient(135deg,#FFA726 0%,#FFB74D 100%);color:white;}
.standards-download-btn {background:linear-gradient(135deg,#3168EC 0%,#4776f5 100%);color:white;border:none;padding:0.5rem 1rem;/* 8px 16px*/    border-radius:0.375rem;/* 6px*/    font-size:0.8125rem;/* 13px*/    cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;}
.standards-download-btn:hover {transform:translateY(-0.0625rem);/* -1px*/    box-shadow:0 0.25rem 0.5rem rgba(49,104,236,0.3);/* 0 4px 8px*/    color:white;text-decoration:none;}
/* 小下载按钮样式*/.download-btn-small {background:#4A8AFF;color:#FFFFFF;width:3.75rem;/* 60px*/    height:1.875rem;/* 30px*/    font-size:0.75rem;/* 12px*/    border:none;border-radius:1rem;/* 4px*/    text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;}
.download-btn-small:hover {background:#3A7AEF;color:#FFFFFF;text-decoration:none;transform:translateY(-0.0625rem);/* -1px*/;}
/* 标准标签样式*/.standard-tag {display:inline-flex;align-items:center;justify-content:center;width:5rem;/* 80px*/    height:1.875rem;/* 30px*/    font-size:0.75rem;/* 12px*/    border-radius:1rem;/* 4px*/    font-weight:500;white-space:nowrap;}
.standard-tag.tag-national {background:#E6F7FF;border:0.0625rem solid #3168EC;/* 1px*/    color:#3168EC;}
.standard-tag.tag-industry {background:#FFF7E6;border:0.0625rem solid #FF9800;/* 1px*/    color:#FF9800;}
.standard-tag.tag-group {background:#F3E5F5;border:0.0625rem solid #9C27B0;/* 1px*/    color:#9C27B0;}
.standard-tag.tag-quality {background:#E3F2FD;border:0.0625rem solid #2196F3;/* 1px*/    color:#2196F3;padding:0.375rem 0.75rem;/* 6px 12px*/    width:auto;min-width:6.5rem;/* 104px*/}
.standard-tag.tag-quality2 {margin: 0 auto;background:rgba(52,199,88,0.17);border:0.0625rem solid rgba(52,199,88,0.5);;/* 1px*/    color: rgba(52,199,88,1);padding:0.375rem 0.75rem;/* 6px 12px*/    width:auto;min-width:6.5rem;/* 104px*/}

/* 分页链接样式*/.pagination-link {display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;/* 40px*/    height:2.5rem;/* 40px*/    padding:0.5rem 0.75rem;/* 8px 12px*/    font-size:0.875rem;/* 14px*/    color:#333;background:#fff;border:0.0625rem solid #D9D9D9;/* 1px*/    border-radius:0.25rem;/* 4px*/    text-decoration:none;transition:all 0.3s ease;cursor:pointer;}
.pagination-link:hover {color:#1E6FFF;border-color:#1E6FFF;background:#F0F5FF;text-decoration:none;}
.pagination-link.active {background-color:#1E6FFF;color:white;border-color:#1E6FFF;}
.pagination-link.active:hover {background-color:#1557D8;border-color:#1557D8;}
/* ====================== 会员天地页面样式 ======================*/
/* 会员企业Logo展示区域*/
.members-container {padding:3rem 0;background-color:#fff;}
/* 会员轮播容器*/        .members-swiper-container {position:relative;padding:0 60px;margin-bottom:3rem;}
/* Swiper容器*/        .membersSwiper {width:100%;padding:20px 4px;margin:0 -4px;}
/* Swiper滑块*/        .membersSwiper .swiper-slide {height:auto;display:flex;align-items:stretch;}
/* 会员Logo项*/        .membersSwiper .member-logo-item {background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:1rem 1rem 1.2rem;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;width:100%;}
.membersSwiper .member-logo-item:hover {transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.1);border-color:#3168EC;}
/* Logo包装器*/        .membersSwiper .member-logo-wrapper {width:100%;height:4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
/* Logo图片*/        .membersSwiper .member-logo {max-width:100%;max-height:4rem;width:auto;height:auto;object-fit:contain;}
/* 导航按钮*/        .members-swiper-button-prev,.members-swiper-button-next {position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#fff;border:1px solid #E5E7EB;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all 0.3s ease;color:#666;font-size:20px;}
.members-swiper-button-prev:hover,.members-swiper-button-next:hover {background:#3168EC;border-color:#3168EC;color:#fff;box-shadow:0 4px 12px rgba(49,104,236,0.3);}
.members-swiper-button-prev {left:0;}
.members-swiper-button-next {right:0;}
.member-logo-title{text-align:center;font-size:0.9rem;font-weight:500;color:#333;margin-top:15px;line-height:1.5;height:3em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
/* 分页器*/        .members-swiper-pagination {position:relative;margin-top:30px;text-align:center;}
.members-swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;background:#D9D9D9;opacity:1;margin:0 5px;transition:all 0.3s ease;}
.members-swiper-pagination .swiper-pagination-bullet-active {background:#3168EC;width:30px;border-radius:5px;}
/* 静态网格布局 - 数据不足10个时使用*/        .members-static-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:3rem;}
.members-static-grid .member-logo-item {background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:1rem 1.5rem 1.2rem;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.members-static-grid .member-logo-item:hover {transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,0.1);border-color:#3168EC;}
.members-static-grid .member-logo-wrapper {width:100%;height:4rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.members-static-grid .member-logo {max-width:100%;max-height:4rem;width:auto;height:auto;object-fit:contain;}


 /* 专题列表样式*/        
 .topic-list-container {background:#F7F8FA;padding:80px 0px;}
 .topic-list {padding:40px;background:#FFFFFF;}
 .topic-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:30px;}
 .topic-item {display:block;text-decoration:none;color:inherit;}
 .topic-image-wrapper {width:100%;height:300px;overflow:hidden;border-radius:4px;}
 .topic-image {width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;}
 .topic-item:hover .topic-image {transform:scale(1.1);}
 .topic-title {text-align:center;font-size:18px;font-weight:500;color:#333;margin-top:15px;line-height:1.5;}
 

 /* 价格走势区域*/          .price-trend-wrapper {display:flex;gap:20px;margin-top:40px;margin-bottom:40px;}
.price-trend-section {flex:1;background:#fff;overflow:hidden;}
.price-trend-header {background:linear-gradient(90deg,rgba(74,138,255,1) 0%,rgba(41,182,244,1) 50%,rgba(0,137,205,1) 99%);padding:20px 30px;color:#fff;font-size:24px;font-weight:bold;}
.activities-header {background:linear-gradient(180deg,rgba(80,135,236,1) 100%,rgba(49,104,236,1) 0%);padding:20px 30px;color:#fff;font-size:24px;font-weight:bold;text-align:center;}
.activities-header.on {margin-top:40px;}
.price-trend-content {background:#fff;padding:20px 30px;}
.price-trend-tabs {display:flex;gap:30px;margin-bottom:25px;border-bottom:2px solid #e0e0e0;padding-bottom:10px;}
.price-trend-tab {background:none;border:none;padding:8px 0;font-size:16px;color:#666;cursor:pointer;position:relative;transition:color 0.3s;}
.price-trend-tab:hover {color:#2196F3;}
.price-trend-tab.active {color:#2196F3;font-weight:500;}
.price-trend-tab.active::after {content:'';position:absolute;bottom:-12px;left:0;right:0;height:2px;background:#2196F3;}
.price-trend-filters {display:flex;gap:20px;margin-bottom:25px;}
.price-trend-select-wrapper {position:relative;flex:1;}
.price-trend-select {width:100%;padding:10px 35px 10px 15px;font-size:14px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#666;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.price-trend-select-wrapper::after {content:'';position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #999;pointer-events:none;}
.price-trend-select:focus {outline:none;border-color:#2196F3;}
.price-trend-chart {width:100%;height:340px;background:#fff;border-radius:4px;}



/* 发展历程时间轴样式*/        .history-section {padding:3rem 0;background:linear-gradient(180deg,#f8f9fa 0%,#ffffff 100%);}
.history-timeline {position:relative;max-width:1200px;margin:0 auto;padding:2rem 0;}
/* 中央时间线*/        .timeline-line {position:absolute;left:50%;transform:translateX(-50%);width:4px;height:100%;background:linear-gradient(180deg,#4A90E2 0%,#2654C0 100%);z-index:1;}
/* 时间节点容器*/        .timeline-items {position:relative;z-index:2;}
.timeline-item {display:flex;align-items:center;margin-bottom:4rem;position:relative;opacity:0;transform:translateY(30px);transition:all 0.6s ease;}
.timeline-item.visible {opacity:1;transform:translateY(0);}
/* 左侧时间节点*/        .timeline-item.left {flex-direction:row-reverse;text-align:right;}
.timeline-item.left .timeline-content {padding-right:3rem;}
/* 右侧时间节点*/        .timeline-item.right {flex-direction:row;text-align:left;}
.timeline-item.right .timeline-content {padding-left:3rem;}
/* 内容区域*/        .timeline-content {flex:1;max-width:45%;}


/* 卡片样式*/        
.timeline-card {background:white;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:all 0.3s ease;}
.timeline-item.left .timeline-card {border-left:none;}
.timeline-card:hover {box-shadow:0 8px 24px rgba(0,0,0,0.12);transform:translateY(-4px);}


/* 页面标题*/        
.page-header {background:linear-gradient(135deg,#4A90E2 0%,#2654C0 100%);padding:4rem 0 3rem;text-align:center;color:white;position:relative;overflow:hidden;background-size:cover;}
/*.page-header::before {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:rotate 20s linear infinite;}*/
@keyframes rotate {from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
;}
.page-title-wrapper {position:relative;z-index:1;}
.page-title {font-size:2.5rem;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.page-subtitle {font-size:1.125rem;margin-top:0.5rem;opacity:0.9;}


/* 没有数据时的提示*/        
.no-data {text-align:center;padding:4rem 2rem;color:#999;font-size:1.125rem;}
/* 年度报告区域样式*/        
/* ==================== 主容器布局 ==================== */
.history-main-wrapper {display:flex;gap:1.5rem;align-items:flex-start;}
.history-timeline-horizontal {flex:1;position:relative;padding:4rem 0;overflow:hidden;min-width:0;}
.annual-reports-sidebar {width:200px;flex-shrink:0;position:sticky;top:100px;}
.sidebar-header {margin-bottom:1.5rem;padding-right: 35px;text-align: center;}
.sidebar-title {font-size:1.25rem;font-weight:700;color:#2c3e50;margin:0;}
.reports-list {display:flex;flex-direction:column;gap:0.75rem;max-height:400px;overflow-y:auto;padding-right:0.5rem;}
.reports-list::-webkit-scrollbar {width:6px;}
.reports-list::-webkit-scrollbar-track {background:#f1f1f1;border-radius:3px;}
.reports-list::-webkit-scrollbar-thumb {background:#3168EC;border-radius:3px;}
.reports-list::-webkit-scrollbar-thumb:hover {background:#2557d6;}
.report-item {border:1px solid #f1f1ff;background-color: #FFFFFF;display:block;padding:0.75rem 1rem;border-radius:8px;color:#2c3e50;text-decoration:none;font-size:0.95rem;line-height:1.4;transition:all 0.3s ease;}
.report-item:hover {background:#e3f2fd;transform:translateX(5px);}

@media (max-width:1024px) {
.history-main-wrapper {flex-direction:column;}
.annual-reports-sidebar {width:100%;position:static;}
}
    /* ==================== 横向时间轴样式 ==================== */
/* 通栏内容展示区*/.timeline-content-display {width:100%;padding:3rem 0;border-radius:12px;min-height:200px;display:flex;align-items:center;justify-content:center;}
.timeline-content-wrapper {max-width:800px;padding:0 2rem;text-align:center;}
.timeline-content-item {display:none;opacity:0;animation:fadeIn 0.5s ease forwards;}
.timeline-content-item.active {display:block;}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
to {opacity:1;transform:translateY(0);}
;}
.timeline-content-title {font-size:1.8rem;font-weight:700;color:#333333;margin-bottom:1.5rem;font-family:'Arial',sans-serif;}
.timeline-content-description {font-size:1.1rem;color:#5a6c7d;line-height:1.8;margin-bottom:0;min-height:3.6rem;}
/* 时间轴导航区*/.history-timeline-horizontal .swiper-wrapper {z-index:999;}
.history-swiper {position:relative;overflow:visible;height:105px;}
.history-swiper .swiper-slide {width:auto;min-width:150px;height:auto;}
/* 时间轴项目容器 - 简化为导航项*/.timeline-item-horizontal {display:flex;flex-direction:column;align-items:center;position:relative;padding:1.5rem 1.5rem 0;opacity:0;transform:translateY(20px);transition:all 0.6s ease;cursor:pointer;}
/* 圆点容器 - 居中*/.timeline-dot-container {display:flex;align-items:center;justify-content:center;position:relative;z-index:10;order:1;margin-bottom:1.5rem;}
/* 圆点 - 默认灰色*/.timeline-dot-horizontal {width:18px;height:18px;background:white;border:3px solid #cccccc;border-radius:50%;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(153,153,153,0.2);}
/* 圆点悬停效果*/.timeline-item-horizontal:hover .timeline-dot-horizontal {width:22px;height:22px;border-width:4px;border-color:#999999;box-shadow:0 4px 12px rgba(153,153,153,0.3);}
/* 圆点选中效果 - 蓝色*/.timeline-item-horizontal.active .timeline-dot-horizontal {width:22px;height:22px;background:#FFFFFF;border-width:4px;border-color:#3168EC;box-shadow:0 4px 16px rgba(49,104,236,0.5);}
/* 特殊标记 - 重要节点*/.timeline-item-horizontal.founding .timeline-dot-horizontal {background:#3168EC;width:22px;height:22px;box-shadow:0 4px 12px rgba(49,104,236,0.4);}
.timeline-item-horizontal.active.founding .timeline-dot-horizontal {width:28px;height:28px;border-width:5px;box-shadow:0 6px 20px rgba(49,104,236,0.6);}
/* 日期容器*/.timeline-year-container {display:flex;align-items:center;justify-content:center;position:relative;z-index:2;order:2;}
/* 日期样式 - 默认灰色*/.timeline-year {font-size:1.1rem;font-weight:600;color:#999999;font-family:'Arial',sans-serif;text-align:center;white-space:normal;word-break:break-all;max-width:10rem;line-height:1.3;transition:all 0.3s ease;}
/* 日期悬停效果*/.timeline-item-horizontal:hover .timeline-year {color:#666666;transform:scale(1.05);}
/* 日期选中效果 - 蓝色*/.timeline-item-horizontal.active .timeline-year {color:#3168EC;font-size:1.3rem;font-weight:700;transform:scale(1);}
/* 水平时间线*/.timeline-line-horizontal {position:absolute;top:2rem;left:6%;right:0;height:3px;background:linear-gradient(90deg,#b3d1ff 0%,#3168EC 50%,#b3d1ff 100%);z-index:1;width:88%;}
/* Swiper 导航按钮*/.history-button-prev,.history-button-next {width:45px;height:45px;background:white;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.15);color:#3168EC;transition:all 0.3s ease;cursor:pointer;z-index:1000;top:30%;}
.history-button-prev:hover,.history-button-next:hover {background:#3168EC;color:white;box-shadow:0 6px 16px rgba(49,104,236,0.4);}
.history-button-prev::after,.history-button-next::after {font-size:20px;font-weight:bold;}
/* 禁用状态*/.history-button-prev.swiper-button-disabled,.history-button-next.swiper-button-disabled {opacity:0.35;cursor:not-allowed;pointer-events:none;}
.history-button-prev.swiper-button-disabled:hover,.history-button-next.swiper-button-disabled:hover {background:white;color:#3168EC;box-shadow:0 4px 12px rgba(0,0,0,0.15);}



.position-title4 {color:#333333;font-size:1.25rem;margin-bottom:0rem;padding-left:1rem;border-radius:0 0 0 4px;position:relative;margin: 0rem 0rem 1rem 0rem;border-bottom: 1px solid #E0E0E0;padding-bottom: 1rem;}
.position-title4::before {content:'';position:absolute;left:0px;top:0;bottom:0;width:4px;background-color:#3168EC;border-radius:4px;height:30px;}

.notice-attachments{margin-bottom: 30px; padding: 20px; background-color: #f9f9f9; border-radius: 4px;} 


/* 公司信息列样式 */
.company-info-cell {
    padding: 15px;
}

.company-info-wrapper {
    gap: 12px;
    font-weight: 500;
    color: #2c3e50;
    text-align:center;
}
.company-logo {
    width: 80px;
    height: 100%;
    margin-right:10px;
}


/*图集*/
/* 弹窗基础样式*/        
.gallery-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;animation:fadeIn 0.3s ease;}
.gallery-modal.active {display:block;}
.gallery-modal-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.gallery-modal-content {position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px 40px;}
.gallery-modal-close {position:absolute;top:20px;right:30px;width:50px;height:50px;background:rgba(255,255,255,0.2);border:2px solid rgba(255,255,255,0.5);border-radius:50%;color:#fff;font-size:28px;cursor:pointer;z-index:10;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}
.gallery-modal-close:hover {background:rgba(255,255,255,0.3);}
/* 弹窗标题*/        .gallery-modal-title {color:#fff;font-size:24px;font-weight:600;margin-bottom:20px;text-align:center;}
/* Swiper 容器*/        .gallery-swiper {width:100%;max-width:100%;height:750px;padding:80px 0;overflow:hidden;}
/* Coverflow 效果样式*/        .gallery-swiper .swiper-slide {width:55% !important;height:550px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity 0.3s;}
.gallery-swiper .swiper-slide-active {z-index:10;transform:scale(1.15) !important;transition:transform 0.5s ease;}
.gallery-swiper .swiper-slide-active,.gallery-swiper .swiper-slide-prev,.gallery-swiper .swiper-slide-next {opacity:1;}
.gallery-slide-content {width:100%;height:100%;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.3);}
.gallery-slide-content img {width:100%;height:100%;object-fit:cover;}
.gallery-slide-title {position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent);color:#fff;padding:30px 20px 20px;font-size:16px;font-weight:400;}
/* 导航按钮样式*/        .gallery-swiper .swiper-button-prev,.gallery-swiper .swiper-button-next {color:#fff;width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:50%;transition:all 0.3s ease;}
.gallery-swiper .swiper-button-prev:hover,.gallery-swiper .swiper-button-next:hover {background:rgba(255,255,255,0.3);}
.gallery-swiper .swiper-button-prev::after,.gallery-swiper .swiper-button-next::after {font-size:20px;}
/* 分页器样式*/        .gallery-swiper .swiper-pagination {bottom:10px;}
.gallery-swiper .swiper-pagination-bullet {width:10px;height:10px;background:rgba(255,255,255,0.5);opacity:1;}
.gallery-swiper .swiper-pagination-bullet-active {background:#fff;width:30px;border-radius:5px;}
/* 加载和空状态提示*/        .gallery-loading,.gallery-empty {color:#fff;font-size:18px;text-align:center;padding:40px;}
.gallery-loading i {margin-right:10px;font-size:24px;}
/* 缩略图添加鼠标悬停效果*/        .ymw-material-item {cursor:pointer;transition:transform 0.3s ease;}
.ymw-material-item:hover {transform:translateY(-5px);}
@keyframes fadeIn {from {opacity:0;}
to {opacity:1;}
;}


/* 期刊系统按钮*/        
.journal-system-buttons {display:flex;justify-content:left;gap:2rem;padding:0.25rem 0 0px;flex-wrap:wrap;}
.system-btn {display:flex;align-items:center;gap:0.5rem;padding:0.875rem 1.75rem;background:linear-gradient(135deg,#3168EC 0%,#4A90E2 100%);color:white;border-radius:6px;text-decoration:none;font-size:0.875rem;font-weight:400;transition:all 0.3s ease;/*box-shadow:0 4px 12px rgba(49,104,236,0.3);*/}
.system-btn:hover {background:linear-gradient(135deg,#2557d6 0%,#3168EC 100%);transform:translateY(-3px);box-shadow:0 6px 20px rgba(49,104,236,0.4);color:white;}
.system-btn i {font-size:1 rem;}
/* 期刊项样式*/        .xhkw-issue-item.clickable {cursor:pointer;}
.xhkw-issue-item.non-clickable {cursor:not-allowed;}
.xhkw-issue-item.clickable:hover {transform:translateY(-5px);}
.xhkw-issue-item.non-clickable:hover {transform:none;}
/* 期刊 Swiper 容器*/        .xhkw-magazine-issues {position:relative;}
/* 优化的导航箭头样式*/        .xhkw-issues-prev,.xhkw-issues-next {width:50px;height:50px;background:white;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.15);color:#3168EC;transition:all 0.3s ease;z-index:10;}
.xhkw-issues-prev:hover,.xhkw-issues-next:hover {background:#3168EC;color:white;box-shadow:0 6px 16px rgba(49,104,236,0.4);transform:scale(1.1);}
.xhkw-issues-prev::after,.xhkw-issues-next::after {font-size:20px;font-weight:bold;}
/* 禁用状态*/        .xhkw-issues-prev.swiper-button-disabled,.xhkw-issues-next.swiper-button-disabled {opacity:0.35;cursor:not-allowed;pointer-events:none;}
.xhkw-issues-prev.swiper-button-disabled:hover,.xhkw-issues-next.swiper-button-disabled:hover {background:white;color:#3168EC;box-shadow:0 4px 12px rgba(0,0,0,0.15);transform:scale(1);}

/* 综合服务平台下拉菜单样式*/
.index-search-section .dropdown {display:inline-block;}
.index-search-section .dropdown .index-service-btn {border:none;cursor:pointer;}
.index-search-section .dropdown .index-service-btn.dropdown-toggle::after {margin-left:0.5rem;vertical-align:middle;}
.index-search-section .dropdown-menu {min-width:160px;border-radius:0.5rem;overflow:hidden;border:0px solid rgba(0,0,0,0.1);margin:0.5rem 0 0 0.5rem !important;padding:0px;}
.index-search-section .dropdown-item {padding:0.75rem 1.5rem;font-size:0.875rem;color:#333;}
.index-search-section .dropdown-item:hover {background:linear-gradient(90deg,#2F78DB 0%,#3168EC 100%);color:white;}

        /* 右侧浮动导航 */
        .charter-float-nav {
            position: fixed;
            top: 50%;
            right: 20px;
            width: 200px;
            background: #fff;
            border-radius: 0.75rem;
            box-shadow: 0 2px 12px rgba(0,0,0,0.08);
            padding: 1rem 0;
            max-height: calc(100vh - 200px);
            overflow-y: auto;
            z-index: 100;
            margin-top: -260px;
        }
        .charter-float-nav-title {
            font-size: 1rem;
            font-weight: 600;
            color: #333;
            padding: 0 1rem 0.75rem;
            margin-bottom: 0.5rem;
            border-bottom: 1px solid #eee;
        }
        .charter-float-nav-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .charter-float-nav-item {
            margin: 0;
        }
        .charter-float-nav-link {
            display: block;
            padding: 0.625rem 1rem;
            color: #666;
            font-size: 0.875rem;
            text-decoration: none;
            transition: all 0.3s ease;
            border-left: 3px solid transparent;
        }
        .charter-float-nav-link:hover {
            color: #3168EC;
            background: #f8f9ff;
        }
        .charter-float-nav-link.active {
            color: #3168EC;
            background: #f0f5ff;
            border-left-color: #3168EC;
            font-weight: 500;
        }
        .charter-float-nav::-webkit-scrollbar {
            width: 4px;
        }
        .charter-float-nav::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 2px;
        }
        .charter-float-nav::-webkit-scrollbar-thumb {
            background: #ccc;
            border-radius: 2px;
        }
        html {
            scroll-behavior: smooth;
        }
        .charter-chapter-section {
            scroll-margin-top: 100px;
        }
        @media (max-width: 1440px) {
            .charter-float-nav {
                display: none;
            }
        }
        .activity-info-item-compact:nth-child(2) .index-activity-detail-icon {background-image:url('/static/images/activity-detail-icon1-737903988b9f01eaeb16ebfa50736c3c.svg');background-size:18px 18px;width: 18px;height: 18px;        display: inline-block;position: relative;top: 2px;}
        .activity-info-item-compact:nth-child(3) .index-activity-detail-icon {background-image:url('/static/images/activity-detail-icon2-605ef40cde890c9509cb9415ef237d52.svg');background-size:18px 18px;width: 18px;height: 18px;display: inline-block;position: relative;top: 2px;}
        .activity-info-item-compact:nth-child(4) .index-activity-detail-icon {background-image:url('/static/images/sb1-4db07ffe6a99fa5fa28f6d89848320cf.png');background-size:18px 18px;width: 18px;height: 18px;display: inline-block;position: relative;top: 2px;}






}