/* 深宝石蓝 主题 - 基于 bigheartedcowboys.com 风格 */
:root {
    --bhcs-primary: #0F1B3D;
    --bhcs-primary-dark: #080F22;
    --bhcs-accent: #FBBF24;
    --bhcs-accent-dark: #D97706;
    --bhcs-hero-btn: #1E40AF;
    --bhcs-hero-btn-hover: #0F1B3D;
    --bhcs-cta: #FBBF24;
    --bhcs-bg: #ffffff;
    --bhcs-sub-bg: #eff6ff;
    --bhcs-text: #0F172A;
    --bhcs-text2: #475569;
    --bhcs-gradient1: #DBEAFE;
    --bhcs-gradient2: #FFFFFF;
    --bhcs-dark1: #172554;
    --bhcs-dark2: #1E3A8A;
    --bhcs-update-grad: linear-gradient(135deg, #1E3A8A, #1E40AF);
    --bhcs-mission-grad: linear-gradient(to right, #172554, #1E3A8A);
    --bhcs-security-grad: linear-gradient(to bottom, #FDFDFD, #E6ECF3);
}

* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif; color: var(--bhcs-text); background: var(--bhcs-bg); margin: 0; padding: 0; line-height: 1.6; }
a { color: var(--bhcs-primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--bhcs-primary-dark); }

/* ============ Header (深色 sticky) ============ */
.bhcs-header { background: #212529; padding: 12px 0; box-shadow: 0 2px 4px rgba(0,0,0,.075); position: sticky; top: 0; z-index: 100; }
.bhcs-header .container { display: flex; align-items: center; justify-content: space-between; }
.bhcs-header .bhcs-logo img { height: 36px; }
.bhcs-header .bhcs-logo .bhcs-logo-text { color: #fff; font-size: 22px; font-weight: 700; }
.bhcs-nav { display: flex; align-items: center; gap: 16px; }
.bhcs-nav a { color: #fff; font-weight: 500; font-size: 14px; padding: 6px 12px; border-radius: 4px; transition: all .2s; }
.bhcs-nav a:hover { color: var(--bhcs-cta); background: rgba(255,255,255,.1); }
.bhcs-nav a.bhcs-cta { background: var(--bhcs-cta); color: #000; font-weight: 600; border: 1px solid var(--bhcs-cta); }
.bhcs-nav a.bhcs-cta:hover { background: var(--bhcs-accent-dark); border-color: var(--bhcs-accent-dark); color: #000; }

/* ============ Hero (双栏 + 浅蓝渐变) ============ */
.bhcs-hero { background: linear-gradient(to bottom, var(--bhcs-gradient1), var(--bhcs-gradient2)); padding: 80px 0; }
.bhcs-hero .row { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; }
.bhcs-hero .bhcs-hero-text { flex: 1 1 50%; }
.bhcs-hero .bhcs-hero-text h1 { font-size: 38px; font-weight: 700; color: #1A1A1A; margin: 0 0 12px; line-height: 1.2; }
.bhcs-hero .bhcs-hero-text h1 .bhcs-accent { color: var(--bhcs-primary); }
.bhcs-hero .bhcs-hero-text p { font-size: 16px; color: #444; margin: 0 0 28px; }
.bhcs-hero .bhcs-hero-img { flex: 1 1 45%; border-radius: 16px; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.08); aspect-ratio: 4/3; background: linear-gradient(135deg, var(--bhcs-hero-btn), var(--bhcs-primary)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 64px; }
.bhcs-btn-hero { display: inline-block; padding: 12px 24px; background: var(--bhcs-hero-btn); color: #fff; font-weight: 700; border-radius: 10px; font-size: 16px; transition: all .2s; }
.bhcs-btn-hero:hover { background: var(--bhcs-hero-btn-hover); color: #fff; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.15); }

/* ============ Section base ============ */
.bhcs-section { padding: 60px 0; }
.bhcs-section .bhcs-section-title { font-size: 32px; font-weight: 700; text-align: center; margin: 0 0 12px; color: var(--bhcs-primary); }
.bhcs-section .bhcs-section-sub { text-align: center; color: var(--bhcs-text2); margin: 0 0 40px; font-size: 16px; }

/* ============ About (公司简介) ============ */
.bhcs-about { padding: 60px 0; background: #fff; }
.bhcs-about .bhcs-about-text { max-width: 800px; margin: 0 auto; text-align: center; }
.bhcs-about .bhcs-about-text p { color: #444; font-size: 16px; line-height: 1.8; margin: 0 0 16px; }
.bhcs-about .bhcs-about-img { margin-top: 32px; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 16px rgba(0,0,0,.08); aspect-ratio: 16/9; background: linear-gradient(135deg, var(--bhcs-primary), var(--bhcs-primary-dark)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 64px; }

/* ============ Stats (4 卡数据指标) ============ */
.bhcs-stats { padding: 60px 0; background: #FEFEFE; }
.bhcs-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; }
.bhcs-stats-item { background: #fff; padding: 1.5rem; border-radius: 12px; box-shadow: 0 0 10px rgba(0,0,0,.05); transition: all .25s; text-align: center; }
.bhcs-stats-item:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,.08); }
.bhcs-stats-item .bhcs-stats-icon { width: 60px; height: 60px; border-radius: 50%; background: var(--bhcs-primary); color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 12px; font-size: 24px; }
.bhcs-stats-item .bhcs-stats-num { font-size: 36px; font-weight: 800; color: var(--bhcs-primary); margin: 0 0 6px; }
.bhcs-stats-item .bhcs-stats-label { font-size: 14px; color: var(--bhcs-text2); margin: 0; }

/* ============ Security (安全流程 4 步) ============ */
.bhcs-security { padding: 60px 0; background: var(--bhcs-security-grad); }
.bhcs-security .row { display: flex; flex-wrap: wrap; gap: 32px; align-items: center; }
.bhcs-security .bhcs-security-img { flex: 1 1 40%; border-radius: 16px; aspect-ratio: 4/3; background: linear-gradient(135deg, var(--bhcs-primary), var(--bhcs-primary-dark)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 64px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.bhcs-security .bhcs-security-steps { flex: 1 1 50%; display: flex; flex-direction: column; gap: 16px; }
.bhcs-security-step { display: flex; gap: 15px; background: #fff; padding: 15px 20px; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,.05); transition: all .25s; }
.bhcs-security-step:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(0,0,0,.08); }
.bhcs-security-step .bhcs-step-icon { flex: 0 0 48px; height: 48px; border-radius: 50%; background: var(--bhcs-primary); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; }
.bhcs-security-step .bhcs-step-body h4 { font-size: 16px; font-weight: 600; margin: 0 0 4px; color: var(--bhcs-text); }
.bhcs-security-step .bhcs-step-body p { color: var(--bhcs-text2); font-size: 13px; margin: 0; }

/* ============ Update (Accordion 深蓝渐变) ============ */
.bhcs-update { padding: 60px 0; background: var(--bhcs-update-grad); color: #fff; }
.bhcs-update .bhcs-section-title { color: #fff; }
.bhcs-update .bhcs-section-sub { color: rgba(255,255,255,.85); }
.bhcs-update-list { max-width: 800px; margin: 0 auto; }
.bhcs-update-item { background: #fff; border-radius: 12px; overflow: hidden; margin-bottom: 1.5rem; box-shadow: 0 8px 20px rgba(0,0,0,.08); color: var(--bhcs-text); }
.bhcs-update-item .bhcs-update-head { padding: 16px 24px; font-weight: 600; color: #1D3557; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.bhcs-update-item .bhcs-update-head:hover { background: #E3F2FD; color: var(--bhcs-primary); }
.bhcs-update-item .bhcs-update-body { padding: 16px 24px; background: #F8F9FA; border-top: 1px solid #DEE2E6; color: var(--bhcs-text2); font-size: 14px; line-height: 1.7; display: none; }
.bhcs-update-item.open .bhcs-update-body { display: block; }
.bhcs-update-item.open .bhcs-update-head { background: #E3F2FD; color: var(--bhcs-primary); }

/* ============ Mission (品牌使命深色) ============ */
.bhcs-mission { padding: 60px 0; background: var(--bhcs-mission-grad); color: #fff; }
.bhcs-mission .row { display: flex; flex-wrap: wrap; align-items: center; gap: 32px; }
.bhcs-mission .bhcs-mission-img { flex: 1 1 40%; aspect-ratio: 4/3; border-radius: 16px; background: linear-gradient(135deg, var(--bhcs-accent), var(--bhcs-accent-dark)); display: flex; align-items: center; justify-content: center; color: #000; font-size: 80px; box-shadow: 0 8px 24px rgba(0,0,0,.15); }
.bhcs-mission .bhcs-mission-text { flex: 1 1 50%; }
.bhcs-mission .bhcs-mission-text h2 { font-size: 32px; font-weight: 700; margin: 0 0 16px; }
.bhcs-mission .bhcs-mission-text p { color: rgba(255,255,255,.85); margin: 0 0 16px; font-size: 16px; }
.bhcs-mission-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.bhcs-mission-list li { display: flex; align-items: center; gap: 12px; color: #fff; font-size: 15px; }
.bhcs-mission-list li i { color: var(--bhcs-accent); font-size: 20px; }

/* ============ News (推荐热讯卡片列表) ============ */
.bhcs-news { padding: 60px 0; background: #fff; }
.bhcs-news-list { max-width: 960px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.bhcs-news-item { display: flex; background: var(--bhcs-sub-bg); min-height: 160px; border-radius: 16px; border: 1px solid #DEE2E6; box-shadow: 0 2px 4px rgba(0,0,0,.075); transition: all .3s; overflow: hidden; }
.bhcs-news-item:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.bhcs-news-item .bhcs-news-img { flex: 0 0 240px; aspect-ratio: 4/3; background: linear-gradient(135deg, var(--bhcs-primary), var(--bhcs-primary-dark)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 36px; }
.bhcs-news-item .bhcs-news-body { flex: 1; padding: 20px 24px; display: flex; flex-direction: column; justify-content: space-between; }
.bhcs-news-item .bhcs-news-body h4 { font-size: 18px; font-weight: 600; margin: 0 0 8px; color: var(--bhcs-text); }
.bhcs-news-item .bhcs-news-body h4 a { color: var(--bhcs-text); }
.bhcs-news-item .bhcs-news-body p { color: var(--bhcs-text2); font-size: 14px; margin: 0 0 12px; }
.bhcs-news-item .bhcs-news-meta { display: flex; gap: 12px; font-size: 12px; color: var(--bhcs-text2); }

/* ============ Footer (深色 4 列) ============ */
.bhcs-footer { background: #0F172A; color: rgba(255,255,255,.7); padding: 48px 0 24px; position: relative; }
.bhcs-footer::before { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.85); z-index: 0; }
.bhcs-footer .container { position: relative; z-index: 1; }
.bhcs-footer .bhcs-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; margin-bottom: 32px; }
.bhcs-footer h5 { color: #fff; font-size: 15px; font-weight: 600; margin: 0 0 16px; }
.bhcs-footer .bhcs-brand .bhcs-brand-text { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 12px; }
.bhcs-footer ul { list-style: none; padding: 0; margin: 0; }
.bhcs-footer ul li { margin-bottom: 8px; }
.bhcs-footer ul li a { color: rgba(255,255,255,.65); font-size: 14px; }
.bhcs-footer ul li a:hover { color: var(--bhcs-accent); }
.bhcs-footer .bhcs-copy { text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); font-size: 13px; color: rgba(255,255,255,.5); }

/* ============ Responsive ============ */
@media (max-width: 768px) {
    .bhcs-header .container { flex-direction: column; gap: 12px; }
    .bhcs-nav { flex-wrap: wrap; justify-content: center; gap: 8px; font-size: 13px; }
    .bhcs-hero { padding: 48px 0; }
    .bhcs-hero .bhcs-hero-text h1 { font-size: 28px; }
    .bhcs-hero .row, .bhcs-security .row, .bhcs-mission .row { flex-direction: column; }
    .bhcs-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .bhcs-news-item { flex-direction: column; }
    .bhcs-news-item .bhcs-news-img { flex: 0 0 auto; aspect-ratio: 16/9; }
    .bhcs-footer .bhcs-footer-grid { grid-template-columns: 1fr; }
    .bhcs-section { padding: 40px 0; }
    .bhcs-section .bhcs-section-title { font-size: 24px; }
}