/* 基础重置和字体设置 */
* {margin: 0;padding: 0;box-sizing: border-box;}
html {font-size: 62.5%;scroll-behavior: smooth;}
body {font-family: 'Space Grotesk', 'PingFang SC', 'Microsoft YaHei', sans-serif;color: #696969;line-height: 1.6;overflow-x: hidden;background-color: #fff;}
h1, h2, h3, h4, h5, h6 {font-family: 'Space Grotesk', sans-serif;font-weight: 700;color: #121212;margin-bottom: 20px;}
p {font-size: 16px;line-height: 28px;margin-bottom: 20px;}
a {text-decoration: none;color: inherit;transition: all 0.3s ease;}
ul {list-style: none;}
li{list-style:none}
.container {width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 20px;}
.section {padding: 80px 0;}
.section-title {text-align: center;margin-bottom: 60px;}
.section-title h2 {font-size: 40px;line-height: 1.2;margin-bottom: 20px;position: relative;display: inline-block;}
.section-title h2::after {content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 3px;background-color: #6844ED;}
.section-title p {font-size: 18px;color: #696969;max-width: 700px;margin: 0 auto;}
.btn {display: inline-block;padding: 14px 32px;background-color: #6844ED;color: #fff;border-radius: 8px;font-weight: 600;font-size: 16px;border: none;cursor: pointer;transition: all 0.3s ease;}
.btn:hover {background-color: #5a3ad4;transform: translateY(-3px);box-shadow: 0 10px 20px rgba(104, 68, 237, 0.2);}
/* 头部导航 */
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;background-color: rgba(255, 255, 255, 0.95);box-shadow: 0 2px 20px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.header.scrolled {background-color: rgba(255, 255, 255, 0.98);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);}
.header-inner {display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.header .container{display: flex;    justify-content: space-between;}
.logo {font-size: 24px;font-weight: 700;color: #121212;}
.logo span {color: #6844ED;}
.logo img{width: 257px;}
.nav-menu {display: flex;gap: 40px;}
.nav-menu li {position: relative;}
.nav-menu li a,.nav-menu li span {font-size: 16px;font-weight: 600;color: #444;padding: 10px 0;position: relative;}
.nav-menu li a::after,.nav-menu li span::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: #6844ED;transition: width 0.3s ease;}
.nav-menu li a:hover::after,.nav-menu li a.active::after {width: 100%;}
.nav-menu li span:hover::after,.nav-menu li span.active::after {width: 100%;}
.nav-menu li a:hover,.nav-menu li a.active {color: #6844ED;}
.nav-menu li span:hover,.nav-menu li span.active {color: #6844ED;}
.mobile-menu-btn {display: none;font-size: 24px;color: #121212;cursor: pointer;}
/* Banner区域 */
.banner {padding-top: 160px;padding-bottom: 50vh;position: relative;overflow: hidden;}
/* .banner::before {content: '';position: absolute;top: 0;right: 0;width: 40%;height: 100%;background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><path d="M0,0 L100,0 L100,100 Q50,80 0,100 Z" fill="%236844ED" opacity="0.05"/></svg>');background-size: cover;} */
.banner-content {max-width: 600px;position: relative;z-index: 1;}
.banner h1 {font-size: 48px;line-height: 1.2;margin-bottom: 20px;color: #fff;}
.banner h1 span {color: #ddd;}
.banner h2 {color: #ddd;}
.banner p {font-size: 18px;line-height: 1.8;margin-bottom: 30px;color: #eee;}
.banner-btns {display: flex;gap: 20px;margin-top: 30px;}
.banner video{object-fit: cover;width: 100%;height: 100vh;display: inline-block;vertical-align: baseline;position: absolute;z-index: 1;top: 0;}
.btn-outline {background-color: transparent;border: 2px solid #6844ED;color: #6844ED;}
.btn-outline:hover {background-color: #6844ED;color: #fff;}
.banner .container{position: inherit;top: 0;z-index: 2;}
.banner .container .banner-content{padding: 30px;    background: rgba(0,0,0,.3);    border-radius: 10px;}
.banner .container .banner-content .banner-btns .btn-outline{border: 2px solid #fff;    color: #fff;}
.banner .container .banner-content .banner-btns .btn-outline:hover{background-color: #fff;    color: #6844ED;}
/* 业务概览 */
.services-overview {background-color: #fff;}
.services-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.service-card {text-align: center;padding: 40px 20px;border-radius: 12px;background-color: #fff;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.service-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(104, 68, 237, 0.1);}
.service-icon {width: 70px;height: 70px;background-color: #EBEBFD;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 28px;color: #6844ED;}
.service-card h3 {font-size: 20px;margin-bottom: 15px;}
.service-card p {font-size: 14px;line-height: 1.6;color: #696969;}
/* 业务详情 */
.services-detail {background-color: #f8f9ff;}
.service-detail-item {display: flex;align-items: center;margin-bottom: 80px;}
.service-detail-item:nth-child(even) {flex-direction: row-reverse;}
.service-detail-item:nth-child(even) .service-detail-content {padding-left: 0;padding-right: 60px;}
.service-detail-img {flex: 1;border-radius: 12px;overflow: hidden;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.service-detail-img img {width: 100%;height: auto;display: block;}
.service-detail-content {flex: 1;padding-left: 60px;}
.service-detail-content h3 {font-size: 32px;margin-bottom: 20px;color: #121212;}
.service-detail-content h3 span {color: #6844ED;}
.service-detail-content p {font-size: 16px;line-height: 1.8;margin-bottom: 25px;color: #696969;}
.service-features {margin-top: 30px;}
.service-features li {display: flex;align-items: center;margin-bottom: 15px;font-size: 16px;}
.service-features li i {color: #6844ED;margin-right: 10px;font-size: 18px;}
/* 关于我们 */
.about {background-color: #fff;}
.about-content {max-width: 800px;margin: 0 auto;text-align: center;}
.about-content h2 {font-size: 36px;margin-bottom: 30px;}
.about-content p {font-size: 18px;line-height: 1.8;margin-bottom: 30px;}
.stats {display: flex;justify-content: space-around;margin-top: 50px;flex-wrap: wrap;}
.stat-item {text-align: center;padding: 20px;}
.stat-number {font-size: 40px;font-weight: 700;color: #6844ED;margin-bottom: 10px;}
.stat-text {font-size: 16px;color: #696969;}
/* 页脚 */
.footer {background-color: #0C091D;color: #fff;padding-top: 80px;}
.footer-top {display: grid;grid-template-columns: repeat(4, 1fr);gap: 40px;padding-bottom: 60px;}
.footer-col h3 {font-size: 20px;color: #fff;margin-bottom: 30px;position: relative;padding-bottom: 15px;}
.footer-col h3::after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 2px;background-color: #6844ED;}
.footer-col p {color: #aaa;line-height: 1.8;margin-bottom: 20px;}
.footer-links li {margin-bottom: 15px;}
.footer-links li a {color: #aaa;transition: color 0.3s ease;}
.footer-links li a:hover {color: #6844ED;padding-left: 5px;}
.social-links {display: flex;gap: 15px;margin-top: 20px;}
.social-links li a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color: rgba(255, 255, 255, 0.1);border-radius: 50%;color: #fff;transition: all 0.3s ease;}
.social-links li a:hover {background-color: #6844ED;transform: translateY(-5px);}
.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.1);padding: 30px 0;text-align: center;color: #aaa;font-size: 14px;}
.footer-bottom a {color: #6844ED;}
/* 添加下拉菜单样式 */
.dropdown {position: relative;}
.dropdown-toggle {gap: 5px;}
.dropdown-toggle i {font-size: 12px;transition: transform 0.3s ease;}
.dropdown:hover .dropdown-toggle i {transform: rotate(180deg);}
.dropdown-menu {position: absolute;top: 40px;left: 0;min-width: 220px;background-color: #fff;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);border-radius: 8px;padding: 15px 0;opacity: 0;transform: translateY(10px);transition: all 0.3s ease;z-index: 1000;}
.dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.dropdown-menu li {margin: 0;}
.dropdown-menu li a {display: block;padding: 10px 25px;font-size: 15px;color: #444;transition: all 0.3s ease;}
.dropdown-menu li a:hover {background-color: #f8f9ff;color: #6844ED;padding-left: 30px;}
/* .dropdown .dropdown-menu{height: 0px;} */

/* 新增样式 */
.industries {padding: 80px 0;background: white;}
.industries-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;margin-top: 50px;}
.industry-card {background: #f8f9ff;border-radius: 12px;padding: 30px;text-align: center;transition: all 0.3s ease;}
.industry-card:hover {background: #6844ED;color: white;transform: translateY(-5px);}
.industry-card:hover .industry-icon {color: white;}
.industry-icon {font-size: 40px;color: #6844ED;margin-bottom: 20px;}
.case-studies {padding: 80px 0;background: #f8f9ff;}
.cases-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;margin-top: 50px;}
.case-card {background: white;border-radius: 12px;padding: 30px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.case-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.case-tag {background: #EBEBFD;color: #6844ED;padding: 5px 15px;border-radius: 20px;font-size: 14px;}
.case-content p {margin-bottom: 10px;color: #666;}
/* 广告代运营页面样式 */
.hero-section {padding-top: 160px;padding-bottom: 100px;background: linear-gradient(135deg, #6844ED 0%, #8B6BFF 100%);color: white;text-align: center;}
.hero-title {font-size: 48px;font-weight: bold;margin-bottom: 20px;line-height: 1.2;}
.hero-subtitle {font-size: 20px;color: rgba(255, 255, 255, 0.9);max-width: 800px;margin: 0 auto 40px;}
.service-overview {padding: 80px 0;background: white;}
.overview-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.overview-text h2 {font-size: 36px;color: #333;margin-bottom: 20px;}
.overview-text p {font-size: 18px;color: #666;margin-bottom: 30px;}
.overview-stats {background: #f8f9ff;border-radius: 12px;padding: 40px;}
.stats-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.platform-coverage {padding: 80px 0;background: #f8f9ff;}
.platforms-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));gap: 15px;}
.platform-card {background: white;border-radius: 12px;padding: 40px 30px;text-align: center;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.platform-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(104, 68, 237, 0.1);}
.platform-icon {width: 80px;height: 80px;background: #EBEBFD;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 32px;color: #6844ED;}
.platform-card h3 {margin-bottom: 15px;color: #333;}
.platform-card p {color: #666;font-size: 14px;}
/* .platforms-grid>div:nth-child(1) .platform-icon{background-image:url('/web/skin/img/ai_geo.png') ;} */

.service-process {padding: 80px 0;background: white;}
.process-steps {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;position: relative;}
.process-steps::before {content: '';position: absolute;top: 40px;left: 50px;right: 50px;height: 2px;background: #EBEBFD;z-index: 1;}
.step {text-align: center;position: relative;z-index: 2;}
.step-number {width: 80px;height: 80px;background: #6844ED;color: white;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 28px;font-weight: bold;margin: 0 auto 25px;border: 5px solid white;}
.step h3 {margin-bottom: 15px;color: #333;}
.step p {color: #666;}
.service-advantages {padding: 80px 0;background: #f8f9ff;}
.advantage-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 30px;}
.advantage-card {background: white;border-radius: 12px;padding: 40px 30px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.advantage-card:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(104, 68, 237, 0.1);}
.advantage-icon {width: 60px;height: 60px;background: #EBEBFD;border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;font-size: 24px;color: #6844ED;}
.advantage-card h3 {margin-bottom: 15px;color: #333;}
.advantage-card p {color: #666;}
.cta-section {padding: 80px 0;background: linear-gradient(135deg, #6844ED 0%, #8B6BFF 100%);color: white;text-align: center;}
.cta-title {font-size: 36px;margin-bottom: 20px;}
.cta-subtitle {font-size: 18px;color: rgba(255, 255, 255, 0.9);max-width: 700px;margin: 0 auto 40px;}
.cta-buttons {display: flex;gap: 20px;justify-content: center;}
.btn-primary {background: white;color: #6844ED;}
.btn-primary:hover {background: #f8f9ff;transform: translateY(-3px);}
.btn-secondary {background: transparent;color: white;border: 2px solid rgba(255, 255, 255, 0.3);}
.btn-secondary:hover {background: rgba(255, 255, 255, 0.1);transform: translateY(-3px);}
/* AI获客页面样式 */
.monitoring-scope {padding: 80px 0;background: #f8f9ff;}
.scope-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;}
.scope-card {background: white;border-radius: 12px;padding: 40px 30px;text-align: center;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.scope-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(104, 68, 237, 0.1);}
.scope-icon {width: 80px;height: 80px;background: #EBEBFD;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 25px;font-size: 32px;color: #6844ED;}
.scope-card h3 {margin-bottom: 15px;color: #333;}
.scope-card p {color: #666;font-size: 14px;}
.warning-system {padding: 80px 0;background: white;}
.warning-steps {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 40px;position: relative;}
.warning-steps::before {content: '';position: absolute;top: 40px;left: 50px;right: 50px;height: 2px;background: #EBEBFD;z-index: 1;}
.crisis-handling {padding: 80px 0;background: #f8f9ff;}
.crisis-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.crisis-card {background: white;border-radius: 12px;padding: 40px 30px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
.crisis-card:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(104, 68, 237, 0.1);}
.crisis-icon {width: 60px;height: 60px;background: #EBEBFD;border-radius: 12px;display: flex;align-items: center;justify-content: center;margin-bottom: 25px;font-size: 24px;color: #6844ED;}
.crisis-card h3 {margin-bottom: 15px;color: #333;}
.crisis-card p {color: #666;}
.workflow-section {padding: 80px 0;}
.workflow-steps {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-top: 50px;}
.workflow-step {text-align: center;position: relative;}
.geo-intro {padding: 80px 0;background: white;}
.geo-content {display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center;}
.geo-text h2 {font-size: 36px;color: #333;margin-bottom: 20px;}
.geo-text p {font-size: 18px;color: #666;margin-bottom: 30px;}
.geo-visual {background: #f8f9ff;border-radius: 12px;padding: 40px;text-align: center;}
.geo-visual h3 {color: #6844ED;margin-bottom: 20px;}
.ai-platforms{margin-bottom: 30px;}
.advantages-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));gap: 30px;margin-top: 50px;}
/* 商情分析页面样式 */
.business-intelligence {padding: 80px 0;background: white;}
.business-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.business-card {background: #f8f9ff;border-radius: 12px;padding: 40px 30px;text-align: center;transition: all 0.3s ease;}
.business-card:hover {background: #6844ED;color: white;transform: translateY(-5px);}
.business-card:hover .business-icon {color: white;}
.business-icon {font-size: 40px;color: #6844ED;margin-bottom: 20px;}
.data-analysis {padding: 80px 0;background: #f8f9ff;}
.analysis-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;}
.analysis-card {background: white;border-radius: 12px;padding: 30px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.analysis-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.analysis-tag {background: #EBEBFD;color: #6844ED;padding: 5px 15px;border-radius: 20px;font-size: 14px;}
.analysis-content p {margin-bottom: 10px;color: #666;}
.page-header {padding-top: 160px;padding-bottom: 100px;background: linear-gradient(135deg, #6844ED 0%, #8B6BFF 100%);color: white;text-align: center;}
/* 响应式设计 */
@media (max-width: 768px) {
.nav-menu {display: none;position: absolute;top: 100%;left: 0;right: 0;background: white;flex-direction: column;padding: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.nav-menu.active {display: flex;}
.mobile-menu-btn {display: block;}
.hero-title {font-size: 36px;}
.overview-content {grid-template-columns: 1fr;}
.warning-steps::before {display: none;}
.process-steps::before {display: none;}
.cta-buttons {flex-direction: column;align-items: center;}
.btn {width: 100%;max-width: 300px;text-align: center;}
.services-grid {grid-template-columns: repeat(2, 1fr);}
.service-detail-item {flex-direction: column;}
.service-detail-item:nth-child(even) {flex-direction: column;}
.service-detail-content {padding: 30px 0 0 0;}
.service-detail-item:nth-child(even) .service-detail-content {padding: 30px 0 0 0;}
.footer{padding-top: 0;}
.footer-top {grid-template-columns: repeat(2, 1fr);display: none;}
.dropdown-menu {position: static;box-shadow: none;background: transparent;padding: 10px 0 10px 20px;display: none}
.dropdown-menu li a {padding: 8px 0;}
.warning-levels {grid-template-columns: 1fr;}
.geo-content{grid-template-columns: auto;}
.banner .container .banner-content{padding: 0px;    background: none;    border-radius: 10px;}
.advantages-grid{grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));}
}
@media (max-width: 480px) {
.services-grid {grid-template-columns: 1fr;}
.footer-top {grid-template-columns: 1fr;}
.banner h1 {font-size: 36px;}
.section-title h2 {font-size: 32px;}
.hero-title {font-size: 32px;}
.cta-title {font-size: 28px;}
}
/* 移动端下拉菜单激活状态 */
.dropdown.active .dropdown-menu {display: block !important;position: static;box-shadow: none;background: transparent;padding: 10px 0 10px 20px;}
/* 导航菜单ul样式 */
.nav-menu>ul {display: flex;gap: 40px;margin: 0;padding: 0;}
.nav-menu>ul li {position: relative;}
/* 响应式调整 */
@media (max-width: 768px) {
.nav-menu ul {flex-direction: column;gap: 0;}
.nav-menu ul li {width: 100%;}
.nav-menu ul li a,
.nav-menu ul li span {display: block;padding: 15px 20px;border-bottom: 1px solid #f0f0f0;}
.dropdown.active .dropdown-toggle i {transform: rotate(180deg);}
}

	.r_nav{position:fixed;right:20px;top:40%;transform:translateY(-50%);width:72px;z-index:999}
	.r_nav .list{background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(40,90,189,.08);padding:10px}
	.r_nav .list .item{align-items:center;border-bottom:1px solid #ebeef5;cursor:pointer;display:flex;flex-direction:column;justify-content:center}
	.r_nav .list .item:last-child{border:0}
	.r_nav .list .item .boxPhone{align-items:center;display:flex;flex-direction:column;justify-content:center}
	.r_nav .list .item .online_contact,.r_nav .list .item .online_contact1{align-items:center;display:flex;height:56px;justify-content:center;position:relative;width:56px}
	.r_nav .list .item .online_contact img,.r_nav .list .item .online_contact1 img{height:40px;margin-top:0;width:40px}
	.r_nav .list .item .online_contact:before{animation:scale2 1s linear infinite alternate;background-color:rgba(36,105,243,.5);border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}
	 @keyframes scale2{0%{height:105%;width:105%}50%{height:85%;width:85%}to{height:105%;width:105%}}
	.r_nav .list .item img{height:28px;margin-top:20px;position:relative;width:28px;z-index:10}
	.r_nav .list .item .txt{margin:5px 0 10px;font-size:12px;display:block}
	.r_nav .back_top{background:#fff url(https://www.kuaijingai.com/popups/right/top.svg) no-repeat 50%;background-size:28px 28px;border-radius:50%;box-shadow:0 0 16px rgba(40,90,189,.08);height:72px;margin-top:10px;transition:all .3s linear;width:72px}
	.r_nav .back_top:hover{background:#2469f3 url(https://www.kuaijingai.com/popups/right/totop.svg) no-repeat 50%;background-size:28px 28px}
	@media (max-width: 992px) {.r_nav{display:none}}
	
	.popup {position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99999999;display: none;}
	.popupbox {margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);width: 386px;height: 430px;background: url(pbg.png) no-repeat;background-size: contain;}
	.popupbox_title {position: absolute;font-size: 24px;font-family: PingFang SC;color: #020202;line-height: 60px;top: 47px;left: 50%;transform: translate(-50%);width: 266px;text-align: center}
	.popup-img {width: 249px;height: 249px;position: relative;left: 50%;top: 27%;transform: translate(-50%);}
	/* 二维码弹窗样式 */
	.qr-modal {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-color: rgba(0, 0, 0, 0.7);  z-index: 9999;  justify-content: center;  align-items: center;  animation: fadeIn 0.3s ease;}
	.qr-modal-content {  background-color: #fff;  border-radius: 16px;  width: 90%;  max-width: 320px;  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);  overflow: hidden;  animation: slideUp 0.4s ease;  position: relative;}
	.qr-modal-header {  background: linear-gradient(135deg, #1a6dff 0%, #0d4dc2 100%);  color: white;  padding: 20px 20px 15px;  text-align: center;  position: relative;}
	.qr-modal-header h3 {  margin: 0;  font-size: 18px;  font-weight: 600;  letter-spacing: 1px;  color: #fff;  animation: scale2 1s linear infinite alternate;}
	.qr-modal-close {  position: absolute;  top: 15px;  right: 20px;  font-size: 28px;  font-weight: bold;  color: white;  cursor: pointer;  line-height: 1;  transition: transform 0.2s;}
	.qr-modal-close:hover {  transform: scale(1.2);}
	.qr-modal-body {  padding: 25px 20px;  text-align: center;}
	.qr-code-container {  padding: 15px;  border: 2px solid #e8f0ff;  border-radius: 12px;  background-color: #f8fbff;  display: inline-block;  margin-bottom: 20px;  box-shadow: 0 5px 15px rgba(26, 109, 255, 0.1);}
	.qr-code-image {  width: 200px;  height: 200px;  display: block;  border-radius: 8px;}
	.qr-tip {  color: #666;  font-size: 14px;  margin-top: 10px;  line-height: 1.5;}
	/* 动画效果 */
	@keyframes fadeIn {  from { opacity: 0; }  to { opacity: 1; }}
	@keyframes slideUp {  from { opacity: 0;transform: translateY(30px);  }  to { opacity: 1;transform: translateY(0);  }}
	/* 响应式调整 */
	@media (max-width: 480px) {  .qr-modal-content {max-width: 280px;  }    .qr-code-image {width: 180px;height: 180px;  }    .qr-modal-header h3 {font-size: 16px;  }}
	/* 为带有触发class的元素添加样式 */
	.tankuanganniu {  cursor: pointer;  transition: all 0.2s;}
	.tankuanganniu:hover {  opacity: 0.8;}
	/* 新闻列表页面样式 */
	.page-title h1 {font-size: 48px;margin-bottom: 15px;}
	.page-title p {font-size: 18px;opacity: 0.9;}
	.news-filter {display: flex;justify-content: space-between;align-items: center;margin-bottom: 40px;padding: 20px;background: white;border-radius: 12px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
	.filter-tabs {display: flex;gap: 10px;}
	.filter-tab {padding: 8px 20px;border: 2px solid #EBEBFD;background: white;color: #666;border-radius: 25px;cursor: pointer;transition: all 0.3s ease;font-size: 14px;}
	.filter-tab:hover {border-color: #6844ED;color: #6844ED;}
	.filter-tab.active {background: #6844ED;color: white;border-color: #6844ED;}
	.search-box {display: flex;align-items: center;}
	.search-input {padding: 10px 20px;border: 2px solid #EBEBFD;border-radius: 25px 0 0 25px;width: 250px;font-size: 14px;}
	.search-btn {padding: 10px 20px;background: #6844ED;color: white;border: none;border-radius: 0 25px 25px 0;cursor: pointer;transition: background 0.3s ease;}
	.search-btn:hover {background: #5a3bd6;}
	.news-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 30px;margin-bottom: 50px;}
	.news-card {background: white;border-radius: 12px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}
	.news-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(104, 68, 237, 0.15);}
	.news-image {position: relative;height: 200px;overflow: hidden;}
	.news-image img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
	.news-card:hover .news-image img {transform: scale(1.05);}
	.news-category {position: absolute;top: 15px;left: 15px;background: rgba(104, 68, 237, 0.9);color: white;padding: 5px 15px;border-radius: 20px;font-size: 12px;font-weight: 500;}
	.news-content {padding: 25px;}
	.news-title {font-size: 18px;margin-bottom: 15px;color: #333;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
	.news-excerpt {color: #666;font-size: 14px;line-height: 1.6;margin-bottom: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
	.news-meta {display: flex;justify-content: space-between;align-items: center;font-size: 12px;color: #999;padding-top: 15px;border-top: 1px solid #f0f0f0;}
	.news-meta i {margin-right: 5px;}
	.pagination {display: flex;justify-content: center;align-items: center;gap: 15px;margin-top: 40px;}
	.pagination-btn {padding: 10px 20px;border: 2px solid #EBEBFD;background: white;color: #666;border-radius: 25px;cursor: pointer;transition: all 0.3s ease;font-size: 14px;display: flex;align-items: center;gap: 8px;}
	.pagination-btn:hover:not(:disabled) {border-color: #6844ED;color: #6844ED;}
	.pagination-btn:disabled {opacity: 0.5;cursor: not-allowed;}
	.pagination-numbers {display: flex;gap: 8px;}
	.pagination-number {width: 40px;height: 40px;border: 2px solid #EBEBFD;background: white;color: #666;border-radius: 50%;cursor: pointer;transition: all 0.3s ease;font-size: 14px;}
	.pagination-number:hover {border-color: #6844ED;color: #6844ED;}
	.pagination-number.active {background: #6844ED;color: white;border-color: #6844ED;}
	.pagination-ellipsis {display: flex;align-items: center;color: #999;padding: 0 5px;}
	/* 响应式调整 */
	@media (max-width: 768px) {.news-filter {flex-direction: column;gap: 20px;align-items: stretch;}
	.filter-tabs {flex-wrap: wrap;justify-content: center;}
	.search-input {width: 100%;}
	.news-grid {grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));}
	.page-title h1 {font-size: 36px;}}@media (max-width: 480px) {.news-grid {grid-template-columns: 1fr;}
	.pagination {flex-direction: column;gap: 10px;}}
	
	/* 新闻列表页面样式 */
	/* .page-header { padding: 60px 0; background: linear-gradient(135deg, #6844ED 0%, #8B6BFF 100%); color: white; text-align: center; } */
	.page-title h1 { font-size: 48px; margin-bottom: 15px; }
	.page-title p { font-size: 18px; opacity: 0.9; }
	.news-filter { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }
	.filter-tabs { display: flex; gap: 10px; }
	.filter-tab { padding: 8px 20px; border: 2px solid #EBEBFD; background: white; color: #666; border-radius: 25px; cursor: pointer; transition: all 0.3s ease; font-size: 14px; }
	.filter-tab:hover { border-color: #6844ED; color: #6844ED; }
	.filter-tab.active { background: #6844ED; color: white; border-color: #6844ED; }
	.search-box { display: flex; align-items: center; }
	.search-input { padding: 10px 20px; border: 2px solid #EBEBFD; border-radius: 25px 0 0 25px; width: 250px; font-size: 14px; }
	.search-btn { padding: 10px 20px; background: #6844ED; color: white; border: none; border-radius: 0 25px 25px 0; cursor: pointer; transition: background 0.3s ease; }
	.search-btn:hover { background: #5a3bd6; }
	.news-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; margin-bottom: 50px; }
	.news-card { background: white; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; }
	.news-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(104, 68, 237, 0.15); }
	.news-image { position: relative; height: 200px; overflow: hidden; }
	.news-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
	.news-card:hover .news-image img { transform: scale(1.05); }
	.news-category { position: absolute; top: 15px; left: 15px; background: rgba(104, 68, 237, 0.9); color: white; padding: 5px 15px; border-radius: 20px; font-size: 12px; font-weight: 500; }
	.news-content { padding: 25px; }
	.news-title { font-size: 18px; margin-bottom: 15px; color: #333; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.news-excerpt { color: #666; font-size: 14px; line-height: 1.6; margin-bottom: 20px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
	.news-meta { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: #999; padding-top: 15px; border-top: 1px solid #f0f0f0; }
	.news-meta i { margin-right: 5px; }
	.pagination { display: flex; justify-content: center; align-items: center; gap: 15px; margin-top: 40px; }
	.pagination-btn { padding: 10px 20px; border: 2px solid #EBEBFD; background: white; color: #666; border-radius: 25px; cursor: pointer; transition: all 0.3s ease; font-size: 14px; display: flex; align-items: center; gap: 8px; }
	.pagination-btn:hover:not(:disabled) { border-color: #6844ED; color: #6844ED; }
	.pagination-btn:disabled { opacity: 0.5; cursor: not-allowed; }
	.pagination-numbers { display: flex; gap: 8px; }
	.pagination-number { width: 40px; height: 40px; border: 2px solid #EBEBFD; background: white; color: #666; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; font-size: 14px; }
	.pagination-number:hover { border-color: #6844ED; color: #6844ED; }
	.pagination-number.active { background: #6844ED; color: white; border-color: #6844ED; }
	.pagination-ellipsis { display: flex; align-items: center; color: #999; padding: 0 5px; }
	
	/* 新闻内容页面样式 */
	.breadcrumb { padding:100px 0 20px 0; background: #f8f9fa; }
	.breadcrumb-nav { display: flex; align-items: center; gap: 10px; font-size: 14px; }
	.breadcrumb-nav a { color: #666; text-decoration: none; transition: color 0.3s ease; }
	.breadcrumb-nav a:hover { color: #6844ED; }
	.breadcrumb-nav i { font-size: 12px; color: #999; }
	.breadcrumb-nav .current { color: #6844ED; font-weight: 500; }
	.article-header { padding: 40px 0 20px; }
	.article-meta { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; font-size: 14px; color: #666; }
	.article-category { background: #6844ED; color: white; padding: 5px 15px; border-radius: 20px; font-size: 12px; font-weight: 500; }
	.article-meta i { margin-right: 5px; }
	.article-title { font-size: 36px; line-height: 1.3; margin-bottom: 20px; color: #333; }
	.article-excerpt { font-size: 18px; line-height: 1.6; color: #666; padding: 20px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
	.article-featured-image { padding: 20px 0; }
	.featured-image-wrapper { border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }
	.featured-image { width: 100%; height: 400px; object-fit: cover; }
	.image-caption { padding: 10px 20px; background: #f8f9fa; color: #666; font-size: 14px; text-align: center; border-top: 1px solid #f0f0f0; }
	.article-content { padding: 40px 0; }
	.content-wrapper { display: grid; grid-template-columns: 1fr 350px; gap: 40px; }
	.article-body { font-size: 16px; line-height: 1.8; color: #333; }
	.article-body h2 { font-size: 28px; margin: 40px 0 20px; color: #333; padding-bottom: 10px; border-bottom: 2px solid #6844ED; }
	.article-body h3 { font-size: 22px; margin: 30px 0 15px; color: #444; }
	.article-body p { margin-bottom: 20px; }
	.article-body ul, .article-body ol { margin: 20px 0; padding-left: 30px; }
	.article-body li { margin-bottom: 10px; }
	.article-body strong { color: #6844ED; }
	.article-body img{max-width: 100%;border-radius: 10px;}
	.highlight-box { background: linear-gradient(135deg, #6844ED10 0%, #8B6BFF10 100%); border-left: 4px solid #6844ED; padding: 20px; margin: 30px 0; border-radius: 8px; }
	.highlight-box h3 { color: #6844ED; margin-top: 0; display: flex; align-items: center; gap: 10px; }
	.highlight-box h3 i { font-size: 20px; }
	.data-table { margin: 30px 0; overflow-x: auto; }
	.data-table table { width: 100%; border-collapse: collapse; background: white; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); border-radius: 8px; overflow: hidden; }
	.data-table th { background: #6844ED; color: white; padding: 15px; text-align: left; font-weight: 500; }
	.data-table td { padding: 15px; border-bottom: 1px solid #f0f0f0; }
	.data-table tr:last-child td { border-bottom: none; }
	.data-table tr:hover { background: #f8f9fa; }
	blockquote { border-left: 4px solid #6844ED; padding: 20px 30px; margin: 30px 0; background: #f8f9fa; font-style: italic; color: #555; }
	blockquote cite { display: block; margin-top: 10px; font-style: normal; color: #666; font-size: 14px; }
	.future-trends { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 30px 0; }
	.trend-item { display: flex; align-items: flex-start; gap: 15px; padding: 20px; background: white; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease; }
	.trend-item:hover { transform: translateY(-5px); }
	.trend-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #6844ED 0%, #8B6BFF 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-size: 20px; }
	.trend-content h4 { margin: 0 0 5px 0; color: #333; font-size: 16px; }
	.trend-content p { margin: 0; font-size: 14px; color: #666; }
	.article-sidebar { position: sticky; top: 100px; height: fit-content; }
	.author-card { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); margin-bottom: 30px; text-align: center; }
	.author-avatar { width: 80px; height: 80px; border-radius: 50%; overflow: hidden; margin: 0 auto 15px; border: 3px solid #6844ED; }
	.author-avatar img { width: 100%; height: 100%; object-fit: cover; }
	.author-info h4 { margin: 0 0 5px 0; color: #333; }
	.author-title { color: #6844ED; font-size: 14px; margin-bottom: 10px; }
	.author-bio { color: #666; font-size: 14px; line-height: 1.5; }
	.article-tags { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); margin-bottom: 30px; }
	.article-tags h4 { margin: 0 0 15px 0; color: #333; font-size: 18px; }
	.tags-list { display: flex; flex-wrap: wrap; gap: 10px; }
	.tag { display: inline-block; padding: 6px 15px; background: #f8f9fa; color: #666; border-radius: 20px; font-size: 13px; text-decoration: none; transition: all 0.3s ease; }
	.tag:hover { background: #6844ED; color: white; }
	.related-articles { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); margin-bottom: 30px; }
	.related-articles h4 { margin: 0 0 15px 0; color: #333; font-size: 18px; }
	.related-list { display: flex; flex-direction: column; gap: 15px; }
	.related-item { display: flex; align-items: center; gap: 15px; padding: 15px; background: #f8f9fa; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
	.related-item:hover { background: #6844ED10; transform: translateX(5px); }
	.related-thumb { width: 60px; height: 60px; border-radius: 8px; overflow: hidden; flex-shrink: 0; }
	.related-thumb img { width: 100%; height: 100%; object-fit: cover; }
	.related-content h5 { margin: 0 0 5px 0; color: #333; font-size: 14px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.related-date { font-size: 12px; color: #999; }
	.share-buttons { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }
	.share-buttons h4 { margin: 0 0 15px 0; color: #333; font-size: 18px; }
	.share-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.share-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 15px; border-radius: 8px; text-decoration: none; transition: all 0.3s ease; }
	.share-btn i { font-size: 24px; margin-bottom: 8px; }
	.share-btn span { font-size: 12px; }
	.share-btn.wechat { background: #07C160; color: white; }
	.share-btn.weibo { background: #E6162D; color: white; }
	.share-btn.qq { background: #12B7F5; color: white; }
	.share-btn.link { background: #f8f9fa; color: #666; }
	.share-btn:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
	.article-navigation { padding: 40px 0; border-top: 1px solid #f0f0f0; }
	.nav-wrapper { display: grid; grid-template-columns: 1fr auto 1fr; gap: 30px; align-items: center; }
	.nav-item { display: block; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); text-decoration: none; transition: all 0.3s ease; }
	.nav-item:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(104, 68, 237, 0.15); }
	.nav-item.prev { text-align: left; }
	.nav-item.next { text-align: right; }
	.nav-label { font-size: 14px; color: #999; margin-bottom: 5px; }
	.nav-title { font-size: 16px; color: #333; font-weight: 500; line-height: 1.4; }
	.nav-back { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px 30px; background: #6844ED; color: white; border-radius: 25px; text-decoration: none; transition: all 0.3s ease; }
	.nav-back:hover { background: #5a3bd6; transform: translateY(-3px); }
	.thwenzhang {border-top: 1px solid #f0f0f0;background-color: #f8f8f8;	}
	.thleftbt {height: 50px;line-height: 50px;margin-bottom: 20px;background: #fff;border-bottom: 1px solid #f0f0f0;position: relative;box-sizing: border-box;font-size: 18px;	}
	.thleftbt::before {content: "";display: block;position: absolute;left: -2px;top: 35%;width: 4px;height: 30%;background-color: #3297fc;border-radius: 5px;	}
	.thleftbt span {margin-left: 15px;	}
	/* 响应式调整 */
	@media (max-width: 992px) { .content-wrapper { grid-template-columns: 1fr; } .article-sidebar { position: static; margin-top: 40px; } .article-title { font-size: 30px; } .nav-wrapper { grid-template-columns: 1fr; gap: 20px; } .nav-back { order: 1; } .nav-item.prev { order: 2; } .nav-item.next { order: 3; } }
	@media (max-width: 768px) { .breadcrumb{display:none} .article-header{padding: 90px 0 20px;} .news-filter { flex-direction: column; gap: 20px; align-items: stretch; } .filter-tabs { flex-wrap: wrap; justify-content: center; } .search-input { width: 100%; } .news-grid { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } .article-title { font-size: 26px; } .article-body h2 { font-size: 24px; } .article-body h3 { font-size: 20px; } .featured-image { height: 300px; } .future-trends { grid-template-columns: 1fr; } .share-list { grid-template-columns: repeat(4, 1fr); } }
	@media (max-width: 480px) { .article-meta { flex-wrap: wrap; gap: 10px; } .featured-image { height: 200px; } .share-list { grid-template-columns: repeat(2, 1fr); } .news-grid { grid-template-columns: 1fr; } .pagination { flex-wrap: wrap; } .pagination-numbers { flex-wrap: wrap; justify-content: center; } }