:root { color-scheme: light; --ink:#17324a; --muted:#667b8c; --line:#dbe8f2; --paper:#fbfdff; --panel:#fff; --brand:#0057b8; --brand-dark:#003b7a; --brand-soft:#edf6ff; --brand-tint:#f6fbff; --navy:#082b52; --warning:#823434; --shadow:0 10px 28px rgba(0,59,122,.07); }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif; }
    a { color:inherit; text-decoration:none; }
    .page { min-height:100vh; padding-bottom:92px; }
    .container { width:min(1080px,calc(100% - 32px)); margin:auto; }
    .topbar { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:68px; padding:10px 16px; border-bottom:1px solid var(--line); background:rgba(255,255,255,.94); color:var(--ink); backdrop-filter:blur(12px); }
    .brand { display:flex; align-items:center; gap:10px; min-width:0; }
    .brand img { width:42px; height:42px; object-fit:contain; }
    .brand strong,.brand span { display:block; line-height:1.2; }
    .brand strong { font-size:15px; }
    .brand span { margin-top:3px; color:var(--muted); font-size:12px; }
    .top-call,.btn { display:inline-flex; align-items:center; justify-content:center; border-radius:10px; font-weight:800; text-align:center; }
    .top-call { min-height:42px; padding:0 13px; background:var(--brand); color:#fff; font-size:13px; white-space:nowrap; }
    .hero { padding:48px 0 42px; border-bottom:1px solid var(--line); background:linear-gradient(180deg,var(--brand-tint) 0%,#fff 100%); color:var(--ink); }
    .eyebrow { display:inline-flex; padding:6px 10px; border:1px solid #c9e0f1; border-radius:999px; background:#fff; color:var(--brand-dark); font-size:13px; font-weight:800; }
    h1,h2,h3 { margin:0; line-height:1.14; letter-spacing:-.02em; }
    h1 { max-width:680px; margin-top:15px; font-size:clamp(36px,10vw,68px); }
    h2 { margin-bottom:12px; font-size:clamp(27px,6vw,42px); }
    h3 { font-size:20px; }
    p { margin:0; }
    .hero-copy { max-width:720px; margin-top:15px; color:#496276; font-size:17px; }
    .hero-actions { display:grid; gap:9px; margin-top:22px; }
    .hero .phone-actions .btn-primary { background:var(--brand); color:#fff; box-shadow:none; }
    .btn { min-height:52px; padding:0 16px; border:1px solid transparent; font-size:15px; }
    .btn-primary { background:var(--brand); color:#fff; box-shadow:0 12px 24px rgba(0,59,122,.2); }
    .btn-secondary { border-color:var(--line); background:#fff; color:var(--brand-dark); }
    .quick-info { display:grid; gap:10px; margin-top:26px; color:var(--muted); font-size:14px; }
    .quick-info b { color:var(--ink); }
    section { padding:34px 0; }
    section + section { border-top:1px solid var(--line); }
    .lead { margin-bottom:18px; color:var(--muted); }
    .branch-grid,.info-grid { display:grid; gap:12px; }
    .branch-card,.info-card { padding:22px; border:1px solid var(--line); border-radius:18px; background:var(--panel); box-shadow:none; }
    .branch-card { display:grid; gap:13px; border-top:3px solid var(--brand); }
    .branch-card--urgent { border-color:rgba(184,74,74,.28); }
    .branch-label { color:var(--brand-dark); font-size:12px; font-weight:800; letter-spacing:.08em; }
    .branch-card--urgent .branch-label { color:var(--warning); }
    .branch-card p,.info-card p { color:var(--muted); font-size:15px; }
    .branch-meta { display:grid; gap:7px; color:var(--muted); font-size:14px; }
    .branch-meta b { color:var(--ink); }
    .branch-actions { display:grid; gap:8px; }
    .phone-icon { width:18px; height:18px; margin-right:8px; fill:currentColor; }
    .note { margin-top:12px; padding:14px; border:1px solid #d5e9f8; border-radius:12px; background:var(--brand-soft); color:var(--brand-dark); font-size:14px; font-weight:700; }
    .info-card strong { display:block; margin-bottom:5px; font-size:17px; }
    .footer { padding:28px 0 110px; color:var(--muted); font-size:13px; text-align:center; }
    .sticky-cta { position:fixed; right:0; bottom:0; left:0; z-index:30; padding:8px 10px calc(8px + env(safe-area-inset-bottom)); border-top:1px solid var(--line); background:rgba(255,255,255,.97); backdrop-filter:blur(12px); }
    .sticky-cta-inner { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; width:min(720px,100%); margin:auto; }
    .sticky-cta .btn { min-height:48px; padding:0 4px; font-size:12px; }
    @media (min-width:720px) {
      .page { padding-bottom:0; }
      .topbar { padding:13px 28px; }
      .brand img { width:50px; height:50px; }
      .hero { padding:58px 0 46px; }
      .hero-actions { display:flex; flex-wrap:wrap; }
      .hero-actions .btn { min-width:190px; }
      .phone-actions .btn { min-width:210px; }
      .quick-info { grid-template-columns:repeat(3,1fr); }
      .branch-grid { grid-template-columns:repeat(3,1fr); }
      .info-grid { grid-template-columns:repeat(2,1fr); }
      .branch-actions { grid-template-columns:1fr 1fr; }
      .sticky-cta { display:none; }
      .footer { padding-bottom:34px; }
    }
    @media (max-width:420px) { .topbar { padding-inline:12px; } .brand img { width:38px; height:38px; } .brand strong { font-size:14px; } .top-call { padding-inline:10px; font-size:12px; } }