/* ============================================================
   PPT 设计稿配色（全站统一）
   色板：navy #0B243D | 主蓝 #4874CB | 青 #30C0B4 | 橙 #EE822F
   说明：dashboard.html 为大屏专属配色，不引入本文件
   ============================================================ */
:root {
    --color-primary: #4874CB;
    --color-primary-dark: #1E4E9E;
    --color-primary-light: #9FBFEE;
    --color-accent: #EE822F;
    --color-accent-light: #F5A25E;
    --gradient-primary: linear-gradient(135deg, #2E63B8, #4874CB);
    --gradient-hero: linear-gradient(135deg, #0B243D 0%, #1D4E9B 60%, #3B8FD9 100%);
    --gradient-card: linear-gradient(135deg, #E8EFFA, #D9E5F6);
    --shadow-purple: 0 12px 32px rgba(15, 52, 110, 0.25);
}

/* 顶栏 */
.top-bar {
    background: linear-gradient(90deg, #0B243D, #1D4380);
}
.top-bar a { color: #CFE2FF; }
.top-bar a:hover { color: #30C0B4; }

/* Logo 图标块 */
.logo__icon {
    background: linear-gradient(135deg, #0B243D, #2E74C0);
    box-shadow: 0 12px 32px rgba(15, 52, 110, 0.3);
}

/* 页脚 */
.footer {
    background: linear-gradient(180deg, #0B243D, #06101F);
}

/* 通用组件（若页面含对应区块） */
.btn--primary {
    box-shadow: 0 6px 16px rgba(46, 99, 184, 0.35);
}
.btn--primary:hover {
    box-shadow: 0 10px 24px rgba(46, 99, 184, 0.45);
}
.section-eyebrow {
    background: rgba(72, 116, 203, 0.12);
    color: #2F66C4;
}
.cart-fab {
    background: linear-gradient(135deg, #2E63B8, #30C0B4);
}
.timer-block { background: #0B243D; }
.login-prompt__icon { color: #4874CB; }
.login-prompt__text { color: #1E4E9E; }
.login-prompt__hint a { color: #4874CB; }

/* 付款弹窗 */
.pay-modal__head {
    background: linear-gradient(135deg, #0B243D 0%, #1D4380 55%, #2E74C0 100%);
}
.pay-modal__step-num {
    background: linear-gradient(135deg, #2E63B8, #30C0B4);
}

/* ============================================================
   各路由 Hero / 深色区块统一主题色（覆盖 style.css 旧紫色）
   ============================================================ */

/* 首页 / 开店指南 Hero 渐变标题（掘金俄罗斯市场 · 跨境开店一键启航） */
.carousel__title span {
    background: linear-gradient(90deg, #F7CE68 0%, #EE822F 45%, #30C0B4 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* Hero 光晕：旧紫/粉 → 主蓝 / 青 */
.visual-orb {
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.5), rgba(72, 116, 203, 0.45) 50%, transparent 70%);
}
.visual-orb--pink {
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.5), rgba(48, 192, 180, 0.45) 50%, transparent 70%);
}
.visual-orb--blue {
    background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.5), rgba(46, 116, 192, 0.45) 50%, transparent 70%);
}

/* 卖家精灵 Hero */
.plugin-hero {
    background: linear-gradient(135deg, #0B243D 0%, #163B6E 55%, #2E74C0 100%);
}
.plugin-hero__title span {
    background: linear-gradient(90deg, #F5A25E, #EE822F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.plugin-hero__meta-item strong { color: #F5A25E; }
.plugin-hero__visual-placeholder {
    background: linear-gradient(135deg, rgba(48, 192, 180, 0.22), rgba(46, 99, 184, 0.32));
}
.plugin__download {
    background: linear-gradient(135deg, #0B243D, #1D4380);
}

/* 本土服务 / 卖家学堂 / 会员等级 Hero */
.member-hero {
    background: linear-gradient(135deg, #0B243D 0%, #163B6E 60%, #2E74C0 100%);
}
.member-hero h1 span {
    background: linear-gradient(90deg, #F5A25E, #EE822F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 通用页面 Hero */
.hero-page {
    background: linear-gradient(135deg, #0B243D 0%, #1D4E9B 60%, #3B8FD9 100%);
}
.hero-page::before {
    background:
        radial-gradient(circle at 85% 20%, rgba(255, 255, 255, 0.15), transparent 50%),
        radial-gradient(circle at 10% 80%, rgba(48, 192, 180, 0.28), transparent 45%);
}

/* 利润计算器头部 */
.profit-calc__head {
    background: linear-gradient(135deg, #0B243D, #2E74C0);
}

/* 课程详情封面 / 课程弹窗封面 */
.course-detail__cover,
.course-modal__cover {
    background: linear-gradient(135deg, #0B243D 0%, #163B6E 50%, #2E74C0 100%);
}

/* 开店指南专用区块 */
body[data-page="guide"] .guide__table thead {
    background: linear-gradient(135deg, #0B243D, #2E74C0);
}
body[data-page="guide"] .guide__material-head--local {
    background: linear-gradient(135deg, #0B243D, #2E74C0);
}
body[data-page="guide"] .guide-compare__col--local .guide-compare__icon {
    background: linear-gradient(135deg, #2E63B8, #30C0B4);
}
body[data-page="guide"] .guide-compare__col--local .guide-compare__list i {
    color: #4874CB;
}