/* CPT外汇平台全站样式 */
:root {
    --primary: #1a3a5c;
    --accent: #c9a84c;
    --text: #333;
    --light-bg: #f5f7fa;
    --white: #fff;
    --shadow: 0 2px 10px rgba(0,0,0,0.1);
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
    color: var(--text);
    background: var(--light-bg);
    padding-top: 70px; /* 顶部固定导航高度 */
    padding-bottom: 60px; /* 底部固定按钮空间 */
}
a { text-decoration:none; color:inherit; }
ul { list-style:none; }
img { max-width:100%; height:auto; }

/* 顶部导航 */
.top-bar {
    position: fixed;
    top:0; left:0; right:0;
    background: var(--white);
    box-shadow: var(--shadow);
    z-index: 1000;
    height:70px;
    display:flex;
    align-items:center;
}
.top-bar .container {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 15px;
}
.logo img { height:40px; }
.nav-menu {
    display:flex;
    gap:20px;
}
.nav-menu a {
    padding:8px 12px;
    font-weight:500;
    color:var(--text);
    border-radius:4px;
    transition: all 0.3s;
}
.nav-menu a:hover, .nav-menu a.active {
    background: var(--primary);
    color: var(--white);
}
.top-actions {
    display:flex;
    align-items:center;
    gap:10px;
}
.btn {
    padding:8px 16px;
    border-radius:4px;
    font-weight:600;
    text-align:center;
    cursor:pointer;
    border: none;
    transition: all 0.3s;
}
.btn-primary { background: var(--primary); color:var(--white); }
.btn-primary:hover { background:#0f2a45; }
.btn-accent { background: var(--accent); color:var(--white); }
.btn-accent:hover { background:#b8953a; }
.qq-contact {
    display:block;
    font-size:13px;
    color:#666;
    margin-top:4px;
}
.qq-contact i { color:#12b7f5; margin-right:4px; }

/* 移动端菜单按钮 */
.mobile-toggle {
    display:none;
    font-size:24px;
    background:none;
    border:none;
    cursor:pointer;
    color:var(--primary);
}

/* 主要内容 */
.container {
    max-width:1200px;
    margin:0 auto;
    padding:20px 15px;
}
.page-title {
    font-size:28px;
    color:var(--primary);
    margin-bottom:20px;
    border-bottom:3px solid var(--accent);
    padding-bottom:10px;
}
.content-section {
    background:var(--white);
    padding:30px;
    border-radius:8px;
    box-shadow:var(--shadow);
    margin-bottom:30px;
}
.grid-3 {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap:20px;
}
.card {
    background:var(--white);
    border-radius:8px;
    padding:20px;
    box-shadow:var(--shadow);
    transition: transform 0.3s;
}
.card:hover { transform:translateY(-5px); }
.card h3 { color:var(--primary); margin-bottom:10px; }

/* 新闻列表 */
.news-item {
    display:flex;
    gap:20px;
    padding:15px;
    background:var(--white);
    border-radius:8px;
    box-shadow:var(--shadow);
    margin-bottom:15px;
}
.news-thumb {
    width:150px;
    height:100px;
    object-fit:cover;
    border-radius:4px;
    background:#ddd;
}
.news-content { flex:1; }
.news-title { font-size:18px; font-weight:600; color:var(--primary); }
.news-excerpt { color:#666; margin-top:5px; }
.news-meta { font-size:13px; color:#999; margin-top:5px; }

/* 底部 */
.footer {
    background:var(--white);
    padding:40px 0 20px;
    border-top:1px solid #ddd;
    margin-top:40px;
}
.footer .container {
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
    gap:30px;
}
.footer h4 {
    color:var(--primary);
    margin-bottom:15px;
    font-size:18px;
}
.footer ul li { margin-bottom:8px; }
.footer a { color:#555; }
.footer a:hover { color:var(--accent); }
.footer-bottom {
    text-align:center;
    padding-top:20px;
    border-top:1px solid #eee;
    margin-top:20px;
    color:#888;
    font-size:14px;
}

/* 底部固定按钮（手机端） */
.mobile-fixed-bar {
    display:none;
    position:fixed;
    bottom:0; left:0; right:0;
    background:var(--white);
    box-shadow:0 -2px 10px rgba(0,0,0,0.1);
    z-index:999;
    padding:10px 15px;
}
.mobile-fixed-bar .btn {
    flex:1;
    margin:0 5px;
    padding:10px 0;
    font-size:14px;
}

/* 响应式 */
@media (max-width: 768px) {
    .nav-menu {
        display:none;
        flex-direction:column;
        position:absolute;
        top:70px;
        left:0; right:0;
        background:var(--white);
        box-shadow:var(--shadow);
        padding:10px;
    }
    .nav-menu.active { display:flex; }
    .mobile-toggle { display:block; }
    .top-actions .btn { display:none; } /* 隐藏桌面按钮，移动端用底部固定 */
    .news-item { flex-direction:column; }
    .news-thumb { width:100%; height:auto; }
    .mobile-fixed-bar {
        display:flex;
        justify-content:space-between;
    }
    body { padding-bottom:60px; } /* 底部固定按钮高度 */
}