:root {
  --brand-primary: #0b3d66;
  --brand-secondary: #0d6efd;
  --brand-light: #f5f8fb;
  --brand-dark: #1f2937;
}
body { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; color: #333; background: #fff; }
a { text-decoration: none; }
.navbar { box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); }
.navbar-brand { font-weight: 700; letter-spacing: 1px; }
.hero-slide { height: 520px; background-size: cover; background-position: center; position: relative; }
.hero-slide::after { content: ""; position: absolute; inset: 0; background: rgba(5, 18, 35, 0.48); }
.hero-content { position: relative; z-index: 2; color: #fff; max-width: 760px; padding-top: 150px; }
.hero-content h1 { font-size: 46px; font-weight: 700; line-height: 1.25; }
.section-padding { padding: 72px 0; }
.section-title { margin-bottom: 38px; }
.section-title small { color: var(--brand-secondary); font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; }
.section-title h2 { font-weight: 700; color: var(--brand-dark); margin-top: 8px; }
.service-card { border: 0; height: 100%; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); transition: all 0.2s ease; }
.service-card:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(15, 23, 42, 0.12); }
.service-icon { width: 56px; height: 56px; background: var(--brand-light); color: var(--brand-secondary); border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 18px; }
.bg-soft { background: var(--brand-light); }
.stat-box { padding: 28px 12px; background: #fff; border-radius: 12px; text-align: center; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06); }
.stat-box strong { font-size: 34px; color: var(--brand-primary); }
.news-card { height: 100%; border: 0; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); }
.news-date { color: #6b7280; font-size: 14px; }
.page-header { padding: 90px 0; background: linear-gradient(120deg, rgba(11,61,102,.92), rgba(13,110,253,.72)), url("../images/page-header.svg") center/cover no-repeat; color: #fff; }
.footer { background: #0b1724; color: #cbd5e1; }
.footer h5 { color: #fff; }
.footer a { color: #cbd5e1; }
.footer a:hover { color: #fff; }
.contact-card { border: 0; box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08); }
.map-placeholder { height: 360px; border-radius: 12px; background: linear-gradient(135deg, #e8f0f8, #ffffff); border: 1px dashed #9ca3af; display: flex; align-items: center; justify-content: center; color: #64748b; text-align: center; padding: 20px; }
@media (max-width: 768px) { .hero-slide { height: 420px; } .hero-content { padding-top: 110px; } .hero-content h1 { font-size: 32px; } .section-padding { padding: 52px 0; } }