2026-02-24 17:57:25 +08:00
|
|
|
/* 移动端基础样式重置 */
|
|
|
|
|
* {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
font-size: 16px; /* 基础字体大小 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
html,
|
|
|
|
|
body {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
2026-02-25 15:22:12 +08:00
|
|
|
overflow-x: hidden;
|
2026-02-24 17:57:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
|
|
|
|
font-size: 16px; /* 提高基础字体大小 */
|
|
|
|
|
line-height: 1.5;
|
|
|
|
|
color: #262626;
|
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
text-size-adjust: 100%; /* 防止 iOS 自动调整字体大小 */
|
2026-02-25 15:22:12 +08:00
|
|
|
overflow-y: auto;
|
2026-02-24 17:57:25 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#root {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 链接样式 */
|
|
|
|
|
a {
|
|
|
|
|
color: #1677ff;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a:active {
|
|
|
|
|
color: #0958d9;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 按钮重置 */
|
|
|
|
|
button {
|
|
|
|
|
border: none;
|
|
|
|
|
background: none;
|
|
|
|
|
padding: 0;
|
|
|
|
|
font: inherit;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input,
|
|
|
|
|
textarea,
|
|
|
|
|
select {
|
|
|
|
|
font: inherit;
|
|
|
|
|
outline: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* 安全区域适配 */
|
|
|
|
|
@supports (bottom: env(safe-area-inset-bottom)) {
|
|
|
|
|
body {
|
|
|
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
|
|
|
}
|
|
|
|
|
}
|
