/* ============================================================
   站点皮肤覆写（紫色主题 · 面目全非版）- 仅覆盖视觉，不改变业务逻辑
   主色：#7c3aed 紫罗兰   深紫：#3b0764   点缀：#f5b31b 金
   ============================================================ */

/* ---------- 头部：顶边渐变条 + 投影 ---------- */
.header{
	background:#fff;border-bottom:none;
	box-shadow:0 4px 18px -6px rgba(76,29,149,.15);-webkit-box-shadow:0 4px 18px -6px rgba(76,29,149,.15);
	position:relative;
}
.header:before{
	content:"";display:block;position:absolute;top:0;left:0;width:100%;height:4px;z-index:9;
	background:linear-gradient(90deg,#4c1d95 0%,#7c3aed 40%,#c084fc 75%,#f5b31b 100%);
}
.navbar li:hover>a,.navbar li>a.cur{color:#7c3aed;font-weight:bold}
.navbar li .card-drop-menu .imglist a:hover{color:#7c3aed}
.navbar li .card-drop-menu{border-top:3px solid #7c3aed;border-radius:0 0 12px 12px}
.navbar li .card-drop-menu .imglist a:hover{top:0}
.oper li>a{border:2px solid #7c3aed;color:#7c3aed;border-radius:22px;-webkit-border-radius:22px;font-weight:bold;padding:0 20px}
.oper li:hover>a,.oper li a.cur{color:#fff;background:#7c3aed;background:linear-gradient(135deg,#6d28d9 0%,#9f67ff 100%);box-shadow:0 4px 14px -4px rgba(124,58,237,.55)}
.oper li.relative:hover>a{color:#fff;background:#7c3aed}
.oper .contact-drop-menu .list a:hover{color:#7c3aed}
.login-out-drop-menu{border-top:3px solid #7c3aed}
.login-out-drop-menu .wrap .l_bg{background:linear-gradient(135deg,#4c1d95 0%,#7c3aed 100%)}
.login-out-drop-menu .wrap .l_bg a.logout{color:#fff;background:rgba(255,255,255,.18)}
.login-out-drop-menu .wrap .l_bg a.member{background:#f5b31b;color:#fff}
.login-out-drop-menu .wrap #xlog_a a:hover{color:#7c3aed}
.header-simple a.back{color:#7c3aed}

/* ---------- 通用按钮 ---------- */
.sub-btn{
	background:#7c3aed;
	background:linear-gradient(135deg,#6d28d9 0%,#9f67ff 100%);
	-webkit-background:linear-gradient(135deg,#6d28d9 0%,#9f67ff 100%);
	border-radius:24px;-webkit-border-radius:24px;
	box-shadow:0 6px 16px -6px rgba(124,58,237,.6);
}
.sub-btn:hover{background:#8b5cf6}
.oper-btn-blue{background:#7c3aed}
.pager a:hover,.pager a.cur{background:#7c3aed;color:#fff}
.color399eff{color:#7c3aed}
.get-code{background:#f5b31b}
.get-code:hover{background:#f7c23a}

/* ========== Banner 全新结构 ========== */
.banner-wrap{
	background:#2e1065;
	background:linear-gradient(125deg,#1e0b3e 0%,#4c1d95 35%,#7c3aed 70%,#9f67ff 100%);
	overflow:hidden;position:relative;
}
.banner-wrap:before{
	content:"";position:absolute;border-radius:50%;-webkit-border-radius:50%;
	width:620px;height:620px;left:-180px;top:-200px;
	background:rgba(255,255,255,.05);
}
.banner-wrap:after{
	content:"";position:absolute;border-radius:50%;-webkit-border-radius:50%;
	width:480px;height:480px;right:-140px;bottom:-160px;
	background:rgba(245,179,27,.07);
}
.ent-hero-inner{
	width:1200px;margin:0 auto;padding:90px 0 30px;position:relative;z-index:2;text-align:center;
}
.ent-hero-txt h2{
	font-size:52px;color:#fff;font-weight:bold;letter-spacing:4px;margin-bottom:16px;line-height:1.2;
}
.ent-hero-txt h2 span{
	background:linear-gradient(90deg,#f5b31b 0%,#fde047 100%);
	-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.ent-hero-sub{
	font-size:20px;color:rgba(255,255,255,.85);letter-spacing:2px;margin-bottom:42px;
}
.ent-hero-stats{
	display:flex;display:-webkit-box;display:-ms-flexbox;justify-content:center;gap:56px;-webkit-gap:56px;margin-bottom:42px;
}
.ent-hero-stats .stat-item{text-align:center}
.ent-hero-stats .stat-item b{
	display:block;font-size:40px;color:#f5b31b;font-weight:bold;line-height:1.2;
}
.ent-hero-stats .stat-item span{font-size:15px;color:rgba(255,255,255,.7);letter-spacing:1px}
.banner-btn{
	position:static !important;transform:none !important;text-align:center;margin-bottom:40px;
}
.banner-btn a{
	display:inline-block;padding:0 54px;height:58px;line-height:58px;
	background:#fff;color:#4c1d95;font-size:22px;font-weight:bold;letter-spacing:2px;
	border-radius:30px;-webkit-border-radius:30px;text-decoration:none;
	box-shadow:0 12px 30px -8px rgba(0,0,0,.4);transition:.3s;
}
.banner-btn a:hover{background:#f5b31b;color:#fff;transform:translateY(-2px);box-shadow:0 16px 36px -10px rgba(245,179,27,.5)}
.notify-bg{background:#1e0b3e;opacity:.6}
.notify-txt a.more{color:#e9d5ff}
.notify{position:relative;z-index:3}

/* ---------- 交易流程步骤 ---------- */
.join-step-index{background:#f5f3ff}
.join-step-index .w1400{
	border:none;background:#fff;
	border-radius:20px;-webkit-border-radius:20px;
	box-shadow:0 14px 34px -14px rgba(76,29,149,.3);-webkit-box-shadow:0 14px 34px -14px rgba(76,29,149,.3);
	overflow:hidden;
}
.join-step-index .w1400:before{
	content:"";display:block;height:6px;width:100%;
	background:linear-gradient(90deg,#4c1d95 0%,#7c3aed 50%,#f5b31b 100%);
}
.join-step-index ul{padding:28px 50px 26px}
.join-step-index li em{background:#7c3aed}
.join-step-index li .line{color:#8a8aa3}
.join-step-index li .line:before,.join-step-index li .line:after{border-top:2px dotted #a78bfa}

/* ---------- 回收专区 ---------- */
.swiper-category{background:#f5f3ff}
.swiper-category .swiper-container .swiper-pagination-switch{background:#d8ccf5}
.swiper-category .swiper-container .swiper-active-switch{background:#7c3aed}
.swiper-category .swiper-slide-inner{
	border-radius:18px;-webkit-border-radius:18px;
	box-shadow:0 8px 22px -8px rgba(76,29,149,.18);
	border-bottom:3px solid transparent;
}
.swiper-category .swiper-slide-inner:hover{border-bottom-color:#7c3aed;box-shadow:0 14px 30px -10px rgba(76,29,149,.35)}
.swiper-category .swiper-slide-inner .img{border:none;border-radius:22px;-webkit-border-radius:22px;background:#f5f3ff}
.swiper-category .swiper-slide-inner .btn{
	background:#7c3aed;background:linear-gradient(135deg,#6d28d9 0%,#9f67ff 100%);
	color:#fff;border-radius:20px;-webkit-border-radius:20px;
	box-shadow:0 5px 14px -5px rgba(124,58,237,.6);
}
.swiper-category .swiper-slide-inner .btn:hover{background:#8b5cf6}
.swiper-category .swiper-slide-inner .txt{color:#f5b31b}

/* ---------- 平台优势 ---------- */
.card-intros{background:#fff;border-bottom:none}
.card-intros .title h3{background:none}
.card-intros .title b{color:#7c3aed}
.card-intros .title p{color:#a3a3b8;letter-spacing:1px}
.card-intros li{
	background:#faf9ff;border-radius:16px;-webkit-border-radius:16px;
	border:1px solid #eee9fd;transition:.3s;
}
.card-intros li:hover{
	color:#6d28d9;background:#fff;
	box-shadow:0 16px 34px -12px rgba(76,29,149,.35);-webkit-box-shadow:0 16px 34px -12px rgba(76,29,149,.35);
	transform:translateY(-8px);-webkit-transform:translateY(-8px);
	border-color:#d8ccf5;
}
.card-intros li:hover h4:after{border-top-color:#f5b31b}

/* ---------- 资讯 ---------- */
.news .title b{color:#7c3aed}
.news .main .top .more:hover{background:#7c3aed;color:#fff}
.news .main .list li a:hover{color:#7c3aed}

/* ---------- 内页顶部导航条 ---------- */
.head-nav{background:linear-gradient(90deg,#4c1d95 0%,#7c3aed 100%)}
.head-nav .head-view-con{background:#f5b31b}
.head-nav .head-view-list li.active{background:url(../../images/common/cover.png) repeat-x}

/* ---------- 页脚 / 右侧悬浮 ---------- */
.footer{background:#f5f3ff}
.footer .go-link a:hover{color:#7c3aed}
.right-bar li .online{
	background:#7c3aed;background:linear-gradient(160deg,#6d28d9 0%,#9f67ff 100%);
	box-shadow:0 0 0 2px rgba(255,255,255,.8),0 6px 24px -6px rgba(124,58,237,.65);
}
