/* ==========================================================
   稅務智庫 v2 皮膚 — 全站視覺升級 (2026/07)
   原則:朱砂紅 = 行動(預約、CTA) / 深藍 = 資訊
   放在每頁 </head> 前,覆寫各頁 inline 樣式。
   ========================================================== */
:root{
  --accent-2:#b04a2c;        /* 朱砂紅:只用在行動 */
  --accent-2-soft:#d98f72;   /* 深底上的朱紅(淡) */
  --cream:#f7f4ec;
}
::selection{background:var(--accent-2);color:#fff}

/* ---- 導覽列:「預約諮詢」升級為實心按鈕 ---- */
nav.menu a[href="booking.html"]{
  background:var(--accent-2);
  color:var(--cream) !important;
  padding:10px 20px;
  line-height:1;
  border-radius:2px;
  transition:background .25s;
}
nav.menu a[href="booking.html"]:hover{background:var(--ink);color:var(--cream)}
nav.menu a[href="booking.html"]::after{display:none}
@media (max-width:900px){
  nav.menu a[href="booking.html"]{
    margin:10px 20px;
    text-align:center;
    padding:14px 20px;
    border-bottom:none !important;
  }
}

/* ---- 通用 CTA 按鈕 ---- */
.cta-primary{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--accent-2);color:var(--cream);
  padding:18px 40px;font-size:15px;font-weight:500;letter-spacing:0.06em;
  transition:background .25s,color .25s,transform .2s;
}
.cta-primary:hover{background:var(--cream);color:var(--ink);transform:translateY(-2px)}
.cta-primary .arr{font-family:var(--ff-mono);transition:transform .25s}
.cta-primary:hover .arr{transform:translateX(5px)}
.cta-ghost{
  display:inline-flex;align-items:center;
  padding:18px 34px;
  border:1px solid rgba(247,244,236,.35);color:var(--cream);
  font-size:15px;letter-spacing:0.06em;
  transition:border-color .25s,background .25s;
}
.cta-ghost:hover{border-color:var(--cream);background:rgba(247,244,236,.08)}

/* ==========================================================
   以下為首頁 (body.home) 專用
   ========================================================== */

/* ---- 深色 Hero 帶 ---- */
.hero-band{background:var(--ink);color:var(--cream);position:relative;overflow:hidden}
.hero-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 480px at 88% -12%,rgba(176,74,44,.22),transparent 65%),
    radial-gradient(760px 420px at -6% 112%,rgba(15,58,95,.55),transparent 60%);
}
.hero-band .hero{position:relative;padding:110px 32px 100px}
.hero-band .eyebrow{color:var(--accent-2-soft)}
.hero-band .eyebrow::before{background:var(--accent-2-soft)}
.hero-band h1{color:var(--cream);font-size:clamp(48px,6.2vw,92px)}
.hero-band h1 .dot{color:var(--accent-2-soft)}
.hero-band .sub{color:#b9bfc7;font-size:17px;max-width:640px}
.hero-band .sub strong{color:var(--cream);border-bottom-color:var(--accent-2-soft)}
.hero-cta{margin-top:44px;display:flex;gap:14px;flex-wrap:wrap;position:relative}

/* hero CTA 進場動畫(接續原本 eyebrow/sub 的節奏) */
.anim-on .hero .hero-cta{opacity:0;transform:translateY(12px);transition:opacity .9s var(--anim-ease) .6s,transform .9s var(--anim-ease) .6s}
.anim-on .hero.in .hero-cta{opacity:1;transform:translateY(0)}

/* ---- 首頁節奏:區塊標題更大、間距更闊 ---- */
body.home .themes{padding:72px 0 72px}
body.home .section-head{padding:72px 0 26px}
body.home .section-head h2{font-size:clamp(30px,3.4vw,44px)}
body.home footer{margin-top:0}

/* ---- 收尾 CTA 帶 ---- */
.cta-band{background:var(--ink);color:var(--cream);margin-top:56px;position:relative;overflow:hidden}
.cta-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(800px 420px at 92% 120%,rgba(176,74,44,.2),transparent 65%);
}
.cta-band .cta-band-in{
  position:relative;
  display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;
  padding:92px 0;
}
.cta-band .cb-eyebrow{
  font-family:var(--ff-mono);font-size:11px;letter-spacing:0.28em;
  color:var(--accent-2-soft);text-transform:uppercase;
  display:flex;align-items:center;gap:12px;margin-bottom:20px;
}
.cta-band .cb-eyebrow::before{content:"";width:30px;height:1px;background:var(--accent-2-soft)}
.cta-band h2{font-family:var(--ff-display);font-weight:700;font-size:clamp(34px,4.4vw,58px);line-height:1.15;letter-spacing:-0.02em}
.cta-band p{margin-top:18px;color:#b9bfc7;font-size:15px;line-height:1.85;max-width:520px}

/* ==========================================================
   全站深色頁首 (2026/07) — 子頁沿用首頁配色
   ========================================================== */
body:not(.home) .hero-band .hero{padding:84px 32px 60px;border-bottom:none}
body:not(.home) .hero-band h1{font-size:clamp(40px,5vw,68px)}
.hero-band h1 em{color:var(--accent-2-soft)}
.hero-band .sub strong{color:var(--cream);border-bottom-color:var(--accent-2-soft)}
.hero-band .sub code{background:rgba(247,244,236,.14);color:var(--cream);padding:1px 6px;border-radius:2px}
.hero-band .meta{color:#8b93a0}
.hero-band .meta strong{color:var(--cream)}
.hero-band .topics .topic{background:transparent;border-color:rgba(247,244,236,.28);color:#b9bfc7}
.hero-band .topics .topic:hover,.hero-band .topics .topic.active{border-color:var(--accent-2-soft);color:var(--accent-2-soft);background:rgba(217,143,114,.1)}
@media (max-width:600px){
  body:not(.home) .hero-band .hero{padding:52px 20px 40px}
  body:not(.home) .hero-band h1{font-size:34px}
}

@media (max-width:900px){
  .cta-band .cta-band-in{grid-template-columns:1fr;gap:32px;padding:64px 0}
}
@media (max-width:600px){
  .hero-band .hero{padding:64px 20px 56px}
  .hero-band h1{font-size:40px}
  .hero-band .sub{font-size:15px}
  .cta-primary,.cta-ghost{padding:15px 26px;font-size:14px}
}