diff --git a/src/app/globals.css b/src/app/globals.css index 67e4690..4f65dd8 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -59,6 +59,9 @@ --transition-fast: 0.15s ease; --transition-base: 0.2s ease; --transition-slow: 0.3s ease; + + /* 字体大小 */ + --font-size-base: 15px; } @theme inline { @@ -92,6 +95,7 @@ body { background-color: var(--color-bg-secondary); color: var(--color-text-primary); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + font-size: var(--font-size-base); line-height: 1.5; min-height: 100vh; } @@ -151,6 +155,17 @@ body { } } +@keyframes popUp { + from { + opacity: 0; + transform: translateY(8px) scale(0.95); + } + to { + opacity: 1; + transform: translateY(0) scale(1); + } +} + .animate-fade-in { animation: fadeIn var(--transition-base); } @@ -163,6 +178,10 @@ body { animation: slideDown var(--transition-fast); } +.animate-pop-up { + animation: popUp 0.15s ease-out; +} + /* ======================================== 响应式设计 ======================================== */