65 lines
1.9 KiB
CSS
65 lines
1.9 KiB
CSS
:root {
|
|
color: #1f2933;
|
|
background: #f6f8fb;
|
|
font-family:
|
|
Inter,
|
|
'PingFang SC',
|
|
'Microsoft YaHei',
|
|
system-ui,
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
'Segoe UI',
|
|
sans-serif;
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
min-width: 320px;
|
|
min-height: 100vh;
|
|
max-width: 100%;
|
|
overflow-x: clip;
|
|
}
|
|
|
|
#app {
|
|
max-width: 100%;
|
|
overflow-x: clip;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/*
|
|
* iOS Safari 在 input/textarea/select 的 font-size < 16px 时，
|
|
* 聚焦会自动放大页面，导致 UI 被轻微放大且需手动缩小才能恢复。
|
|
* 在触控设备上统一保证可编辑控件至少 16px。
|
|
* 组件内若需更小视觉字号，请用 transform: scale() 等方式，不要直接用 <16px 的 font-size。
|
|
*/
|
|
@media (hover: none) and (pointer: coarse) {
|
|
input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='file']):not([type='button']):not([type='submit']):not([type='reset']):not([type='image']),
|
|
textarea,
|
|
select,
|
|
.van-field__control {
|
|
font-size: 16px !important;
|
|
}
|
|
}
|
|
|
|
/* ── Vant Toast 保护规则 ──────────────────────────────────
|
|
.van-popup 声明 background: var(--van-popup-background) = #fff (白色)
|
|
.van-toast 声明 background: var(--van-toast-background) = rgba(0,0,0,.7) (黑色)
|
|
两个类同优先级，但 .van-popup 在 vant/lib/index.css 中后声明 → 覆盖黑色背景
|
|
导致 Toast 白底白字看不见。用双类选择器提升优先级强制使用黑色背景。
|
|
────────────────────────────────────────────────────────── */
|
|
.van-popup.van-toast {
|
|
background: var(--van-toast-background) !important;
|
|
color: var(--van-toast-text-color) !important;
|
|
}
|