/* 全站主題：照產品系統配色——白底為主、深海藍區塊（#0B1F31）、主色系統藍（#1F6FEB）。放在各頁樣式之後載入 */
:root {
  --primary-yellow: #1F6FEB;
  --hover-yellow: #185CC7;
  --bg-black: #FFFFFF;
  --bg-dark: #FFFFFF;
  --bg-dark-gray: #F6F8FB;
  --bg-card: #F6F8FB;
  --border-color: #E3E8EF;
  --text-white: #0B1F31;
  --text-gray: #5B6878;
  --navy: #0B1F31;
  --ink: #0B1F31;
}
body { color: var(--ink); }

/* header：白底深字 */
header { background-color: rgba(255, 255, 255, 0.96); border-bottom-color: #E3E8EF; }
.brand-logo, .brand-logo .brand-text { color: var(--navy); }
.brand-logo img.brand-mark { height: 30px; width: auto; }
.brand-logo .brand-text { font-size: 1.3rem; letter-spacing: 0; }
.nav-menu a { color: #3A4757; }
.nav-menu a:hover, .nav-menu a.active { color: #1F6FEB; }
.btn-primary, .nav-menu .nav-btn, .nav-menu .nav-btn:hover { color: #fff !important; }
.btn-primary:hover { box-shadow: 0 5px 15px rgba(31, 111, 235, 0.3); }
.mobile-toggle { color: var(--navy); }
.mobile-toggle.active i { color: #1F6FEB; }
@media (max-width: 900px) {
  .nav-menu { background: rgba(255, 255, 255, 0.98); border-bottom-color: #E3E8EF; }
  .nav-menu > li { border-bottom-color: #E3E8EF; }
}

/* footer：深海藍 */
footer { background-color: var(--navy); border-top-color: var(--navy); color: #fff; }
.info-list i, .footer-sitemap h3, .footer-social h3 { color: #6EA8FF; }
.social-btn { background: #17324E; }
.social-btn:hover { background: #1F6FEB !important; color: #fff !important; }

/* 內容區：白／淺灰交替，深字 */
.v4 { --gold: #1F6FEB; --gold-hover: #185CC7; --bg: #FFFFFF; --bg-alt: #F6F8FB; --card: #FFFFFF; --line: #E3E8EF; --muted: #4E5B6B; --dim: #7A8696; color: var(--ink); }
.v4 .h2, .v4 .card-title, .v4 .cl-hl, .v4 a.post, .v4 a.post:hover, .v4 .cred-k { color: var(--ink); }
.v4 .lead strong { color: var(--ink) !important; }
.v4 .card { box-shadow: 0 1px 2px rgba(11, 31, 49, 0.04); }
.v4 .btn-gold { background: #1F6FEB; color: #fff; }
.v4 .btn-gold:hover { background: #185CC7; color: #fff; }
.v4 .btn-line { border-color: #1F6FEB; color: #1F6FEB; }
.v4 .stat { background: #1F6FEB; color: #fff; }
.v4 .tbl thead tr { background: #F6F8FB; }
.v4 .tl-bar { background: #E3E8EF; }
.v4 .sec-alt .card[style*="background:#fff"] { border: 1px solid #E3E8EF !important; }

/* 深海藍區塊：首屏、收尾（純色，不加網格） */
.v4 .hero, .v4 .cta-box {
  background: var(--navy);
  color: #fff;
}
.v4 .hero h1 { color: #fff; }
.v4 .hero h1 .kw { color: #6EA8FF; }
.v4 .hero .lead { color: #C4CFDB; }
.v4 .hero .btn-line { border-color: #6EA8FF; color: #fff; }
.v4 .hero .btn-line:hover { background: rgba(110, 168, 255, .12); color: #fff; }
.v4 .notify { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.v4 .notify-top span:first-child, .v4 .notify > div:last-child { color: #C4CFDB !important; }
.v4 .cta-box { border: none; }
.v4 .cta-box .h2 { color: #fff; }
.v4 .cta-box .lead { color: #C4CFDB; }

/* 客戶名單：白底深字 */
.v4 .clients { background: #FFFFFF; border-color: #E3E8EF; }
.v4 .cl-names li { color: var(--ink); }

/* 共用元件（舊頁面） */
.section-header h2::after { background: #1F6FEB; }
.dropdown-menu { background: #fff; border-color: #E3E8EF; }
.dropdown-menu a { color: #3A4757; }
.copyright { color: #8A9BB0; border-top-color: #1A3149; }
.footer-logo span { color: #fff; }
.company-name, .info-list li, .footer-sitemap a, .footer-social a { color: #A9B8C8; }
.footer-sitemap a:hover, .footer-social a:hover { color: #fff; }
.btn-outline-white { border-color: #1F6FEB; color: #1F6FEB; }
.btn-outline-white:hover { background: #1F6FEB; color: #fff; }

/* 表單（健檢報告頁） */
.v4 .lbl { color: #3A4757; }
.v4 .in { background: #fff; border-color: #CBD3DE; color: #0B1F31; }
.v4 .in::placeholder { color: #8A96A6; }
/* 功能頁目錄鈕在深藍首屏上 */
.v4 .hero .chip { color: #DCE4EE; border-color: rgba(255,255,255,.25); }
.v4 .hero .eyebrow { color: #6EA8FF; }