/* ============================================================
 * v2-pages.css —— 新版首页(index.php) / 关于页(about.php) 专用样式
 * 说明：
 *   1. 独立文件，不修改原 style.css，仅 index/about 两页加载，不影响其他页面
 *   2. 复用站点既有设计变量（--color-primary / --color-accent 等）
 *   3. 全部使用 transform/opacity 过渡，不触发重排；无外部字体、无背景大图
 * ============================================================ */

/* ========== 全局变量兜底（防止 style.css 异步加载时的变量缺失） ========== */
:root {
    --v2-primary: #0066ff;
    --v2-primary-dark: #0052cc;
    --v2-accent: #00a8d4;
    --v2-orange: #ff5a2c;
    --v2-orange-2: #ff8a00;
    --v2-ink: #1a2238;
    --v2-ink-2: rgba(26, 34, 56, 0.72);
    --v2-ink-3: rgba(26, 34, 56, 0.5);
    --v2-line: rgba(26, 34, 56, 0.1);
    --v2-bg: #f5f7fa;
    --v2-card: #ffffff;
    --v2-radius: 16px;
    --v2-shadow: 0 4px 16px rgba(26, 34, 56, 0.08);
    --v2-shadow-lg: 0 8px 32px rgba(26, 34, 56, 0.12);
    --v2-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ========== 通用容器 / 区块 ========== */
.v2-wrap { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.v2-sec { padding: 64px 0; }
.v2-sec--tight { padding: 44px 0; }
.v2-sec--gray { background: var(--v2-bg); }
.v2-sec--dark {
    background: linear-gradient(135deg, #0f1d4a 0%, #1e3a8a 100%);
    color: #fff;
}

.v2-sec-head { text-align: center; margin-bottom: 40px; }
.v2-sec-tag {
    display: inline-block;
    padding: 4px 14px;
    margin-bottom: 14px;
    border-radius: 20px;
    background: rgba(0, 168, 212, 0.12);
    color: #0086a8;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.v2-sec-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--v2-ink);
    margin-bottom: 12px;
}
.v2-sec-desc {
    font-size: 16px;
    color: var(--v2-ink-2);
    line-height: 1.7;
    max-width: 720px;
    margin: 0 auto;
}
.v2-sec--dark .v2-sec-title { color: #fff; }
.v2-sec--dark .v2-sec-desc { color: rgba(255, 255, 255, 0.8); }
.v2-sec--dark .v2-sec-tag { background: rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.9); }

/* ========== 按钮 ========== */
.v2-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 30px;
    border: none;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s var(--v2-ease), box-shadow 0.2s var(--v2-ease);
    will-change: transform;
}
.v2-btn:hover { transform: translateY(-2px); }
.v2-btn--primary {
    background: linear-gradient(135deg, var(--v2-orange), var(--v2-orange-2));
    color: #fff;
    box-shadow: 0 6px 20px rgba(255, 90, 44, 0.32);
}
.v2-btn--primary:hover { box-shadow: 0 10px 28px rgba(255, 90, 44, 0.42); }
.v2-btn--blue {
    background: linear-gradient(135deg, var(--v2-primary), var(--v2-accent));
    color: #fff;
    box-shadow: 0 6px 20px rgba(0, 102, 255, 0.28);
}
.v2-btn--ghost {
    background: #fff;
    color: var(--v2-primary);
    border: 1px solid rgba(0, 102, 255, 0.3);
}
.v2-btn--ghost:hover { border-color: var(--v2-primary); box-shadow: var(--v2-shadow); }
.v2-btn--white { background: #fff; color: var(--v2-primary); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18); }
.v2-btn--sm { padding: 10px 22px; font-size: 14px; }

/* ============================================================
 * 首页 · Hero
 * ============================================================ */
.v2-hero {
    position: relative;
    padding: 96px 0 72px;
    background: linear-gradient(160deg, #f0f6ff 0%, #ffffff 55%, #f7fbff 100%);
    overflow: hidden;
}
.v2-hero::before {
    /* 纯 CSS 渐变光晕，无图片请求 */
    content: '';
    position: absolute;
    top: -180px;
    right: -120px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 168, 212, 0.16) 0%, rgba(0, 168, 212, 0) 70%);
    pointer-events: none;
}
.v2-hero::after {
    content: '';
    position: absolute;
    bottom: -200px;
    left: -140px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 102, 255, 0.12) 0%, rgba(0, 102, 255, 0) 70%);
    pointer-events: none;
}
.v2-hero .v2-wrap { position: relative; z-index: 2; }
.v2-hero-grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 56px; align-items: center; }

.v2-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    margin-bottom: 22px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid rgba(0, 168, 212, 0.28);
    font-size: 13px;
    font-weight: 600;
    color: #0086a8;
    box-shadow: 0 2px 10px rgba(0, 168, 212, 0.1);
}
.v2-hero h1 {
    font-size: 46px;
    line-height: 1.28;
    font-weight: 800;
    color: var(--v2-ink);
    margin-bottom: 20px;
    letter-spacing: -0.5px;
}
.v2-hero h1 em {
    font-style: normal;
    background: linear-gradient(120deg, #0066ff, #00a8d4);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.v2-hero-sub {
    font-size: 18px;
    line-height: 1.75;
    color: var(--v2-ink-2);
    margin-bottom: 28px;
    max-width: 560px;
}
.v2-hero-sub b { color: var(--v2-ink); font-weight: 700; }
.v2-hero-actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 26px; }
.v2-hero-note {
    font-size: 13px;
    color: var(--v2-ink-3);
    line-height: 1.7;
}

/* Hero 右侧：双主轴卡片 */
.v2-axis { display: flex; flex-direction: column; gap: 16px; }
.v2-axis-card {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: var(--v2-radius);
    padding: 22px 24px;
    box-shadow: var(--v2-shadow);
    transition: transform 0.25s var(--v2-ease), box-shadow 0.25s var(--v2-ease);
    text-decoration: none;
    display: block;
}
.v2-axis-card:hover { transform: translateY(-3px); box-shadow: var(--v2-shadow-lg); }
.v2-axis-card h3 { font-size: 19px; font-weight: 700; color: var(--v2-ink); margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.v2-axis-card p { font-size: 14px; color: var(--v2-ink-2); line-height: 1.7; margin-bottom: 12px; }
.v2-axis-tags { display: flex; gap: 8px; flex-wrap: wrap; }
.v2-axis-tags span {
    padding: 3px 10px;
    border-radius: 6px;
    background: rgba(0, 102, 255, 0.07);
    color: var(--v2-primary);
    font-size: 12px;
    font-weight: 500;
}
.v2-axis-card--geo h3 { color: #0b7f9c; }
.v2-axis-card--geo .v2-axis-tags span { background: rgba(0, 168, 212, 0.1); color: #0086a8; }

/* ============================================================
 * 信任背书条
 * ============================================================ */
.v2-trust { background: #fff; border-bottom: 1px solid var(--v2-line); }
.v2-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 30px 0;
}
.v2-trust-item { text-align: center; }
.v2-trust-num { font-size: 32px; font-weight: 800; color: var(--v2-primary); line-height: 1.2; }
.v2-trust-num small { font-size: 16px; font-weight: 600; margin-left: 2px; }
.v2-trust-label { font-size: 14px; color: var(--v2-ink-2); margin-top: 4px; }

/* ============================================================
 * 双主轴详解
 * ============================================================ */
.v2-pillar-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.v2-pillar {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: var(--v2-radius);
    overflow: hidden;
    transition: transform 0.25s var(--v2-ease), box-shadow 0.25s var(--v2-ease);
}
.v2-pillar:hover { transform: translateY(-4px); box-shadow: var(--v2-shadow-lg); }
.v2-pillar-top { padding: 28px 28px 22px; border-bottom: 1px solid var(--v2-line); }
.v2-pillar-icon { font-size: 34px; line-height: 1; margin-bottom: 12px; }
.v2-pillar h3 { font-size: 22px; font-weight: 700; color: var(--v2-ink); margin-bottom: 6px; }
.v2-pillar-en { font-size: 12px; letter-spacing: 1.5px; color: var(--v2-ink-3); text-transform: uppercase; margin-bottom: 14px; }
.v2-pillar-lead { font-size: 15px; line-height: 1.75; color: var(--v2-ink-2); }
.v2-pillar-body { padding: 20px 28px 26px; }
.v2-pillar-list { list-style: none; margin-bottom: 22px; }
.v2-pillar-list li {
    position: relative;
    padding: 9px 0 9px 26px;
    font-size: 15px;
    line-height: 1.65;
    color: var(--v2-ink-2);
    border-bottom: 1px dashed rgba(26, 34, 56, 0.07);
}
.v2-pillar-list li:last-child { border-bottom: none; }
.v2-pillar-list li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 9px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
    background: rgba(0, 102, 255, 0.1);
    color: var(--v2-primary);
    font-size: 11px;
    font-weight: 700;
}
.v2-pillar--geo .v2-pillar-list li::before { background: rgba(0, 168, 212, 0.12); color: #0086a8; }

/* ============================================================
 * 差异化（为什么是我）
 * ============================================================ */
.v2-diff-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.v2-diff {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 14px;
    padding: 26px 22px;
    transition: transform 0.25s var(--v2-ease), border-color 0.25s var(--v2-ease);
}
.v2-diff:hover { transform: translateY(-4px); border-color: rgba(0, 168, 212, 0.4); }
.v2-diff-ico {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(0, 102, 255, 0.1), rgba(0, 168, 212, 0.14));
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 16px;
}
.v2-diff h4 { font-size: 17px; font-weight: 700; color: var(--v2-ink); margin-bottom: 8px; }
.v2-diff p { font-size: 14px; line-height: 1.7; color: var(--v2-ink-2); }

/* ============================================================
 * 实战笔记（标签页）
 * ============================================================ */
.v2-notes-grid { display: grid; grid-template-columns: 1fr 340px; gap: 32px; align-items: start; }
.v2-notes-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 22px; }
.v2-notes-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.v2-notes-tab {
    padding: 8px 18px;
    border: 1px solid var(--v2-line);
    border-radius: 999px;
    background: #fff;
    font-size: 14px;
    font-weight: 500;
    color: var(--v2-ink-2);
    cursor: pointer;
    transition: all 0.2s var(--v2-ease);
}
.v2-notes-tab:hover { border-color: rgba(0, 102, 255, 0.4); color: var(--v2-primary); }
.v2-notes-tab.is-active {
    background: linear-gradient(135deg, var(--v2-primary), var(--v2-accent));
    border-color: transparent;
    color: #fff;
}
.v2-notes-panel { display: none; }
.v2-notes-panel.is-active { display: block; }
.v2-note-list { display: flex; flex-direction: column; gap: 14px; }
.v2-note {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 18px;
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 12px;
    padding: 16px;
    text-decoration: none;
    transition: transform 0.22s var(--v2-ease), box-shadow 0.22s var(--v2-ease);
}
.v2-note:hover { transform: translateX(4px); box-shadow: var(--v2-shadow); }
.v2-note-thumb {
    width: 160px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    background: linear-gradient(135deg, #eef2f7, #e3ebf5);
}
.v2-note-thumb img { width: 100%; height: 100%; object-fit: cover; }
.v2-note-body h4 { font-size: 17px; font-weight: 600; color: var(--v2-ink); line-height: 1.5; margin-bottom: 8px; }
.v2-note-body p {
    font-size: 14px;
    color: var(--v2-ink-2);
    line-height: 1.65;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.v2-note-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--v2-ink-3); }
.v2-note-tag {
    padding: 2px 9px;
    border-radius: 5px;
    background: rgba(0, 102, 255, 0.07);
    color: var(--v2-primary);
    font-weight: 500;
}
.v2-note-empty { padding: 40px; text-align: center; color: var(--v2-ink-3); background: #fff; border: 1px dashed var(--v2-line); border-radius: 12px; }

/* 侧栏 */
.v2-side { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 84px; }
.v2-box {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 14px;
    padding: 22px;
}
.v2-box-title { font-size: 17px; font-weight: 700; color: var(--v2-ink); margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--v2-line); }
.v2-course { display: flex; align-items: center; gap: 12px; padding: 11px 0; text-decoration: none; border-bottom: 1px dashed rgba(26,34,56,0.07); }
.v2-course:last-child { border-bottom: none; }
.v2-course-ico { font-size: 20px; flex-shrink: 0; }
.v2-course-txt { flex: 1; min-width: 0; }
.v2-course-txt b { display: block; font-size: 14px; font-weight: 600; color: var(--v2-ink); }
.v2-course-txt i { display: block; font-style: normal; font-size: 12px; color: var(--v2-ink-3); margin-top: 2px; }
.v2-course-go { font-size: 12px; color: var(--v2-primary); flex-shrink: 0; }
.v2-course:hover .v2-course-go { transform: translateX(3px); }

.v2-res { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; border-bottom: 1px dashed rgba(26,34,56,0.07); }
.v2-res:last-child { border-bottom: none; }
.v2-res-txt b { display: block; font-size: 14px; font-weight: 600; color: var(--v2-ink); }
.v2-res-txt i { display: block; font-style: normal; font-size: 12px; color: var(--v2-ink-3); margin-top: 2px; }
.v2-res-btn {
    flex-shrink: 0;
    padding: 7px 16px;
    border: none;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--v2-orange), var(--v2-orange-2));
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s var(--v2-ease);
}
.v2-res-btn:hover { transform: scale(1.05); }

