﻿/* styles.css */
/* 共用样式基础 */
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Microsoft YaHei', sans-serif; }

a { text-decoration: none; }

/* 顶部导航 */
.navbar { position: fixed; top: 0; width: 100%; background: rgba(255, 255, 255, 0.96); padding: 0.85rem 6%; display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); z-index: 1000; }
.brand { font-size: 1.05rem; font-weight: 700; color: #0b1c33; letter-spacing: 0.5px; white-space: nowrap; }
.nav-links { display: flex; gap: 1.4rem; justify-content: center; align-items: center; flex-wrap: wrap; }
.nav-links a { text-decoration: none; color: #333; font-weight: 500; font-size: 1.05rem; position: relative; transition: color 0.3s ease; }
.nav-links a.active { color: #007BFF; font-weight: 600; }
.nav-links a.active::after { content: ''; position: absolute; left: 0; bottom: -5px; width: 100%; height: 2px; background: #007BFF; animation: underline 0.3s ease; }
@keyframes underline { from { width: 0; } to { width: 100%; } }

/* 响应式调整 */
@media (max-width: 768px) {
    .navbar { padding: 0.75rem 5%; flex-direction: column; align-items: flex-start; }
    .brand { font-size: 1rem; }
    .nav-links { gap: 0.9rem 1.2rem; justify-content: flex-start; }
    .nav-links a { font-size: 0.95rem; }
}

/* 页脚样式 */
footer { background: #292e33; color: white; }
.footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }
.contact-info p { margin: 0.5rem 0; }
.quick-links a { display: block; color: white; text-decoration: none; margin: 0.5rem 0; }
.footerdown { background: #292e33; border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 20px 0; text-align: center; overflow: hidden; color: #b5bbc0 !important; min-width: 1220px; }
.footerdown a { color: #b5bbc0 !important; }
.footerdown p { line-height: 24px; font-size: 12px; }
.footertop { height: 160px; background: linear-gradient(120deg, #0f2347, #163d71, #0b1c33); overflow: hidden; min-width: 1220px; }
.footertop .footer-title { font-size: 24px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; margin-top: 30px; text-align: center; color: #ffffff; }
.footertop .footer-reg { float: none; display: block; margin: 30px auto 0; width: 120px; height: 36px; line-height: 36px; background-color: #ffffff; border-radius: 2px; border: solid 1px #ffffff; font-size: 20px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #188ae0; text-align: center; }

/* banner文字大小 */
.banner-content h1 { font-size: 40px; margin-bottom: 1rem; }
.banner-content p { font-size: 32px; }
