:root,
  html[data-theme='light'], body.theme-light{
    --bg:#ffffff; --bg-soft:#f7f9fb; --card:#ffffff; --text:#0b1220;
    --muted:#4b5563; --primary:#2563eb; --accent:#06b6d4;
    --radius:18px; --border:rgba(2,6,23,.08);
  }
  html[data-theme='dark'], body.theme-dark{
    --bg:#0b1220; --bg-soft:#0f172a; --card:#111a2e; --text:#cfe3f1;
    --muted:#8aa9bd; --primary:#3b82f6; --accent:#22d3ee;
    --radius:18px; --border:rgba(255,255,255,.10);
  }
  html,body{background:var(--bg); color:var(--text)}
  a, .footer a, .product-card a { color:var(--text); text-decoration:none!important; }
  a:hover, .footer a:hover, .product-card a:hover { text-decoration:none!important; color:var(--primary); }

  .navbar{backdrop-filter:saturate(140%) blur(8px); border-bottom:1px solid var(--border)}
  html[data-theme='light'] .navbar, body.theme-light .navbar{background:rgba(255,255,255,.86)!important}
  html[data-theme='dark'] .navbar, body.theme-dark .navbar{background:linear-gradient(180deg,rgba(15,23,42,.85),rgba(15,23,42,.6))!important}
  .navbar .nav-link{color:var(--text)!important;font-weight:600}
  .navbar .dropdown-menu{background:var(--bg-soft)!important;border:1px solid var(--border)!important;border-radius:14px}
  .dropdown-item{color:var(--text)!important}
  html[data-theme='light'] .dropdown-item:hover, body.theme-light .dropdown-item:hover{background:rgba(2,6,23,.06)!important}
  html[data-theme='dark'] .dropdown-item:hover, body.theme-dark .dropdown-item:hover{background:#1e293b!important;color:#fff!important}

  /* Hero */
  .hero{border-radius:22px;overflow:hidden;border:1px solid var(--border)}
  html[data-theme='light'] .hero, body.theme-light .hero{
    background:radial-gradient(1200px 600px at 80% -20%,rgba(6,182,212,.20),transparent 60%),
               radial-gradient(1000px 500px at -10% 0%,rgba(37,99,235,.18),transparent 60%),
               linear-gradient(180deg,#ffffff,#f7f9fb 60%);
  }
  html[data-theme='dark'] .hero, body.theme-dark .hero{
    background:radial-gradient(1200px 600px at 80% -20%,rgba(34,211,238,.18),transparent 60%),
               radial-gradient(1000px 500px at -10% 0%,rgba(59,130,246,.18),transparent 60%),
               linear-gradient(180deg,#0b1220,#0f172a 60%);
  }

  .product-card,.card,.footer{background:var(--card)!important;border:1px solid var(--border)!important;color:var(--text)!important}
  .muted{color:var(--muted)!important}
  .footer{background:var(--bg-soft);color:var(--text);border-top:1px solid var(--border)}

  /* === 手機漢堡按鈕修正 === */
  html[data-theme='light'] .navbar-toggler-icon, body.theme-light .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(11,18,32,0.85)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
  }
  html[data-theme='dark'] .navbar-toggler-icon, body.theme-dark .navbar-toggler-icon{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.92)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
  }
  .navbar-toggler{ border-color:var(--border)!important; outline:none; }