/* ========== 信任条 ========== */
.trust-bar { background:var(--white); border-bottom:1px solid var(--gray-200); padding:2rem; }
.trust-bar-inner { max-width:1280px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }
.trust-item { display:flex; align-items:flex-start; gap:1rem; padding:.5rem 0; }
.trust-icon { font-size:1.7rem; flex-shrink:0; }
.trust-item strong { display:block; font-size:.95rem; color:var(--gray-800); margin-bottom:.2rem; font-weight:600; }
.trust-item p { font-size:.82rem; color:#8B7BA8; margin:0; }

/* ========== 通用区块标题 ========== */
.section-header { text-align:center; max-width:720px; margin:0 auto 3.5rem; }
.section-tag {
    display:inline-block; background:rgba(124,92,191,.08); color:var(--primary);
    font-weight:500; font-size:.8rem; letter-spacing:.08em; text-transform:uppercase;
    padding:.45rem 1.3rem; border-radius:50px; margin-bottom:1rem;
}
.section-header h2 {
    font-size:2.4rem; font-weight:700; color:var(--gray-800);
    letter-spacing:-.015em; margin-bottom:.8rem;
}
.section-header p { font-size:1.05rem; color:#8B7BA8; }

/* ========== 服务区块 ========== */
.services { padding:90px 2rem; max-width:1280px; margin:0 auto; }
.service-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; }
.card {
    padding:2.2rem 1.8rem; border:1px solid var(--gray-200);
    border-radius:var(--radius-lg); transition:var(--transition); background:var(--white);
}
.card:hover {
    transform:translateY(-8px); box-shadow:var(--shadow-md);
    border-color:rgba(124,92,191,.25);
}
.card-icon {
    margin-bottom:1.2rem; background:rgba(124,92,191,.08);
    width:56px; height:56px; border-radius:16px;
    display:flex; align-items:center; justify-content:center;
}
.card-icon .env-main-icon { width:28px; height:28px; border-radius:8px; }
.card h3 { font-size:1.15rem; font-weight:600; color:var(--gray-800); margin-bottom:.8rem; }
.card p { font-size:.92rem; color:#6B5B87; line-height:1.7; }

/* ========== 工作原理 ========== */
.how-it-works { padding:90px 2rem; background:var(--white); }
.steps-grid { max-width:1100px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }
.step-card {
    background:var(--bg-soft); border-radius:var(--radius-lg);
    padding:2rem 1.5rem; border:1px solid var(--gray-200);
    transition:var(--transition); position:relative;
}
.step-card:hover { box-shadow:var(--shadow-md); transform:translateY(-4px); }
.step-number {
    font-size:2.8rem; font-weight:700; color:rgba(124,92,191,.2);
    line-height:1; margin-bottom:1rem; letter-spacing:-.03em;
}
.step-card h3 { font-size:1.05rem; font-weight:600; color:var(--gray-800); margin-bottom:.6rem; }
.step-card p { font-size:.88rem; color:#6B5B87; line-height:1.7; }

/* ========== 合规区块 ========== */
.compliance { padding:90px 2rem; background:var(--gray-100); }
.compliance-inner { max-width:1000px; margin:0 auto; text-align:center; }
.compliance-inner > h2 {
    font-size:2.2rem; font-weight:700; color:var(--gray-800);
    margin-bottom:1rem; letter-spacing:-.01em;
}
.compliance-inner > p {
    font-size:1.05rem; color:#8B7BA8;
    max-width:680px; margin:0 auto 2.5rem;
}
.compliance-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; text-align:left; }
.compliance-item {
    background:var(--white); padding:1.5rem 1.3rem;
    border-radius:var(--radius); border:1px solid var(--gray-200);
    transition:var(--transition);
}
.compliance-item:hover { box-shadow:var(--shadow-sm); border-color:rgba(124,92,191,.2); }
.compliance-icon { font-size:1.7rem; display:block; margin-bottom:.7rem; }
.compliance-item h4 { font-size:.95rem; font-weight:600; color:var(--gray-800); margin-bottom:.4rem; }
.compliance-item p { font-size:.82rem; color:#8B7BA8; line-height:1.6; }

/* ========== FAQ 区块 ========== */
.faq-preview { padding:90px 2rem; background:var(--gray-100); }
.faq-list { max-width:720px; margin:0 auto; display:flex; flex-direction:column; gap:.8rem; }
.faq-item {
    background:var(--white); border-radius:14px;
    border:1px solid var(--gray-200); overflow:hidden; transition:var(--transition);
}
.faq-item:hover { border-color:rgba(124,92,191,.25); }
.faq-question {
    width:100%; padding:1.2rem 1.5rem; display:flex; justify-content:space-between;
    align-items:center; font-weight:500; font-size:.98rem; color:var(--gray-800);
    text-align:left; transition:var(--transition);
}
.faq-question:hover { color:var(--primary); }
.faq-toggle { font-size:1.4rem; color:var(--primary); transition:var(--transition); flex-shrink:0; margin-left:1rem; }
.faq-answer { max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.4,0,.2,1); }
.faq-answer p { padding:0 1.5rem 1.2rem; font-size:.92rem; color:#6B5B87; line-height:1.7; }
.faq-question[aria-expanded="true"] .faq-toggle { transform:rotate(45deg); }

/* ========== CTA 区块 ========== */
.cta-section {
    padding:80px 2rem;
    background:linear-gradient(135deg,#5B3E8E 0%,#7C5CBF 100%);
    color:var(--white);
}
.cta-inner { max-width:700px; margin:0 auto; text-align:center; }
.cta-inner h2 {
    font-size:2.4rem; font-weight:700;
    letter-spacing:-.015em; margin-bottom:1rem;
}
.cta-inner p { font-size:1.05rem; opacity:.9; margin-bottom:2rem; }
.cta-actions { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; margin-bottom:1.5rem; }



/* ========== 页脚 ========== */
footer {
    background:var(--dark); color:rgba(255,255,255,.7);
    padding:4rem 2rem 1.5rem;
}
.footer-grid {
    max-width:1200px; margin:0 auto 2.5rem;
    display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:2.5rem;
}
.footer-brand .logo { color:var(--white); margin-bottom:1rem; }
.footer-brand p { font-size:.88rem; line-height:1.7; margin-bottom:1.2rem; max-width:320px; }


.footer-links h4 { color:var(--white); font-size:.95rem; font-weight:600; margin-bottom:1rem; }
.footer-links ul { list-style:none; display:flex; flex-direction:column; gap:.6rem; }
.footer-links ul li a {
    font-size:.86rem; color:rgba(255,255,255,.6);
    transition:var(--transition);
}
.footer-links ul li a:hover { color:var(--white); }
.footer-links ul li span { font-size:.86rem; color:rgba(255,255,255,.5); }
.footer-bottom {
    max-width:1200px; margin:0 auto; padding-top:1.5rem;
    border-top:1px solid rgba(255,255,255,.1);
    display:flex; justify-content:space-between; align-items:center;
    flex-wrap:wrap; gap:1rem; font-size:.82rem;
}