/* 行銷頁共用基礎樣式（個人版／商業版／探索頁三頁共用）。
   使用同步 stylesheet 避免 FOUC；完整字型由各頁 <head> 的 Google Fonts 載入。
   載入順序：本檔 → 頁面 <style> → marketing-chrome.css。 */
@font-face{font-family:'NotoTC Fallback';src:local('PingFang TC'),local('Microsoft JhengHei'),local('Heiti TC'),local('Noto Sans CJK TC'),local('sans-serif');
  size-adjust:100%;ascent-override:105%;descent-override:24%;line-gap-override:0%}
:root{--sc-primary:#06445F;
  --sc-dark:#043043;
  --sc-secondary:#236F91;
  --sc-orange:#F97D1B;
  --sc-orange-dark:#FF8310;
  --sc-black:#000000;
  --sc-white:#FFFFFF;
  --sc-muted:#5F686D;
  --sc-gray:#6C6C6C;
  --sc-gray-dark:#4A4A4A;
  --sc-gray-light:#A4A4A4;
  --sc-stroke:#E8EAEC;
  --sc-body:#EFF2F4;
  --sc-surface:#F5F6F6;
  --sc-line-green:#06C755;
  --card-border:rgba(0,0,0,.1);
  --container:1200px;
  --gutter:24px;
  --ease:cubic-bezier(.22,.61,.36,1);
  /* Header／Footer 共用變數，與既有 --sc-* 系統並存。 */
  --teal:#0C3B4E;
  --orange:#F17B2D;
  --orange-dark:#DA660F;
  --line:#DCE3E5;
  --nav-h:72px;
  /* 全站使用單一字族，--font-en 只作為「拉丁字／數字強調」的語意標記。
     'NotoTC Fallback' 使用帶 metric 覆寫的 local() 回退，指向 PingFang TC／Microsoft JhengHei，
     並校正字型切換造成的版面位移。 */
  --font-tc:'Noto Sans TC','NotoTC Fallback',sans-serif;
  --font-en:var(--font-tc);}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html{overflow-x:hidden}
:root{--font-sc:'PingFang SC','Microsoft YaHei','Noto Sans SC','Heiti SC',sans-serif;
  --font-jp:'Hiragino Sans','Hiragino Kaku Gothic ProN','Yu Gothic','Noto Sans JP','Meiryo',sans-serif;}
html[data-locale="zh-CN"] body{font-family:var(--font-sc)}
html[data-locale="ja"] body{font-family:var(--font-jp)}
body{margin:0;font-family:var(--font-tc);color:var(--sc-black);background:var(--sc-white);line-height:1.5;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p,figure{margin:0}
table{border-collapse:collapse;width:100%}
svg{display:block}
/* 裁掉橫向溢出，但不建立會影響 sticky 定位的捲動容器。 */
body{overflow-x:clip}