/* 养老金融频道首页专用样式 */
:root {
  --finance-main: #2A5C9B;
  --finance-bg: #F7F9FC;
  --finance-sub: #E4EDF7;
  --finance-accent: #FF7D41;
  --finance-text: #666;
}
body, .finance-channel-wrapper { background: var(--finance-bg); }
.finance-channel-wrapper { max-width: 1200px; margin: 0 auto; min-height: 100vh; }

/* 头部功能区 */
.finance-header { height: 60px; border-bottom: 2px solid var(--finance-sub); background: #fff; display: flex; align-items: center; }
.finance-header-inner { display: flex; justify-content: space-between; align-items: center; height: 100%; padding: 0 24px; }
.finance-title { font-size: 24px; font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif; color: var(--finance-main); font-weight: 500; margin-right: 32px; }
.finance-subnav { display: flex; gap: 18px; }
.subnav-link { color: var(--finance-main); font-size: 16px; padding: 4px 12px; border-radius: 6px; transition: background 0.2s; }
.subnav-link.active, .subnav-link:hover { background: var(--finance-sub); }
.finance-header-right { display: flex; align-items: center; gap: 18px; }
.finance-search-box { display: flex; align-items: center; background: var(--finance-sub); border-radius: 20px; padding: 0 12px; height: 36px; }
.finance-search-box .search-icon { color: var(--finance-main); font-size: 22px; }
.finance-search-box input { border: none; background: transparent; outline: none; font-size: 15px; margin-left: 6px; }
.finance-account-entry { color: var(--finance-main); font-size: 16px; display: flex; align-items: center; gap: 4px; margin-left: 10px; }
.finance-account-entry .material-icons { font-size: 22px; }

/* 主体内容区布局 */
.finance-main { padding: 32px 0; }
.finance-main-grid { display: grid; grid-template-columns: 3fr 1.5fr 1fr; gap: 20px; }

/* 核心服务导航卡片 */
.finance-service-nav { display: flex; flex-direction: column; gap: 20px; }
.service-card { background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(42,92,155,0.07); padding: 28px 24px; height: 200px; display: flex; flex-direction: column; align-items: flex-start; transition: box-shadow 0.3s, border 0.3s; border: 2px solid transparent; }
.service-card:hover { box-shadow: 0 4px 18px rgba(42,92,155,0.13); border: 2px solid var(--finance-sub); }
.card-icon { font-size: 38px; color: var(--finance-main); margin-bottom: 10px; }
.service-card h3 { font-size: 20px; font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif; color: var(--finance-main); margin-bottom: 8px; }
.service-card ul { color: var(--finance-text); font-size: 15px; margin-left: 0; padding-left: 18px; }

/* 数据可视化侧栏 */
.finance-data-sidebar { background: #fff; border-radius: 12px; box-shadow: 0 2px 10px rgba(42,92,155,0.07); padding: 18px 16px; display: flex; flex-direction: column; gap: 18px; }
.asset-overview, .pension-trend, .market-ticker { margin-bottom: 10px; }
.asset-overview h4, .pension-trend h4, .market-ticker h4 { font-size: 16px; color: var(--finance-main); margin-bottom: 8px; }
#asset-pie, #pension-line { background: #F7F9FC; border-radius: 8px; }
.ticker-numbers { font-size: 18px; color: var(--finance-accent); font-family: 'Noto Sans SC', 'Microsoft YaHei', sans-serif; }

/* 政策资讯栏 */
.finance-policy-bar { background: var(--finance-sub); border-radius: 12px; padding: 15px; display: flex; flex-direction: column; gap: 18px; }
.policy-timeline h4 { font-size: 16px; color: var(--finance-main); margin-bottom: 8px; }
.policy-timeline ul { padding-left: 18px; color: #666; font-size: 14px; }
.policy-dot { display: inline-block; width: 8px; height: 8px; background: var(--finance-main); border-radius: 50%; margin-right: 8px; }
.policy-news { display: flex; align-items: flex-start; gap: 10px; }
.policy-icon { color: #FF7D41; font-size: 28px; }
.policy-news strong { color: var(--finance-main); font-size: 15px; }
.policy-news p { color: #666; font-size: 14px; margin: 0; }

/* 特色服务浮层 */
.finance-sos-btn { position: fixed; right: 36px; bottom: 36px; width: 60px; height: 60px; background: #FF7D41; color: #fff; border: none; border-radius: 50%; box-shadow: 0 4px 18px rgba(255,125,65,0.18); display: flex; align-items: center; justify-content: center; font-size: 32px; z-index: 1000; cursor: pointer; transition: background 0.2s; }
.finance-sos-btn:hover { background: #e65c1a; }
.finance-tools-bar { position: fixed; right: 36px; bottom: 110px; display: flex; flex-direction: column; gap: 12px; z-index: 1000; }
.tool-btn { width: 44px; height: 44px; background: #fff; color: var(--finance-main); border: none; border-radius: 50%; box-shadow: 0 2px 8px rgba(42,92,155,0.10); display: flex; align-items: center; justify-content: center; font-size: 22px; cursor: pointer; transition: background 0.2s; }
.tool-btn:hover { background: #E4EDF7; }

/* 响应式断点 */
@media (max-width: 1199px) {
  .finance-channel-wrapper { max-width: 100%; }
  .finance-header-inner { padding: 0 10px; }
}
@media (max-width: 991px) {
  .finance-main-grid { grid-template-columns: 2fr 1.2fr; }
  .finance-policy-bar { display: none; }
}
@media (max-width: 767px) {
  .finance-header-inner { flex-direction: column; gap: 10px; height: auto; }
  .finance-main { padding: 12px 0; }
  .finance-main-grid { grid-template-columns: 1fr; gap: 12px; }
  .finance-service-nav { flex-direction: column; }
  .finance-data-sidebar { flex-direction: column; }
  .finance-sos-btn { right: 16px; bottom: 16px; width: 48px; height: 48px; font-size: 24px; }
  .finance-tools-bar { right: 16px; bottom: 70px; }
}