/* ==========================================================================
   财讯领航门户网 - 全站全局高档金融深蓝金样式表 (style.css)
   适配帝国CMS 1-7 核心频道、列表、内容及主流子页面
   ========================================================================== */

:root {
    --primary-color: #0A192F;      /* 沉稳金融深蓝 */
    --secondary-color: #1E3A8A;    /* 次级深蓝 */
    --accent-gold: #C5A059;        /* 尊贵香槟金 */
    --text-main: #334155;          /* 正文深灰主色 */
    --text-light: #64748B;         /* 辅助浅灰 */
    --bg-light: #F8FAFC;           /* 页面浅色背景 */
    --border-color: #E2E8F0;       /* 边框分割线颜色 */
    --success-color: #10B981;      /* 涨势绿 */
    --danger-color: #EF4444;       /* 跌势红(仅用于股市行情数值) */
}

/* 基础重置 */
* { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
body { background-color: var(--bg-light); color: var(--text-main); line-height: 1.6; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

/* 容器通用规范 */
.container { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: flex; justify-content: space-between; align-items: center; }

/* 1. 顶部证券行情条 */
.top-ticker { background: var(--primary-color); color: #fff; font-size: 12px; padding: 6px 0; border-bottom: 1px solid rgba(197, 160, 89, 0.2); }
.ticker-items { display: flex; gap: 20px; }
.ticker-item b { margin-left: 4px; }
.ticker-item span.up { color: var(--success-color); margin-left: 5px; }
.ticker-item span.down { color: var(--danger-color); margin-left: 5px; }

/* 2. 顶栏Logo与搜索 */
.header-main { background: #fff; padding: 20px 0; border-bottom: 2px solid var(--accent-gold); }
.header-wrap { display: flex; justify-content: space-between; align-items: center; max-width: 1200px; margin: 0 auto; padding: 0 15px; }
.logo h1 { font-size: 26px; color: var(--primary-color); font-weight: 800; letter-spacing: 0.5px; }
.logo span { color: var(--accent-gold); font-size: 13px; display: block; font-weight: 400; margin-top: 2px; }
.search-box { display: flex; border: 1px solid var(--border-color); border-radius: 4px; overflow: hidden; width: 320px; }
.search-box input { border: none; padding: 10px 15px; width: 100%; outline: none; font-size: 14px; }
.search-box button { background: var(--primary-color); color: #fff; border: none; padding: 0 20px; cursor: pointer; font-weight: 600; transition: background 0.2s; }
.search-box button:hover { background: var(--secondary-color); }

/* 3. 7个核心频道导航栏（严格对应栏目 ID 1-7） */
.nav-bar { background: var(--primary-color); box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.nav-list { display: flex; list-style: none; max-width: 1200px; margin: 0 auto; }
.nav-list li a { display: block; color: #fff; padding: 14px 18px; text-decoration: none; font-size: 14px; font-weight: 500; transition: background 0.3s; border-bottom: 3px solid transparent; }
.nav-list li a:hover, .nav-list li.active a { background: var(--secondary-color); border-bottom-color: var(--accent-gold); }

/* 4. 全站通用主布局网格 */
.main-container { max-width: 1200px; margin: 25px auto; display: grid; grid-template-columns: 2fr 1fr; gap: 25px; padding: 0 15px; }

/* 5. 块状组件与侧边栏通用样式 */
.widget-box, .headline-section, .list-section, .search-section, .article-section, .detail-section, .cover-main-section { 
    background: #fff; padding: 25px; border-radius: 6px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); 
}
.widget-box { border-top: 3px solid var(--accent-gold); padding: 20px; }
.widget-title, .section-title { font-size: 15px; font-weight: 700; color: var(--primary-color); margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }

/* 6. 面包屑与位置导航 */
.position-bar { font-size: 13px; color: var(--text-light); margin-bottom: 20px; border-bottom: 1px solid var(--border-color); padding-bottom: 10px; }
.position-bar a { color: var(--primary-color); text-decoration: none; }
.position-bar a:hover { color: var(--accent-gold); }

/* 7. 文章列表项样式 (用于首页、列表页、搜索结果页) */
.news-item-list, .search-item-list, .sub-news-list { list-style: none; }
.news-item, .search-item { padding: 15px 0; border-bottom: 1px dashed var(--border-color); }
.news-item h3, .search-item h3 { font-size: 16px; margin-bottom: 6px; }
.news-item h3 a, .search-item h3 a { color: var(--primary-color); text-decoration: none; transition: color 0.2s; }
.news-item h3 a:hover, .search-item h3 a:hover { color: var(--accent-gold); }
.news-item p, .search-item p { font-size: 13px; color: var(--text-light); margin-bottom: 8px; line-height: 1.5; }
.news-meta, .search-meta { font-size: 12px; color: #94A3B8; display: flex; gap: 20px; }

/* 8. 侧边栏投票榜单样式 (奖项评选与风云榜) */
.award-list { list-style: none; }
.award-item { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--border-color); font-size: 13px; }
.award-rank { width: 22px; height: 22px; background: var(--border-color); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: bold; margin-right: 10px; flex-shrink: 0; }
.award-item:nth-child(1) .award-rank { background: #D97706; } /* 金奖排位金 */
.award-item:nth-child(2) .award-rank { background: #94A3B8; } /* 银奖排位银 */
.award-item:nth-child(3) .award-rank { background: #B45309; } /* 铜奖排位铜 */
.vote-btn { background: var(--accent-gold); color: #fff; border: none; padding: 4px 12px; border-radius: 3px; font-size: 12px; cursor: pointer; font-weight: 600; text-decoration: none; transition: opacity 0.2s; }
.vote-btn:hover { opacity: 0.85; }

/* 9. 分页导航样式 */
.pagination { margin-top: 30px; text-align: center; font-size: 14px; }
.pagination a, .pagination strong { display: inline-block; padding: 6px 12px; margin: 0 3px; border: 1px solid var(--border-color); color: var(--text-main); text-decoration: none; border-radius: 4px; }
.pagination strong { background: var(--primary-color); color: #fff; border-color: var(--primary-color); }

/* 10. 全站底部系统样式 (友情链接与版权子页面导航) */
.footer-system { background: var(--primary-color); color: #94A3B8; padding: 40px 0 20px; margin-top: 50px; border-top: 3px solid var(--accent-gold); font-size: 13px; }
.footer-content { max-width: 1200px; margin: 0 auto; padding: 0 15px; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; margin-bottom: 30px; }
.footer-links-group h4 { color: #fff; margin-bottom: 12px; font-size: 14px; border-left: 3px solid var(--accent-gold); padding-left: 8px; }
.footer-links-group ul { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 20px; }
.footer-links-group ul li a { color: #94A3B8; text-decoration: none; transition: color 0.2s; }
.footer-links-group ul li a:hover { color: #fff; }
.footer-bottom { text-align: center; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 20px; font-size: 12px; }
.footer-bottom nav { margin-bottom: 10px; display: flex; justify-content: center; gap: 20px; }
.footer-bottom nav a { color: #CBD5E1; text-decoration: none; }
.footer-bottom nav a:hover { color: var(--accent-gold); }