84 lines
1.3 KiB
CSS
84 lines
1.3 KiB
CSS
@font-face {
|
|
font-family: 'DukangSong';
|
|
src: local('Noto Serif SC'), local('Songti SC'), local('SimSun');
|
|
}
|
|
|
|
html {
|
|
font-size: clamp(12px, calc(100vw / 1920 * 16), 20px);
|
|
scroll-behavior: smooth;
|
|
scroll-snap-type: y mandatory;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-width: none;
|
|
height: 100%;
|
|
}
|
|
|
|
html::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
:root {
|
|
font-family: Inter, 'Microsoft YaHei', 'PingFang SC', system-ui, sans-serif;
|
|
color: #24160f;
|
|
background: #f8efe0;
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
width: 100%;
|
|
max-width: 100vw;
|
|
min-width: 20rem;
|
|
min-height: 100%;
|
|
margin: 0;
|
|
font-size: 1rem;
|
|
background: #f8efe0;
|
|
overflow-x: hidden;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
body::-webkit-scrollbar {
|
|
display: none;
|
|
width: 0;
|
|
height: 0;
|
|
}
|
|
|
|
body.stage-mode {
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
|
|
html:has(body.stage-mode) {
|
|
scroll-snap-type: none;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
|
|
button,
|
|
input,
|
|
textarea,
|
|
select {
|
|
font: inherit;
|
|
}
|
|
|
|
button {
|
|
border: 0;
|
|
}
|
|
|
|
img,
|
|
svg {
|
|
display: block;
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
}
|
|
|
|
#root {
|
|
width: 100%;
|
|
max-width: 100vw;
|
|
overflow-x: hidden;
|
|
}
|