2026-08-04 10:05:59 +08:00
|
|
|
|
@import "tailwindcss";
|
2026-08-04 17:09:51 +08:00
|
|
|
|
|
|
|
|
|
|
/* ============================================================
|
|
|
|
|
|
移动端安全区适配（刘海屏 / 底部指示条）
|
|
|
|
|
|
TailwindCSS v4 自定义 utility
|
|
|
|
|
|
============================================================ */
|
|
|
|
|
|
|
|
|
|
|
|
@utility pt-safe {
|
|
|
|
|
|
padding-top: max(1rem, env(safe-area-inset-top));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@utility pb-safe {
|
|
|
|
|
|
padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* ============================================================
|
|
|
|
|
|
全局基样式
|
|
|
|
|
|
============================================================ */
|
|
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
|
/* 防止 iOS Safari 橡皮筋效果导致误触导航 */
|
|
|
|
|
|
overscroll-behavior: none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
|
/* 禁止用户缩放（移动端 PWA 常用） */
|
|
|
|
|
|
touch-action: manipulation;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* 隐藏默认的滚动条（移动端无滚动条更干净） */
|
|
|
|
|
|
::-webkit-scrollbar {
|
|
|
|
|
|
width: 0;
|
|
|
|
|
|
height: 0;
|
|
|
|
|
|
}
|
