/* Kole UI PageTransition 样式 — 路由切换动画 */ .kole-pt { font-family: var(--font-family, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif); } .kole-pt-bar { display: flex; gap: 8px; margin-bottom: 12px; } .kole-pt-bar .kole-btn { font-size: 13px; padding: 6px 12px; } .kole-pt-stage { border: 1px solid var(--kole-color-border); border-radius: 8px; padding: 28px; text-align: center; color: var(--kole-color-text-tertiary); min-height: 96px; display: flex; align-items: center; justify-content: center; font-size: 15px; background: var(--kole-color-card-bg); } .kole-pt-fade { animation: koleFade .35s ease; } .kole-pt-slide { animation: koleSlide .35s ease; } .kole-pt-zoom { animation: koleZoom .35s ease; } @keyframes koleFade { from { opacity: 0; } to { opacity: 1; } } @keyframes koleSlide { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } } @keyframes koleZoom { from { opacity: 0; transform: scale(.92); } to { opacity: 1; transform: none; } }