/*kong*/
.kong{height:300px;line-height:300px;font-size:16px;text-align:center;}

/*top*/
#top{height:130px;}
#top #logo{float:left;display:block;margin-top: 30px;}
#top #top_r{width:730px;float:right;}
#top #top_r #top_r_t{height:80px;}
#top #top_r #top_r_t p{width:200px;float:right;font-size:24px;margin-top:20px;}
#top #top_r #top_r_t p span{display:block;font-size:18px;color:#4c4c4c;}
#top #top_r #top_r_t img{display:block;float:right;margin-top:30px;margin-right:10px;}

/*nav*/
#nav{height:50px;line-height:50px;}
#nav ul li{padding:0 10px;margin:0 5px;float:left;position: relative;}
#nav ul li a{width:100%;display:block;color:#333;text-align:center;font-size:19px;border-bottom:2px solid white;}
#nav ul li a.me,#nav ul li a:hover{border-bottom:2px solid #fe6c20;}
#nav ul li dl{width:100%;position: absolute;left:0;top:100%;z-index: 99;background:white;display:none;}
#nav ul li dl dd{padding:0 3px;height:50px;line-height:50px;overflow:hidden;border-bottom: 1px solid #eee;}
#nav ul li dl dd a{font-size:16px;}

/*bans(topa)*/
#bans {width:100%;position:relative;overflow:hidden;margin:0 auto;}
#bans a {display:block;}
#bans img {height:100%;position:absolute;top:0;left:0;}
#bans dl {display: none;}

#top_pic{width:100%;height:300px;}
#top_pic img{width:100%;height:100%;display: block;}


