/* ============================================================
   财定国际官网 · 视觉系统 v1「鎏金旗舰」
   与小程序 v1.2.0 同源：深藏青 × 品牌蓝 × 香槟金，白卡片浮灰底。
   只做视觉层覆盖，不改结构 / 文案 / URL。令牌加 gd- 前缀避免冲突。
   ============================================================ */
:root {
    --gd-navy: #0B2C5E;
    --gd-navy-mid: #123E7E;
    --gd-gold: #C9A05C;
    --gd-gold-light: #E8CE96;
    --gd-gold-bg: #F7EDDC;
    --gd-gold-ink: #8A6320;
    --gd-ink: #1A1A1A;
    --gd-ink-3: #8A8F98;
    --gd-bg: #F5F6F8;
    --gd-grad-hero: linear-gradient(160deg, #0B2C5E 0%, #003384 78%);
    --gd-grad-btn: linear-gradient(135deg, #0B2C5E 0%, #003384 100%);
    --gd-shadow-card: 0 4px 16px rgba(11, 44, 94, 0.06);
}

/* ---------- 首屏 Hero（深藏青→品牌蓝渐变，全站唯一大面积渐变） ---------- */
.gd-hero {
    background: var(--gd-grad-hero);
    color: #fff;
    padding: 4.2rem 1.5rem 3.4rem;
}
.gd-hero-inner {
    max-width: 1000px;
    margin: 0 auto;
}
.gd-hero-brand {
    font-size: 11px;
    letter-spacing: 2px;
    opacity: .7;
    margin: 0;
}
.gd-hero-main {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 14px 0 0;
    color: #fff;
    line-height: 1.35;
}
.gd-hero-sub {
    font-size: 13px;
    opacity: .88;
    margin: 10px 0 0;
    line-height: 1.8;
}
.gd-hero-actions {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.gd-hero-cta {
    display: inline-block;
    font-size: 13px;
    color: var(--gd-gold-light);
    border: 1px solid rgba(232, 206, 150, .8);
    border-radius: 18px;
    padding: 8px 22px;
    text-decoration: none;
    transition: background .2s;
}
.gd-hero-cta:hover {
    background: rgba(232, 206, 150, .12);
    color: var(--gd-gold-light);
}
.gd-hero-link {
    font-size: 13px;
    color: rgba(255, 255, 255, .85);
    text-decoration: none;
}
.gd-hero-link:hover { color: #fff; }
.gd-hero-stats {
    display: flex;
    margin-top: 26px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .15);
    gap: 8px;
}
.gd-hero-stat { flex: 1; text-align: center; }
.gd-hero-num {
    font-size: 17px;
    font-weight: 600;
    color: var(--gd-gold-light);
}
.gd-hero-label {
    font-size: 10px;
    opacity: .75;
    margin-top: 3px;
    white-space: nowrap;
}
@media (max-width: 720px) {
    .gd-hero { padding: 2.6rem 1.2rem 2.2rem; border-radius: 0 0 14px 14px; }
    .gd-hero-main { font-size: 22px; }
    .gd-hero-stats { flex-wrap: wrap; gap: 14px 0; }
    .gd-hero-stat { flex: 1 1 50%; }
}
/* 宽屏首屏加大气派：主张 34px、副题 15px、数据 24px */
@media (min-width: 1200px) {
    .gd-hero { padding: 5.6rem 2rem 4.6rem; }
    .gd-hero-main { font-size: 34px; letter-spacing: 1.5px; }
    .gd-hero-sub { font-size: 15px; margin-top: 14px; }
    .gd-hero-cta { font-size: 14px; padding: 11px 28px; border-radius: 24px; }
    .gd-hero-link { font-size: 14px; }
    .gd-hero-stats { margin-top: 36px; padding-top: 22px; gap: 16px; }
    .gd-hero-num { font-size: 24px; }
    .gd-hero-label { font-size: 12px; margin-top: 5px; }
    .gd-hero-brand { font-size: 12px; letter-spacing: 3px; }
}

/* ---------- 线性图标容器（替代方块汉字/emoji 图标） ---------- */
.gd-ico {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #E8EEF7;
    color: #003384;
    flex: 0 0 auto;
}
.gd-ico svg { width: 22px; height: 22px; }
.gd-ico--gold { background: var(--gd-gold); color: #fff; }
.gd-ico--green { background: #EAF5EF; color: #1D6B45; }

/* ---------- 区块标题：4px 金色竖条 ---------- */
.services-section .section-head,
.advantages-section .section-head,
.news-section .section-head {
    text-align: left;
}
.services-section .section-head .sub,
.advantages-section .section-head .sub,
.news-section .section-head .sub {
    margin: 0;
}
.services-section .section-head h2,
.advantages-section .section-head h2,
.news-section .section-head h2 {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 17px;
    font-weight: 600;
    color: var(--gd-ink);
    margin-bottom: .5rem;
}
.services-section .section-head h2::before,
.advantages-section .section-head h2::before,
.news-section .section-head h2::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 15px;
    border-radius: 2px;
    background: var(--gd-gold);
    margin-right: 8px;
    flex: 0 0 auto;
}

/* ---------- 卡片：统一白卡 + 柔和投影，浮在灰底上 ---------- */
/* 原版三个区块 max-width:1200px 且直接挂 body，灰底后两侧露白 —— 改为全宽灰底、内容居中 */
body {
    background: var(--gd-bg);
}
.services-section, .advantages-section, .news-section {
    max-width: none;
    width: 100%;
    background: var(--gd-bg);
}
.services-section > *, .advantages-section > *, .news-section > * {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
.service-card, .adv-card, .news-col {
    border-radius: 10px;
    box-shadow: var(--gd-shadow-card);
    border: none;
}
.service-card .flag {
    background: var(--gd-gold-bg);
    color: var(--gd-gold-ink);
}

/* ---------- 案例深色带：藏青渐变 + 金色数字点睛 ---------- */
.cases-section {
    background: var(--gd-grad-hero);
}
.cases-section .case-card {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 10px;
}
.cases-section .case-card .metric { color: var(--gd-gold-light); }

/* ---------- 底部 CTA：页脚级渐变条 ---------- */
.bottom-cta {
    background: var(--gd-grad-btn);
}
.bottom-cta h2 { color: #fff; }
.bottom-cta p { color: rgba(255, 255, 255, .82); }
.bottom-cta .cta-btn {
    background: #fff;
    color: #0B2C5E;
    border-radius: 22px;
}
.bottom-cta .cta-btn:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .25);
}

/* ---------- 信任状区底色统一 ---------- */
.trust-section { background: var(--gd-bg) !important; }