:root {
    --bg-0: #0b0f1e;
    --bg-1: #0e1629;
    --bg-2: #131d36;
    --text-0: #f5f7ff;
    --text-1: #c7d0ea;
    --text-2: #8e9bbf;
    --accent-0: #49c2ff;
    --accent-1: #4d63ff;
    --accent-2: #2fe3b0;
    --card: rgba(20, 29, 54, 0.9);
    --card-strong: rgba(28, 39, 70, 0.95);
    --border: rgba(120, 140, 200, 0.18);
    --shadow: 0 20px 60px rgba(9, 12, 30, 0.55);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --max-w: 1120px;
    --font-display: "Space Grotesk", "Segoe UI", sans-serif;
    --font-body: "Noto Sans TC", "Segoe UI", sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-body);
    background: var(--bg-0);
    color: var(--text-0);
    line-height: 1.7;
}

html {
    scroll-padding-top: 110px;
    scroll-behavior: smooth;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
    display: block;
}

button {
    font-family: inherit;
    border: none;
    background: none;
    cursor: pointer;
}

h1, h2, h3 {
    font-family: var(--font-display);
    letter-spacing: 0.3px;
}

ul {
    list-style: none;
}