77 lines
1.7 KiB
CSS
77 lines
1.7 KiB
CSS
|
/* ===================================
|
||
|
|
基础重置 & 移动端优化
|
||
|
|
=================================== */
|
||
|
|
|
||
|
|
/* 基础重置 */
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
-webkit-tap-highlight-color: transparent; /* 移除移动端点击高亮 */
|
||
|
|
}
|
||
|
|
|
||
|
|
body, html {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
background: #020205;
|
||
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
|
||
|
|
/* 移动端优化 */
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
touch-action: manipulation; /* 防止双击缩放 */
|
||
|
|
overscroll-behavior: none; /* 防止过度滚动 */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 移动端安全区域适配 */
|
||
|
|
body {
|
||
|
|
padding-top: env(safe-area-inset-top);
|
||
|
|
padding-bottom: env(safe-area-inset-bottom);
|
||
|
|
padding-left: env(safe-area-inset-left);
|
||
|
|
padding-right: env(safe-area-inset-right);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 滚动条样式美化 */
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-track {
|
||
|
|
background: rgba(255, 255, 255, 0.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
background: #38bdf8;
|
||
|
|
border-radius: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 移动端隐藏滚动条 */
|
||
|
|
@media (max-width: 768px) {
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
* {
|
||
|
|
scrollbar-width: none; /* Firefox */
|
||
|
|
-ms-overflow-style: none; /* IE/Edge */
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 禁用移动端文本选择 */
|
||
|
|
body {
|
||
|
|
-webkit-user-select: none;
|
||
|
|
-moz-user-select: none;
|
||
|
|
-ms-user-select: none;
|
||
|
|
user-select: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 允许输入框和可编辑内容选择 */
|
||
|
|
input, textarea, [contenteditable] {
|
||
|
|
-webkit-user-select: text;
|
||
|
|
-moz-user-select: text;
|
||
|
|
-ms-user-select: text;
|
||
|
|
user-select: text;
|
||
|
|
}
|