body { padding-top: 70px; background-color:#ffffff; }

.hero-section {
    background:url(../images/anquan-hero.png) no-repeat center/cover;
    position:relative;overflow:hidden;
}
.hero-inner {
    width:92%;max-width:1280px;margin:0 auto;
    display:flex;align-items:center;gap:60px;
    padding:80px 0;position:relative;z-index:1;
}
.hero-left { flex:1;color:#1e293b; }
.hero-right { flex:0 0 420px;position:relative;z-index:1; }
.hero-badge {
    display:inline-block;padding:6px 20px;border-radius:20px;
    background:rgba(37,99,235,0.1);color:#1e293b;font-size:13px;font-weight:500;
    margin-bottom:20px;
}
.hero-title {
    font-size:42px;font-weight:700;color:#0f172a;
    line-height:1.2;margin-bottom:20px;
}
.hero-title span { color:#2563eb; }
.hero-desc {
    font-size:16px;color:#475569;max-width:580px;
    line-height:1.8;margin-bottom:36px;
}
.hero-btns { display:flex;gap:16px;flex-wrap:wrap; }
.btn-primary {
    display:inline-block;padding:14px 36px;border-radius:8px;
    background:#2563eb;color:#fff;font-size:15px;font-weight:500;
    border:none;cursor:pointer;transition:background 0.3s;text-decoration:none;
}
.btn-primary:hover { background:#1d4ed8;color:#fff; }

.anchor-nav {
    background:#fff;border-bottom:1px solid #e5e7eb;
    position:sticky;top:70px;z-index:100;overflow-x:auto;
}
.anchor-nav-inner {
    width:92%;max-width:1280px;margin:0 auto;
    display:flex;gap:0;
}
.anchor-nav a {
    display:inline-block;padding:16px 24px;font-size:14px;color:#64748b;
    text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;
    transition:all 0.3s;
}
.anchor-nav a:hover,.anchor-nav a.active { color:#2563eb;border-bottom-color:#2563eb; }

.section { padding:80px 8%; }
.section-inner { width:100%;max-width:1280px;margin:0 auto; }
.section-title {
    font-size:32px;font-weight:700;color:#0f172a;margin-bottom:16px;text-align:center;
}
.section-title span { color:#2563eb; }
.section-subtitle {
    font-size:15px;color:#64748b;max-width:700px;line-height:1.7;
    margin:0 auto 0 auto;text-align:center;
}

.pain-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;
}
.pain-card {
    background:#fff;border:1px solid #e5e7eb;border-radius:12px;
    padding:32px 28px;transition:all 0.3s;
}
.pain-card:hover { border-color:#2563eb;box-shadow:0 4px 20px rgba(37,99,235,0.08);transform:translateY(-2px); }
.pain-card-num {
    width:48px;height:48px;border-radius:12px;
    background:rgba(37,99,235,0.08);color:#2563eb;
    display:flex;align-items:center;justify-content:center;
    font-size:20px;font-weight:700;margin-bottom:18px;
}
.pain-card h3 { font-size:17px;font-weight:600;color:#1e293b;margin-bottom:10px; }
.pain-card p { font-size:14px;color:#64748b;line-height:1.7; }

.arch-section { background:#f8fafc; }
.arch-img-wrap {
    margin-top:40px;text-align:center;
    border-radius:12px;overflow:hidden;
    box-shadow:0 2px 20px rgba(0,0,0,0.06);
}
.arch-img-wrap img { display:block;width:100%;height:auto; }

.advantage-grid {
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;
}
.advantage-card {
    background:#fff;border:1px solid #e5e7eb;border-radius:12px;
    padding:32px 28px;transition:all 0.3s;text-align:center;
}
.advantage-card:hover { border-color:#2563eb;box-shadow:0 4px 20px rgba(37,99,235,0.08); }
.advantage-icon {
    width:60px;height:60px;border-radius:16px;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 20px;font-size:26px;color:#fff;
}
.advantage-icon.blue { background:linear-gradient(135deg,#3b82f6,#2563eb); }
.advantage-icon.purple { background:linear-gradient(135deg,#8b5cf6,#7c3aed); }
.advantage-icon.green { background:linear-gradient(135deg,#10b981,#059669); }
.advantage-card h3 { font-size:17px;font-weight:600;color:#1e293b;margin-bottom:10px; }
.advantage-card p { font-size:14px;color:#64748b;line-height:1.7; }
.advantage-tag {
    display:inline-block;padding:3px 10px;border-radius:4px;
    background:rgba(37,99,235,0.08);color:#2563eb;font-size:12px;
    margin-bottom:14px;
}
.advantage-stat {
    font-size:24px;font-weight:700;color:#2563eb;margin:10px 0 6px;
}

.case-section { background:#f8fafc; }
.case-box {
    background:#fff;border-radius:16px;padding:40px;
    box-shadow:0 2px 12px rgba(0,0,0,0.04);margin-top:32px;
}
.case-tabs { display:flex;gap:12px;margin:0 0 28px; }
.case-tab {
    padding:10px 28px;border-radius:8px;font-size:14px;font-weight:500;
    cursor:pointer;transition:all 0.3s;
    background:#fff;color:#64748b;border:1px solid #e5e7eb;
}
.case-tab.active,.case-tab:hover { background:#2563eb;color:#fff;border-color:#2563eb; }
.case-content { display:none; }
.case-content.active { display:flex;gap:48px;align-items:center; }
.case-text { flex:1; }
.case-text h3 { font-size:22px;font-weight:700;color:#0f172a;margin-bottom:16px; }
.case-text p { font-size:15px;color:#64748b;line-height:1.8;margin-bottom:20px; }
.case-stats { display:flex;gap:24px;flex-wrap:wrap;margin-top:20px; }
.case-stat-item {
    background:#f8fafc;border-radius:10px;padding:16px 20px;flex:1;min-width:140px;
}
.case-stat-item .num { font-size:22px;font-weight:700;color:#2563eb;line-height:1.2; }
.case-stat-item .label { font-size:13px;color:#64748b;margin-top:4px; }
.case-img { flex:0 0 460px;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08); }
.case-img img { display:block;width:100%;height:auto; }

.cta-section {
    background:linear-gradient(135deg,#1e40af,#2563eb);
    padding:70px 8%;text-align:center;color:#fff;
}
.cta-section h2 { font-size:30px;font-weight:700;margin-bottom:14px; }
.cta-section p { font-size:15px;opacity:0.85;margin-bottom:32px; }
.cta-section .btn-primary { background:#fff;color:#2563eb; }
.cta-section .btn-primary:hover { background:#f0f6ff;color:#1d4ed8; }

@media(max-width:768px) {
    .hero-inner { flex-direction:column;gap:30px;padding:40px 0; }
    .hero-right { flex:0 0 auto;width:100%;max-width:400px; }
    .hero-title { font-size:28px; }
    .hero-desc { font-size:14px; }
    .pain-grid { grid-template-columns:1fr;gap:16px; }
    .advantage-grid { grid-template-columns:1fr;gap:16px; }
    .case-content.active { flex-direction:column;gap:24px; }
    .case-img { flex:0 0 auto;width:100%; }
    .case-box { padding:20px;border-radius:12px; }
    .case-stats { gap:12px; }
    .section { padding:50px 5%; }
    .section-title { font-size:24px; }
    .anchor-nav a { padding:12px 16px;font-size:13px; }
}