/* ========== 全局 ========== */
:root {
    --primary: #0a1628;
    --gold: #d4a843;
    --bg: #f5f6fa;
    --text: #333;
    --border: #e0e0e0;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif; background:var(--bg); color:var(--text); line-height:1.6; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
a { text-decoration:none; color:inherit; }
.btn { display:inline-block; padding:10px 24px; border-radius:4px; font-weight:600; border:none; cursor:pointer; transition:all .3s; }
.btn-gold { background:var(--gold); color:#fff; }
.btn-gold:hover { background:#c19a35; }
.btn-primary { background:var(--primary); color:#fff; }
.btn-outline { border:1px solid var(--primary); color:var(--primary); background:transparent; }
.btn-outline:hover { background:var(--primary); color:#fff; }
.btn-lg { padding:14px 36px; font-size:18px; }

/* ========== 头部 ========== */
.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; padding:15px 20px; flex-wrap:wrap; }
.logo a { font-size:24px; font-weight:bold; color:var(--primary); }
.main-nav ul { display:flex; list-style:none; gap:25px; }
.main-nav a { font-size:16px; color:var(--primary); }
.main-nav a:hover { color:var(--gold); }
.header-buttons { display:flex; gap:10px; }
.header-qq { text-align:center; padding:5px 0; background:#f0f0f0; font-size:14px; }
.header-qq span { color:#666; }

/* ========== 主体 ========== */
.site-main { min-height:60vh; }
.hero { background:linear-gradient(135deg, #0a1628 0%, #1a2a4a 100%); color:#fff; text-align:center; padding:80px 20px; }
.hero h1 { font-size:42px; margin-bottom:15px; }
.hero p { font-size:20px; margin-bottom:25px; opacity:0.9; }
.features { padding:60px 0; }
.features h2 { text-align:center; margin-bottom:30px; color:var(--primary); }
.feature-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:20px; }
.feature-item { background:#fff; padding:30px; text-align:center; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.05); font-size:18px; }
.news-preview { padding:40px 0; background:#fff; }
.news-preview h2 { text-align:center; margin-bottom:25px; }
.news-list { display:flex; flex-direction:column; gap:12px; }
.news-item { display:flex; justify-content:space-between; padding:10px 15px; background:#f9f9f9; border-radius:6px; }
.news-item a { color:var(--primary); font-weight:500; }
.news-item span { color:#999; font-size:14px; }

/* ========== 页面通用 ========== */
.page-header { background:var(--primary); color:#fff; padding:50px 0; text-align:center; }
.page-header h1 { font-size:36px; }
.page-content { padding:40px 20px; }
.download-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:25px; }
.download-item { background:#fff; padding:30px; border-radius:8px; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.download-item h3 { margin-bottom:10px; }
.news-list-full { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:25px; }
.news-card { background:#fff; border-radius:8px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.news-card img { width:100%; height:180px; object-fit:cover; border-radius:6px; margin-bottom:15px; }
.news-card h3 { margin-bottom:10px; }
.news-card p { color:#666; font-size:14px; }
.news-card span { display:block; margin-top:10px; color:#999; font-size:13px; }
.article-detail { background:#fff; padding:40px; border-radius:8px; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.article-detail h1 { font-size:32px; margin-bottom:15px; }
.article-meta { color:#999; margin-bottom:20px; }
.article-image { width:100%; max-height:400px; object-fit:cover; border-radius:6px; margin-bottom:20px; }
.article-content { font-size:16px; line-height:1.8; }
.contact-info { background:#fff; padding:30px; border-radius:8px; margin-bottom:30px; }
.contact-info p { margin-bottom:10px; font-size:16px; }
.contact-form { background:#fff; padding:30px; border-radius:8px; }
.contact-form input, .contact-form textarea { width:100%; padding:12px; margin-bottom:15px; border:1px solid var(--border); border-radius:4px; }
.contact-form button { width:auto; }

/* ========== 底部 ========== */
.site-footer { background:#fff; border-top:1px solid var(--border); padding:40px 0 20px; }
.footer-inner { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:30px; }
.footer-col h3 { margin-bottom:15px; color:var(--primary); }
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:8px; }
.footer-col a:hover { color:var(--gold); }
.footer-bottom { text-align:center; padding-top:20px; border-top:1px solid #eee; margin-top:30px; font-size:14px; color:#999; }

/* ========== 手机固定按钮 ========== */
.mobile-fixed-buttons { 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 20px; z-index:999; gap:10px; }
.mobile-fixed-buttons .btn { flex:1; text-align:center; }

/* ========== 响应式 ========== */
@media (max-width: 768px) {
    .header-inner { flex-direction:column; gap:10px; }
    .main-nav ul { flex-wrap:wrap; justify-content:center; gap:15px; }
    .header-buttons { margin-top:5px; }
    .hero h1 { font-size:30px; }
    .mobile-fixed-buttons { display:flex; }
    body { padding-bottom:60px; } /* 防止固定按钮遮挡内容 */
    .footer-inner { grid-template-columns:1fr; text-align:center; }
}
/* ========== 首页新增区块样式 ========== */
.section-subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-size: 16px;
}
.global-offices,
.regulations,
.account-types,
.trading-software,
.faq-section {
    padding: 60px 0;
}
.global-offices h2,
.regulations h2,
.account-types h2,
.trading-software h2,
.faq-section h2 {
    text-align: center;
    margin-bottom: 10px;
    color: var(--primary);
}
.office-grid,
.regulator-grid,
.software-grid,
.recommend-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 20px;
}
.office-card,
.regulator-item,
.software-card,
.recommend-card {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    text-align: center;
}
.office-card h3,
.regulator-item h4,
.software-card h3,
.recommend-card h4 {
    margin-bottom: 10px;
    color: var(--primary);
}
.regulator-icon {
    font-size: 40px;
    display: block;
    margin-bottom: 10px;
}
.table-responsive {
    overflow-x: auto;
    margin-top: 20px;
}
.account-table,
.comparison-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border-radius: 8px;
    overflow: hidden;
}
.account-table th,
.account-table td,
.comparison-table th,
.comparison-table td {
    padding: 14px 18px;
    border-bottom: 1px solid #eee;
    text-align: left;
}
.account-table th,
.comparison-table th {
    background: var(--primary);
    color: #fff;
    font-weight: 500;
}
.account-table tr:last-child td,
.comparison-table tr:last-child td {
    border-bottom: none;
}

/* FAQ */
.faq-list {
    max-width: 800px;
    margin: 0 auto;
}
.faq-item {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.faq-item h4 {
    color: var(--primary);
    margin-bottom: 8px;
    font-size: 18px;
}

/* ========== 关于我们页面样式 ========== */
.company-intro,
.regulations-showcase,
.account-flow,
.account-recommend {
    margin-bottom: 50px;
}
.company-intro h2,
.regulations-showcase h2,
.account-flow h2,
.account-recommend h2 {
    color: var(--primary);
    margin-bottom: 15px;
    border-left: 4px solid var(--gold);
    padding-left: 12px;
}
.steps {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}
.step-item {
    flex: 1 1 200px;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.step-number {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--gold);
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.recommend-cards {
    gap: 20px;
}
.recommend-card {
    text-align: left;
}

/* ========== 软件下载页面样式 ========== */
.platform-comparison,
.pros-cons {
    margin-top: 50px;
}
.platform-comparison h2,
.pros-cons h2 {
    text-align: center;
    margin-bottom: 20px;
    color: var(--primary);
}
.pros-cons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
}
.pros-card {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.pros-card h3 {
    color: var(--primary);
    margin: 15px 0 10px;
}
.pros-card ul {
    padding-left: 20px;
}
.pros-card li {
    margin-bottom: 5px;
    color: #555;
}

/* 响应式微调 */
@media (max-width: 768px) {
    .steps {
        flex-direction: column;
    }
    .office-grid,
    .regulator-grid,
    .software-grid,
    .recommend-cards,
    .pros-cons-grid {
        grid-template-columns: 1fr;
    }
}