html, body {
    overflow: hidden;
    position: fixed;
    inset: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*width: 100vw;*/
    word-break: break-all; /* 强制在任何字符处换行 */
    /* 或者用 overflow-wrap: break-word; 效果类似但更智能 */
    overflow-wrap: break-word;
}

/* 默认：浅色主题 这里定义的是变量 */
:root {
    --bg: #ffffff;
    --text: #333333;
    --primary: #1677ff;
}

body {
    /*background: var(--bg);*/
    /*color: var(--text);*/
}

html.dark {
    /* 自定义深色背景颜色 */
    --el-bg-color: #626aef;
}

/* 暗色主题：用户系统开启暗黑模式时生效 */
/*@media (prefers-color-scheme: dark) {*/
/*    :root {*/
/*        --bg: #1a1a2e;*/
/*        --text: #eaeaea;*/
/*        --primary: #6ca6ff;*/
/*    }*/
/*}*/


#__nuxt {
    height: -webkit-fill-available;
    height: calc(
            100vh
            - env(safe-area-inset-top)
            - env(safe-area-inset-bottom)
    );
    overflow-y: auto;
    overscroll-behavior-y: none;
    -webkit-overflow-scrolling: touch;
    /*border: #a855f7 1px dashed;*/
    box-sizing: border-box;
}