/* 前台风格 · serenity（参考 Colorlib Serenity 的疗愈 Retreat 气质）：
   鼠尾草绿/大地色、衬线标题、胶囊按钮、深色半透明顶栏与暮色 hero。
   只覆写 website.css 的 :root 变量与少量氛围选择器，结构不动。 */
:root {
    --site-brand: #2f6fa7;
    --site-brand-dark: #245680;
    --site-brand-soft: #e8f1f8;
    --site-accent: #6fa3c8;
    --site-text: #333333;
    --site-text-soft: #5b6b7c;
    --site-border: #dbe4ec;
    --site-bg: #f8fafc;
    --site-bg-alt: #f0f5fa;
    --site-radius: 18px;
    --site-shadow: 0 12px 32px rgba(31, 58, 86, .10);
    --hero-overlay: linear-gradient(180deg, rgba(23, 42, 63, .50), rgba(16, 32, 48, .72));
}

body.site-body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; color: #333; }

.site-hero-title, .site-section-title, .site-brand-text, .site-footer-title {
    font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}

/* 顶栏：首屏透明融在大图上（浅色字），下滑后白底深字（模板同款） */
.site-header { background: transparent; border-bottom: none; backdrop-filter: none; }
.site-brand, .site-brand:hover { color: #f0ede6; }
.site-brand-mark { background: rgba(255, 255, 255, .18); color: #fff; }
.site-nav-link { color: #e6e2d8; }
.site-nav-link:hover { color: #fff; background: rgba(255, 255, 255, .15); }
.site-nav-link.active { color: #fff; }
.site-header-user { color: #e6e2d8; }
.site-btn-ghost { background: transparent; border-color: rgba(255, 255, 255, .5); color: #fff; }
.site-btn-ghost:hover { border-color: #fff; color: #fff; }
/* 滚动后：白底深字 */
.site-header.is-scrolled { background: #ffffff; border-bottom: 1px solid var(--site-border); backdrop-filter: blur(6px); }
.site-header.is-scrolled .site-brand, .site-header.is-scrolled .site-brand:hover { color: var(--site-text); }
.site-header.is-scrolled .site-brand-mark { background: var(--site-brand); color: #fff; }
.site-header.is-scrolled .site-nav-link { color: var(--site-text-soft); }
.site-header.is-scrolled .site-nav-link:hover { color: var(--site-brand); background: var(--site-brand-soft); }
.site-header.is-scrolled .site-nav-link.active { color: #fff; background: var(--site-brand); }
.site-header.is-scrolled .site-header-user { color: var(--site-text-soft); }
.site-header.is-scrolled .site-btn-ghost { background: transparent; border-color: var(--site-border); color: var(--site-text); }
.site-header.is-scrolled .site-btn-ghost:hover { border-color: var(--site-brand); color: var(--site-brand); }

/* hero：大图轮播 + 暮色绿遮罩，浅色衬线大标题 */
.site-hero-badge { background: rgba(255, 255, 255, .14); color: #dce8f2; }
.site-hero-title { color: #f5f8fa; font-size: 46px; }
.site-hero-lead { color: #cfdbe6; }

/* 按钮：胶囊 */
.site-btn { border-radius: 999px; }
.site-btn-primary { background: var(--site-brand); }
.site-btn-primary:hover { background: var(--site-brand-dark); }

/* 卡片圆角收敛为柔和圆角而非胶囊 */
.card, .service-card, .rate-card { border-radius: 18px; }

/* 页脚：深蓝 */
.site-footer { background: #16283a; color: #b9c6d4; }
.site-footer-bar { border-top: 1px solid rgba(255, 255, 255, .08); }