/* qualification.html 页面专属样式（资质办理）
   品牌色: #f18519 (品牌橙) + #1e3a8a (深蓝)
   2026-10-20 新增 */
.qualification-content{width:100%;overflow:hidden}
.qualification-content *{box-sizing:border-box}
/* ---------- Hero 横幅 ---------- */
.qualification-hero{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#1e1b4b 0%,#1e3a8a 50%,#1d4ed8 100%);overflow:hidden}
.qualification-hero::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(241,133,25,0.10);top:-100px;right:-100px}
.qualification-hero::after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(255,255,255,0.05);bottom:-80px;left:-60px}
.qualification-hero-inner{position:relative;z-index:2;max-width:820px;padding:100px 20px 0}
.qualification-hero-badge{display:inline-block;padding:8px 28px;background:rgba(241,133,25,0.15);border:1px solid rgba(241,133,25,0.45);border-radius:30px;font-size:14px;color:#fbbf77;margin-bottom:35px;letter-spacing:2px}
.qualification-hero h1{font-size:52px;color:#fff;margin:0 0 18px;font-weight:bold;letter-spacing:2px}
.qualification-hero h1 em{font-style:normal;color:#fbbf77}
.qualification-hero-sub{font-size:20px;color:rgba(255,255,255,0.85);margin-bottom:12px;font-weight:300}
.qualification-hero-desc{font-size:15px;color:rgba(255,255,255,0.55);line-height:28px;margin-bottom:40px}
.qualification-hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}
.qualification-hero-tags span{padding:6px 20px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:4px;font-size:13px;color:rgba(255,255,255,0.7)}
/* ---------- 区块通用 ---------- */
.qualification-section{text-align:center;padding:80px 0}
.qualification-section.bg-white{background:#fff}
.qualification-section.bg-light{background:#f7f7f7}
.qualification-section.bg-dark{background:linear-gradient(135deg,#1e1b4b 0%,#1e3a8a 100%);color:#fff}
.qualification-section-title{font-size:32px;color:#333;margin:0 0 14px;font-weight:bold}
.qualification-section.bg-dark .qualification-section-title{color:#fff}
.qualification-section-subtitle{font-size:15px;color:#999;margin:0;line-height:26px}
.qualification-section.bg-dark .qualification-section-subtitle{color:rgba(255,255,255,0.55)}
/* ---------- 资质卡片（5 项：3+2 布局） ---------- */
.qualification-items{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:50px auto 0;padding:0 20px}
.qualification-card{width:31.3%;padding:45px 28px 40px;background:#fff;text-align:center;margin:0 1% 20px;border:1px solid #f0f0f0;border-radius:10px;position:relative;overflow:hidden;transition:all 0.4s ease}
.qualification-card:hover{box-shadow:0 10px 30px rgba(30,58,138,0.12);transform:translateY(-4px)}
.qualification-card::before{content:"";position:absolute;width:0;height:3px;background:#f18519;bottom:0;left:50%;transform:translateX(-50%);transition:all 0.4s ease}
.qualification-card:hover::before{width:70%}
.qualification-card-icon{font-size:46px;color:#f18519;margin-bottom:22px;line-height:1}
.qualification-card-name{font-size:20px;color:#333;font-weight:bold;margin-bottom:6px}
.qualification-card-en{font-size:13px;color:#b9884f;letter-spacing:1px;margin-bottom:14px}
.qualification-card-text{font-size:14px;color:#666;line-height:26px;margin:0;text-align:justify}
/* ---------- 办理流程 ---------- */
.qualification-flow{display:flex;flex-wrap:wrap;justify-content:center;max-width:1200px;margin:50px auto 0;padding:0 20px}
.qualification-flow-card{width:18%;padding:35px 15px 30px;background:rgba(255,255,255,0.06);text-align:center;margin:0 1% 20px;border:1px solid rgba(255,255,255,0.12);border-radius:10px;transition:all 0.4s ease;position:relative;overflow:hidden}
.qualification-flow-card::after{content:"";position:absolute;width:60px;height:3px;background:#fbbf77;bottom:0;left:50%;transform:translateX(-50%);transition:all 0.4s ease}
.qualification-flow-num{font-size:42px;color:#fbbf77;font-weight:bold;margin-bottom:14px;line-height:1;opacity:0.85}
.qualification-flow-name{font-size:18px;color:#fff;font-weight:bold;margin-bottom:10px}
.qualification-flow-text{font-size:13px;color:rgba(255,255,255,0.55);line-height:24px;margin:0}
/* ---------- 退款承诺 ---------- */
.qualification-refund{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;max-width:1000px;margin:50px auto 0;padding:0 20px}
.qualification-refund-card{width:31.3%;padding:45px 24px 40px;background:#fff;text-align:center;margin:0 1% 20px;border:1px solid #f0f0f0;border-radius:10px;position:relative;overflow:hidden;transition:all 0.4s ease}
.qualification-refund-card::before{content:"";position:absolute;width:0;height:3px;background:#f18519;bottom:0;left:50%;transform:translateX(-50%);transition:all 0.4s ease}
.qualification-refund-icon{font-size:46px;color:#f18519;margin-bottom:22px;line-height:1}
.qualification-refund-name{font-size:20px;color:#333;font-weight:bold;margin-bottom:14px}
.qualification-refund-text{font-size:14px;color:#666;line-height:26px;margin:0;text-align:justify}
/* ---------- 常见问题 ---------- */
.qualification-faqs{max-width:900px;margin:50px auto 0;padding:0 20px;text-align:left}
.qualification-faq{margin-bottom:16px;border:1px solid #eee;border-radius:8px;background:#fff;overflow:hidden}
.qualification-faq-q{padding:18px 24px;font-size:16px;color:#333;font-weight:bold;cursor:pointer;position:relative}
.qualification-faq-q::after{content:"";position:absolute;right:22px;top:50%;width:8px;height:8px;border-right:2px solid #f18519;border-bottom:2px solid #f18519;transform:translateY(-70%) rotate(45deg);transition:all 0.3s ease}
.qualification-faq.on .qualification-faq-q::after{transform:translateY(-20%) rotate(225deg)}
.qualification-faq-a{max-height:0;overflow:hidden;transition:max-height 0.3s ease}
.qualification-faq.on .qualification-faq-a{max-height:300px}
.qualification-faq-a p{padding:0 24px 18px;margin:0;font-size:14px;color:#666;line-height:26px}
/* ---------- 行动号召 ---------- */
.qualification-cta{text-align:center;padding:80px 20px;background:linear-gradient(135deg,#f18519 0%,#d96f0a 100%)}
.qualification-cta h2{font-size:34px;color:#fff;margin:0 0 16px;font-weight:bold}
.qualification-cta p{font-size:16px;color:rgba(255,255,255,0.9);margin:0 0 40px}
.qualification-cta-btn{display:inline-block;padding:16px 55px;background:#fff;color:#d96f0a;font-size:18px;font-weight:bold;border-radius:4px;text-decoration:none;transition:all 0.3s ease}
@media(max-width:1200px) {
/* ---------- qualification 响应式：平板 ---------- */
	.qualification-hero h1{font-size:42px}
	.qualification-card{width:46%;margin:0 2% 20px}
	.qualification-flow-card{width:30%;margin:0 1.5% 20px}
	.qualification-refund-card{width:46%;margin:0 2% 20px}
}
@media(max-width:768px) {
/* ---------- qualification 响应式：手机 ---------- */
	.qualification-hero{min-height:420px;padding:60px 15px}
	.qualification-hero h1{font-size:28px}
	.qualification-hero-sub{font-size:17px}
	.qualification-hero-desc{font-size:14px;line-height:24px;margin-bottom:30px}
	.qualification-hero-badge{font-size:12px;padding:6px 18px;margin-bottom:25px}
	.qualification-section{padding:50px 0}
	.qualification-section-title{font-size:24px}
	.qualification-section-subtitle{font-size:14px}
	.qualification-card{width:100%;margin:0 0 15px;padding:30px 20px 25px}
	.qualification-items,.qualification-flow,.qualification-refund{margin-top:35px}
	.qualification-flow-card{width:46%;margin:0 2% 15px;padding:25px 12px 22px}
	.qualification-flow-name{font-size:16px}
	.qualification-refund-card{width:100%;margin:0 0 15px;padding:30px 20px 25px}
	.qualification-faq-q{font-size:15px;padding:15px 18px}
	.qualification-faq-a p{padding:0 18px 15px}
	.qualification-cta{padding:50px 15px}
	.qualification-cta h2{font-size:26px}
	.qualification-cta p{font-size:14px;margin-bottom:30px}
	.qualification-cta-btn{padding:14px 40px;font-size:16px}
}