/* ========== 基础重置 ========== */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif; color:#333; line-height:1.6; background:#fff; }
a { text-decoration:none; color:#0066cc; }
a:hover { color:#004499; }
img { max-width:100%; height:auto; }
.container { max-width:1200px; margin:0 auto; padding:0 15px; }
.btn { display:inline-block; padding:10px 20px; border-radius:4px; font-weight:600; transition:all 0.3s; border:none; cursor:pointer; }
.btn-primary { background:#0066cc; color:#fff; }
.btn-primary:hover { background:#004499; color:#fff; }
.btn-outline { background:transparent; border:1px solid #0066cc; color:#0066cc; }
.btn-outline:hover { background:#f0f7ff; }
.btn-lg { padding:14px 30px; font-size:1.1em; }

/* ========== 头部 ========== */
.site-header { background:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.05); position:sticky; top:0; z-index:100; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }
.logo img { max-height:50px; }
.main-nav ul { list-style:none; display:flex; gap:30px; }
.main-nav a { color:#333; font-weight:500; padding:5px 0; border-bottom:2px solid transparent; transition:0.3s; }
.main-nav a:hover, .main-nav a.active { color:#0066cc; border-bottom-color:#0066cc; }
.header-actions { display:flex; gap:10px; }
.qq-bar { background:#f8f9fa; padding:5px 0; font-size:0.9em; border-top:1px solid #eee; }
.qq-bar a { color:#0066cc; }

/* 移动端导航按钮 */
.nav-toggle { display:none; background:none; border:none; font-size:1.8rem; cursor:pointer; }

/* ========== 主体内容 ========== */
.site-main { min-height:calc(100vh - 200px); }

/* 英雄区 */
.hero { background:linear-gradient(135deg, #0066cc 0%, #004499 100%); color:#fff; padding:80px 0; text-align:center; }
.hero h1 { font-size:2.5rem; margin-bottom:20px; }
.hero p { font-size:1.2rem; margin-bottom:30px; opacity:0.9; }
.hero-buttons { display:flex; gap:20px; justify-content:center; }

/* 特性区 */
.features { padding:60px 0; background:#f8f9fa; }
.features h2, .latest-news h2 { text-align:center; margin-bottom:40px; }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:30px; }
.feature-item { text-align:center; }
.feature-item .icon { font-size:2.5rem; display:block; margin-bottom:15px; }

/* 新闻卡片 */
.news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.news-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,0.05); transition:0.3s; }
.news-card:hover { transform:translateY(-5px); box-shadow:0 5px 20px rgba(0,0,0,0.1); }
.news-card img { width:100%; height:180px; object-fit:cover; }
.news-card-body { padding:20px; }
.news-card h3 { font-size:1.2rem; margin-bottom:10px; }
.news-card .date { color:#666; font-size:0.9em; }

/* 页面标题 */
.page-header { background:#f0f7ff; padding:40px 0; }
.page-header h1 { font-size:2rem; }
.page-content { padding:50px 0; }

/* 账户卡片 */
.account-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.account-card { border:1px solid #e0e0e0; border-radius:8px; padding:30px; text-align:center; }
.account-card h2 { margin-bottom:10px; }
.account-card ul { list-style:none; margin:20px 0; }
.account-card li { padding:5px 0; }

/* 新闻列表 */
.news-list { display:flex; flex-direction:column; gap:20px; }
.news-item { display:flex; border:1px solid #e0e0e0; border-radius:8px; overflow:hidden; transition:0.3s; }
.news-item:hover { box-shadow:0 5px 15px rgba(0,0,0,0.1); }
.news-thumb { flex:0 0 200px; }
.news-thumb img { width:100%; height:150px; object-fit:cover; }
.news-info { padding:20px; }
.news-info h2 { font-size:1.3rem; margin-bottom:10px; }
.news-info time { color:#666; font-size:0.9em; }
.pagination { margin-top:40px; text-align:center; }
.pagination a { display:inline-block; padding:8px 12px; margin:0 5px; border:1px solid #ddd; border-radius:4px; }
.pagination a.active { background:#0066cc; color:#fff; border-color:#0066cc; }

/* 文章详情 */
.article-body { max-width:800px; margin:0 auto; }
.article-image { margin-bottom:30px; border-radius:8px; }
.article-meta { color:#666; margin-top:10px; }

/* 联系我们 */
.contact-info { margin-bottom:40px; }
.info-item { margin-bottom:15px; }
.contact-form input, .contact-form textarea { width:100%; padding:12px; margin-bottom:15px; border:1px solid #ddd; border-radius:4px; }
.contact-form button { width:100%; }

/* 404 */
.page-404 { text-align:center; padding:100px 0; }
.page-404 h1 { font-size:5rem; color:#0066cc; }
.page-404 p { font-size:1.2rem; margin:20px 0; }

/* ========== 底部 ========== */
.site-footer { background:#fff; border-top:1px solid #eee; padding:40px 0 0; }
.footer-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-bottom:30px; }
.footer-col h3 { margin-bottom:15px; }
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:8px; }
.copyright { border-top:1px solid #eee; padding:20px 0; text-align:center; background:#f8f9fa; }

/* 手机底部固定栏 */
.mobile-bottom-bar { display:none; position:fixed; bottom:0; left:0; right:0; background:#fff; box-shadow:0 -2px 10px rgba(0,0,0,0.1); padding:10px 15px; z-index:99; gap:10px; }
.mobile-btn { flex:1; text-align:center; }

/* ========== 响应式 ========== */
@media (max-width: 992px) {
    .feature-grid { grid-template-columns:repeat(2,1fr); }
    .news-grid { grid-template-columns:repeat(2,1fr); }
    .account-cards { grid-template-columns:1fr; }
    .footer-grid { grid-template-columns:1fr; }
}
@media (max-width: 768px) {
    .main-nav { display:none; position:absolute; top:70px; left:0; right:0; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); }
    .main-nav.open { display:block; }
    .main-nav ul { flex-direction:column; padding:20px; gap:15px; }
    .header-actions { display:none; }
    .nav-toggle { display:block; }
    .mobile-bottom-bar { display:flex; }
    .site-main { padding-bottom:70px; } /* 防止内容被底部栏遮挡 */
    .feature-grid, .news-grid { grid-template-columns:1fr; }
    .news-item { flex-direction:column; }
    .news-thumb { flex:0 0 auto; }
}