:root { --color-primary: #0066ff; --color-primary-light: #3385ff; --color-primary-dark: #0047b3; --color-background: #f0f8ff; --color-text: #000; --color-link: #000; --color-link-hover: #004ecc; --color-link-hover-light: #004ecc; --font-size: 15px; --font-size-small: 0.85rem; --font-size-big: 1.2rem; } :root { --color-000: #000; --color-333: #333; --color-666: #666; --color-999: #999; --color-fff: #fff; } * { padding: 0; margin: 0; box-sizing: border-box; overflow-wrap: break-word; word-break: break-word; } html { scroll-behavior: smooth; font-size: var(--font-size); } body { font-family: 'Noto Sans SC'; } body { color: var(--color-text); background-color: var(--color-background); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: var(--color-link); text-decoration: none; transition: color 0.3s; } a:hover { color: var(--color-link-hover); } img { display: block; vertical-align: top; max-width: 100%; height: auto; } input, button, textarea { outline: none; } ul, ol { list-style-type: none; } li { list-style: none; } h1, h2 { font-weight: bold; line-height: 1.2; } h1 { font-size: 2rem; } h2 { font-size: 1.6rem; }