@charset "utf-8";
/*设置主题*/
:root {--primary: #298d36;--text:#444;--bg: #fff;--primary-light: #48b857;--transition: all 0.5s ease;}

/* css样式初始化 */
*,::before,::after {box-sizing: border-box;}
* {margin: 0;padding: 0;box-sizing: border-box;}
html { -moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;}
html {line-height: 1.6;-webkit-text-size-adjust: 100%; }
html {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;}
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color: var(--text);background: var(--bg);line-height: 1.6;overflow-x: hidden;}

blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre {margin: 0;}
a {text-decoration: none;color: inherit;transition: var(--transition);}
img,video {max-width: 100%;height: auto;}
ol,ul {list-style: none;margin: 0;padding: 0;}

/* 滚动条+选中渲染css */
::selection{background:var(--primary);color:#fff;}
::-moz-selection{background:var(--primary);color:#fff;}
::-webkit-input-placeholder{text-overflow:ellipsis}
::-webkit-scrollbar{width:2px;height:8px;overflow:auto}
::-webkit-scrollbar-thumb{background-color:var(--primary);min-height:25px;min-width:25px;border:1px solid #e0e0e0}
::-webkit-scrollbar-track{background-color:#f7f7f7;border:1px solid #efefef}

/* 文本溢出省略 */
.ellipsis-1,.ellipsis-2,.ellipsis-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}
.ellipsis-1{-webkit-line-clamp:1;line-clamp: 1;}
.ellipsis-2{-webkit-line-clamp:2;line-clamp: 2;}
.ellipsis-3{-webkit-line-clamp:3;line-clamp: 3;}

/* 版心 */
.wrap {max-width: 1400px;margin: 0 auto;box-sizing: border-box;overflow: hidden;height: auto;padding: 0; position: relative;}
.w {max-width: 1200px;margin: 0 auto;box-sizing: border-box;overflow: hidden;height: auto;padding: 0;}
.container{width: 100%;height: auto; overflow: hidden;}

/* 文章详情 */
.ui-article{margin: 20px auto 5px auto; height: auto; box-sizing: border-box; overflow: hidden;display: flex;justify-content: space-between;align-items: flex-start;gap: 15px;}
.ui-content{ flex: 1; box-sizing: border-box;overflow: hidden;}
.ui-content-main{ width: 100%; height: auto; background-color: #fff; box-sizing: border-box; overflow: hidden; padding: 30px;border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.06); font-size: 15px; color: #3a3a3a; line-height: 1.8;}

.ui-com-tips{ background: linear-gradient(135deg, #ff9800, #ffb74d); color: #fff; width: 100%; font-size: 14px; height: 44px; line-height: 44px; text-align: center; position: fixed; left: 0; top: 0; z-index: 9999; display: none; box-shadow: 0 2px 8px rgba(255,152,0,.3); letter-spacing: .5px;}

.ui-breadcrumb{ padding: 0 0 16px 0; font-size: 13px; color: #aaa; border-bottom: 1px dashed #eee; margin-bottom: 6px;}
.ui-breadcrumb a{ color: #666; transition: color .2s;}
.ui-breadcrumb a:hover{ color: var(--primary);}
.ui-breadcrumb span{ margin: 0 4px;}
.ui-breadcrumb .current{ color: #333; font-weight: 500;}

.ui-content h2{ line-height: 48px; font-size: 24px; text-align: center; color: #1a1a1a; font-weight: 700; margin: 10px 0 0 0;}
.ui-hot{ display: inline-block; padding: 0 6px; font-size: 10px; background: linear-gradient(135deg, #ff4d4f, #ff7875); color: #fff; border-radius: 8px; text-align: center; position: relative; top: -2px; margin-right: 4px; font-weight: 600; letter-spacing: .5px; vertical-align: middle; flex-shrink: 0; line-height: 18px; height: 18px;}
.ui-top{ display: inline-block; padding: 0 6px; font-size: 10px; background: linear-gradient(135deg, #52c41a, #73d13d); color: #fff; border-radius: 8px; text-align: center; position: relative; top: -2px; margin-right: 4px; font-weight: 600; letter-spacing: .5px; vertical-align: middle; flex-shrink: 0; line-height: 18px; height: 18px;}

.ui-art-meta{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 12px 0; border-bottom: 1px solid #f0f0f0; margin: 15px 0 0 0; font-size: 13px; color: #888;}
.ui-art-meta-left{ display: flex; align-items: center; gap: 16px; flex-wrap: wrap;}
.ui-art-meta-right{ display: flex; align-items: center; gap: 12px;}
.meta-item{ display: inline-flex; align-items: center; gap: 4px;}
.meta-item i{ font-size: 15px;}
.meta-views{ display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; background: linear-gradient(135deg, #f0f5ff, #e6f0ff); border: 1px solid #d6e4ff; border-radius: 20px; color: #5b8def; font-size: 12px; font-weight: 500; transition: all .25s;}
.meta-views i{ font-size: 14px; opacity: .8;}
.meta-views b{ font-weight: 600; color: #06f;}
.meta-views:hover{ background: linear-gradient(135deg, #06f, #3385ff); color: #fff; border-color: transparent; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(0,102,255,.3);}
.meta-views:hover i{ opacity: 1;}
.meta-views:hover b{ color: #fff;}
.ui-hot-data{ display: inline-flex; align-items: center; gap: 5px; padding: 4px 12px; background: linear-gradient(135deg, #fff2f0, #ffece8); border: 1px solid #ffd4cc; color: #ff6b5b; font-size: 12px; font-weight: 500; cursor: pointer; border-radius: 20px; transition: all .25s; user-select: none;}
.ui-hot-data i{ font-size: 14px; opacity: .85;}
.ui-hot-data b{ font-weight: 600;}
.ui-hot-data:hover{ background: linear-gradient(135deg, #ff6b5b, #ff8a7a); color: #fff; border-color: transparent; transform: translateY(-1px); box-shadow: 0 3px 10px rgba(255,107,91,.3);}
.ui-hot-data:hover i{ opacity: 1;}

.ui-article-tag{ margin: 14px 0; display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
.ui-article-tag .tag-icon{ font-size: 15px; color: #06f; margin-right: 2px;}
.ui-article-tag a{ padding: 4px 12px; border: 1px solid #e8e8e8; border-radius: 20px; color: #666; font-size: 12px; transition: all .2s; text-decoration: none;}
.ui-article-tag a:hover{ background: #06f; color: #fff; border-color: #06f;}

.article-share{ display: flex; align-items: center; justify-content: flex-end; padding: 14px 0; margin-bottom: 8px; border-top: 1px solid #f5f5f5; gap: 10px;}
.article-share .share-label{ font-size: 13px; color: #aaa; white-space: nowrap;}
.article-share .share-list{ display: flex; align-items: center; gap: 8px;}
.article-share .share-btn{ display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #f5f5f5; text-decoration: none; transition: all .3s cubic-bezier(.34,1.56,.64,1); position: relative; overflow: hidden;}
.article-share .share-btn img{ width: 20px; height: 20px; display: block; transition: transform .3s ease; filter: grayscale(30%); opacity: .7;}
.article-share .share-btn:hover{ transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.15); background: #fff;}
.article-share .share-btn:hover img{ filter: grayscale(0); opacity: 1; transform: scale(1.1);}
.article-share .share-btn.share-qq:hover{ box-shadow: 0 4px 14px rgba(18,183,245,.35);}
.article-share .share-btn.share-qzone:hover{ box-shadow: 0 4px 14px rgba(245,195,0,.35);}
.article-share .share-btn.share-weibo:hover{ box-shadow: 0 4px 14px rgba(230,22,45,.35);}
.article-share .share-btn.share-weixin:hover{ box-shadow: 0 4px 14px rgba(7,193,96,.35);}

.ui-adv{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; margin-bottom: 15px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.ui-adv img{ width: 100%; margin: 0 auto; padding: 0; border-radius: 10px; transition: transform .3s; display: block;}
.ui-adv:hover img{ transform: scale(1.03);}

.ui-cont{ line-height: 1.6; font-size: 17px; color: #3a3a3a; font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important; word-wrap: break-word; overflow-wrap: break-word;}
.ui-cont p,.ui-cont div{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif !important;line-height: 2; font-size: 17px; color: #3a3a3a;}
.ui-cont p{ margin-bottom: 12px;}
.ui-cont img{ max-width: 90%; height: auto !important; border-radius: 8px; margin: 12px auto; display: block; cursor: zoom-in; transition: all .3s ease; box-shadow: 0 2px 8px rgba(0,0,0,.06);}
.ui-cont p img{ display: block; text-indent: 0; margin-left: auto; margin-right: auto;}
.ui-cont img:hover{ box-shadow: 0 4px 16px rgba(0,102,255,.15); transform: scale(1.01);}
.img-expanded{ display: none; padding: 4px 0;}
.img-expanded img{ cursor: zoom-out;}
.ui-cont a{ color: var(--primary); text-decoration: none; border-bottom: 1px solid rgba(0,102,255,.2); transition: all .25s; padding: 0 2px;}
.ui-cont a:hover{ color: var(--primary); border-bottom-color: var(--primary); background: rgba(0,102,255,.05); border-radius: 2px;}
.ui-cont table{ width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14px; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(0,0,0,.05);}
.ui-cont table th,
.ui-cont table td{ padding: 12px 16px; border: 1px solid #e8ecf1; text-align: left; line-height: 1.8;}
.ui-cont table th{ background: linear-gradient(135deg, #f5f7fa, #eef1f5); font-weight: 700; color: #2a2a2a; font-size: 14px; white-space: nowrap;}
.ui-cont table td{ color: #555; background: #fff;}
.ui-cont table tr:hover td{ background: #f8faff;}
.ui-cont table tr:first-child th:first-child{ border-top-left-radius: 8px;}
.ui-cont table tr:first-child th:last-child{ border-top-right-radius: 8px;}
.ui-cont table tr:last-child td:first-child{ border-bottom-left-radius: 8px;}
.ui-cont table tr:last-child td:last-child{ border-bottom-right-radius: 8px;}
.ui-cont ul,
.ui-cont ol{ padding-left: 2em; margin: 12px 0;}
.ui-cont ul li,
.ui-cont ol li{ line-height: 2; margin-bottom: 4px; color: #3a3a3a;}
.ui-cont ul{ list-style-type: disc;}
.ui-cont ol{ list-style-type: decimal;}
.ui-cont blockquote{ margin: 16px 0; padding: 14px 20px; background: #f8faff; border-left: 4px solid var(--primary); border-radius: 0 8px 8px 0; color: #555; font-style: normal;}
.ui-cont blockquote p{ text-indent: 0; margin-bottom: 0;}
.ui-cont pre{ background: #2d2d3f; color: #e0e0e0; padding: 16px 20px; border-radius: 8px; overflow-x: auto; font-size: 13px; line-height: 1.7; margin: 16px 0;}
.ui-cont code{ background: #f0f2f5; color: #e74c3c; padding: 2px 6px; border-radius: 4px; font-size: .9em;}
.ui-cont pre code{ background: transparent; color: #e0e0e0; padding: 0; border-radius: 0; font-size: inherit;}
.ui-cont h3{ font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 24px 0 12px 0; padding-left: 12px; border-left: 4px solid var(--primary);}
.ui-cont h4{ font-size: 16px; font-weight: 700; color: #2a2a2a; margin: 20px 0 10px 0;}
.ui-cont hr{ border: none; height: 1px; background: linear-gradient(to right, #e8ecf1, transparent); margin: 24px 0;}

.ui-art-statement{ margin-top: 30px; padding: 14px 16px; background: #fafafa; border-radius: 8px; border-left: 3px solid var(--primary);}
.ui-art-statement p{ font-size: 13px; color: #888; line-height: 1.8; margin: 0;}
.ui-art-statement i{ color: #06f; margin-right: 4px;}

.article-pager{ display: flex; gap: 16px; margin-top: 16px; clear: both;}
.article-pager .pager-item{ flex: 1; display: flex; flex-direction: column; gap: 6px; padding: 18px 22px; background: #fff; border-radius: 12px; text-decoration: none; border: 1.5px solid #eef1f5; transition: all .3s cubic-bezier(.34,1.56,.64,1); overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,.04); position: relative;}
.article-pager .pager-item:hover{ border-color: var(--primary); box-shadow: 0 8px 24px rgba(0,102,255,.12); transform: translateY(-2px);}
.article-pager .pager-item:hover::before{ opacity: 1;}
.article-pager .pager-item:hover .pager-title{ color: var(--primary);}
.article-pager .pager-item:hover .pager-label{ color: var(--primary);}
.article-pager .pager-label{ font-size: 12px; color: #bbb; font-weight: 500; letter-spacing: 1px; display: flex; align-items: center; gap: 4px; transition: color .3s;}
.article-pager .pager-prev .pager-label::before{ content: '←'; font-size: 14px;}
.article-pager .pager-next .pager-label::after{ content: '→'; font-size: 14px;}
.article-pager .pager-title{ font-size: 14px; color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .3s; font-weight: 500; line-height: 1.4;}
.article-pager .pager-next{ text-align: right;}
.article-pager .pager-next .pager-label{ justify-content: flex-end;}
.article-pager .pager-disabled{ opacity: .4; cursor: default; pointer-events: none;}
.article-pager .pager-disabled:hover{ border-color: #eef1f5; box-shadow: 0 2px 8px rgba(0,0,0,.04); transform: none;}
.article-pager .pager-disabled:hover::before{ opacity: 0;}
.article-pager .pager-disabled:hover .pager-title{ color: #444;}
.article-pager .pager-disabled:hover .pager-label{ color: #bbb;}

.ui-right{ flex-shrink: 0; width: 320px; box-sizing: border-box; overflow:hidden;}

.ui-hotnews{  width: 320px; height:auto; border-radius: 12px; box-sizing: border-box; padding: 0px 16px 16px 16px; overflow: hidden; background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.05); margin-bottom: 15px;}
.ui-hotnews h4{ font-size: 16px; font-weight: 700; height: 50px; line-height: 50px; border-bottom: 1px solid #f0f0f0; color: #1a1a1a;}
.ui-hotnews h4 i{ width: 4px; height: 20px; background: linear-gradient(135deg, var(--primary), var(--primary-light)); display: inline-block; margin-right: 8px; position: relative; top: 3px; border-radius: 2px;}
.ui-hotnews h4 a{ float:right; font-size: 13px; color: #bbb; margin-right: 0; position: relative; top: 2px; font-weight: normal;}

.ui-news{ width: 100%; height: auto; box-sizing: border-box; overflow: hidden; margin-top: 8px;}
.ui-news li{ width: 100%; height: 38px; line-height: 38px; overflow: hidden; border-bottom: 1px dashed #f5f5f5;}
.ui-news li:last-child{ border-bottom: none;}
.ui-news li a{ display: flex; align-items: center; color: #555; font-size: 13px; text-decoration: none; transition: color .2s;}
.ui-news li a:hover{ color: var(--primary);}
.ui-news li a .news-index{ width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 11px; font-weight: 700; color: #fff; margin-right: 10px; border-radius: 6px; background: #c0c4cc; flex-shrink: 0; position: relative;}
.ui-news li a .news-index.top1{ background: linear-gradient(135deg, #f5a623, #ffc53d); box-shadow: 0 2px 8px rgba(245,166,35,.4); font-size: 13px; width: 22px; height: 22px; line-height: 22px; border-radius: 50%;}
.ui-news li a .news-index.top2{ background: linear-gradient(135deg, #8e99a8, #b0bac8); box-shadow: 0 2px 8px rgba(142,153,168,.35); font-size: 12px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%;}
.ui-news li a .news-index.top3{ background: linear-gradient(135deg, #d4884a, #e8a870); box-shadow: 0 2px 8px rgba(212,136,74,.35); font-size: 12px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%;}
.ui-news li a .news-title{ flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ui-news li a .news-date{ font-size: 12px; color: #bbb; margin-left: 8px; white-space: nowrap; flex-shrink: 0;}

.ui-tags{ width: 320px; height:auto; border-radius: 12px; box-sizing: border-box; padding: 0px 16px 16px 16px; overflow: hidden; background: #fff; margin: 0 auto 15px auto; box-shadow: 0 2px 10px rgba(0,0,0,.05);}
.ui-tags h4{ font-size: 16px; font-weight: 700; height: 50px; line-height: 50px; border-bottom: 1px solid #f0f0f0; color: #1a1a1a;}
.ui-tags h4 i{ width: 4px; height: 20px; background: linear-gradient(135deg, var(--primary), var(--primary-light)); display: inline-block; margin-right: 8px; position: relative; top: 3px; border-radius: 2px;}
.ui-tags h4 a{ float:right; font-size: 13px; color: #bbb; margin-right: 0; position: relative; top: 2px;}

.ui-tags-ul{ width: 100%; height: auto; box-sizing: border-box; overflow: hidden; margin: 12px auto 0 auto; display: flex; flex-wrap: wrap; gap: 8px;}
.ui-tags-ul li{ list-style: none;}
.ui-tags-ul li a,
.ui-tags-ul .tag-item{ display: inline-block; padding: 5px 12px; border: 1px solid #e8e8e8; border-radius: 20px; color: #666; font-size: 12px; text-decoration: none; transition: all .2s;}
.ui-tags-ul li a:hover,.ui-tags-ul .tag-item:hover{ background: var(--primary); color: #fff; border-color: var(--primary);}

/* 无数据占位图 */
.ui-nodata{ text-align: center; padding: 20px; box-sizing: border-box; overflow: hidden;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.ui-nodata img{ display:block; margin: 0 auto;}
.ui-nodata p{ font-size: 13px; color: #666; line-height: 38px;}

/* 分页 */
.ui-news-page{ padding: 20px 0 10px 0; box-sizing: border-box; overflow: hidden;}
.pagination{ display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; clear: both; margin: 28px auto; padding: 0; list-style: none;}
.pagination li{ min-width: 36px; height: 36px; text-align: center; display: inline-flex; align-items: center; justify-content: center; line-height: 1; border: 1.5px solid #e4e8ee; border-radius: 10px; background: #fff; transition: all .3s cubic-bezier(.34,1.56,.64,1); cursor: pointer; box-shadow: 0 1px 4px rgba(0,0,0,.03);}
.pagination li a{ width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #666; font-weight: 500; text-decoration: none; border-radius: 10px; padding: 0 6px; box-sizing: border-box;}
.pagination li:first-child a,
.pagination li:last-child a{ padding: 0 14px; font-size: 13px; letter-spacing: .5px;}
.pagination li:hover{ border-color: var(--primary); background: rgba(0,102,255,.04); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,102,255,.1);}
.pagination li:hover a{ color: var(--primary);}
.pagination li.active{ background: linear-gradient(135deg, var(--primary), var(--primary-light)); border-color: transparent; box-shadow: 0 4px 14px rgba(0,102,255,.35); transform: translateY(-1px);}
.pagination li.active a{ color: #fff; font-weight: 700;}
.pagination li.active:hover{ background: linear-gradient(135deg, var(--primary), var(--primary-light)); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(41,141,54,.45);}
.pagination li.active:hover a{ color: #fff;}
.pagination li.disabled{ opacity: .35; cursor: not-allowed; pointer-events: none;}


/* 头部 */
.top-header {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background-color: #f7f7f7;border-bottom: 1px solid #eee;height: 44px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);display: flex;align-items: center;
transition: box-shadow 0.2s;}
.top-header:hover {box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}
.top-header-inner { width: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;height: 100%;}
.top-header-right {display: flex;align-items: center;gap: 5px;height: 100%;}
.top-header-right a {display: inline-flex;align-items: center;gap: 6px;padding: 5px 14px;border-radius: 100px;font-size: 13px;font-weight: 500;color: #3d4a5c;text-decoration: none;transition: all 0.2s ease;background: transparent;border: none;cursor: pointer;height: 32px;white-space: nowrap;}
.top-header-right a i {font-size: 13px;opacity: 0.6;}
.top-header-right a:hover {background: rgba(0, 0, 0, 0.04);color: #111;}
.top-header-right a:hover i {opacity: 0.9;}
.top-header-right .user-email {color: #1a1a1a;font-weight: 500;font-size: 13px;padding: 4px 10px 4px 8px;border-radius: 100px;background: rgba(0, 0, 0, 0.02);border: 1px solid rgba(0, 0, 0, 0.04);text-decoration: none;display: inline-flex;align-items: center;gap: 8px;height: 32px;transition: background 0.2s;}
.top-header-right .user-email:hover {background: rgba(0, 0, 0, 0.04);border-color: rgba(0, 0, 0, 0.08);}
.top-header-right .nav-link-login {color: #3d4a5c;}
.top-header-right .nav-link-register {background: linear-gradient(145deg, var(--primary), var(--primary-light));color: #ffffff;padding: 5px 18px;box-shadow: 0 2px 8px rgba(79, 124, 255, 0.25);font-weight: 600;}
.top-header-right .nav-link-register:hover {background: linear-gradient(145deg, var(--primary), var(--primary-light));box-shadow: 0 4px 12px rgba(79, 124, 255, 0.35);transform: translateY(-1px);color: #fff;}
.top-header-right .nav-link-logout {color: #6a7a8e;padding: 5px 12px;}
.top-header-right .nav-link-logout:hover {color: #d1454b;background: rgba(209, 69, 75, 0.06);}

.header {position: fixed;top: 44px;left: 0;width: 100%;height: 96px;z-index: 999;background-color: #fff; transition: var(--transition);border-bottom: 1px solid rgba(255, 255, 255, 0.2);/*backdrop-filter: blur(10px);*/}
.header-inner {display: flex;justify-content: space-between;align-items: center;height: 100%;overflow: visible;gap: 60px;}
.logo {font-size: 0;height: 62px;overflow: hidden;}
.logo img {width: 100%;height: 100%;object-fit: contain;}
.logo.logo1 {display: none;}

.header-nav {display: flex;align-items: center;gap: 45px;height: 100%;justify-content: flex-end;flex: 1;}
.header-nav a {color: var(--text);font-size: 18px;position: relative;padding: 5px 0;}
.header-nav a:hover,.header-nav a.active {color: var(--primary);}
.header-nav > a::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--primary);transition: var(--transition);} 
.header-nav > a:hover::after,.header-nav > a.active::after {width: 100%;}
.nav-item {position: relative;height: 100%;display: flex;align-items: center;}
.nav-item > a {display: flex;align-items: center;gap: 5px;}
.nav-item > a .caret {transition: transform 0.3s;}
.nav-item:hover > a .caret {transform: rotate(180deg);}
.nav-item > a::after {content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: var(--accent);
  transition: var(--transition);}
.nav-item:hover > a::after,.nav-item > a.active::after {background-color: var(--primary);}
.nav-item:hover > a::after,.nav-item > a.active::after {width: 100%;}
.submenu {position: absolute;top: 100%;left: 50%;transform: translateX(-50%) translateY(10px);background: #fff;border-radius: 8px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);min-width: 140px;padding: 8px 0;opacity: 0;visibility: hidden;transition: all 0.3s ease;z-index: 100;}
.submenu::before {content: "";position: absolute;top: -6px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #fff;}
.nav-item:hover .submenu {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);}
.submenu a {display: block;padding: 10px 20px;color: var(--text) !important;font-size: 14px;white-space: nowrap;transition: all 0.2s;}
.submenu a:hover {background:#f6f7f9;color: var(--primary) !important;}
.submenu a::after {display: none;}

.header-actions {display: flex;align-items: center;gap: 30px;color: #1a1a1a;}
.lang-switch {display: flex;align-items: center;gap: 5px;font-size: 18px;cursor: pointer;position: relative;}
.lang-switch img {width: 24px;height: 24px;object-fit: contain;}
.lang-switch:hover {color: var(--primary);}
.lang-switch .caret {transition: transform 0.3s;}
.lang-switch:hover .caret {transform: rotate(180deg);}
.lang-submenu {position: absolute;top: 100%;right: 0;background: #fff;border-radius: 8px;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);min-width: 110px;padding: 6px 0;opacity: 0;visibility: hidden;transform: translateY(8px);transition: all 0.3s ease;z-index: 100;}
.lang-submenu::before {content: "";position: absolute;top: -6px;right: 12px;width: 12px;height: 12px;background: #fff;border-radius: 2px;rotate: 45deg;}
.lang-switch:hover .lang-submenu {opacity: 1;visibility: visible;transform: translateY(0);}
.lang-submenu a {display: block;padding: 9px 18px;color: var(--text) !important;font-size: 14px;white-space: nowrap;transition: all 0.2s;}
.lang-submenu a:hover {background: var(--bg-light);color: var(--accent) !important;}
.lang-submenu a::after {display: none;}

.mobile-menu-btn {display: none;width: 28px;height: 20px;flex-direction: column;justify-content: space-between;cursor: pointer;z-index: 1001;position: relative;}
.mobile-menu-btn span {display: block;width: 100%;height: 2px;background: #1a1a1a;border-radius: 2px;transition: all 0.35s cubic-bezier(0.68, -0.55, 0.27, 1.55);transform-origin: center;}
.mobile-menu-btn.active span:nth-child(1) {transform: translateY(9px) rotate(45deg);}
.mobile-menu-btn.active span:nth-child(2) {opacity: 0;transform: scale(0);}
.mobile-menu-btn.active span:nth-child(3) {transform: translateY(-9px) rotate(-45deg);}
.menu-overlay {position: fixed;inset: 0; background: rgba(0, 0, 0, 0.5);z-index: 998;opacity: 0;visibility: hidden;transition: all 0.35s;}
.menu-overlay.open {opacity: 1;visibility: visible;}
.nav-lang {display: none;}

/* 固定高度 */
.fixed_header {height: 140px;width: 100%;}
.fixed_header.hide {display: none;}
.margin_head {margin-top: 140px;}

/* 底部 */
.footer-wrap {background-color: #333;color:#bbbbbb;font-size:16px;}
.footer-container {padding:0 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 36px 0;}
.footer-nav {display:flex;flex-wrap:wrap;justify-content:center;gap: 5px;align-items: center;}
.footer-nav a {color:#bbbbbb;text-decoration:none;font-size:16px;padding: 0 16px;position: relative;display: flex;align-items: center;}
.footer-nav a:hover {color:#ffffff;}
.footer-nav a::after{content: '';position: absolute;height: 16px;background-color: #999;width: 1px;right: 0;}
.footer-nav a:last-child::after {content: '';width: 0;}
.footer-copyright {padding: 24px 0;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 10px;}
.footer-copyright a:hover {color: #fff;}

/* 登录/注册 */
.page-container {position: relative;min-height: 100vh; background: linear-gradient(135deg, #edf7ee 0%, #d9eedc 45%, #b9dfc1 100%);display: flex;justify-content: center;align-items: center;padding: 16px;box-sizing: border-box;overflow: hidden;}
.bg-shape {position: absolute;border-radius: 50%;opacity: 0.18;filter: blur(60px);pointer-events: none;z-index: 0;}
.shape-1 {width: 260px;height: 260px;background: #298d36;top: -60px;left: -40px;}
.shape-2 {width: 220px;height: 220px;background: #48b857;bottom: -50px;right: -30px;}
.shape-3 {width: 180px;height: 180px;background: #89cf92;top: 35%;right: 18%;}
.bg-grid {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image:linear-gradient(rgba(41, 141, 54, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(41, 141, 54, 0.03) 1px, transparent 1px);background-size: 24px 24px;pointer-events: none;z-index: 0;}

.page-card {position: relative;z-index: 2;width: 100%;max-width: 420px;padding: 24px 20px;border-radius: 12px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);background: #ffffff;}
.page-title {text-align: center;margin-bottom: 28px;color: #303133;font-size: 22px;font-weight: 600;}
.page-btn { width: 100%;height: 42px;background: linear-gradient(135deg,var(--primary), var(--primary-light));border: none;}
.page-btn:focus,.page-btn:hover {background: var(--primary);border-color: var(--primary);color: #FFF;}
.tip-row {text-align: right;margin-top: 12px;display: flex;justify-content: space-between;}
.captcha-wrap {display: flex;gap:10px;}
.captcha-input{flex:1;}
.ui-v-code{height:40px;cursor: pointer;border-radius:4px;border:1px solid #dcdfe6;display: flex;align-items: center;overflow: hidden;flex-shrink: 0;}
.page-card.register {max-width: 520px;}
.phone-wrap {display:flex;gap:8px;}
.phone-wrap .phone-select {width:110px;flex-shrink: 0;}
.phone-input {flex:1;}
.el-link.el-link--primary {color: var(--primary);}
.el-link.el-link--primary:hover {color: var(--primary);}
.el-link.el-link--default:after, .el-link.el-link--primary.is-underline:hover:after, .el-link.el-link--primary:after {border-color: var(--primary);}
.el-input.is-active .el-input__inner, .el-input__inner:focus {border-color: var(--primary);}
.el-select .el-input.is-focus .el-input__inner {border-color: var(--primary);}
.el-select-dropdown__item.selected {color: var(--primary);}

/* 首页 */
.index_swiper {width: 100%;overflow: hidden;position: relative;--swiper-theme-color:var(--primary);height: 630px;}
.index_swiper .swiper-slide a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.index_swiper .swiper-slide .pic {width: 100%;height: 100%;}
.index_swiper .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}
.index_swiper video {width: 100%;height: 100%;object-fit: cover;}

.index_about_wrap {padding: 100px 0;background-color: #f6f6f6;}
.index_about_flex {display: flex;align-items: center;justify-content: flex-end;position: relative;}
.index_about_flex .pic {width: 682px;height: 512px;flex-shrink: 0;border-radius: 8px;overflow: hidden;}
.index_about_flex .pic img {width: 100%;height: 100%;object-fit: cover;}
.index_about_flex .intro {background-color: #fff;width: 586px;flex-shrink: 0;background-color: #fff;height: 410px;position: absolute;left: 0;box-shadow: 0px 0px 49px 0px rgba(34, 34, 34, 0.15);border-radius: 8px;z-index: 2;padding: 50px 30px;display: flex;flex-direction: column;justify-content: space-between;gap: 30px;}
.index_about_flex .intro h2 {display: flex;flex-direction: column;gap: 32px;}
.index_about_flex .intro h2::after {content: '';height: 3px;width: 45px;background-color: #298d36;}
.index_about_flex .intro .btn {display: flex;align-items: center;}
.index_about_flex .intro a {padding: 0 30px;	background-image: linear-gradient(90deg, #34b245 0%, #298d36 100%), linear-gradient(#468c4f,#468c4f);background-blend-mode: normal, normal;height: 48px;border-radius: 24px;display: flex;align-items: center;color: #fff;}
.index_about_flex .intro p {font-size: 16px;color: #444;}

.index_bm_wrap {padding: 100px 0;}
.index_tit {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 30px;margin-bottom: 50px;}
.index_tit h2 {font-size: 34px;font-weight: bold;color: #1a1a1a;}
.index_tit::after {content: '';height: 3px;width: 45px;background-color: #298d36;}
.index_tit.white h2{color: #fff;}
.index_tit.white::after {background-color: #fff;}

.index_bm_flex {display: flex;height: 351px;gap: 22px;}
.index_bm_flex .index_bm_right {width: 392px;width: 351px;flex-shrink: 0;border-radius: 12px;background: url(../images/bm_right_bg.jpg) no-repeat;background-size: cover;background-position: center;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;}
.index_bm_flex .index_bm_right h4 {font-size: 24px;color: #fff;}
.index_bm_flex .index_bm_right .info p {font-size: 16px;color: #fff;text-align: center;}

.index_bm_flex .index_bm_left {flex: 1;display: flex;flex-direction: column;gap: 25px;}
.bm_item {flex: 1;border-radius: 12px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 30px;background-position: center;background-size: cover;background-repeat: no-repeat;}
.bm_item.gzf {background-image: url(../images/gzfdj_bg.jpg);}
.bm_item.syd {background-image: url(../images/syddj_bg.jpg);}
.bm_item .pic {width: 64px;height: 64px;flex-shrink: 0;overflow: hidden;}
.bm_item .pic img {width: 100%;height: 100%;object-fit: cover;}
.bm_item .info {height: 64px;display: flex;flex-direction: column;justify-content: space-between;flex: 1;}
.bm_item .info h5 {font-size: 24px;color: #fff;}
.bm_item .info p {font-size: 16px;color: #fff;}
.bm_item a {width: 136px;height: 44px;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;border-radius: 22px;background-color: #dfb01f;color: #fff;}

.trial-period-section{padding:100px 0px;color:#fff;background: url(../images/sygh_bg.jpg) no-repeat;background-size: cover;}
.timeline-card-wrap{display:grid;grid-template-columns: repeat(5,1fr);gap: 20px;}
.timeline-card{min-width:160px;max-width:220px;background:#fff;color:#222;border-radius:8px;padding:20px 16px;display:flex;flex-direction:column;gap:12px;box-shadow: 0px 0px 16px 0px rgba(70, 140, 79, 0.32);border: solid 1px #e2ede8;background-color: #f9fbfa;height: 280px;cursor: pointer;}
.card-year{font-size:34px;font-weight:bold;}
.card-text{font-size:14px;line-height:1.5;flex-grow:1;}
.card-icon{margin-top:8px;width: 60px;height: 60px;background-position: center;background-repeat: no-repeat;background-size: contain;}
.timeline-card:hover {background-image: linear-gradient(-30deg, #298d36 0%, #a5b442 100%), linear-gradient(#f9fbfa, #f9fbfa);background-blend-mode: normal, normal;box-shadow: 0px 0px 16px 0px rgba(70, 140, 79, 0.32);color: #fff;border: none;}
.timeline-card:nth-child(1) .card-icon {background-image: url(../images/f.png);}
.timeline-card:hover:nth-child(1) .card-icon {background-image: url(../images/fw.png);}
.timeline-card:nth-child(2) .card-icon {background-image: url(../images/s.png);}
.timeline-card:hover:nth-child(2) .card-icon {background-image: url(../images/sw.png);}
.timeline-card:nth-child(3) .card-icon {background-image: url(../images/t.png);}
.timeline-card:hover:nth-child(3) .card-icon {background-image: url(../images/tw.png);}
.timeline-card:nth-child(4) .card-icon {background-image: url(../images/fo.png);}
.timeline-card:hover:nth-child(4) .card-icon {background-image: url(../images/fow.png);}
.timeline-card:nth-child(5) .card-icon {background-image: url(../images/fi.png);}
.timeline-card:hover:nth-child(5) .card-icon {background-image: url(../images/fiw.png);}

.timeline-dots{display:flex;justify-content:space-around;max-width:85%;margin:40px auto 0;align-items: center;gap: 10px;}
.dot{width:10px;height:10px;border-radius:50%;outline: 6px solid rgba(255, 255, 255, 0.15);background-color: #fff;}
.dot-line {flex: 1;height: 5px;background-color: rgba(255, 255, 255, 0.23);}
.btn-wrap{text-align:center;margin-top:60px;}
.green-btn{display:inline-block;background:#23a045;color:#fff;padding:0px 25px;border-radius:24px;text-decoration:none;font-size:18px;	background-image: linear-gradient(90deg,#34b245 0%,#298d36 100%),linear-gradient(#298d36, #298d36);background-blend-mode: normal,normal;height: 48px;line-height: 48px;}

.index-news-section {padding: 100px 0;}
.index-news-section .w {overflow: visible;}
.index-news-wrap {display: grid;gap: 25px;grid-template-columns: repeat(3, minmax(0, 1fr));}
.index-news-item {background-color: #ffffff;box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.14);}
.index-news-item .pic {height: 270px;width: 100%;overflow: hidden;}
.index-news-item .pic img {width: 100%;height: 100%;object-fit: cover;transition: all 1.0s;}
.index-news-item .cont {padding: 40px 30px;display: flex;flex-direction: column;justify-content: space-between;height: 335px;}
.index-news-item .cont .date {color: #298d36;font-size: 18px;}
.index-news-item .cont h2 {font-size: 24px;color: #1a1a1a;}
.index-news-item .cont p {font-size: 14px;color: #999;}
.index-news-item .cont .icon {width: 44px;height: 44px;background-color: #eee;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.index-news-item:hover .icon{background-color: #298d36;}
.index-news-item:hover .icon i {color: #fff;}
.index-news-item:hover .pic img {transform: scale(1.2);}

.index-contact-section {padding: 100px 0;background-color: #f6f6f6;}
.index-contact-section .w {overflow: visible;}
.index-contact-wrap {display: flex;justify-content: space-between;gap: 22px;}
.index-contact-wrap .contact-item {flex: 1;	box-shadow: 0px 2px 16px 0px rgba(37, 37, 37, 0.04);border-radius: 12px;background-color: #fff;padding: 40px;display: flex;justify-content: space-between;align-items: center;}
.index-contact-wrap .contact-item .left {display: flex;flex-direction: column;padding-right: 40px;align-items: center;justify-content: center;border-right: 1px solid #ebebeb;gap: 24px;}
.index-contact-wrap .contact-item .left .icon {width: 80px;height: 80px;border-radius: 50%;}
.index-contact-wrap .contact-item .right {flex: 1;padding-left: 40px;font-size: 18px;color: #1a1a1a;display: flex;flex-direction: column;gap: 10px;}
.index-contact-wrap .contact-item .right .info h6 {font-size: 18px;}
.index-contact-wrap .contact-item .right .info p span {font-size: 18px;color: #298d36;}

/* 资料下载 */
.download_main {background-color: #fff;border-radius: 12px;padding: 30px;margin: 30px 0;}
.file-list-wrap {background: #ffffff;border-radius: 12px;border: 1px solid #f0f0f0;box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);overflow: hidden;margin-top: 30px;}
.file-item {display: flex;align-items: center;justify-content: space-between;padding: 22px 26px;border-bottom: 1px solid #f5f5f5;transition: background 0.22s;}
.file-item:last-child {border-bottom: none;}
.file-item:hover {background-color: #fafbfc;}
.file-left {display: flex;align-items: center;gap: 18px;flex: 1;}
.file-icon {width: 50px;height: 50px;border-radius: 8px;background-color: #e8f3ff;color: #4096ff;display: flex;align-items: center;justify-content: center;font-weight: 600;font-size: 14px;flex-shrink: 0;}
.file-meta h4 {font-size: 16px;font-weight: 500;color: #1d2129;margin-bottom: 5px;}
.file-meta span {font-size: 13px;color: #86909c;margin-right: 14px;}
.file-buttons {display: flex;gap:12px;flex-shrink: 0;}
.btn-download {padding:9px 18px;background:var(--primary-light);color:#fff;border-radius:6px;text-decoration: none;font-size:14px;transition:0.2s;}
.btn-download:hover {background:var(--primary);}

/* 新闻中心 */
.ui-news-navs{ height: auto; min-height: 48px; border-bottom: 1px solid #f0f0f0; overflow-x: auto; white-space: nowrap; box-sizing: border-box; padding-bottom: 8px; display: flex; gap: 8px; align-items: center;}
.ui-news-navs::-webkit-scrollbar{ height: 6px;}
.ui-news-navs::-webkit-scrollbar-track{ background: #f0f2f5; border-radius: 3px;}
.ui-news-navs::-webkit-scrollbar-thumb{ background: linear-gradient(90deg, #b0bac8, #8893a5); border-radius: 3px; border: none;}
.ui-news-navs::-webkit-scrollbar-thumb:hover{ background: linear-gradient(90deg, #8893a5, #667180);}
.ui-news-navs li{ display: inline-block; height: auto; line-height: normal; flex-shrink: 0;}
.ui-news-navs li a{ font-size: 13px; color: #666; text-decoration: none; padding: 8px 16px; border-radius: 18px; transition: all .3s cubic-bezier(.34,1.56,.64,1); display: block; position: relative; letter-spacing: .5px; font-weight: 500;}
.ui-news-navs li a::after{ content: ''; position: absolute; inset: 0; border-radius: 18px; background: linear-gradient(135deg, rgba(0,102,255,.08), rgba(105,177,255,.04)); opacity: 0; transition: all .3s ease; z-index: -1;}
.ui-news-navs li a:hover{ color: var(--primary); transform: translateY(-1px);}
.ui-news-navs li a:hover::after{ opacity: 1;}
.ui-news-navs li a.active{ color: #fff; font-weight: 700; font-size: 13px; background: linear-gradient(135deg, var(--primary), var(--primary-light)); box-shadow: 0 4px 14px rgba(0,102,255,.3);}
.ui-news-navs li a.active:hover{ color: #fff; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,102,255,.4);}

.ui-n-news {display: flex;justify-content: space-between;align-items: flex-start;overflow: visible;margin: 50px auto;}
.ui-news-left{ flex: 1; box-sizing: border-box; overflow: hidden; padding: 24px; background-color: #fff; border-radius: 12px; box-shadow: 0 2px 12px rgba(0,0,0,.06);}
.ui-news-ul dl{ padding: 16px 0; box-sizing: border-box; overflow: hidden; display: flex; gap: 16px; border-bottom: 1px solid #f0f0f0; transition: background .2s;}
.ui-news-ul dl:hover{ background: #fafbff;}
.ui-news-ul dl:last-child{ border-bottom: none !important;}
.ui-news-ul dl dt{ font-size: 17px; height: 34px; line-height: 34px; color: #1a1a1a; overflow: hidden; font-weight: 600; display: flex; align-items: center; gap: 0;}
.ui-news-ul dl dt a{ color: #1a1a1a; transition: color .2s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0;}
.ui-news-ul dl dt a:hover{ color: var(--primary);}
.ui-news-ul .ui-news-intro{ height: 44px; line-height: 22px; font-size: 13px; color: #999; margin-bottom: 6px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;line-clamp: 2;}
.ui-news-ul dl dd{ height: 28px; line-height: 28px;}
.ui-news-ul dl dd span.ui-new-date{ color: #999; font-size: 12px; display: inline-flex; align-items: center; gap: 3px;}
.ui-news-ul dl dd span.ui-new-date i{ color: #bbb; font-size: 14px;}
.ui-news-ul dl dd span.ui-new-tag{ float: left; color: #666; display: flex; gap: 6px; flex-wrap: wrap;}
.ui-news-ul dl dd span.ui-new-tag a{ display: inline-block; padding: 2px 10px; border: 1px solid #e8e8e8; border-radius: 12px; line-height: 20px; font-size: 11px; color: #888; text-decoration: none; transition: all .2s;}
.ui-news-ul dl dd span.ui-new-tag a:hover{ background: var(--primary); color: #fff; border-color: var(--primary);}
.ui-news-ul dl dd span.ui-new-tag a i{ font-size: 11px;}
.ui-news-pic{ width: 160px; height: 106px; background-color: #f5f5f5; flex-shrink: 0; overflow: hidden; border-radius: 8px; position: relative;}
.ui-news-pic img{ width: 100%; height: 100%; object-fit: cover; transition: transform .3s;}
.ui-news-pic:hover img{ transform: scale(1.2);}
.ui-news-cont{ flex: 1; min-width: 0; overflow: hidden;}



/* 个人中心 */
.user-body {background: #f0f4f9;min-height: 100vh;padding: 2rem 1rem;display: flex;align-items: center;padding-top: calc(44px + 2rem);flex-direction: column;}
.user-page-container {background: #ffffff;border-radius: 24px;box-shadow: 0 20px 60px -12px rgba(0, 0, 0, 0.10);
overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.02);display: flex;flex-direction: column;width: 100%;}
.user-main-body {display: flex;min-height: 600px;}
.user-sidebar {width: 240px;background: #fafcff;border-right: 1px solid #eef2f7;padding: 1.8rem 0 2rem 0;flex-shrink: 0;display: flex;flex-direction: column;}
.sidebar-profile {text-align: center;padding: 0 1.5rem 1.5rem 1.5rem;border-bottom: 1px solid #eef2f7;margin-bottom: 1rem;}
.sidebar-avatar {width: 72px;height: 72px;border-radius: 50%;background: linear-gradient(145deg, var(--primary), var(--primary-light));
display: flex;align-items: center;justify-content: center;color: #fff;font-size: 28px;font-weight: 700;margin: 0 auto 10px auto;box-shadow: 0 4px 14px rgba(79, 124, 255, 0.25);}.sidebar-name {font-size: 16px;font-weight: 600;color: #1a1a1a;}
.sidebar-email {font-size: 13px;color: #7a8a9e;margin-top: 2px;}
.sidebar-menu {list-style: none;padding: 0 0.8rem;flex: 1;}
.sidebar-menu li {margin-bottom: 4px;}
.sidebar-menu a {display: flex;align-items: center;gap: 12px;padding: 10px 16px;border-radius: 12px;font-size: 14px;font-weight: 500;color: #3d4a5c;text-decoration: none;transition: all 0.2s ease;cursor: pointer;border: none;background: transparent;width: 100%;text-align: left;}
.sidebar-menu a i {width: 20px;font-size: 16px;color: #8a9bb0;transition: color 0.2s;}
.sidebar-menu a:hover {background: rgba(79, 124, 255, 0.06);color: #1a1a1a;}
.sidebar-menu a:hover i {color: var(--primary);}
.sidebar-menu a.active {background: rgba(79, 124, 255, 0.10);color: var(--primary);font-weight: 600;}
.sidebar-menu a.active i {color: var(--primary);}
.menu-badge {margin-left: auto;background: #eef2f7;color: #6a7a8e;font-size: 11px;font-weight: 600;padding: 0 10px;border-radius: 100px;line-height: 20px;}
.content-area {flex: 1;padding: 2rem 2.5rem;background: #ffffff;overflow-y: auto;min-height: 500px;}
.content-panel {display: none;animation: fadeSlideIn 0.35s ease forwards;}
.content-panel.active {display: block;}
@keyframes fadeSlideIn {0% { opacity: 0; transform: translateY(12px); }100% { opacity: 1; transform: translateY(0);}}
.panel-header {margin-bottom: 1.8rem;}
.panel-header h2 {font-size: 22px;font-weight: 700;color: #1a1a1a;letter-spacing: -0.3px;}
.panel-header p {color: #7a8a9e;font-size: 14px;margin-top: 4px;}

.tool-bar {display: flex;align-items: center;margin-bottom: 1.5rem;}
.tool-bar .el-button--primary {background: linear-gradient(135deg,var(--primary), var(--primary-light));border: none;}
.el-button--primary {background-color: var(--primary);border-color: var(--primary);}
.el-button--primary:focus, .el-button--primary:hover {background: var(--primary);border-color: var(--primary);}
.el-select {width: 100%;}
.el-textarea__inner:focus {border-color: var(--primary);}

.page_wrap {display: flex;align-items: center;justify-content: center;margin-top: 30px;}
.page_wrap .el-pagination.is-background .el-pager li:not(.disabled).active {background-color: var(--primary);}
.page_wrap .el-pager li:hover {color: var(--primary);}


@media screen and (max-width:768px){

    /* 版心 */
    .wrap {width: 100%;padding: 0 15px;}
    .w {width: 100%;padding: 0 15px;}


    /* 文章详情 */
    .ui-article{ width: 100%; margin: 0px auto; height: auto; box-sizing: border-box; overflow: hidden; padding: 10px;flex-direction: column;}
    .ui-content{ width: 100%; box-sizing: border-box;overflow: hidden;}
    .ui-content-main {padding: 15px;}
    .ui-right,.ui-tags,.ui-hotnews,.ui-article-tag{ width: 100%;}
    .ui-hot{ padding: 0 5px; font-size: 10px; top: -1px; line-height: 16px; height: 16px;}
    .ui-top{ padding: 0 5px; font-size: 10px; top: -1px; line-height: 16px; height: 16px;}
    .ui-cont p,.ui-cont div{font-size: 15px;}
    .ui-article-tag{ height: 34px; text-align: center;}
    .ui-art-tags{ line-height: 30px;}
    .ui-tags{ margin: 10px auto;}
    .ui-cont img{  max-width: 100% !important; height: auto !important; border-radius: 6px; cursor: zoom-in;}
    .ui-adv{ margin-bottom: 10px;}
    .article-pager li{ height:38px; border:solid 1px #efefef; text-align:center;  line-height:38px; box-sizing:border-box; border-radius:4px; background:#fff;  clear: both; width:calc((100% - 30px)/3);}
    .article-pager li:nth-child(3n){ margin: 0;}

    /* 分页 */
    .pagination{ width:auto; height:auto; overflow:hidden; clear:both; text-align:center;  margin:10px auto;}
    .pagination li{ min-width:28px; height:28px;text-align:center; display:inline-block; line-height:28px; margin-right:4px;border:solid 1px #d9d9d9; border-radius:4px;}
    .pagination li:first-child a,.pagination li:last-child a{box-sizing: border-box;padding: 0 8px;}
    .pagination li a{ width:100%; height:28px; text-align:center; line-height:28px; display:block; font-size:13px; color:#666; box-sizing: border-box; }
    .pagination li:hover,.pagination li.active{ background:var(--primary); color:#fff; border:solid 1px var(--primary); }
    .pagination li:hover a{ color: #fff;}


    /* 头部 */
    .header {height: 66px;}
    .fixed_header {height: 110px;}
    .margin_head {margin-top: 110px;} 
    .header .logo {height: 44px;}
    .mobile-menu-btn {display: flex;}
    .menu-overlay {display: block;}
    .header-actions .lang-switch { display: none;}
    .header-nav {position: fixed;top: 0;right: -330px;width: 300px;height: 100vh;background: #fff;flex-direction: column;align-items: flex-start;padding: 90px 24px 30px;gap: 0;transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);overflow-y: auto;z-index: 1000;box-shadow: -10px 0 40px rgba(0, 0, 0, 0.3);justify-content: flex-start;}
    .header-nav.open {right: 0;}
    .header-nav > a,.nav-item > a {display: block;padding: 14px 0;width: 100%;font-size: 15px;border-bottom: 1px solid #f0f0f0;}
    .header-nav > a::after,.nav-item > a::after {display: none;}
    .nav-item {flex-direction: column;align-items: flex-start;height: auto;width: 100%;}
    .nav-item > a {justify-content: space-between;}
    .submenu {position: static;margin: 0 0 8px;padding: 0;width: 100%;min-width: unset;max-height: 0;overflow: hidden;opacity: 1;visibility: visible;transform: none !important;box-shadow: none;transition: max-height 0.35s ease;border-radius: 0;}
    .submenu.open {max-height: 300px;}
    .submenu::before {display: none;}
    .submenu a {padding: 12px 24px;color: #1a1a1a !important;font-size: 13px;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}
    .submenu a:hover {background: rgba(255, 255, 255, 0.08);color: var(--primary) !important;}
    .nav-lang {display: block;margin: 20px -24px 0;padding: 20px 24px 30px;width: calc(100% + 48px);border-top: 1px solid #eee;background: #fafafa;}
    .nav-lang-title {font-size: 12px;color: #999;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 8px;}
    .nav-lang a {display: block;padding: 11px 0;color: #333;font-size: 14px;border-bottom: 1px solid #f0f0f0;}
    .nav-lang a:last-child {border-bottom: none;}
    .nav-lang a.active {color: var(--accent);font-weight: 600;}

    /* 登录 */
    .page-card {padding: 20px 16px;}
    .page-title {font-size: 20px;margin-bottom: 20px;}
    .shape-1 {width: 180px;height: 180px;}
    .shape-2 {width: 160px;height: 160px;}
    .shape-3 {display: none;}

    /* 首页 */
    .index_swiper {height: 240px;}
    .index_about_wrap {padding: 50px 0;}
    .index_about_flex {flex-direction: column;gap: 30px;}
    .index_about_flex .intro {width: 100%;height: auto;position: relative;}
    .index_about_flex .pic {width: 100%;height: auto;}
    .index_bm_wrap {padding: 50px 0;}
    .index_bm_flex {flex-direction: column;height: auto;}
    .index_bm_flex .index_bm_right {width: 100%;padding: 30px 0;}
    .bm_item .info {height: auto;}
    .bm_item .info h5 {font-size: 18px;}
    .bm_item .info p {font-size: 12px;}
    .bm_item .pic {width: 44px;height: 44px;}
    .bm_item a {width: 80px;height: 32px;}
    .timeline-card-wrap{grid-template-columns: repeat(2,1fr);} 
    .timeline-dots{display:none;}
    .green-btn {font-size: 14px;}
    .index-news-wrap {grid-template-columns: repeat(1,1fr);}
    .index-news-item .cont {gap: 15px;}
    .index-news-item .cont h2 {font-size: 18px;}
    .index-news-item .cont {height: auto;}
    .index-contact-wrap {flex-direction: column;}
    .index-contact-wrap .contact-item {padding:30px 15px;flex-direction: column;gap: 30px;}
    .index-contact-wrap .contact-item .left {border: none;padding-right: 0;}
    .index-contact-wrap .contact-item .right {padding-left: 0;}


    /* 个人资料 */
    .user-main-body{flex-direction: column;}
    .user-sidebar {width: 100%;border-right: none;border-bottom: 1px solid #eef2f7;padding: 1rem 0;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;gap: 0.5rem 1rem;}
    .sidebar-profile {display: flex;align-items: center;gap: 14px;padding: 0 1.5rem;border-bottom: none;margin-bottom: 0;width: 100%;justify-content: center;}
    .sidebar-avatar {width: 48px;height: 48px;font-size: 18px;margin: 0;}
    .sidebar-profile .info {text-align: left;}
    .sidebar-name { font-size: 15px; }
    .sidebar-email { font-size: 12px; }
    .sidebar-menu {display: flex;flex-wrap: wrap;gap: 4px;padding: 0 1rem;justify-content: center;width: 100%;}
    .sidebar-menu li {margin-bottom: 0;}
    .sidebar-menu a {padding: 6px 16px;font-size: 13px;border-radius: 100px;justify-content: center;}
    .sidebar-menu a i {font-size: 14px;}
    .menu-badge { display: none; }
    .content-area {padding: 1.5rem 0;}
    .panel-header h2 {text-align: center;}
    .panel-header p {text-align: center;}

    /* 新闻中心 */
    .ui-n-news{ width: 100%; height: auto; margin: 10px auto; overflow: hidden; padding: 0 10px; box-sizing: border-box;}
    .ui-news-left{ width: 100%; box-sizing: border-box; overflow: hidden; padding: 14px; background-color: #fff; border-radius: 10px; margin-bottom: 10px;}
    .ui-news-pic{ width: 110px; height: 74px; flex-shrink: 0;}
    .ui-news-pic img{ width: 100%; height: 100%; object-fit: cover;}
    .ui-news-cont{ flex: 1; min-width: 0; height: auto; overflow: hidden;}
    .ui-news-ul dl{ padding: 12px 0; gap: 10px;}
    .ui-news-ul dl dt{ font-size: 15px; height: 28px; line-height: 28px; display: flex; align-items: center;}
    .ui-news-ul .ui-news-intro{ height: 36px; line-height: 18px; font-size: 12px; margin: 0; -webkit-line-clamp: 2;line-clamp: 2;}
    .ui-news-ul dl dd{ height: 24px; line-height: 24px;}
    .ui-news-ul dl dd span.ui-new-date{ font-size: 11px;}
    .ui-news-ul dl dd span.ui-new-tag a{ padding: 1px 8px; font-size: 10px; line-height: 18px;}



}