/* 中国饮料工业协会官网首页样式*//* ====================== 全局样式 ======================*/* {margin:0;padding:0;box-sizing:border-box;}
@media (min-width: 1280px){
body { background-image: url(/static/images/bg-56b2c762446f2e20e3ed09f3695b0997.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;}
/* ====================== 行业洞察页面样式 ======================*/
.industry-insights-section {padding:3rem 0;background:#f8f9fb;}
.industry-insights-stats-block {display:flex;gap:2rem;margin-bottom:3rem;background:linear-gradient(135deg,#e8f2ff 0%,#f0f8ff 100%);background-image:url('/static/images/industry1-3abd7d5f212ef836b35eb32080212b0c.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:6px;padding:50px;align-items:flex-start;}
.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;background:linear-gradient(135deg,#e8f2ff 0%,#f0f8ff 100%);border-radius:6px;padding:2.5rem;min-height:25rem;}
.industry-insights-eval-block:nth-child(1) {background-image:url('/static/images/industry2-b56b1c95b2f8d26b00087cb57e032554.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;}
.industry-insights-eval-block:nth-child(2) {background-image:url('/static/images/industry3-040e47cbb7d866f3672ab8ebcc81dfca.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;}
.industry-insights-eval-content {flex:1;}
.industry-insights-eval-title {font-size:28px;color:#4F80FF;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;gap:1rem;}
.member-type-item {display:flex;flex-direction:row;align-items:center;gap:0.75rem;padding:2.65em 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:2.4875rem 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;/* 1px*/;}
.index-header-content {display:flex;justify-content:space-between;align-items:center;}
.index-header1{/*background: linear-gradient(180deg, rgba(49, 104, 236, 0.05) 0%, #ffffff69 0%);*/}
/* 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(90deg,#2F78DB 0%,#3168EC 100%);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;}
/* 手机端导航头部*/.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:10%;text-align:center;}
.index-nav-link {display:block;color:#333333;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:#3168EC;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-partners-grid {padding:1.25rem 0 0;/* 20px*/    background:#f8f9fa;}
.cbst-partners-row {display:flex;gap:0.5rem;/* 8px 减小间距*/    margin-bottom:0.5rem;/* 8px 减小间距*/;}
.cbst-partners-row:last-child {margin-bottom:0;}
.cbst-partner-item {width:24%;/* 一行4个: (100% - 3*0.5rem) / 4 ≈ 24% */    transition:all 0.3s ease;min-height:3.75rem;/* 60px*/    background:#fff;border:none;/* 去掉边框*/    padding:0.625rem;/* 10px*/    display:flex;align-items:center;justify-content:center;}
.cbst-partner-item:hover {transform:translateY(-0.125rem);/* -2px*/    box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.1);/* 0 4px 12px*/;}
.cbst-partner-item img {width:100%;height:2.5rem;/* 40px*/    width:auto;height:auto;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%);}
/* ====================== 主要内容样式 ======================*/
.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:3.75rem 0;/* 60px*/;}
/* 上半部分：轮播图和新闻*/.index-main-content-area {display:flex;gap:0;margin-bottom:3.125rem;/* 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:25.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:1.28rem 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-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:3.125rem;/* 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-brands-section {margin-top:2.3rem;/* 50px*/  border-radius:0.5rem;/* 8px*/;overflow: hidden;}
.index-brands-container {overflow:hidden;padding:0;/* 40px*/;}
.index-brands-row {display:flex;align-items:center;gap:1.25rem;/* 20px*/    margin-bottom:1.25rem;/* 20px*/;}
.index-brands-row:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
.index-brand-item {float:left;width:calc(20% - 16px);/* PC端一行5个 */display:flex;justify-content:center;align-items:center;transition:transform 0.3s ease;box-sizing:border-box;margin:10px 10px;}
.index-brand-item:nth-child(5n+1) {margin-left:0;}/* 每行第1个去掉左margin */
.index-brand-item:nth-child(5n) {margin-right:0;}/* 每行第5个去掉右margin */
.index-brand-item:hover {transform:translateY(-0.25rem);/* -4px*/;}
.index-brand-item .img{width:100%;object-fit:contain;filter:grayscale(0);transition:filter 0.3s ease;}
.index-brand-item img {width:100%;object-fit:contain;filter:grayscale(0);transition:filter 0.3s ease;}
.index-brand-item:hover img {filter:grayscale(0);}


/* ====================== 页脚信息板块样式 ======================*/
.index-footer-section {padding:2.5rem 2.5rem 1.5rem;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:0.875rem;/* 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;}
.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:3.75rem 0 5rem 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-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 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;}
.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;}
/* 搜索*/
.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;}
/* 党建工作列表样式*/
.party-work {padding:5rem 0 3rem;}
.party-work-list {max-width:100%;margin:0;padding:0rem 0;margin-bottom: 30px;}
.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;}
.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:flex;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 {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:100px;}
.activity-register-btn:hover {transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.3);}
/* 导航选项卡*/.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:16px;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:4px 12px;border-radius:12px;font-size:13px;font-weight:600;color:white;}
.activity-status-badge.status-open {background:#4caf50;}
.activity-status-badge.status-closed {background:#f44336;}
.activity-status-badge.status-pending {background:#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:12px;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:12px;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:5rem 0 5rem;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:2rem;}
.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:0.875rem;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:50rem;/* 800px*/;}
.standards-right-section {width:28.75rem;/* 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-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.12rem 0;/* 14px*/    border-bottom:0.0625rem solid #e9ecef;/* 1px*/    transition:all 0.3s ease;}
.download-item:last-child {border-bottom:none;}
.download-item:hover {background-color:#f8f9fa;padding-left:1rem;/* 16px*/    padding-right:1rem;/* 16px*/    border-radius:0.25rem;/* 4px*/;}
.download-title {flex:1;font-size:0.875rem;/* 14px*/    color:#333;line-height:1.4;margin-right:1rem;/* 16px*/;}
.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:center;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 0;}
/* 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;transition:all 0.3s ease;align-items:center;justify-content:center;min-height:8rem;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;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 分页器*/        .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:2rem 1.5rem;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;min-height:8rem;}
.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:100%;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:nowrap;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:1400px;height:600px;padding:50px 0;overflow:visible;}
/* Coverflow 效果样式*/        .gallery-swiper .swiper-slide {width:700px !important;height:450px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.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:center;gap:2rem;padding:2.5rem 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:8px;text-decoration:none;font-size:1rem;font-weight:600;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.2rem;}
/* 期刊项样式*/        .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;
}
}