/*gy_top*/
.gy_top{padding:50px;}
.gy_top .gy_top_tit{text-align:center;}
.gy_top .gy_top_tit img{display:inline-block;vertical-align: super;}
.gy_top  p{display:inline-block;margin:0 20px;font-size:30px;color:#4f4f4f;}
.gy_top .gy_top_line{width:50px;height:3px;margin:20px auto;}
.gy_top .blue{background:#5492da;}
.gy_top .white{background:white;color:white;}

.gy_top .gy_top_tib{font-size:18px;text-align:center;color:#666;}
.gy_top .tet_white{color:white;}
.gy_top .tet_blue{color:#5492da;}



/****************************** 帮助中心(news) ***********************************/
/*帮助中心-列表页*/
.news_list_llst{padding:24px 0 50px;background:#f7f8fa;}
.news_list_llst .none{display:none;}
.news_list_llst img.fade{opacity:0;}
.news_list_llst img.fade.show{opacity:1;}

/*面包屑导航*/
.news_list_llst .adds{display:flex;align-items:center;flex-wrap:wrap;padding:14px 0;font-size:14px;color:#999;}
.news_list_llst .adds .titl{display:flex;align-items:center;color:#999;}
.news_list_llst .adds .titl i{margin-right:6px;color:#667eea;}
.news_list_llst .adds a{color:#666;transition:color 0.2s ease;}
.news_list_llst .adds a:hover{color:#667eea;}
.news_list_llst .adds em{margin:0 8px;font-style:normal;color:#ccc;}
.news_list_llst .adds .me{color:#333;}

/*分类导航与搜索*/
.news_list_llst .clas{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;margin-bottom:20px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.news_list_llst .clas .le ul{display:flex;flex-wrap:wrap;}
.news_list_llst .clas .le ul li{margin-right:10px;}
.news_list_llst .clas .le ul li a{padding:6px 18px;display:block;border-radius:18px;font-size:15px;color:#666;background:#f5f6f8;transition:all 0.2s ease;}
.news_list_llst .clas .le ul li a:hover{color:#667eea;background:rgba(102,126,234,0.1);}
.news_list_llst .clas .le ul li a.me{color:#fff;background:#667eea;}
.news_list_llst .clas .ri .sous{display:flex;align-items:center;}
.news_list_llst .clas .ri .sous input{width:220px;height:36px;padding:0 14px;font-size:14px;color:#333;background:#f5f6f8;border:1px solid #e5e7eb;border-right:none;border-radius:18px 0 0 18px;outline:none;transition:border-color 0.2s ease;}
.news_list_llst .clas .ri .sous input:focus{border-color:#667eea;background:#fff;}
.news_list_llst .clas .ri .sous button{width:46px;height:36px;border:none;border-radius:0 18px 18px 0;background:#667eea;color:#fff;font-size:15px;cursor:pointer;transition:background 0.2s ease;}
.news_list_llst .clas .ri .sous button:hover{background:#5a6fd6;}

/*热门推荐*/
.news_list_llst .hots{margin-bottom:20px;}
.news_list_llst .hots .t{display:flex;align-items:baseline;margin-bottom:14px;}
.news_list_llst .hots .t em{width:4px;height:18px;align-self:center;border-radius:2px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);}
.news_list_llst .hots .t h2{margin-left:10px;font-size:22px;font-weight:600;color:#333;}
.news_list_llst .hots .t p{margin-left:12px;font-size:13px;color:#999;}
.news_list_llst .hots .c{display:flex;gap:20px;}
.news_list_llst .hots .c dl{flex:1;overflow:hidden;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all 0.3s ease;}
.news_list_llst .hots .c dl:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);}
.news_list_llst .hots .c dl dt{height:180px;overflow:hidden;}
.news_list_llst .hots .c dl dt a{display:block;height:100%;}
.news_list_llst .hots .c dl dt img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.3s ease,opacity 0.4s ease;}
.news_list_llst .hots .c dl:hover dt img{transform:scale(1.05);}
.news_list_llst .hots .c dl dd{padding:14px 16px 16px;}
.news_list_llst .hots .c dl dd .tags{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;line-height:20px;color:#667eea;background:rgba(102,126,234,0.1);}
.news_list_llst .hots .c dl dd h3{margin-top:8px;font-size:16px;font-weight:600;line-height:24px;height:48px;overflow:hidden;}
.news_list_llst .hots .c dl dd h3 a{color:#333;transition:color 0.2s ease;}
.news_list_llst .hots .c dl dd h3 a:hover{color:#667eea;}
.news_list_llst .hots .c dl dd time{display:block;margin-top:8px;font-size:12px;color:#bbb;}

/*新闻列表*/
.news_list_llst .list{position:relative;min-height:120px;}
.news_list_llst .list dl{display:flex;padding:20px;margin-bottom:20px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:all 0.3s ease;}
.news_list_llst .list dl:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,0.12);}
.news_list_llst .list dl dt{width:270px;height:180px;flex-shrink:0;overflow:hidden;border-radius:8px;}
.news_list_llst .list dl dt a{display:block;height:100%;}
.news_list_llst .list dl dt img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 0.3s ease,opacity 0.4s ease;}
.news_list_llst .list dl:hover dt img{transform:scale(1.05);}
.news_list_llst .list dl dd{flex:1;display:flex;flex-direction:column;margin-left:24px;overflow:hidden;}
.news_list_llst .list dl dd h2{margin-top:6px;font-size:19px;font-weight:600;line-height:30px;}
.news_list_llst .list dl dd h2 a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;transition:color 0.2s ease;}
.news_list_llst .list dl dd h2 a:hover{color:#667eea;}
.news_list_llst .list dl dd p{margin-top:10px;font-size:14px;line-height:26px;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news_list_llst .list dl dd .bo{display:flex;align-items:center;margin-top:auto;padding-top:12px;}
.news_list_llst .list dl dd .bo .tags{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;line-height:20px;color:#667eea;background:rgba(102,126,234,0.1);}
.news_list_llst .list dl dd .bo time{margin-left:12px;font-size:13px;color:#999;}
.news_list_llst .list dl dd .bo .more{margin-left:auto;font-style:normal;font-size:13px;color:#667eea;opacity:0;transform:translateX(-6px);transition:all 0.3s ease;}
.news_list_llst .list dl:hover dd .bo .more{opacity:1;transform:translateX(0);}

/*加载动画(ajax翻页)*/
.news_list_llst .list .load{position:absolute;left:0;top:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.75);border-radius:12px;}
.news_list_llst .list .load em{width:36px;height:36px;border:3px solid rgba(102,126,234,0.2);border-top-color:#667eea;border-radius:50%;animation:news_list_spin 0.8s linear infinite;}
.news_list_llst .list .load span{margin-top:10px;font-size:13px;color:#999;}
@keyframes news_list_spin{100%{transform:rotate(360deg);}}

/*空态板块*/
.news_list_llst .kong{padding:60px 0;text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;}
.news_list_llst .kong i{font-size:56px;color:#d8dce5;}
.news_list_llst .kong p{margin:16px 0 20px;font-size:15px;color:#999;}
.news_list_llst .kong a{display:inline-block;padding:8px 26px;border-radius:18px;font-size:14px;color:#fff;background:#667eea;transition:all 0.3s ease;}
.news_list_llst .kong a:hover{background:#5a6fd6;transform:translateY(-2px);}

/*底部分页*/
.news_list_llst .page ul{padding:30px 0 0;text-align:center;}
.news_list_llst .page ul li{width:auto;min-width:34px;height:34px;line-height:32px;padding:0 6px;margin:0 4px;display:inline-block;font-size:14px;color:#666;background:#fff;border:1px solid #eee;border-radius:8px;transition:all 0.2s ease;}
.news_list_llst .page ul li a{display:block;color:#666;transition:color 0.2s ease;}
.news_list_llst .page ul li span{display:block;color:inherit;}
.news_list_llst .page ul li:hover{background:#667eea;border-color:#667eea;color:#fff;}
.news_list_llst .page ul li:hover a{color:#fff;}
.news_list_llst .page ul li.active{background:#667eea;border-color:#667eea;color:#fff;}
.news_list_llst .page ul li.disabled{display:none;}

/*没有更多*/
.news_list_llst .fini{padding:16px 0 0;text-align:center;font-size:13px;color:#bbb;}

/*帮助中心-详情页*/
.news_list_info{padding:24px 0 50px;background:#f7f8fa;}
.news_list_info img.fade{opacity:0;}
.news_list_info img.fade.show{opacity:1;}

/*面包屑导航*/
.news_list_info .adds{display:flex;align-items:center;flex-wrap:wrap;padding:14px 0;font-size:14px;color:#999;}
.news_list_info .adds .titl{display:flex;align-items:center;color:#999;}
.news_list_info .adds .titl i{margin-right:6px;color:#667eea;}
.news_list_info .adds a{color:#666;transition:color 0.2s ease;}
.news_list_info .adds a:hover{color:#667eea;}
.news_list_info .adds em{margin:0 8px;font-style:normal;color:#ccc;}
.news_list_info .adds .me{max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;}

/*左右布局*/
.news_list_info .c{display:flex;justify-content:space-between;align-items:flex-start;}

/*左侧内容*/
.news_list_info .c .le{width:860px;padding:30px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.news_list_info .c .le .titl{padding-bottom:16px;text-align:center;border-bottom:1px solid #f0f0f0;}
.news_list_info .c .le .titl h1{font-size:26px;font-weight:600;line-height:40px;color:#333;}
.news_list_info .c .le .titl ul{margin-top:12px;}
.news_list_info .c .le .titl ul li{padding:0 12px;display:inline-block;font-size:13px;color:#999;border-left:1px solid #eee;}
.news_list_info .c .le .titl ul li:first-child{border-left:none;}
.news_list_info .c .le .titl ul li i{margin-right:4px;color:#667eea;}
.news_list_info .c .le .titl ul li a{color:#999;transition:color 0.2s ease;}
.news_list_info .c .le .titl ul li a:hover{color:#667eea;}
.news_list_info .c .le .abou{margin:20px 0;padding:14px 18px;line-height:28px;font-size:14px;color:#666;background:#f7f8fa;border-left:4px solid #667eea;border-radius:0 8px 8px 0;}
.news_list_info .c .le .cont{padding:20px 0;line-height:32px;font-size:16px;color:#333;min-height:200px;}
.news_list_info .c .le .cont img{max-width:100%;height:auto;border-radius:8px;transition:opacity 0.4s ease;}
.news_list_info .c .le .cont table{max-width:100%;display:block;overflow-x:auto;}
.news_list_info .c .le .cont a{color:#667eea;}

/*上下翻页*/
.news_list_info .c .le .tuij{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0;}
.news_list_info .c .le .tuij ul{display:flex;justify-content:space-between;}
.news_list_info .c .le .tuij ul li{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.news_list_info .c .le .tuij ul li a{color:#666;transition:color 0.2s ease;}
.news_list_info .c .le .tuij ul li a:hover{color:#667eea;}
.news_list_info .c .le .tuij ul li span{color:#bbb;}
.news_list_info .c .le .tuij ul li.ri{text-align:right;}

/*返回入口*/
.news_list_info .c .le .back{margin-top:26px;text-align:center;}
.news_list_info .c .le .back a{display:inline-block;padding:9px 30px;border-radius:20px;font-size:14px;color:#fff;background:#667eea;transition:all 0.3s ease;}
.news_list_info .c .le .back a:hover{background:#5a6fd6;transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,0.3);}
.news_list_info .c .le .back a i{margin-right:6px;}

/*右侧内容*/
.news_list_info .c .ri{width:310px;}
.news_list_info .c .ri .to{display:flex;align-items:center;margin-bottom:14px;}
.news_list_info .c .ri .to em{width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);}
.news_list_info .c .ri .to h3{margin-left:10px;font-size:17px;font-weight:600;color:#333;}

/*热门文章*/
.news_list_info .c .ri .hots{padding:20px;margin-bottom:20px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.news_list_info .c .ri .hots ul li{display:flex;align-items:center;margin:12px 0;}
.news_list_info .c .ri .hots ul li i{width:20px;height:20px;line-height:20px;flex-shrink:0;text-align:center;font-size:12px;font-style:normal;color:#999;background:#f0f1f5;border-radius:6px;}
.news_list_info .c .ri .hots ul li:nth-child(-n+3) i{color:#fff;background:#667eea;}
.news_list_info .c .ri .hots ul li a{flex:1;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#555;transition:color 0.2s ease;}
.news_list_info .c .ri .hots ul li a:hover{color:#667eea;}

/*内容分类*/
.news_list_info .c .ri .clas{padding:20px;margin-bottom:20px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.06);}
.news_list_info .c .ri .clas ul li{margin:6px 0;}
.news_list_info .c .ri .clas ul li a{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;font-size:14px;color:#555;transition:all 0.2s ease;}
.news_list_info .c .ri .clas ul li a i{color:#ccc;transition:all 0.2s ease;}
.news_list_info .c .ri .clas ul li a:hover{color:#667eea;background:#f5f6f8;}
.news_list_info .c .ri .clas ul li a:hover i{color:#667eea;transform:translateX(2px);}
.news_list_info .c .ri .clas ul li a.me{color:#667eea;background:rgba(102,126,234,0.1);}
.news_list_info .c .ri .clas ul li a.me i{color:#667eea;}





/*lxwm*/
#lxwm1:after{display:block;content:'';clear:both;}
#lxwm1l{width:50%;line-height:50px;float:left;font-size:18px;color:#555;}
#lxwm1l span{width:100px;float:left;display:block;}
#lxwm1l p{width:500px;float:right;}
#lxwm1r{width:50%;float:right;}
#lxwm1r img{width:100%;display:block;}
#lxwm2{padding-bottom:30px;background:#eaeaea;}
#lxwm2:after{display:block;content:'';clear:both;}
/*map(lxwm)*/
#map{width:100%;border:1px solid #ddd;}
#map #dituContent{width:100%;height:400px;}
#map #dituContent .iw_poi_title{font-size:15px;line-height:25px;color:#f60;}

/*to_top*/
.to_top#type1{position: fixed;top:500px;right:150px;z-index: 55;display:none;}
.to_top#type1 ul li{width:50px;height:50px;background:white url('../img/to_top1.png') no-repeat center 6px;background-size: 35px;border-radius: 25px;}
.to_top#type1 ul li:hover{background:white url("../img/to_top.png") no-repeat center 6px;background-size: 35px;}
.to_top#type1 ul li a{width:100%;height:100%;display:block;}

/*float*/
.to_top#type2{width:90px;padding-bottom:10px;display:none;background:white;border-radius: 5px;position: fixed;bottom:100px;right:50px;z-index: 98;}
.to_top#type2 ul li{width:80px;height:80px;border:1px solid #e5e5e5;border-radius:5px;text-align:center;margin:0 auto;margin-top:10px;position: relative}
.to_top#type2 ul li img{width:30px;display:block;margin:0 auto;margin-bottom: 10px;}
.to_top#type2 ul li img.hover{display:none;}
.to_top#type2 ul li a{width:100%;height:100%;padding-top:10px;display:block;border-radius:5px;}
.to_top#type2 ul li a:hover{background:#fe6c20;color:white;}
.to_top#type2 ul li p{width:200px;height:78px;line-height:78px;position: absolute;right:78px;top:0;z-index: 99;background:#fe6c20;font-size:24px;border-radius: 5px;display:none;}


/*foot*/
#foot{padding: 30px 0;background:#999;color:white;}
#foot:after{display:block;content:'';clear:both;}
#foot #foot_logo{display:block;float:left;margin-top:30px;margin-right:20px;}
#foot ul{width:150px;float:left;margin-left:30px;}
#foot ul li{line-height:40px;text-align:center;}
#foot ul li a{color:white;font-size:16px;}
#foot ul#ul{width:280px;float:right;}
#foot ul#ul li{line-height:45px;font-size:20px;color:white;font-weight:bold;text-align:left;}
#foot ul#ul li img{display:inline-block;vertical-align: text-top;margin-right:10px;}
#foot ul#ul li p{width:240px;line-height:23px;font-weight: initial;font-size:16px;float:right;}
#footer{line-height:50px;background:#777;color:#bbb;text-align:center;}

/*top(web-header)*/
.web-header {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.web-header-container {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
}

.web-header-logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.web-logo-img {
    width: 40px;
    height: 40px;
    margin-right: 12px;
}

.web-logo-text {
    font-size: 24px;
    font-weight: 600;
    color: #333;
}

.web-header-nav {
    display: flex;
    gap: 0;
}

.web-nav-item {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    padding: 10px 20px;
    border-radius: 0;
    transition: all 0.3s;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 3px solid transparent;
}

.web-nav-item:hover,
.web-nav-item.active {
    color: #E0654E;
    border-bottom-color: #F2826D;
    background: transparent;
    transform: none;
}

/*首页融合态(仅首页JS切换场景类,其他页面恒为白底吸顶)*/
.web-header.fixd{position:fixed;left:0;right:0;top:0;}
.web-header.tran{background:transparent;box-shadow:none;}
.web-header.tran .web-logo-text{color:#FFFFFF;}
.web-header.tran .web-nav-item{color:#FFFFFF;}
.web-header.tran .web-nav-item:hover,.web-header.tran .web-nav-item.active{color:#FFFFFF;border-bottom-color:#FFFFFF;}




/* 页脚信息 */
.web-footer {
    background: linear-gradient(180deg, #33291F 0%, #241D18 100%);
    color: #fff;
    padding: 60px 0 0;
}

.web-footer-container {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1.5fr;
    gap: 40px;
}

.web-footer-section {
    margin-bottom: 40px;
}

.web-footer-logo {
    text-align: center;
    margin-bottom: 20px;
}

.web-footer-logo img {
    width: 64px;
    height: 64px;
    margin-bottom: 12px;
}

.web-footer-logo h3 {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 8px;
}

.web-footer-logo p {
    font-size: 16px;
    opacity: 0.9;
}

.web-footer-desc p {
    font-size: 14px;
    line-height: 1.8;
    opacity: 0.9;
}

.web-footer-section h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.web-footer-section h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background: #F2826D;
}

.web-footer-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.web-footer-section ul li {
    margin-bottom: 12px;
}

.web-footer-section ul li a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    transition: all 0.3s;
    font-size: 14px;
}

.web-footer-section ul li a:hover {
    color: #fff;
    padding-left: 8px;
}

.web-footer-section ul li i {
    margin-right: 8px;
    width: 16px;
    text-align: center;
}

.web-footer-links {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.web-footer-links a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: 12px;
    transition: all 0.3s;
}

.web-footer-links a:hover {
    color: #fff;
}

.web-footer-bottom {
    background: rgba(0, 0, 0, 0.2);
    padding: 20px 0;
    margin-top: 20px;
}

.web-footer-info {
    text-align: center;
    width: 100%;
}

.web-footer-info p {
    margin: 2px 0;
    font-size: 12px;
    opacity: 0.9;
    display: block;
}

.web-footer-info p:first-child {
    margin-bottom: 8px;
}

.web-footer-info p:last-child {
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
}

.web-footer-info a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.web-footer-info a:hover {
    color: #fff;
}

.web-footer-bottom-container {
    width: 1200px;
    margin: 0 auto;
}

/* 回到顶部按钮 */
.web-back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #F8A48F 0%, #F2826D 100%);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(242, 130, 109, 0.3);
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

.web-back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.web-back-to-top:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(242, 130, 109, 0.5);
}

/* 响应式调整 */
@media (max-width: 1200px) {
    .web-header-container,
    .web-quick-nav-container,
    .web-footer-container {
        width: 100%;
        padding: 0 20px;
    }
    
    .web-footer-container {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .web-header-container {
        flex-direction: column;
        gap: 16px;
    }
    
    .web-header-nav {
        order: 3;
        width: 100%;
        justify-content: center;
    }
    
    .web-quick-nav-container {
        gap: 20px;
    }
    
    .web-footer-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .web-nav-item span {
        display: none;
    }
}