/* ===== 全局重置 ===== */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; background:#fff; color:#1a1a2e; line-height:1.6; }
a { color:#1976d2; text-decoration:none; }
a:hover { color:#0d47a1; }
img { max-width:100%; height:auto; }
.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.text-center { text-align:center; }

/* ===== 按钮 ===== */
.btn { display:inline-block; padding:10px 28px; border-radius:8px; font-weight:600; font-size:14px; border:none; cursor:pointer; transition:all 0.3s; text-align:center; }
.btn-primary { background:#f57c00; color:#fff; }
.btn-primary:hover { background:#e65100; color:#fff; }
.btn-outline { background:transparent; color:#f57c00; border:2px solid #f57c00; }
.btn-outline:hover { background:#f57c00; color:#fff; }
.btn-small { padding:6px 16px; font-size:13px; }
.btn-large { padding:14px 48px; font-size:18px; }

/* ===== 头部 ===== */
.site-header { background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:100; }
.header-inner { display:flex; align-items:center; justify-content:space-between; height:70px; }
.logo img { display:block; }
.main-nav ul { display:flex; list-style:none; gap:30px; }
.main-nav ul li a { color:#333; font-weight:500; padding:6px 0; border-bottom:2px solid transparent; transition:0.3s; }
.main-nav ul li a:hover, .main-nav ul li a.active { color:#f57c00; border-bottom-color:#f57c00; }
.header-actions { display:flex; gap:12px; }
.header-actions .btn { padding:8px 20px; font-size:13px; }

/* QQ联系方式条 */
.header-qq { background:#f9f9f9; border-top:1px solid #eee; padding:6px 0; font-size:13px; color:#666; }
.header-qq .container { display:flex; align-items:center; gap:8px; }

/* ===== 移动端菜单 ===== */
.mobile-menu-toggle { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:5px; }
.mobile-menu-toggle span { display:block; width:25px; height:3px; background:#333; border-radius:2px; transition:0.3s; }
.mobile-nav { display:none; background:#fff; padding:20px; border-bottom:1px solid #eee; }
.mobile-nav ul { list-style:none; }
.mobile-nav ul li { padding:10px 0; border-bottom:1px solid #f5f5f5; }
.mobile-nav ul li a { color:#333; font-weight:500; display:block; }
.mobile-nav-actions { display:flex; gap:12px; margin-top:16px; }
.mobile-nav-actions .btn { flex:1; text-align:center; }

/* ===== 底部 ===== */
.site-footer { background:#1a1a2e; color:#aaa; padding:50px 0 0; margin-top:60px; }
.footer-inner { display:grid; grid-template-columns:2fr 1fr 1.5fr; gap:40px; }
.footer-col h4 { color:#fff; font-size:16px; margin-bottom:16px; }
.footer-col p { font-size:14px; line-height:1.8; margin-bottom:6px; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:8px; }
.footer-col ul li a { color:#aaa; font-size:14px; }
.footer-col ul li a:hover { color:#f57c00; }
.footer-bottom { border-top:1px solid #333; padding:20px 0; margin-top:30px; }
.footer-bottom-inner { display:flex; justify-content:space-between; align-items:center; font-size:13px; }
.footer-links { display:flex; gap:12px; align-items:center; }
.footer-links a { color:#aaa; }
.footer-links a:hover { color:#f57c00; }
.footer-links span { color:#444; }

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

/* ===== 首页 ===== */
.hero { background:linear-gradient(135deg,#0d1b2a 0%,#1b3a5c 100%); color:#fff; padding:80px 0; text-align:center; }
.hero h1 { font-size:42px; margin-bottom:16px; }
.hero p { font-size:20px; opacity:0.9; margin-bottom:30px; }
.hero-stats { display:flex; justify-content:center; gap:40px; margin-bottom:30px; flex-wrap:wrap; }
.hero-stats div { text-align:center; }
.hero-stats strong { display:block; font-size:32px; color:#f57c00; }

.advantages { padding:60px 0; background:#f8f9fa; }
.advantages h2 { text-align:center; font-size:28px; margin-bottom:40px; }
.advantage-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.advantage-item { background:#fff; padding:30px 24px; border-radius:12px; box-shadow:0 2px 12px rgba(0,0,0,0.06); text-align:center; transition:0.3s; }
.advantage-item:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(0,0,0,0.1); }
.advantage-item .icon { font-size:36px; margin-bottom:12px; }
.advantage-item h3 { font-size:18px; margin-bottom:8px; }
.advantage-item p { font-size:14px; color:#666; }

.home-news { padding:60px 0; }
.home-news h2 { text-align:center; font-size:28px; margin-bottom:40px; }
.news-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:24px; }
.news-item { background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.06); transition:0.3s; }
.news-item:hover { transform:translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,0.1); }
.news-item img { width:100%; height:180px; object-fit:cover; }
.news-info { padding:16px 20px; }
.news-info h3 { font-size:16px; margin-bottom:6px; }
.news-info h3 a { color:#1a1a2e; }
.news-info h3 a:hover { color:#f57c00; }
.news-info p { font-size:14px; color:#666; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.news-info .date { font-size:12px; color:#999; display:block; margin-top:8px; }

/* ===== 新闻列表页 ===== */
.page-news .container { display:grid; grid-template-columns:2fr 1fr; gap:40px; padding-top:40px; }
.news-list-full .news-card { display:flex; gap:20px; background:#fff; border-radius:10px; padding:20px; margin-bottom:20px; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.news-card .news-image { flex:0 0 200px; }
.news-card .news-image img { width:100%; height:130px; object-fit:cover; border-radius:6px; }
.news-body h2 { font-size:18px; margin-bottom:4px; }
.news-body h2 a { color:#1a1a2e; }
.news-body h2 a:hover { color:#f57c00; }
.news-meta { font-size:13px; color:#999; margin-bottom:6px; }
.news-meta span { margin-right:16px; }
.read-more { color:#f57c00; font-weight:500; }
.news-sidebar { background:#f8f9fa; padding:24px; border-radius:10px; }
.news-sidebar h3 { font-size:18px; margin-bottom:16px; }
.news-sidebar ul { list-style:none; }
.news-sidebar ul li { padding:8px 0; border-bottom:1px solid #eee; }
.news-sidebar ul li a { color:#333; font-size:14px; }
.news-sidebar ul li a:hover { color:#f57c00; }

/* ===== 新闻详情 ===== */
.page-news-detail .container { display:grid; grid-template-columns:2fr 1fr; gap:40px; padding-top:40px; }
.detail-article h1 { font-size:28px; margin-bottom:10px; }
.detail-meta { font-size:14px; color:#999; margin-bottom:20px; }
.detail-meta span { margin-right:20px; }
.detail-cover { margin:20px 0; border-radius:10px; overflow:hidden; }
.detail-cover img { width:100%; max-height:400px; object-fit:cover; }
.detail-content { font-size:16px; line-height:1.9; color:#333; }
.detail-content p { margin-bottom:16px; }
.detail-sidebar { background:#f8f9fa; padding:24px; border-radius:10px; }
.detail-sidebar h3 { font-size:18px; margin-bottom:16px; }
.detail-sidebar ul { list-style:none; }
.detail-sidebar ul li { padding:8px 0; border-bottom:1px solid #eee; }
.detail-sidebar ul li a { color:#333; font-size:14px; }

/* ===== 关于我们 ===== */
.page-about { padding:40px 0; }
.page-about h1 { font-size:32px; margin-bottom:24px; }
.about-content h2 { font-size:22px; margin:30px 0 12px; color:#1a1a2e; }
.about-content ul { padding-left:24px; margin:10px 0 16px; }
.about-content ul li { margin-bottom:6px; }
.about-content .note { background:#fff8e1; padding:16px 20px; border-radius:8px; border-left:4px solid #f57c00; margin-top:24px; font-size:14px; color:#6d4c41; }

/* ===== 软件下载 ===== */
.page-download { padding:40px 0; }
.page-download h1 { font-size:32px; text-align:center; }
.page-download .subtitle { text-align:center; color:#666; margin-bottom:40px; }
.download-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:30px; }
.download-item { background:#f8f9fa; padding:30px 24px; border-radius:12px; text-align:center; transition:0.3s; }
.download-item:hover { transform:translateY(-4px); box-shadow:0 6px 20px rgba(0,0,0,0.08); }
.download-item .icon { font-size:40px; margin-bottom:12px; }
.download-item h3 { font-size:18px; margin-bottom:6px; }
.download-item p { font-size:14px; color:#666; margin-bottom:16px; }
.download-links { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.download-note { margin-top:40px; padding:20px; background:#fff8e1; border-radius:8px; font-size:14px; color:#6d4c41; text-align:center; }

/* ===== 联系我们 ===== */
.page-contact { padding:40px 0; }
.page-contact h1 { font-size:32px; text-align:center; margin-bottom:40px; }
.contact-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:40px; }
.contact-info { background:#f8f9fa; padding:30px; border-radius:10px; }
.contact-info h2 { font-size:20px; margin-bottom:16px; }
.contact-info p { margin-bottom:10px; font-size:15px; }
.contact-cta { margin-top:20px; }
.contact-form { background:#fff; padding:30px; border-radius:10px; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
.contact-form h2 { font-size:20px; margin-bottom:16px; }
.contact-form .form-group { margin-bottom:16px; }
.contact-form label { display:block; font-weight:500; margin-bottom:4px; }
.contact-form input, .contact-form textarea { width:100%; padding:10px 14px; border:1px solid #ddd; border-radius:6px; font-size:14px; }
.contact-form textarea { resize:vertical; }
.form-success { background:#e8f5e9; padding:12px; border-radius:6px; color:#2e7d32; margin-top:16px; }

/* ===== 404 ===== */
.page-404 { padding:80px 0; text-align:center; }
.page-404 h1 { font-size:80px; color:#f57c00; margin-bottom:10px; }
.page-404 h2 { font-size:28px; margin-bottom:12px; }
.page-404 p { font-size:16px; color:#666; margin-bottom:24px; }

/* ===== 分页 ===== */
.pagination { display:flex; gap:6px; justify-content:center; margin-top:24px; }
.pagination .page-item { display:inline-block; }
.pagination .page-item a { display:block; padding:6px 14px; border:1px solid #ddd; border-radius:6px; color:#333; }
.pagination .page-item a:hover { background:#f5f5f5; }
.pagination .page-item.active a { background:#f57c00; border-color:#f57c00; color:#fff; }

/* ===== 响应式 ===== */
@media (max-width:992px) {
    .footer-inner { grid-template-columns:1fr 1fr; gap:30px; }
    .contact-grid { grid-template-columns:1fr; }
    .page-news .container { grid-template-columns:1fr; }
    .page-news-detail .container { grid-template-columns:1fr; }
    .advantage-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:768px) {
    .main-nav { display:none; }
    .header-actions { display:none; }
    .mobile-menu-toggle { display:flex; }
    .mobile-nav.active { display:block; }
    .mobile-bottom-bar { display:flex; }
    .footer-inner { grid-template-columns:1fr; gap:30px; }
    .hero { padding:50px 0; }
    .hero h1 { font-size:28px; }
    .hero p { font-size:16px; }
    .hero-stats { gap:20px; }
    .hero-stats strong { font-size:24px; }
    .advantage-grid { grid-template-columns:1fr; }
    .news-list { grid-template-columns:1fr; }
    .news-list-full .news-card { flex-direction:column; }
    .news-card .news-image { flex:auto; }
    .news-card .news-image img { height:160px; }
    .download-grid { grid-template-columns:1fr 1fr; }
    .footer-bottom-inner { flex-direction:column; gap:10px; text-align:center; }
    .page-news .container { padding-top:20px; }
    .page-news-detail .container { padding-top:20px; }
    .detail-article h1 { font-size:22px; }
}

@media (max-width:480px) {
    .download-grid { grid-template-columns:1fr; }
    .header-inner { height:60px; }
    .logo img { width:140px; }
    .site-header .header-qq { font-size:12px; }
    .mobile-nav-actions .btn { font-size:13px; padding:8px 12px; }
    .mobile-bottom-bar .btn { font-size:13px; padding:10px; }
}
/* ===== 新增：热门产品 ===== */
.hot-products { padding:60px 0; background:#f5f7fa; }
.hot-products h2 { text-align:center; font-size:28px; margin-bottom:40px; }
.product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:20px; }
.product-item { background:#fff; padding:20px; border-radius:10px; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,0.06); transition:0.3s; }
.product-item:hover { transform:translateY(-3px); }
.product-icon { font-size:32px; display:block; margin-bottom:6px; }
.product-item h3 { font-size:18px; margin-bottom:4px; }
.product-item p { font-size:13px; color:#666; }

/* ===== 交易软件 ===== */
.trading-software { padding:60px 0; }
.trading-software h2 { text-align:center; font-size:28px; margin-bottom:40px; }
.software-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:30px; }
.software-item { text-align:center; padding:20px; }
.software-icon { font-size:48px; }
.software-item h3 { font-size:18px; margin:12px 0 6px; }

/* ===== 账户类型 ===== */
.account-types { padding:60px 0; background:#f5f7fa; }
.account-types h2 { text-align:center; font-size:28px; margin-bottom:40px; }
.account-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:30px; }
.account-card { background:#fff; padding:30px; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.06); text-align:center; }
.account-card.featured { border:2px solid #f57c00; transform:scale(1.02); }
.account-card h3 { font-size:22px; color:#f57c00; margin-bottom:8px; }
.account-card p { color:#666; margin-bottom:12px; }
.account-card ul { text-align:left; padding-left:20px; font-size:14px; }
.account-card ul li { margin-bottom:4px; }

/* ===== 荣誉 ===== */
.awards { padding:60px 0; }
.awards h2 { text-align:center; font-size:28px; margin-bottom:40px; }
.award-list { display:flex; flex-wrap:wrap; justify-content:center; gap:40px; }
.award-item { text-align:center; }
.award-item img { width:80px; height:80px; object-fit:contain; display:block; margin:0 auto 8px; }
.award-item span { font-size:14px; color:#333; }

/* ===== 媒体合作 ===== */
.media-partners { padding:40px 0; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.media-partners h2 { text-align:center; font-size:24px; margin-bottom:30px; }
.media-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; }
.media-logo img { height:50px; object-fit:contain; opacity:0.7; transition:0.3s; }
.media-logo img:hover { opacity:1; }

/* ===== 软件下载页新增 ===== */
.platform-intro, .platform-diff, .trading-tools { margin-bottom:40px; }
.platform-intro h2 { font-size:22px; margin-top:24px; color:#f57c00; }
.platform-intro ul { padding-left:24px; margin-top:8px; }
.diff-table { width:100%; border-collapse:collapse; margin:16px 0; }
.diff-table th, .diff-table td { border:1px solid #ddd; padding:10px 16px; text-align:left; }
.diff-table th { background:#f5f7fa; font-weight:600; }
.diff-table tr:nth-child(even) { background:#f9f9f9; }
.tools-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; margin-top:16px; }
.tool-item { background:#f8f9fa; padding:20px; border-radius:8px; border-left:4px solid #f57c00; }
.tool-item h3 { font-size:18px; margin-bottom:4px; }
.tool-item p { font-size:14px; color:#666; }

/* ===== 响应式 ===== */
@media (max-width:768px) {
    .product-grid { grid-template-columns:repeat(3,1fr); }
    .account-grid { grid-template-columns:1fr; }
    .account-card.featured { transform:none; }
    .award-list { gap:20px; }
    .media-grid { gap:15px; }
    .media-logo img { height:35px; }
    .diff-table { font-size:14px; }
    .diff-table th, .diff-table td { padding:8px; }
}
@media (max-width:480px) {
    .product-grid { grid-template-columns:repeat(2,1fr); }
    .software-grid { grid-template-columns:1fr; }
}
/* ===== Logo 颜色调整（橙色） ===== */
.logo img {
    filter: brightness(0) saturate(100%) invert(73%) sepia(86%) saturate(4026%) hue-rotate(1deg) brightness(99%) contrast(104%);
    transition: filter 0.3s ease;
}
/* 鼠标悬停时变色（可选） */
.logo img:hover {
    filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(2659%) hue-rotate(1deg) brightness(104%) contrast(104%);
}
/* ===== 新闻列表页（修复空白） ===== */
.page-news .container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    padding-top: 40px;
    align-items: stretch;  /* 关键：让两列等高 */
}

.news-main {
    display: flex;
    flex-direction: column;
}

.news-list-full {
    flex: 1;  /* 自动填充剩余高度 */
}

.news-list-full .news-card {
    display: flex;
    gap: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.news-card .news-image {
    flex: 0 0 200px;
}

.news-card .news-image img {
    width: 100%;
    height: 130px;
    object-fit: cover;
    border-radius: 6px;
}

.news-body h2 {
    font-size: 18px;
    margin-bottom: 4px;
}

.news-body h2 a {
    color: #1a1a2e;
}

.news-body h2 a:hover {
    color: #f57c00;
}

.news-meta {
    font-size: 13px;
    color: #999;
    margin-bottom: 6px;
}

.news-meta span {
    margin-right: 16px;
}

.read-more {
    color: #f57c00;
    font-weight: 500;
}

.news-sidebar {
    background: #f8f9fa;
    padding: 24px;
    border-radius: 10px;
    height: fit-content;  /* 侧边栏高度自适应内容 */
}

.news-sidebar h3 {
    font-size: 18px;
    margin-bottom: 16px;
}

.news-sidebar ul {
    list-style: none;
    padding: 0;
}

.news-sidebar ul li {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.news-sidebar ul li a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
}

.news-sidebar ul li a:hover {
    color: #f57c00;
}

/* 分页样式 */
.pagination {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 20px;
}

.pagination .page-item {
    display: inline-block;
}

.pagination .page-item a {
    display: block;
    padding: 6px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    color: #333;
    text-decoration: none;
}

.pagination .page-item a:hover {
    background: #f5f5f5;
}

.pagination .page-item.active a {
    background: #f57c00;
    border-color: #f57c00;
    color: #fff;
}

/* 空状态 */
.empty {
    text-align: center;
    color: #999;
    padding: 40px 0;
}

/* ===== 响应式 ===== */
@media (max-width: 992px) {
    .page-news .container {
        grid-template-columns: 1fr;  /* 小屏幕变一栏 */
        gap: 30px;
    }
    .news-sidebar {
        order: 2;  /* 侧边栏放到下面 */
    }
}

@media (max-width: 768px) {
    .news-list-full .news-card {
        flex-direction: column;
    }
    .news-card .news-image {
        flex: auto;
    }
    .news-card .news-image img {
        height: 160px;
    }
}