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

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

:root {
    --app-icon-size: clamp(44px, 8vh, 64px);
    /* App 图标尺寸 */
    --primary: #D46A93;
    /* 舞台追光 · dusty magenta */
    --accent: #C9A66B;
    /* 香槟细线 */
    --glass: rgba(24, 17, 31, 0.86);
    /* 深色磨砂底 */
    --text: #F6F0F4;
    /* 主文字 */
    --text-dim: rgba(246, 240, 244, 0.72);
    /* 次文字：比 58% 再亮一档，深色下不糊 */
    --border: #2A2033;
    /* 边框 */
    --bg-deep: #0C0810;
    /* 最深背景 */
    --statusbar-h: calc(32px + env(safe-area-inset-top, 0px));

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

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

/* ===== 全局工具 ===== */
.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(212, 106, 147, 0.28);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(212, 106, 147, 0.55);
}

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

/* Firefox 兼容 */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(212, 106, 147, 0.28) transparent;
}