/* =========================================
   1. CSS 變數定義
   ========================================= */
:root {
    --bg-color: #000000;
    --text-primary: #ffffff;
    --accent-gradient: linear-gradient(45deg, #6500ff, #ff00ff);
    --font-main: system-ui, -apple-system, "微軟正黑體", sans-serif;
    --transition-speed: 1s; /* 轉場動畫速度 */
}

/* =========================================
   2. 基礎設定
   ========================================= */
body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: var(--font-main);
    background-color: var(--bg-color);
    color: var(--text-primary);
    overflow-x: hidden;
    /* scroll-behavior: smooth; */
    
}
:root {
    /* 定義變數方便管理 */
    --main-font: 'Inter', 'Noto Sans TC', sans-serif;
}

body {
    font-family: var(--main-font);
    -webkit-font-smoothing: antialiased; /* Chrome/Safari */
    -moz-osx-font-smoothing: grayscale;  /* Firefox */
    
    /* 3. 優化文字渲染 */
    text-rendering: optimizeLegibility;
    
    /* 消除預設邊距 */
    margin: 0;
    padding: 0;
}