html {
    touch-action: manipulation;
    overscroll-behavior: none;
}

/* ============================================================
   base.css · 基础重置 + 全局工具
   ============================================================ */

:root {
    --app-icon-size: clamp(44px, 8vh, 64px);   /* App 图标尺寸 */
    --primary:   #c084fc;                      /* 柔紫 */
    --accent:    #ec4899;                      /* 玫粉 */
    --glass:     rgba(20, 12, 32, 0.85);       /* 深色磨砂底 */
    --text:      rgba(255, 255, 255, 0.92);    /* 主文字 */
    --text-dim:  rgba(255, 255, 255, 0.55);    /* 次文字 */
    --border:    rgba(192, 132, 252, 0.2);     /* 边框 */
    --bg-deep:   #0f0a14;                      /* 最深背景 */

    /* 原生控件：暗色主题 + 紫色强调 */
    color-scheme: dark;
    accent-color: #c084fc;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, sans-serif, 'Noto Serif SC', serif;
}
body {
    background: var(--bg-deep);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

/* ===== 全局工具 ===== */
.hidden {
    display: none !important;
}

/* ===== SVG 图标 ===== */
.icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -0.125em;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(192, 132, 252, 0.28);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(192, 132, 252, 0.55);
}
::-webkit-scrollbar-corner {
    background: transparent;
}

/* Firefox 兼容 */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(192, 132, 252, 0.28) transparent;
}