/* ===== 全域變數（重做） ===== */
:root {
  --font-default: "Inter", system-ui, sans-serif;
  --font-primary: "Montserrat", sans-serif;
  --font-secondary: "Raleway", sans-serif;

  --color-primary: #0f2a44;      /* 深藍（主色） */
  --color-secondary: #1f3f63;    /* 輔助藍 */
  --color-accent: #d4a85f;       /* 香檳金 */
  --color-light: #f5f7fa;        /* 淺背景 */

  --color-text: #1a2b3c;
  --color-muted: #6b7c93;
}

/* ===== 基本 ===== */
body {
  font-family: var(--font-default);
  color: var(--color-text);
}

a {
  color: var(--color-accent);
  transition: 0.3s;
}
a:hover {
  color: #c89a4d;
}

/* ===== 導航欄（升級質感） ===== */
.header {
  padding: 20px 0;
  background: rgba(15, 42, 68, 0.95);
  backdrop-filter: blur(8px);
  box-shadow: 0 2px 20px rgba(0,0,0,0.05);
}

.header .logo h1 {
  font-size: 26px;
  font-weight: 800;
  color: #fff;
}

.navbar a {
  color: rgba(255,255,255,0.75);
  font-weight: 500;
  padding: 15px 0 15px 30px;
}

.navbar a:hover,
.navbar .active {
  color: var(--color-accent);
}

/* ===== Hero（關鍵升級） ===== */
.hero {
  min-height: 75vh;
  background: linear-gradient(135deg, #0f2a44 0%, #1f3f63 100%);
  display: flex;
  align-items: center;
  padding: 140px 0;
}

.hero h2 {
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
}

.hero p {
  color: rgba(255,255,255,0.8);
}

/* CTA 按鈕（金色） */
.hero .btn-primary {
  background: var(--color-accent);
  border: none;
  border-radius: 50px;
  padding: 12px 32px;
  color: #fff;
}

.hero .btn-primary:hover {
  background: #c89a4d;
  transform: translateY(-2px);
}

/* 次按鈕 */
.hero .btn-outline-primary {
  border: 1px solid rgba(255,255,255,0.4);
  color: #fff;
}

.hero .btn-outline-primary:hover {
  background: rgba(255,255,255,0.1);
}

/* ===== 區塊標題 ===== */
.section-header h2 {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-primary);
  position: relative;
  padding-bottom: 15px;
}

.section-header h2:after {
  content: "";
  width: 60px;
  height: 3px;
  background: var(--color-accent);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.section-header p {
  color: var(--color-muted);
}

/* ===== 卡片（提升質感） ===== */
.card-hover {
  border-radius: 20px;
  background: #fff;
  transition: 0.3s;
}

.card-hover:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}

/* icon 金色 */
.card-hover i {
  color: var(--color-accent);
}

/* ===== 背景區塊 ===== */
.services-highlight {
  background: var(--color-light);
}

/* ===== 文章 ===== */
.post-img img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.post-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.06);
}

.text-primary {
  color: var(--color-accent) !important;
}

/* ===== Footer ===== */
.footer {
  background-color: var(--color-primary);
  color: #fff;
}

.footer a {
  color: rgba(255,255,255,0.7);
}

.footer a:hover {
  color: var(--color-accent);
}

/* ===== 表單 ===== */
.php-email-form button[type="submit"] {
  background: var(--color-accent);
  border-radius: 50px;
}

.php-email-form button[type="submit"]:hover {
  background: #c89a4d;
}

/* ===== Breadcrumb ===== */
.breadcrumbs:before {
  background: rgba(15,42,68,0.75);
}

/* ===== Scroll ===== */
.scroll-top {
  background: var(--color-accent);
}

/* ===== Loader ===== */
#preloader:after {
  border-top-color: var(--color-accent);
}