/* 全局基础规则：重置、可访问性、滚动条与交互基础 */
*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

html,
body {
    margin: 0;
    padding: 0;
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--color-scrollbar-thumb) var(--color-scrollbar-track);
}

/* 页面基础背景与默认排版 */
body {
    min-height: 100vh;
    background-color: var(--color-bg-canvas);
    color: var(--color-text-primary);
    font-family: var(--font-family-sans);
}

button,
input,
textarea,
select {
    font: inherit;
    color: inherit;
}

a {
    color: inherit;
}

img,
svg,
canvas {
    display: block;
}

::selection {
    background: var(--color-selection);
    color: var(--color-text-primary);
}

/* 键盘可访问性：统一焦点高亮 */
:focus-visible {
    outline: 2px solid var(--color-accent-cyan);
    outline-offset: 2px;
}

/* 全局滚动条：统一细滚动条并去掉系统箭头 */
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}

*::-webkit-scrollbar-track {
    background: var(--color-scrollbar-track);
    border-radius: var(--radius-pill);
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--color-scrollbar-thumb) 0%, rgba(255, 255, 255, 0.22) 100%);
    border: 2px solid transparent;
    border-radius: var(--radius-pill);
    background-clip: padding-box;
    min-height: 48px;
}

*::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--color-scrollbar-thumb-hover) 0%, rgba(255, 255, 255, 0.3) 100%);
    border: 2px solid transparent;
    background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, var(--color-scrollbar-thumb-active) 0%, rgba(255, 255, 255, 0.38) 100%);
    border: 2px solid transparent;
    background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
    background: transparent;
}