/* ============================================================
 * GEO 专区（深色）
 * ============================================================ */
.v2-geo-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
.v2-geo-lead { font-size: 17px; line-height: 1.8; color: rgba(255, 255, 255, 0.85); margin-bottom: 22px; }
.v2-geo-points { list-style: none; margin-bottom: 28px; }
.v2-geo-points li {
    position: relative;
    padding: 10px 0 10px 30px;
    font-size: 15px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.88);
}
.v2-geo-points li::before {
    content: '→';
    position: absolute;
    left: 0;
    top: 10px;
    color: #4dd0e1;
    font-weight: 700;
}
.v2-geo-card {
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--v2-radius);
    padding: 28px;
    backdrop-filter: blur(10px);
}
.v2-geo-card h4 { font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 8px; }
.v2-geo-card > p { font-size: 14px; color: rgba(255, 255, 255, 0.7); line-height: 1.7; margin-bottom: 20px; }
.v2-geo-check { list-style: none; margin-bottom: 22px; }
.v2-geo-check li {
    padding: 8px 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    gap: 10px;
}
.v2-geo-check li:last-child { border-bottom: none; }
.v2-geo-check li span { color: #4dd0e1; flex-shrink: 0; }

/* ============================================================
 * 学员案例（合规：不作效果保证）
 * ============================================================ */
.v2-case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.v2-case {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 14px;
    padding: 24px;
    transition: transform 0.25s var(--v2-ease), box-shadow 0.25s var(--v2-ease);
}
.v2-case:hover { transform: translateY(-4px); box-shadow: var(--v2-shadow-lg); }
.v2-case-who { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.v2-case-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--v2-primary), var(--v2-accent));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
}
.v2-case-who b { display: block; font-size: 15px; color: var(--v2-ink); }
.v2-case-who i { display: block; font-style: normal; font-size: 12px; color: var(--v2-ink-3); margin-top: 2px; }
.v2-case-text { font-size: 14px; line-height: 1.75; color: var(--v2-ink-2); margin-bottom: 14px; }
.v2-case-from { font-size: 12px; color: var(--v2-primary); }

/* ---- 实操案例扩展（2026-09-08 第一批改版新增） ---- */
.v2-case { position: relative; }
.v2-case--feature { border: 1px solid rgba(0, 168, 212, 0.18); }
.v2-case--link { display: block; text-decoration: none; color: inherit; }
.v2-case--link:hover .v2-case-from { color: var(--v2-primary); }

.v2-case-badge {
    position: absolute; top: 14px; right: 14px;
    padding: 3px 10px; border-radius: 20px;
    background: rgba(0, 168, 212, 0.10); color: var(--v2-primary);
    font-size: 11px; font-weight: 600; letter-spacing: .3px;
}

.v2-case-meta {
    list-style: none; margin: 0 0 14px; padding: 0;
    border-top: 1px dashed rgba(26, 34, 56, 0.10); padding-top: 12px;
}
.v2-case-meta li {
    position: relative; padding-left: 14px; margin-bottom: 6px;
    font-size: 13px; color: var(--v2-ink-2); line-height: 1.6;
}
.v2-case-meta li::before {
    content: ''; position: absolute; left: 0; top: 8px;
    width: 5px; height: 5px; border-radius: 50%; background: var(--v2-primary);
}

.v2-case--placeholder {
    border: 1px dashed rgba(26, 34, 56, 0.18);
    background: rgba(26, 34, 56, 0.015);
}
.v2-case--placeholder .v2-case-avatar {
    background: rgba(26, 34, 56, 0.06); color: var(--v2-ink-3);
}
.v2-case--placeholder:hover { transform: none; box-shadow: none; }
.v2-disclaimer {
    margin-top: 26px;
    padding: 14px 20px;
    background: rgba(250, 173, 20, 0.08);
    border-left: 3px solid #faad14;
    border-radius: 0 8px 8px 0;
    font-size: 13px;
    line-height: 1.7;
    color: #8a6100;
}

/* ============================================================
 * 私域引流区
 * ============================================================ */
