/* 主题：湖水青蓝 —— 在 site.css 默认（暖橙）外观之后加载并覆盖 */

:root {
  --primary: #0e7490;
  --primary-light: #0891b2;
  --primary-dark: #155e75;
  --accent: #f59e0b;
  --accent-hover: #d97706;
  --accent-soft: #e0f4f8;
  --bg-light: #eef7f9;
  --bg-soft: #f6fbfc;
  --bg-strong: #dcedf1;
  --text-main: #16323a;
  --text-muted: #54707a;
  --border: #d6e7ec;
  --shadow-soft: 0 20px 50px rgba(14, 116, 144, 0.08);
  --footer-accent: #67d8ef;
  /* 深色顶栏上的强调文字（电话号码） */
  --topbar-strong: #ffd166;
}

body,
.home-page {
  background: #fbfeff;
}

.top-bar {
  background: #0c3038;
  color: rgba(255, 255, 255, 0.85);
  border-bottom: none;
}

.top-bar a {
  color: rgba(255, 255, 255, 0.85);
}

.top-bar a:hover {
  color: #fff;
}

.main-nav {
  box-shadow: 0 8px 24px rgba(14, 116, 144, 0.07);
}

.nav-phone-pill {
  border-color: #b8dde6;
  background: var(--accent-soft);
}

.nav-phone-pill:hover {
  background: #ecf9fc;
}

.nav-menu-button {
  border-color: #b8dde6;
  box-shadow: 0 10px 24px rgba(14, 116, 144, 0.08);
}

.nav-menu-button:hover {
  border-color: var(--primary);
  box-shadow: 0 16px 30px rgba(14, 116, 144, 0.14);
}

.btn-accent {
  color: #3a2a08;
}

.btn-primary:hover {
  box-shadow: 0 14px 28px rgba(14, 116, 144, 0.22);
}

.btn-accent:hover {
  box-shadow: 0 14px 28px rgba(245, 158, 11, 0.24);
}

.section-header .en {
  color: #3c5660;
}

.hero-slider {
  background: linear-gradient(135deg, #e2f4f8 0%, #f1fafb 45%, #fdf6e9 100%);
}

.hero-slide-mask {
  background:
    radial-gradient(circle at 14% 18%, rgba(8, 145, 178, 0.16) 0%, transparent 28%),
    radial-gradient(circle at 88% 24%, rgba(245, 158, 11, 0.12) 0%, transparent 24%);
}

.hero-label {
  background: rgba(14, 116, 144, 0.1);
  color: var(--primary);
}

.hero-kicker {
  color: #4f6b74;
}

.hero-title {
  color: #11313b;
}

.hero-visual::before {
  background: radial-gradient(circle, rgba(103, 216, 239, 0.32) 0%, rgba(8, 145, 178, 0.1) 55%, transparent 72%);
}

.hero-visual-frame {
  border-color: rgba(208, 231, 237, 0.9);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 251, 252, 0.94) 100%);
  box-shadow: 0 28px 60px rgba(14, 116, 144, 0.14);
}

.hero-arrow:hover {
  border-color: rgba(14, 116, 144, 0.2);
}

.cert-tag {
  border-color: #bbdfe8;
  background: #ebf8fb;
  color: var(--primary-dark);
}

.home-info-floating {
  box-shadow: 0 18px 34px rgba(14, 116, 144, 0.24);
}

.site-footer {
  background: #0c3038;
}

.footer-bottom {
  background: #08232a;
}

.page-banner {
  background: linear-gradient(130deg, #155e75 0%, #0e7490 55%, #0891b2 100%);
}

.home-advantage-section {
  background: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}

.back-to-top {
  background: linear-gradient(135deg, #0891b2 0%, #155e75 100%);
  box-shadow: 0 16px 38px rgba(14, 116, 144, 0.28);
}

.back-to-top:hover {
  box-shadow: 0 20px 42px rgba(14, 116, 144, 0.34);
}

/* Hero 漂浮光斑配色（背景特效） */
:root {
  --fx-orb-1: rgba(103, 216, 239, 0.38);
  --fx-orb-2: rgba(8, 145, 178, 0.22);
  --fx-orb-3: rgba(245, 158, 11, 0.16);
}