/* --- 基础重置 --- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-y: scroll; }
body {
    font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
    color: #333;
    padding-top: 80px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a { text-decoration: none; cursor: pointer; }

/* --- 顶部导航 --- */
.header {
    background: #1e4fa3;
    color: #fff;
    padding: 8px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    height: 80px;
    top: 0; left: 0; right: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.nav { display: flex; gap: 8px; cursor: pointer;padding-right: 14% }
.nav .nav-item {
    color: #fff; font-size: 16px; width: 100px; text-align: center;
    padding: 6px 0; border-radius: 4px; transition: all 0.3s ease;
    backface-visibility: hidden; transform: translateZ(0); /* 防止抖动 */
}
.nav .nav-item.active { background: #2aa3d9; }

/* --- Tab 切换动画 --- */
.tab-container { min-height: 60vh; width: 100%; }
.fade-enter-active, .fade-leave-active { transition: opacity 0.3s ease; }
.fade-enter-from, .fade-leave-to { opacity: 0; }

/* --- 联系区域 --- */
.contact {
    background: #eef2f7 url('../images/bg1.png') no-repeat center/cover;
    padding: 80px 20px; display: flex; justify-content: center;
}
.contact-box { background: #fff; padding: 30px; width: 800px; border-radius: 10px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }
.contact-item { margin: 10px 0; display: flex; align-items: center; font-size: 16px; }

/* --- 页脚 --- */
.footer { background: #1e4fa3; color: #fff; text-align: center; padding: 25px; line-height: 2; }
.footer-row { margin-bottom: 5px; }

@media (max-width: 768px) {
    .header { padding: 8px 10px; flex-direction: column; height: auto; position: relative; }
    body { padding-top: 0; }
    .nav { margin-top: 10px; flex-wrap: wrap; justify-content: center; }
    .nav .nav-item { width: 80px; font-size: 14px; }
}