/**
 * 知途平台 - 全局公共样式
 * 解决 Vue.js 模板闪烁（FOUC）问题
 * 
 * 使用方式：
 * 1. 在 <head> 中引入：<link rel="stylesheet" href="css/common.css">
 * 2. 在 #app 容器添加 v-cloak：<div id="app" v-cloak>
 */

/* v-cloak：Vue 编译完成前隐藏模板内容，防止 {{ }} 原始文本闪烁 */
[v-cloak] {
    display: none !important;
}

/* 页面加载时的淡入动画（Vue 编译完成后自动移除 v-cloak，内容平滑出现） */
#app {
    animation: zt-fade-in 0.2s ease-in;
}

@keyframes zt-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}