.v2-wx {
    background: linear-gradient(135deg, #fff7f3 0%, #fff 100%);
    border: 1px solid rgba(255, 90, 44, 0.16);
    border-radius: 20px;
    padding: 44px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 36px;
    align-items: center;
}
.v2-wx h3 { font-size: 26px; font-weight: 700; color: var(--v2-ink); margin-bottom: 12px; }
.v2-wx p { font-size: 15px; line-height: 1.8; color: var(--v2-ink-2); margin-bottom: 18px; }
.v2-wx-list { list-style: none; display: flex; gap: 22px; flex-wrap: wrap; margin-bottom: 22px; }
.v2-wx-list li { font-size: 14px; color: var(--v2-ink-2); display: flex; align-items: center; gap: 6px; }
.v2-wx-list li b { color: var(--v2-orange); }
.v2-wx-card {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 16px;
    padding: 26px 30px;
    text-align: center;
    box-shadow: var(--v2-shadow);
    min-width: 230px;
}
.v2-wx-card-t { font-size: 13px; color: var(--v2-ink-3); margin-bottom: 10px; }
.v2-wx-id { font-size: 24px; font-weight: 800; color: var(--v2-ink); letter-spacing: 1px; margin-bottom: 6px; }
.v2-wx-hint { font-size: 12px; color: var(--v2-ink-3); margin-bottom: 16px; }

/* ============================================================
 * FAQ（结构化，利于 AI 引用）
 * ============================================================ */
.v2-faq { max-width: 860px; margin: 0 auto; }
.v2-faq-item {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}
.v2-faq-q {
    width: 100%;
    padding: 18px 22px;
    border: none;
    background: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    color: var(--v2-ink);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: background 0.2s var(--v2-ease);
}
.v2-faq-q:hover { background: #f7faff; }
.v2-faq-q::after { content: '+'; font-size: 20px; color: var(--v2-primary); font-weight: 400; flex-shrink: 0; transition: transform 0.25s var(--v2-ease); }
.v2-faq-item.is-open .v2-faq-q::after { transform: rotate(45deg); }
.v2-faq-a {
    display: none;
    padding: 0 22px 20px;
    font-size: 15px;
    line-height: 1.85;
    color: var(--v2-ink-2);
}
.v2-faq-item.is-open .v2-faq-a { display: block; }

/* ============================================================
 * 关于页 · 人物品牌
 * ============================================================ */
.v2-about-hero {
    background: linear-gradient(150deg, #0f1d4a 0%, #1e3a8a 60%, #0052cc 100%);
    color: #fff;
    padding: 76px 0 68px;
    position: relative;
    overflow: hidden;
}
.v2-about-hero::after {
    content: '';
    position: absolute;
    top: -160px;
    right: -100px;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 212, 255, 0.18) 0%, rgba(0, 212, 255, 0) 70%);
    pointer-events: none;
}
.v2-about-hero .v2-wrap { position: relative; z-index: 2; }
/* 形象照：竖幅圆角，深蓝底与 Hero 背景同色系，放大突出人物 */
.v2-about-grid { display: grid; grid-template-columns: 320px 1fr; gap: 56px; align-items: center; }
/* 形象照：高度与右侧文字块齐平（略高一点），边缘羽化融入深蓝渐变背景 */
.v2-avatar {
    width: 100%;
    max-width: 320px;
    height: 430px;
    border-radius: 20px;
    margin: 0 auto;
    /* 径向遮罩：照片四周渐进透明，与 Hero 渐变底色自然过渡，不再是生硬矩形 */
    -webkit-mask-image: radial-gradient(115% 108% at 50% 42%, #000 55%, rgba(0, 0, 0, 0.82) 72%, transparent 96%);
    mask-image: radial-gradient(115% 108% at 50% 42%, #000 55%, rgba(0, 0, 0, 0.82) 72%, transparent 96%);
    /* box-shadow 会被矩形边框暴露，改用跟随透明轮廓的 drop-shadow */
    filter: drop-shadow(0 18px 44px rgba(0, 0, 0, 0.42));
}
.v2-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* 顶部微裁、保住人脸与上半身构图 */
    object-position: 50% 18%;
    display: block;
}
.v2-about-name { font-size: 40px; font-weight: 800; margin-bottom: 10px; letter-spacing: -0.5px; }
.v2-about-role { font-size: 19px; color: rgba(255, 255, 255, 0.9); margin-bottom: 6px; font-weight: 600; }
.v2-about-org { font-size: 15px; color: rgba(255, 255, 255, 0.68); margin-bottom: 22px; }
.v2-about-lead { font-size: 16px; line-height: 1.85; color: rgba(255, 255, 255, 0.86); max-width: 680px; }
.v2-about-tags { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 24px; }
.v2-about-tags span {
    padding: 6px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 13px;
    color: rgba(255, 255, 255, 0.92);
}

/* 数据墙 */
.v2-stat-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; text-align: center; }
.v2-stat-num { font-size: 38px; font-weight: 800; color: #4dd0e1; line-height: 1.15; }
.v2-stat-num small { font-size: 18px; }
.v2-stat-lb { font-size: 14px; color: rgba(255, 255, 255, 0.75); margin-top: 6px; }

/* 双能力 */
.v2-cap-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.v2-cap {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: var(--v2-radius);
    padding: 30px;
    transition: transform 0.25s var(--v2-ease), box-shadow 0.25s var(--v2-ease);
}
.v2-cap:hover { transform: translateY(-4px); box-shadow: var(--v2-shadow-lg); }
.v2-cap-h { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.v2-cap-h i { font-style: normal; font-size: 32px; }
.v2-cap-h b { font-size: 21px; color: var(--v2-ink); display: block; }
.v2-cap-h em { font-style: normal; font-size: 12px; color: var(--v2-ink-3); letter-spacing: 1px; text-transform: uppercase; }
.v2-cap p { font-size: 15px; line-height: 1.8; color: var(--v2-ink-2); margin-bottom: 18px; }
.v2-cap-list { list-style: none; }
.v2-cap-list li {
    padding: 9px 0 9px 24px;
    position: relative;
    font-size: 14px;
    line-height: 1.7;
    color: var(--v2-ink-2);
    border-bottom: 1px dashed rgba(26, 34, 56, 0.07);
}
.v2-cap-list li:last-child { border-bottom: none; }
.v2-cap-list li::before { content: '▪'; position: absolute; left: 6px; color: var(--v2-accent); font-size: 15px; }

/* 利兵框架实战思维 */
.v2-method { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.v2-method-step {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 14px;
    padding: 24px 18px;
    text-align: center;
    position: relative;
    transition: transform 0.25s var(--v2-ease);
}
.v2-method-step:hover { transform: translateY(-4px); }
.v2-method-n {
    width: 38px;
    height: 38px;
    margin: 0 auto 14px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--v2-primary), var(--v2-accent));
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}
.v2-method-step h4 { font-size: 16px; font-weight: 700; color: var(--v2-ink); margin-bottom: 8px; }
.v2-method-step p { font-size: 13px; line-height: 1.7; color: var(--v2-ink-2); }

/* 时间线 */
.v2-timeline { max-width: 800px; margin: 0 auto; position: relative; padding-left: 30px; }
.v2-timeline::before {
    content: '';
    position: absolute;
    left: 7px;
    top: 6px;
    bottom: 6px;
    width: 2px;
    background: linear-gradient(180deg, var(--v2-primary), var(--v2-accent));
}
.v2-tl-item { position: relative; padding-bottom: 26px; }
.v2-tl-item:last-child { padding-bottom: 0; }
.v2-tl-item::before {
    content: '';
    position: absolute;
    left: -30px;
    top: 6px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid var(--v2-primary);
}
.v2-tl-year { font-size: 13px; font-weight: 700; color: var(--v2-primary); margin-bottom: 4px; }
.v2-tl-title { font-size: 16px; font-weight: 600; color: var(--v2-ink); margin-bottom: 5px; }
.v2-tl-desc { font-size: 14px; line-height: 1.7; color: var(--v2-ink-2); }

/* 服务场景 */
.v2-scene-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.v2-scene {
    background: #fff;
    border: 1px solid var(--v2-line);
    border-radius: 12px;
    padding: 22px;
    transition: border-color 0.22s var(--v2-ease), transform 0.22s var(--v2-ease);
}
.v2-scene:hover { border-color: rgba(0, 168, 212, 0.45); transform: translateY(-3px); }
.v2-scene b { display: block; font-size: 16px; color: var(--v2-ink); margin-bottom: 8px; }
.v2-scene p { font-size: 14px; line-height: 1.7; color: var(--v2-ink-2); }

/* 面包屑 */
.v2-crumb { padding: 14px 0; font-size: 13px; color: var(--v2-ink-3); border-bottom: 1px solid var(--v2-line); background: #fff; }
.v2-crumb a { color: var(--v2-ink-2); text-decoration: none; }
.v2-crumb a:hover { color: var(--v2-primary); }
.v2-crumb span { margin: 0 8px; }

/* 通栏 CTA */
.v2-cta-band {
    background: linear-gradient(135deg, var(--v2-primary), var(--v2-accent));
    border-radius: 20px;
    padding: 46px 40px;
    text-align: center;
    color: #fff;
}
.v2-cta-band h3 { font-size: 28px; font-weight: 700; margin-bottom: 12px; }
.v2-cta-band p { font-size: 16px; color: rgba(255, 255, 255, 0.88); margin-bottom: 26px; line-height: 1.75; }
.v2-cta-actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }

/* ============================================================
 * 响应式
 * ============================================================ */
@media (max-width: 1024px) {
    .v2-hero-grid { grid-template-columns: 1fr; gap: 40px; }
    .v2-hero h1 { font-size: 36px; }
    .v2-pillar-grid,
    .v2-geo-grid,
    .v2-cap-grid { grid-template-columns: 1fr; gap: 22px; }
    .v2-notes-grid { grid-template-columns: 1fr; }
    .v2-side { position: static; }
    .v2-diff-grid { grid-template-columns: repeat(2, 1fr); }
    .v2-method { grid-template-columns: repeat(3, 1fr); }
    .v2-case-grid,
    .v2-scene-grid { grid-template-columns: repeat(2, 1fr); }
    .v2-about-grid { grid-template-columns: 1fr; text-align: center; gap: 28px; }
    .v2-about-lead { margin: 0 auto; }
    .v2-about-tags { justify-content: center; }
    .v2-stat-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 680px) {
    .v2-sec { padding: 44px 0; }
    .v2-hero { padding: 68px 0 48px; }
    .v2-hero h1 { font-size: 28px; }
    .v2-hero-sub { font-size: 16px; }
    .v2-sec-title { font-size: 24px; }
    .v2-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
    .v2-diff-grid,
    .v2-case-grid,
    .v2-scene-grid { grid-template-columns: 1fr; }
    .v2-method { grid-template-columns: repeat(2, 1fr); }
    .v2-stat-grid { grid-template-columns: repeat(2, 1fr); }
    .v2-note { grid-template-columns: 1fr; }
    .v2-note-thumb { width: 100%; height: 170px; }
    .v2-wx { grid-template-columns: 1fr; padding: 30px 22px; text-align: center; }
    .v2-wx-list { justify-content: center; }
    .v2-cta-band { padding: 32px 22px; }
    .v2-cta-band h3 { font-size: 22px; }
    .v2-about-name { font-size: 30px; }
    .v2-avatar { max-width: 220px; height: 300px; }
}

/* 尊重系统减弱动效偏好 */
@media (prefers-reduced-motion: reduce) {
    .v2-btn:hover,
    .v2-axis-card:hover,
    .v2-pillar:hover,
    .v2-diff:hover,
    .v2-note:hover,
    .v2-case:hover,
    .v2-cap:hover,
    .v2-scene:hover,
    .v2-method-step:hover,
    .v2-res-btn:hover { transform: none; }
}

/* 陈利兵·AI应用万能公式 栅格（V3） */
.v2-ai5-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:1000px;margin:0 auto;}
.v2-ai5-step{background:#fff;border:1px solid rgba(26,34,56,.08);border-radius:14px;padding:22px 18px;box-shadow:0 4px 16px rgba(26,34,56,.04);}
.v2-ai5-n{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#00a8d4,#0090c0);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.v2-ai5-step h4{font-size:16px;margin:0 0 8px;color:#1a2238;}
.v2-ai5-step p{font-size:14px;color:#55607a;line-height:1.7;margin:0;}

/* ==================== 频道页步骤条（V3 框架统一） ==================== */
.v2-steps{display:flex;flex-wrap:wrap;gap:10px 14px;list-style:none;margin:18px 0 0;padding:0;justify-content:center;}
.v2-step{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.78);border:1px solid rgba(0,168,212,.22);border-radius:999px;padding:6px 14px 6px 6px;font-size:14px;color:#1a2238;}
.v2-step-n{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#00a8d4,#0090c0);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.v2-step-t{font-weight:600;}

/* ==================== 频道页底部五频道互推 ==================== */
.v2-bottomnav{background:linear-gradient(180deg,#f7fbfd,#eef7fb);padding:48px 0;border-top:1px solid rgba(26,34,56,.06);}
.v2-bottomnav-head{text-align:center;margin-bottom:26px;}
.v2-bottomnav-title{font-size:24px;margin:8px 0 0;color:#1a2238;}
.v2-bottomnav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.v2-bottomnav-card{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid rgba(26,34,56,.08);border-radius:14px;padding:20px 18px;text-decoration:none;transition:transform .2s,box-shadow .2s;border-left:3px solid var(--color-accent,#00a8d4);}
.v2-bottomnav-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(26,34,56,.1);}
.v2-bn-tag{font-size:12px;color:#00a8d4;font-weight:700;letter-spacing:.04em;}
.v2-bottomnav-card b{font-size:16px;color:#1a2238;}
.v2-bottomnav-card i{font-size:13px;color:#55607a;font-style:normal;line-height:1.6;}
.v2-bn-go{margin-top:4px;font-size:13px;color:#ff5a2c;font-weight:600;}

/* ==================== 频道页 FAQ（GEO 问答） ==================== */
.v2-faq{padding:40px 0;background:#fff;}
.v2-faq-list{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px;}
.v2-faq-item{background:#f7fbfd;border:1px solid rgba(0,168,212,.14);border-radius:12px;padding:18px 20px;}
.v2-faq-item h3{font-size:16px;margin:0 0 8px;color:#1a2238;}
.v2-faq-ans p{font-size:14px;line-height:1.8;color:#55607a;margin:0;}
.v2-faq-item .v2-faq-ans{margin:0;}

/* ============================================================
 * 频道页（二级页）基础布局 · 2026-09-08 修正"排版乱"
 * 背景：频道页此前未加载 v2-pages.css，且 sidebar-layout / article-card /
 *       page-header / filter-tabs / articles-list / breadcrumb / form-control
 *       / pagination-* 等在 style.css 中均无定义，整页退回浏览器默认样式。
 *       以下用 v2 设计变量统一重写，使五频道页与首页(index)视觉一致。
 * ============================================================ */

/* 面包屑 */
.breadcrumb{padding:78px 0 14px;font-size:13px;color:var(--v2-ink-3);background:#fff;border-bottom:1px solid var(--v2-line);}
.breadcrumb-inner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.breadcrumb a{color:var(--v2-ink-2);text-decoration:none;}
.breadcrumb a:hover{color:var(--v2-primary);}
.breadcrumb-separator{color:var(--v2-ink-3);}
.breadcrumb-current{color:var(--v2-ink);font-weight:600;}

/* 页面标题区（hero） */
.page-header{
    position:relative;padding:32px 0 26px;text-align:center;
    background:linear-gradient(160deg,#f0f6ff 0%,#ffffff 60%,#f7fbff 100%);
    border-bottom:1px solid var(--v2-line);
}
.page-header h1{font-size:40px;font-weight:800;color:var(--v2-ink);margin:0 0 14px;letter-spacing:-.5px;line-height:1.3;}
.page-header p{font-size:17px;line-height:1.7;color:var(--v2-ink-2);max-width:720px;margin:0 auto;}

/* 通用区块 */
.section{padding:36px 0;}

/* 两栏布局 */
.sidebar-layout{display:flex;gap:32px;align-items:flex-start;}
.main-content{flex:1;min-width:0;}

/* 筛选标签（与首页 .v2-notes-tab 一致） */
.filter-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.filter-tab{
    padding:8px 18px;border:1px solid var(--v2-line);border-radius:999px;
    background:#fff;font-size:14px;font-weight:500;color:var(--v2-ink-2);
    text-decoration:none;transition:all .2s var(--v2-ease);
}
.filter-tab:hover{border-color:rgba(0,102,255,.4);color:var(--v2-primary);}
.filter-tab.active{background:linear-gradient(135deg,var(--v2-primary),var(--v2-accent));border-color:transparent;color:#fff;}

/* 搜索框 */
.form-control{width:100%;padding:11px 14px;border:1px solid var(--v2-line);border-radius:10px;font-size:14px;color:var(--v2-ink);background:#fff;outline:none;transition:border-color .2s;}
.form-control:focus{border-color:var(--v2-primary);}

/* 文章列表 */
.articles-list{display:flex;flex-direction:column;gap:18px;}
.article-card{
    display:grid;grid-template-columns:240px 1fr;gap:22px;
    background:#fff;border:1px solid var(--v2-line);border-radius:var(--v2-radius);
    padding:18px;transition:transform .22s var(--v2-ease),box-shadow .22s var(--v2-ease);
}
.article-card:hover{transform:translateY(-3px);box-shadow:var(--v2-shadow);}
.article-image{
    width:240px;height:160px;border-radius:10px;overflow:hidden;
    background:linear-gradient(135deg,#eef2f7,#e3ebf5);
    display:flex;align-items:center;justify-content:center;color:var(--v2-ink-3);
}
.article-image img{width:100%;height:100%;object-fit:cover;display:block;}
.article-body{min-width:0;display:flex;flex-direction:column;}
.article-category{display:inline-block;align-self:flex-start;padding:2px 10px;border-radius:5px;background:rgba(0,168,212,.1);color:#0086a8;font-size:12px;font-weight:600;margin-bottom:8px;}
.article-body h3{font-size:19px;font-weight:700;color:var(--v2-ink);line-height:1.45;margin:0 0 8px;}
.article-body h3 a{color:inherit;text-decoration:none;}
.article-body h3 a:hover{color:var(--v2-primary);}
.article-summary{font-size:14px;line-height:1.7;color:var(--v2-ink-2);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--v2-ink-3);margin-top:auto;flex-wrap:wrap;}
.article-meta span{display:inline-flex;align-items:center;gap:5px;}
.article-meta svg{opacity:.7;}

/* 侧栏容器补强 */
.train-list{display:flex;flex-direction:column;}
.res-list{display:flex;flex-direction:column;}

/* 分页 */
.pagination-wrapper{margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.pagination-info{font-size:13px;color:var(--v2-ink-3);}
.pagination-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.page-link{
    display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;
    border:1px solid var(--v2-line);border-radius:9px;font-size:14px;color:var(--v2-ink-2);
    text-decoration:none;transition:all .2s var(--v2-ease);
}
.page-link:hover{border-color:var(--v2-primary);color:var(--v2-primary);}
.page-link.current{background:linear-gradient(135deg,var(--v2-primary),var(--v2-accent));border-color:transparent;color:#fff;font-weight:600;cursor:default;}
.page-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:38px;color:var(--v2-ink-3);}

/* 响应式：频道页 */
@media (max-width: 900px) {
    .sidebar-layout{flex-direction:column;}
    .notes-side{flex:1 1 100%;max-width:100%!important;width:100%;}
    .article-card{grid-template-columns:1fr;}
    .article-image{width:100%;height:180px;}
    .breadcrumb{padding:56px 0 12px;}
    .page-header{padding:26px 0 22px;}
    .page-header h1{font-size:30px;}
    .section{padding:28px 0;}
}

/* ==================== GEO 七步详解区（[C]区 · 2026-09-08 填肉） ==================== */
.geo-detail{background:#fff;}
.geo-steps{max-width:880px;margin:0 auto;}
.geo-step{
    background:#fff;border:1px solid rgba(26,34,56,.08);border-radius:16px;
    padding:26px 28px;box-shadow:0 4px 16px rgba(26,34,56,.05);
    scroll-margin-top:86px; /* V6.66 固定导航 64px + 余量，锚点跳转时标题不被遮挡 */
}
.geo-step h3{font-size:21px;font-weight:700;color:var(--v2-ink);line-height:1.5;margin:0 0 16px;scroll-margin-top:96px;}
.geo-step p{font-size:15px;line-height:1.85;color:var(--v2-ink-2);margin:0 0 12px;}
.geo-step p strong{color:var(--v2-ink);font-weight:700;}
.geo-step ul{margin:0 0 14px;padding-left:22px;}
.geo-step ul li{font-size:15px;line-height:1.85;color:var(--v2-ink-2);margin-bottom:8px;}
.geo-step ul li::marker{color:var(--v2-accent);}
.geo-divider{border:none;border-top:1px dashed rgba(26,34,56,.14);margin:26px 0;}
.geo-metric{display:inline-block;padding:1px 8px;border-radius:6px;background:rgba(0,168,212,.12);color:#0086a8;font-weight:700;}
.geo-empty-note{text-align:center;color:var(--v2-ink-3);font-size:14px;padding:24px 0;}

/* 步骤条可点击锚点 */
.v2-step-link{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none;cursor:pointer;transition:opacity .2s;}
.v2-step-link:hover{opacity:.7;}

/* ==================== AI应用万能公式页 · 引用/示例/公式块 & 方法论提炼（[C][D][E]区 · 2026-09-08 填肉） ==================== */
.geo-quote{
    margin:0 0 14px;padding:10px 16px;
    border-left:3px solid var(--v2-accent);
    background:rgba(0,168,212,.06);border-radius:0 8px 8px 0;
    font-size:14px;line-height:1.8;color:var(--v2-ink-2);
}
.geo-quote p{margin:0 0 8px;font-size:14px;line-height:1.8;color:var(--v2-ink-2);}
.geo-quote p:last-child{margin-bottom:0;}
.geo-quote ul{margin:6px 0 8px;padding-left:22px;}
.geo-quote ul li{font-size:14px;line-height:1.8;color:var(--v2-ink-2);margin-bottom:6px;}
.geo-quote ul li::marker{color:var(--v2-accent);}
.geo-quote strong{color:var(--v2-ink);}
.geo-quote a{color:var(--v2-primary);text-decoration:none;font-weight:600;}
.geo-quote a:hover{text-decoration:underline;}
.geo-method{
    margin:0;padding:26px 30px;border-radius:16px;
    background:linear-gradient(135deg,rgba(0,102,255,.05),rgba(0,168,212,.06));
    border:1px solid rgba(26,34,56,.08);
}
.geo-method p{margin:0 0 12px;font-size:15px;line-height:1.9;color:var(--v2-ink-2);}
.geo-method p:last-child{margin-bottom:0;}
.geo-method strong{color:var(--v2-ink);}
.geo-case{max-width:880px;margin:0 auto;}

/* ==================== 实操案例页 · 增量样式（V3.13 填肉） ==================== */
.v2-hero-sub{margin:12px 0 0;font-size:17px;font-weight:600;color:rgba(255,255,255,.92);letter-spacing:.5px;}
.v2-case-method{margin-top:18px;}
.v2-case-method > b{color:var(--v2-ink);font-size:15px;}
.v2-method-tag{margin:14px 0 16px;padding:8px 12px;border-left:3px solid var(--v2-accent);background:rgba(0,168,212,.06);border-radius:0 8px 8px 0;font-size:14px;color:var(--v2-ink-2);}
.v2-method-tag b{color:var(--v2-accent);}

/* ==================== 实操案例 · 架构重构（V3.14） ==================== */
/* A. 案例二级页 Hero 扩展字段 */
.case-hero{padding-bottom:46px;}
.case-hero-role{font-size:15px;color:rgba(255,255,255,.85);margin:10px 0 18px;font-weight:500;}
.case-hero-quote{margin:0 0 22px;padding:14px 18px;border-left:4px solid var(--v2-accent);background:rgba(255,255,255,.1);border-radius:0 10px 10px 0;font-size:18px;line-height:1.7;color:#fff;max-width:780px;}
.case-hero-quote cite{display:block;margin-top:8px;font-size:14px;font-style:normal;color:rgba(255,255,255,.7);}
.case-hero-metrics{display:flex;flex-wrap:wrap;gap:14px 28px;margin-bottom:18px;}
.case-hero-metrics span{font-size:15px;color:rgba(255,255,255,.9);}
.case-hero-metrics b{color:#fff;font-weight:700;}
.case-hero-tags{display:flex;flex-wrap:wrap;gap:10px;}
.case-tag{display:inline-block;padding:5px 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:13px;color:#fff;background:rgba(255,255,255,.08);}

/* B. 项目背景列表 */
.case-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;max-width:920px;}
.case-facts li{font-size:15px;line-height:1.8;color:var(--v2-ink-2);}
.case-facts b{display:inline-block;min-width:96px;color:var(--v2-ink);}

/* C. 方法 / 结果 / 来源 区块 */
.case-mos-table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(26,34,56,.05);}
.case-mos-table th,.case-mos-table td{border:1px solid var(--v2-line);padding:12px 16px;text-align:left;font-size:14px;line-height:1.7;color:var(--v2-ink-2);vertical-align:top;}
.case-mos-table th{background:rgba(0,168,212,.08);color:var(--v2-ink);font-weight:600;}
.case-mos-table td b{color:var(--v2-accent);}
.case-result-banner{text-align:center;font-size:18px;color:var(--v2-ink);background:linear-gradient(90deg,rgba(0,168,212,.1),rgba(0,168,212,.04));border:1px solid rgba(0,168,212,.2);border-radius:12px;padding:18px;margin-bottom:22px;}
.case-result-banner b{color:var(--v2-accent);}
.case-timeline{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(26,34,56,.05);}
.case-timeline th,.case-timeline td{border:1px solid var(--v2-line);padding:11px 14px;text-align:left;font-size:14px;color:var(--v2-ink-2);}
.case-timeline th{background:rgba(26,34,56,.04);color:var(--v2-ink);font-weight:600;}
.case-source{font-size:15px;line-height:1.85;color:var(--v2-ink-2);}
.case-source-note{margin-top:8px;font-size:13px;color:var(--v2-ink-3);}

/* D. 方法论三栏（[B] 频道级提炼） */
.method-trio-lead{font-size:16px;color:var(--v2-ink);margin:0 0 22px;}
.method-trio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px;}
.method-card{background:#fff;border:1px solid rgba(26,34,56,.08);border-radius:16px;padding:24px 22px;position:relative;overflow:hidden;}
.method-card-no{position:absolute;top:14px;right:18px;font-size:34px;font-weight:800;color:rgba(0,168,212,.12);}
.method-card h3{margin:0 0 10px;font-size:18px;color:var(--v2-ink);}
.method-card p{margin:0;font-size:14px;line-height:1.8;color:var(--v2-ink-2);}

/* E. 相关文章 / 频道文章列表 */
.case-articles{list-style:none;margin:0;padding:0;max-width:760px;}
.case-articles li{padding:14px 0;border-bottom:1px solid var(--v2-line);}
.case-articles li:last-child{border-bottom:none;}
.case-articles a{color:var(--v2-ink);text-decoration:none;font-size:16px;line-height:1.7;transition:color .15s,padding-left .15s;}
.case-articles a:hover{color:var(--v2-primary);padding-left:6px;}

/* F. 筛选标签 */
.filter-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px;}
.filter-pill{padding:7px 16px;border:1px solid var(--v2-line);background:#fff;border-radius:999px;font-size:14px;color:var(--v2-ink-2);cursor:pointer;transition:all .18s;}
.filter-pill:hover{border-color:var(--v2-accent);color:var(--v2-accent);}
.filter-pill.active{background:var(--v2-accent);border-color:var(--v2-accent);color:#fff;font-weight:600;}

/* G. 案例卡片网格 */
.case-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;}
.case-card{display:block;background:#fff;border:1px solid rgba(26,34,56,.1);border-radius:16px;padding:26px 24px;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;}
.case-card:hover{transform:translateY(-4px);box-shadow:var(--v2-shadow-lg);border-color:var(--v2-accent);}
.case-card-no{display:block;font-size:13px;color:var(--v2-accent);font-weight:600;margin-bottom:8px;}
.case-card-title{margin:0 0 8px;font-size:21px;color:var(--v2-ink);}
.case-card-role{margin:0 0 10px;font-size:13px;color:var(--v2-ink-3);}
.case-card-result{margin:0 0 14px;font-size:14px;line-height:1.7;color:var(--v2-ink-2);}
.case-card-method{margin:0 0 16px;padding:12px 14px;background:rgba(0,168,212,.06);border-radius:10px;font-size:14px;line-height:1.7;color:var(--v2-ink-2);}
.case-card-method b{color:var(--v2-accent);}
.case-card-go{font-size:14px;font-weight:600;color:var(--v2-primary);}

/* H. 导航子菜单分隔线 */
.dropdown-sep{height:1px;background:rgba(26,34,56,.1);margin:6px 0;}

/* I. 移动端子菜单缩进 */
.m-sub{padding-left:32px !important;font-size:14px;color:var(--v2-ink-3) !important;}

/* J. 移动端适配 */
@media (max-width:900px){
  .case-facts{grid-template-columns:1fr;}
  .method-trio-grid{grid-template-columns:1fr;}
  .case-hero-quote{font-size:16px;}
  .case-mos-table,.case-timeline{display:block;overflow-x:auto;white-space:nowrap;}
}

/* ============================================================
   GEO七步法 大师级排版（V3.15，作用域 .geo-m-*，不污染全局）
   锁定配色：主色 #1a237e / 强调 #ff6d00 / 成功 #4caf50
   ============================================================ */
.geo-m-hero{background:#fafafa;text-align:center;padding:64px 0 40px;position:relative;overflow:hidden;}
.geo-m-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(26,35,126,.05) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;}
.geo-m-hero .container{position:relative;z-index:1;}
.geo-m-hero .v2-sec-tag{display:inline-block;background:rgba(26,35,126,.08);color:#1a237e;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:14px;}
.geo-m-hero h1{font-size:52px;line-height:1.25;font-weight:800;color:#1a237e;margin:0 0 12px;letter-spacing:-1px;}
.geo-m-hero-sub{font-size:18px;color:#666;margin:0 0 6px;font-weight:600;letter-spacing:.5px;}
.geo-m-hero-value{font-size:20px;color:#ff6d00;font-weight:800;margin:0 0 22px;}
.geo-m-hero-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:30px;}
.geo-m-hero-note{font-size:13px;color:#888;}
.geo-m-btn{display:inline-block;border:none;cursor:pointer;text-decoration:none;background:#ff6d00;color:#fff;font-size:15px;font-weight:700;padding:13px 26px;border-radius:8px;transition:background .2s,transform .2s;font-family:inherit;}
.geo-m-btn:hover{background:#e65100;transform:translateY(-2px);}
.geo-m-btn-ghost{background:#fff;color:#1a237e;border:1.5px solid #1a237e;}
.geo-m-btn-ghost:hover{background:#1a237e;color:#fff;}

/* [B] 流程导航条（作用域覆盖青色为海军蓝/橙） */
.geo-m-steps{margin:8px auto 0;max-width:880px;}
.geo-m-steps .v2-steps{margin-top:0;}
.geo-m-steps .v2-step{background:#fff;border:1px solid rgba(26,35,126,.18);color:#1a237e;transition:border-color .2s,transform .2s;}
.geo-m-steps .v2-step-n{background:linear-gradient(135deg,#1a237e,#283593);}
.geo-m-steps .v2-step.is-active,.geo-m-steps .v2-step:hover{border-color:#ff6d00;transform:translateY(-2px);}
.geo-m-steps .v2-step.is-active .v2-step-n{background:linear-gradient(135deg,#ff6d00,#e65100);}

/* [C] 七步详解四层卡片 */
.geo-detail.geo-m-detail{background:#fafafa;}
.geo-m-steps-wrap{max-width:880px;margin:0 auto;}
.geo-m-step{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:32px 34px;margin-bottom:48px;scroll-margin-top:96px;transition:transform .2s,box-shadow .2s;}
.geo-m-step:last-child{margin-bottom:0;}
.geo-m-step:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);}
.geo-m-step-head{display:flex;align-items:center;gap:18px;margin-bottom:6px;}
.geo-m-num{font-size:72px;line-height:1;font-weight:800;color:rgba(26,35,126,.12);font-family:inherit;flex-shrink:0;}
.geo-m-step-head h3{font-size:23px;font-weight:800;color:#1a237e;margin:0;line-height:1.4;}
.geo-m-def{font-style:italic;color:#666;font-size:15px;line-height:1.7;margin:0 0 18px;}
.geo-m-layer{margin-top:16px;padding:16px 18px;border-radius:10px;}
.geo-m-label{display:block;font-weight:800;font-size:14px;margin-bottom:8px;color:#1a237e;}
.geo-m-problem{background:#fff3e0;}
.geo-m-problem .geo-m-label{color:#e65100;}
.geo-m-how{background:#fff;}
.geo-m-how ul{margin:0;padding-left:22px;}
.geo-m-how ul li{font-size:15px;line-height:1.85;color:#333;margin-bottom:8px;}
.geo-m-how ul li::marker{color:#4caf50;}
.geo-m-deliver{background:#fff8f0;}
.geo-m-deliver p{margin:0;font-size:15px;line-height:1.8;color:#333;}
.geo-m-deliver strong{color:#ff6d00;font-weight:800;}

/* [D] 方法论提炼 */
.geo-m-method{background:#1a237e;color:#fff;padding:56px 0;text-align:center;}
.geo-m-method .container{max-width:820px;position:relative;}
.geo-m-method-quote{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-size:120px;line-height:1;color:rgba(255,255,255,.15);font-family:Georgia,serif;}
.geo-m-method p{font-size:19px;line-height:1.9;margin:0 0 18px;color:rgba(255,255,255,.95);}
.geo-m-method p:last-child{margin-bottom:0;}

/* [E] 案例锚点 */
.geo-m-case-sec{background:#fff;}
.geo-m-case{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border:1px solid rgba(26,35,126,.12);border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.08);padding:30px 34px;transition:transform .2s,box-shadow .2s;}
.geo-m-case:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);}
.geo-m-case-text h3{font-size:20px;color:#1a237e;margin:0 0 8px;font-weight:800;}
.geo-m-case-text p{font-size:15px;line-height:1.8;color:#444;margin:0 0 14px;max-width:640px;}
.geo-m-case-tags{display:flex;gap:8px;flex-wrap:wrap;}
.geo-m-case-tags span{background:rgba(26,35,126,.08);color:#1a237e;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;}
.geo-m-case-action{flex-shrink:0;}

/* [F] 延伸阅读 + [G] 资源转化 */
.geo-m-read-title{font-size:24px;font-weight:800;color:#1a237e;margin:0 0 24px;display:flex;align-items:center;gap:8px;}
.geo-m-read-ico{font-size:22px;}
.geo-m-read-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.geo-m-read-card{display:block;background:#fff;border:1px solid rgba(26,34,56,.1);border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.06);text-decoration:none;transition:transform .2s,box-shadow .2s;}
.geo-m-read-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);}
.geo-m-read-card h3{font-size:16px;font-weight:700;color:#1a237e;margin:0 0 10px;line-height:1.5;}
.geo-m-read-card:hover h3{color:#ff6d00;}
.geo-m-read-sum{font-size:14px;line-height:1.7;color:#666;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.geo-m-read-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;}
.geo-m-read-time{background:rgba(255,109,0,.1);color:#ff6d00;padding:2px 10px;border-radius:999px;font-weight:700;}
.geo-m-empty-note{text-align:center;color:#999;font-size:14px;padding:30px 0;background:#fafafa;border-radius:12px;}

.geo-m-res{background:linear-gradient(135deg,#ff6d00,#ff8a3d);color:#fff;border-radius:14px;padding:26px 24px;position:sticky;top:86px;}
.geo-m-res h3{font-size:18px;margin:0 0 10px;font-weight:800;}
.geo-m-res-desc{font-size:14px;line-height:1.7;margin:0 0 16px;opacity:.95;}
.geo-m-res-form{display:flex;flex-direction:column;gap:10px;}
.geo-m-res-input{width:100%;box-sizing:border-box;border:none;border-radius:8px;padding:12px 14px;font-size:14px;font-family:inherit;}
.geo-m-res-btn{width:100%;background:#1a237e;color:#fff;border:none;cursor:pointer;font-weight:700;font-size:15px;padding:12px;border-radius:8px;font-family:inherit;transition:background .2s;}
.geo-m-res-btn:hover{background:#0d1640;}
.geo-m-res-wx{font-size:12px;margin:14px 0 0;opacity:.9;line-height:1.6;}

/* [H] FAQ */
.geo-m-faq-sec{background:#fafafa;}
.geo-m-faq{display:flex;flex-direction:column;gap:12px;max-width:860px;margin:0 auto;}
.geo-m-faq-item{background:#fff;border:1px solid rgba(26,35,126,.12);border-radius:10px;overflow:hidden;}
.geo-m-faq-item summary{list-style:none;cursor:pointer;padding:16px 20px;font-size:16px;font-weight:700;color:#1a237e;display:flex;align-items:center;gap:10px;}
.geo-m-faq-item summary::-webkit-details-marker{display:none;}
.geo-m-faq-item summary::before{content:"+";font-size:22px;color:#ff6d00;font-weight:800;line-height:1;flex-shrink:0;}
.geo-m-faq-item[open] summary::before{content:"−";}
.geo-m-faq-body{padding:0 20px 18px;background:#f5f5f5;font-size:15px;line-height:1.8;color:#333;}

/* 移动端适配（<768px，无横向滚动） */
@media (max-width:768px){
  .geo-m-hero{padding:48px 0 30px;}
  .geo-m-hero h1{font-size:32px;letter-spacing:-.5px;}
  .geo-m-hero-sub{font-size:15px;}
  .geo-m-hero-value{font-size:17px;}
  .geo-m-hero-actions{flex-direction:column;}
  .geo-m-btn{width:100%;text-align:center;}
  .geo-m-num{font-size:48px;}
  .geo-m-step-head{flex-direction:column;align-items:flex-start;gap:4px;}
  .geo-m-step{padding:22px 18px;margin-bottom:28px;}
  .geo-m-method{padding:40px 16px;}
  .geo-m-method p{font-size:16px;}
  .geo-m-case{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 20px;}
  .geo-m-read-grid{grid-template-columns:1fr;}
  .geo-m-res{position:static;}
}


/* ============================================================
   实战营页 training.php · P0 配套（2×2 网格 + 大纲行 + 交付物）
   说明：仅覆盖 training.php 的 .courses-grid，不影响其他页面
   ============================================================ */
@media (min-width: 993px) {
    .courses-section .courses-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px;
    }
}
.courses-section .course-card { display: flex; flex-direction: column; }
.courses-section .course-body { flex: 1; display: flex; flex-direction: column; }
.course-method {
    font-size: 13px; color: #1a237e; background: #eef1fb;
    border-radius: 6px; padding: 6px 10px; margin: 0 0 12px;
    font-weight: 600;
}
.courses-section .course-points { flex: 1; }
.courses-section .course-points li b {
    display: inline-block; width: 18px; height: 18px; line-height: 18px;
    text-align: center; border-radius: 50%; margin-right: 6px;
    background: #1a237e; color: #fff; font-size: 11px; font-weight: 700;
}
.course-deliver {
    font-size: 13px; color: #455a64; line-height: 1.7;
    background: #fff8e1; border-radius: 6px; padding: 8px 12px; margin: 12px 0 0;
}
.course-deliver b { color: #e65100; }
@media (max-width: 768px) {
    .courses-section .courses-grid { grid-template-columns: 1fr; gap: 18px; }
}

/* ===== 案例页「项目通道」区块（作用域限定 #project-channel） ===== */
#project-channel .pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;}
#project-channel .pc-card{position:relative;background:#fff;border:1px solid rgba(26,34,56,.1);border-radius:16px;padding:28px 26px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;}
#project-channel .pc-card:hover{transform:translateY(-4px);box-shadow:var(--v2-shadow-lg);border-color:var(--v2-accent);}
#project-channel .pc-card-no{display:block;font-size:13px;color:var(--v2-accent);font-weight:600;margin-bottom:8px;}
#project-channel .pc-card h3{margin:0 0 10px;font-size:20px;color:var(--v2-ink);}
#project-channel .pc-card p{margin:0 0 14px;font-size:14px;line-height:1.75;color:var(--v2-ink-2);}
#project-channel .pc-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;}
#project-channel .pc-card-tags span{font-size:12px;padding:4px 10px;background:rgba(0,168,212,.08);color:var(--v2-ink-2);border-radius:999px;}
#project-channel .pc-card .v2-btn{margin-top:auto;align-self:flex-start;}

/* ===== PC端细节增强 V6.40：可访问性 ===== */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--v2-orange, #ff6d00);
    outline-offset: 2px;
}
.case-articles-more{margin:22px 0 0;}
.case-articles-more a{color:var(--v2-primary);text-decoration:none;font-size:15px;font-weight:600;}
.case-articles-more a:hover{text-decoration:underline;}


/* ============================================================
 * 训练页 training.php 全量样式（V6.63 补全 + 新增区块）
 * 说明：原 V6.62 大量类缺失定义导致裸排版，本轮一次性补全。
 * 仅随 v2-pages.css 加载（training.php / about.php 共用，类名不冲突）。
 * ============================================================ */

/* ---- 顶部 Banner ---- */
.training-banner { background: linear-gradient(135deg, #0f1d4a 0%, #1e3a8a 100%); color: #fff; padding: 72px 0 54px; }
.training-banner-inner { max-width: 880px; margin: 0 auto; padding: 0 20px; text-align: center; }
.training-banner-title { font-size: 34px; font-weight: 800; line-height: 1.35; margin: 0 0 14px; color: #fff; }
.training-banner-sub { font-size: 17px; color: rgba(255,255,255,.82); margin: 0 0 26px; line-height: 1.7; }
.training-banner-cta { display: flex; gap: 14px; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 24px; }
.training-banner-btn { display: inline-block; background: #ff6d00; color: #fff; font-size: 15px; font-weight: 700; padding: 13px 28px; border-radius: 8px; text-decoration: none; border: none; cursor: pointer; transition: background .2s, transform .2s; font-family: inherit; }
.training-banner-btn:hover { background: #e65100; transform: translateY(-2px); }
.training-banner-btn--ghost { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.35); }
.training-banner-btn--ghost:hover { background: rgba(255,255,255,.22); }
.training-banner-trust { display: flex; gap: 26px; justify-content: center; flex-wrap: wrap; font-size: 13px; color: rgba(255,255,255,.72); }
.training-banner-trust b { color: #fff; font-weight: 700; }

/* ---- 学习路径推荐 ---- */
.path-section { padding: 56px 0; background: #f5f7fa; }
.path-head { text-align: center; margin-bottom: 36px; }
.path-h { font-size: 28px; font-weight: 800; color: #1a237e; margin: 0 0 10px; }
.path-sub { font-size: 15px; color: #5a6275; margin: 0; }
.path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.path-card { background: #fff; border: 1px solid rgba(26,35,126,.1); border-radius: 16px; padding: 28px 26px; display: flex; flex-direction: column; transition: transform .2s, box-shadow .2s, border-color .2s; }
.path-card:hover { transform: translateY(-4px); box-shadow: 0 8px 28px rgba(26,35,126,.12); border-color: #ff6d00; }
.path-ico { width: 46px; height: 46px; border-radius: 12px; background: #eef1fb; color: #1a237e; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.path-ico svg { width: 24px; height: 24px; }
.path-title { font-size: 19px; font-weight: 700; color: #1a237e; margin: 0 0 8px; }
.path-desc { font-size: 14px; color: #5a6275; line-height: 1.7; margin: 0 0 14px; }
.path-meta { font-size: 13px; color: #ff6d00; font-weight: 600; margin: 0 0 14px; }
.path-link { display: inline-flex; align-items: center; gap: 6px; color: #1a237e; font-weight: 700; text-decoration: none; font-size: 14px; margin-top: auto; }
.path-link:hover { color: #ff6d00; }
@media (max-width: 900px) { .path-grid { grid-template-columns: 1fr; } }

/* ---- 课程模块 + 课程卡（补全） ---- */
.courses-section { padding: 56px 0; }
.course-module { margin-bottom: 46px; scroll-margin-top: 104px; }
.module-head { margin-bottom: 22px; padding-left: 14px; border-left: 4px solid #ff6d00; }
.module-title { font-size: 24px; font-weight: 800; color: #1a237e; margin: 0 0 6px; }
.module-sub { font-size: 14px; color: #5a6275; margin: 0; }
.course-card { background: #fff; border: 1px solid rgba(26,35,126,.12); border-radius: 14px; overflow: hidden; box-shadow: 0 4px 14px rgba(26,35,126,.06); transition: transform .2s, box-shadow .2s; }
.course-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(26,35,126,.14); }
.course-bar { height: 6px; }
.course-card.c-green .course-bar { background: #2e9e5b; }
.course-card.c-orange .course-bar { background: #ff8a00; }
.course-card.c-blue .course-bar { background: #1a73e8; }
.course-card.c-purple .course-bar { background: #7b54d6; }
.course-card.c-red .course-bar { background: #e24b4a; }
.course-body { padding: 20px 20px 22px; }
.course-name { font-size: 17px; font-weight: 700; color: #1a237e; margin: 0 0 10px; line-height: 1.4; }
/* 课程卡：四层一底座层级 chip（V6.65；training.php 不加载 unified-styles.css，故本页样式放这里） */
.course-layer { align-self: flex-start; display: inline-block; margin: 6px 0 0; padding: 2px 10px; border-radius: 11px;
    font-size: 11px; font-weight: 600; line-height: 1.7; color: #c2410c;
    background: #fff4ee; border: 1px solid rgba(255,90,44,.30); }
.courses-hint .hint-sub { display: block; margin-top: 6px; color: #64748b; font-size: 13px; font-weight: 400; }

.course-tags { display: flex; gap: 8px; flex-wrap: wrap; margin: 0 0 12px; }
.course-tag { font-size: 12px; color: #1a237e; background: #eef1fb; border: 1px solid rgba(26,35,126,.14); border-radius: 999px; padding: 3px 10px; }
.course-for { font-size: 13px; color: #5a6275; margin: 0 0 6px; }
.course-for b { color: #1a237e; }
.course-pos { font-size: 13.5px; color: #444; line-height: 1.65; margin: 0 0 16px; }
.course-btn { display: inline-block; background: #1a237e; color: #fff; font-size: 14px; font-weight: 700; padding: 10px 18px; border-radius: 8px; border: none; cursor: pointer; text-decoration: none; font-family: inherit; transition: background .2s; }
.course-btn:hover { background: #0f1d4a; }

/* ---- 学习权益（补全） ---- */
.benefit-section { padding: 56px 0; background: #f5f7fa; }
.benefit-title { text-align: center; font-size: 28px; font-weight: 800; color: #1a237e; margin: 0 0 36px; }
.benefit-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; max-width: 1100px; margin: 0 auto; }
.benefit-card { background: #fff; border: 1px solid rgba(26,35,126,.1); border-radius: 14px; padding: 26px 22px; text-align: center; }
.benefit-ico { display: block; font-size: 24px; color: #ff6d00; margin-bottom: 12px; }
.benefit-card h3 { font-size: 17px; color: #1a237e; margin: 0 0 8px; }
.benefit-card p { font-size: 13.5px; color: #5a6275; line-height: 1.6; margin: 0; }
@media (max-width: 900px) { .benefit-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .benefit-grid { grid-template-columns: 1fr; } }

/* ---- 企业 / 政府定制（补全 enterprise-inner） ---- */
.enterprise-inner { max-width: 760px; margin: 0 auto; text-align: center; padding: 0 20px; }
.enterprise-desc { font-size: 15px; color: rgba(255,255,255,.82); margin: 0 0 22px; line-height: 1.7; }
.enterprise-desc b { color: #ff6d00; }
.enterprise-points { display: flex; gap: 26px; justify-content: center; flex-wrap: wrap; margin-bottom: 26px; }
.ent-point { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: rgba(255,255,255,.9); }
.ent-icon { color: #ff6d00; display: inline-flex; }
.ent-btn { display: inline-block; background: #ff6d00; color: #fff; font-size: 15px; font-weight: 700; padding: 12px 26px; border-radius: 8px; border: none; cursor: pointer; font-family: inherit; transition: background .2s, transform .2s; }
.ent-btn:hover { background: #e65100; transform: translateY(-2px); }

/* ---- FAQ（补全 faq-list 等） ---- */
.faq-container { max-width: 820px; margin: 0 auto; padding: 0 20px; }
.faq-title { text-align: center; font-size: 28px; font-weight: 800; color: #1a237e; margin: 0 0 32px; }
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item { border: 1px solid rgba(26,35,126,.12); border-radius: 12px; overflow: hidden; background: #fff; }
.faq-q { width: 100%; text-align: left; background: none; border: none; cursor: pointer; padding: 18px 20px; font-size: 16px; font-weight: 600; color: #1a237e; display: flex; justify-content: space-between; align-items: center; gap: 12px; font-family: inherit; }
.faq-arrow { transition: transform .2s; color: #ff6d00; }
.faq-item.open .faq-arrow { transform: rotate(180deg); }
.faq-a { max-height: 0; overflow: hidden; transition: max-height .25s ease; }
.faq-item.open .faq-a { max-height: 260px; }
.faq-a p { margin: 0; padding: 0 20px 18px; font-size: 14px; color: #5a6275; line-height: 1.7; }

/* ---- 信任深化（新增） ---- */
.trust-section { padding: 56px 0; background: #f5f7fa; }
.trust-head { text-align: center; margin-bottom: 36px; }
.trust-h { font-size: 28px; font-weight: 800; color: #1a237e; margin: 0 0 10px; }
.trust-sub { font-size: 15px; color: #5a6275; margin: 0; }
.trust-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; max-width: 1100px; margin: 0 auto; }
.trust-card { background: #fff; border: 1px solid rgba(26,35,126,.1); border-radius: 16px; padding: 28px 26px; }
.trust-ico { width: 44px; height: 44px; border-radius: 12px; background: #eef1fb; color: #1a237e; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.trust-ico svg { width: 22px; height: 22px; }
.trust-title { font-size: 18px; font-weight: 700; color: #1a237e; margin: 0 0 8px; }
.trust-desc { font-size: 14px; color: #5a6275; line-height: 1.7; margin: 0; }
.trust-desc b { color: #1a237e; }
@media (max-width: 900px) { .trust-grid { grid-template-columns: 1fr; } }

/* ---- 底部常驻咨询栏（新增） ---- */
.training-cta-bar { background: #1a237e; color: #fff; padding: 22px 0; }
.training-cta-inner { max-width: 1100px; margin: 0 auto; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; }
.training-cta-text { font-size: 16px; font-weight: 600; }
.training-cta-text b { color: #ff6d00; }
.training-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.training-cta-btn { display: inline-block; background: #ff6d00; color: #fff; text-decoration: none; font-size: 14px; font-weight: 700; padding: 11px 22px; border-radius: 8px; border: none; cursor: pointer; font-family: inherit; transition: background .2s, transform .2s; }
.training-cta-btn:hover { background: #e65100; transform: translateY(-2px); }
.training-cta-btn--ghost { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.35); }
.training-cta-btn--ghost:hover { background: rgba(255,255,255,.22); }

/* ============ 四层一底座 · 方法论主脊梁（V6.78 新增） ============ */
.backbone-section { padding: 56px 0; background: linear-gradient(135deg, #0f1d4a 0%, #1e3a8a 100%); color: #fff; }
.backbone-head { text-align: center; max-width: 860px; margin: 0 auto 36px; padding: 0 20px; }
.backbone-h { font-size: 28px; font-weight: 800; color: #fff; margin: 0 0 12px; }
.backbone-sub { font-size: 15px; color: rgba(255,255,255,.82); line-height: 1.7; margin: 0; }
.backbone-sub b { color: #ff8a00; }
.backbone-flow { display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 10px; max-width: 1100px; margin: 0 auto; padding: 0 20px; }
.backbone-node { flex: 1 1 150px; max-width: 200px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 14px; padding: 18px 16px; text-align: center; text-decoration: none; color: #fff; transition: transform .2s, background .2s, border-color .2s; }
.backbone-node:hover { transform: translateY(-4px); background: rgba(255,255,255,.16); border-color: rgba(255,138,0,.6); }
.backbone-step { display: block; font-size: 13px; font-weight: 700; color: #ff8a00; margin-bottom: 6px; letter-spacing: 1px; }
.backbone-name { display: block; font-size: 18px; font-weight: 800; margin-bottom: 4px; }
.backbone-desc { display: block; font-size: 12.5px; color: rgba(255,255,255,.7); line-height: 1.5; }
.backbone-arrow { display: flex; align-items: center; color: rgba(255,255,255,.5); font-size: 20px; }
.backbone-base-label { align-self: center; font-size: 12px; color: rgba(255,255,255,.6); padding: 0 4px; }
.backbone-node--base { background: rgba(255,138,0,.18); border-color: rgba(255,138,0,.5); }
.backbone-node--base .backbone-step { color: #ffd9a8; }
.backbone-node--base .backbone-name { color: #ffd9a8; }
@media (max-width: 760px) {
  .backbone-flow { gap: 8px; }
  .backbone-node { flex: 1 1 130px; }
  .backbone-arrow { display: none; }
  .backbone-base-label { display: none; }
}

/* ============ 个人副业变现专区（橙描边，V6.78 新增） ============ */
.fuye-zone { border: 2px dashed rgba(255,90,44,.55); border-radius: 18px; padding: 22px 22px 26px; background: linear-gradient(180deg, #fff7f2 0%, #ffffff 60%); }
.fuye-badge { display: inline-block; margin-left: 10px; font-size: 12px; font-weight: 600; color: #ff5a2c; background: #fff0e8; border: 1px solid rgba(255,90,44,.35); border-radius: 999px; padding: 3px 12px; vertical-align: middle; }

/* ============ 训练营 & 组合学习包（V6.78 占位，不标价） ============ */
.camp-section { padding: 56px 0; background: #f5f7fa; }
.camp-head { text-align: center; max-width: 820px; margin: 0 auto 36px; padding: 0 20px; }
.camp-h { font-size: 28px; font-weight: 800; color: #1a237e; margin: 0 0 12px; }
.camp-sub { font-size: 15px; color: #5a6275; line-height: 1.7; margin: 0; }
.camp-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; max-width: 1100px; margin: 0 auto 26px; padding: 0 20px; }
.camp-card { background: #fff; border: 1px solid rgba(26,35,126,.12); border-radius: 16px; padding: 26px 24px; box-shadow: 0 4px 14px rgba(26,35,126,.06); transition: transform .2s, box-shadow .2s; }
.camp-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(26,35,126,.14); }
.camp-card-top { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.camp-tag { font-size: 12px; font-weight: 700; color: #0066ff; background: #eef4ff; border: 1px solid rgba(0,102,255,.2); border-radius: 999px; padding: 3px 12px; }
.camp-name { font-size: 19px; font-weight: 800; color: #1a237e; margin: 0; }
.camp-desc { font-size: 14px; color: #444; line-height: 1.7; margin: 0 0 14px; }
.camp-cover { font-size: 13px; color: #ff5a2c; font-weight: 600; margin: 0 0 14px; }
.camp-link { display: inline-block; font-size: 14px; font-weight: 700; color: #0066ff; text-decoration: none; }
.camp-link:hover { color: #0052cc; }
.camp-note { max-width: 1100px; margin: 0 auto; padding: 0 20px; font-size: 13px; color: #64748b; line-height: 1.6; }
@media (max-width: 900px) { .camp-grid { grid-template-columns: 1fr; } }

/* ============ 交付形态图例（V6.78 新增） ============ */
.legend-section { padding: 52px 0; background: #fff; }
.legend-head { text-align: center; max-width: 760px; margin: 0 auto 32px; padding: 0 20px; }
.legend-h { font-size: 26px; font-weight: 800; color: #1a237e; margin: 0 0 10px; }
.legend-sub { font-size: 15px; color: #5a6275; margin: 0; }
.legend-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; max-width: 1080px; margin: 0 auto; padding: 0 20px; }
.legend-item { display: flex; flex-direction: column; gap: 6px; background: #f5f7fa; border: 1px solid rgba(26,35,126,.08); border-radius: 12px; padding: 18px; }
.legend-item b { font-size: 15px; color: #1a237e; }
.legend-item i { font-size: 13px; color: #5a6275; line-height: 1.6; font-style: normal; }
.legend-dot { width: 12px; height: 12px; border-radius: 50%; margin-bottom: 4px; }
.legend-dot--live { background: #ff6d00; }
.legend-dot--record { background: #0066ff; }
.legend-dot--train { background: #2e9e5b; }
.legend-dot--offline { background: #7b54d6; }
@media (max-width: 900px) { .legend-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .legend-grid { grid-template-columns: 1fr; } }

/* ============ 训练营真实内容增强（V6.81 Phase 4） ============ */
.camp-courses { font-size: 13px; color: #334155; line-height: 1.65; margin: 0 0 8px; }
.camp-courses b { color: #1a237e; }
.camp-suit { font-size: 13px; color: #334155; line-height: 1.65; margin: 0 0 14px; }
.camp-suit b { color: #1a237e; }
.camp-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.camp-cta { font-size: 14px; font-weight: 700; color: #fff; background: #ff5a2c; border: none; border-radius: 999px; padding: 9px 20px; cursor: pointer; transition: background .2s; }
.camp-cta:hover { background: #e64a1e; }

/* ============================================================
 * 赋能足迹 · 12 期电商班实训现场（V6.82 新增）
 * training.php 专用；图片懒加载 + WebP/JPEG 双格式兜底
 * ============================================================ */
.empowerment-section { padding: 56px 0; background: #fff; }
.empowerment-head { text-align: center; max-width: 760px; margin: 0 auto 36px; padding: 0 20px; }
.empowerment-h { font-size: 28px; font-weight: 800; color: #1a237e; margin: 0 0 10px; }
.empowerment-sub { font-size: 15px; color: #5a6275; margin: 0; line-height: 1.7; }
.empowerment-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; max-width: 1160px; margin: 0 auto; padding: 0 20px; }
.empowerment-card { background: #fff; border: 1px solid rgba(26,35,126,.1); border-radius: 16px; overflow: hidden; box-shadow: 0 4px 14px rgba(26,35,126,.06); transition: transform .2s, box-shadow .2s; }
.empowerment-card:hover { transform: translateY(-4px); box-shadow: 0 10px 28px rgba(26,35,126,.12); }
.empowerment-open { display: block; width: 100%; border: none; background: none; padding: 0; text-align: left; cursor: pointer; font-family: inherit; }
.empowerment-pic { position: relative; aspect-ratio: 3 / 2; overflow: hidden; background: #f0f2f5; }
.empowerment-pic picture, .empowerment-pic img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.empowerment-card:hover .empowerment-pic img { transform: scale(1.03); }
.empowerment-info { padding: 16px; }
.empowerment-date { display: inline-block; font-size: 12px; color: #ff5a2c; background: #fff0e8; border: 1px solid rgba(255,90,44,.25); border-radius: 999px; padding: 2px 10px; font-weight: 600; margin-bottom: 8px; }
.empowerment-title { font-size: 16px; font-weight: 700; color: #1a237e; margin: 0 0 6px; line-height: 1.35; }
.empowerment-loc { font-size: 13px; color: #5a6275; }
@media (max-width: 1024px) { .empowerment-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 768px) { .empowerment-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; } }
@media (max-width: 420px) { .empowerment-grid { grid-template-columns: 1fr; } }

/* 灯箱 */
.empowerment-lightbox { position: fixed; inset: 0; z-index: 9999; background: rgba(10,14,28,.92); display: none; align-items: center; justify-content: center; flex-direction: column; padding: 40px 60px; }
.empowerment-lightbox.active { display: flex; }
.emp-lightbox-stage { position: relative; max-width: 100%; max-height: calc(100vh - 120px); display: flex; align-items: center; justify-content: center; }
.emp-lightbox-stage img { max-width: 100%; max-height: calc(100vh - 120px); border-radius: 8px; box-shadow: 0 12px 40px rgba(0,0,0,.35); object-fit: contain; }
.emp-lightbox-close { position: absolute; top: 18px; right: 24px; font-size: 38px; color: #fff; background: none; border: none; cursor: pointer; line-height: 1; padding: 0; width: 44px; height: 44px; }
.emp-lightbox-prev, .emp-lightbox-next { position: absolute; top: 50%; transform: translateY(-50%); font-size: 42px; color: #fff; background: rgba(255,255,255,.12); border: none; width: 48px; height: 48px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.emp-lightbox-prev { left: 14px; }
.emp-lightbox-next { right: 14px; }
.emp-lightbox-caption { color: rgba(255,255,255,.85); font-size: 15px; margin-top: 14px; text-align: center; }
@media (max-width: 640px) {
    .empowerment-lightbox { padding: 60px 16px 16px; }
    .emp-lightbox-stage img { max-height: calc(100vh - 140px); }
    .emp-lightbox-prev { left: 6px; width: 40px; height: 40px; font-size: 32px; }
    .emp-lightbox-next { right: 6px; width: 40px; height: 40px; font-size: 32px; }
}