* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
    --primary-red: #8B1A1A; --deep-red: #5C0F0F; --bright-red: #C41E24;
    --gold: #D4A84B; --light-gold: #E8C97A; --cream: #FAF5E9;
    --warm-white: #FFFDF7; --dark-text: #2C1810; --gray-text: #6B5D54;
    --parchment: #F5ECD8; --card-shadow: 0 4px 20px rgba(139,26,26,0.08);
    --card-shadow-hover: 0 8px 30px rgba(139,26,26,0.15);
}
body { font-family: 'Noto Sans SC', sans-serif; background: var(--cream); color: var(--dark-text); line-height: 1.6; overflow-x: hidden; }

/* ===== 统一模块标题装饰样式 ===== */
.section-title-wrapper {
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 32px;
    position: relative;
}
.section-title-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.section-title-icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, var(--primary-red), var(--bright-red));
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light-gold);
    font-size: 16px;
    box-shadow: 0 2px 10px rgba(139,26,26,0.2);
    margin-bottom: 4px;
}
.section-title-main {
    font-family: 'Noto Serif SC', serif;
    font-size: 26px;
    font-weight: 900;
    color: var(--primary-red);
    letter-spacing: 6px;
    position: relative;
    display: inline-block;
}
.section-title-main::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--gold), var(--light-gold));
    border-radius: 2px;
}
.section-title-sub {
    font-size: 13px;
    color: var(--gray-text);
    letter-spacing: 2px;
    margin-top: 12px;
}
.section-title-deco {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--gold);
    opacity: 0.6;
}
.section-title-deco .deco-line {
    width: 40px;
    height: 1px;
    background: linear-gradient(90deg, var(--gold), transparent);
}
.section-title-deco .deco-dot {
    width: 6px;
    height: 6px;
    background: var(--gold);
    border-radius: 50%;
    transform: rotate(45deg);
}

/* ===== 顶部导航 ===== */
.top-nav { background: linear-gradient(180deg, var(--deep-red) 0%, var(--primary-red) 100%); padding: 8px 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 15px rgba(0,0,0,0.2); }
.nav-container { max-width: 1400px; margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; }
.nav-logo { display: flex; align-items: center; gap: 12px; color: #fff; }
.nav-logo-icon { width: 36px; height: 36px; background: var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--deep-red); }
.nav-logo-text { font-size: 14px; font-weight: 500; letter-spacing: 2px; }
.nav-links { display: flex; gap: 32px; list-style: none; }
.nav-links a { color: rgba(255,255,255,0.85); text-decoration: none; font-size: 14px; transition: all 0.3s; position: relative; }
.nav-links a:hover { color: var(--gold); }
.nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: var(--gold); transition: width 0.3s; }
.nav-links a:hover::after { width: 100%; }
.nav-right { display: flex; align-items: center; gap: 20px; color: rgba(255,255,255,0.8); font-size: 13px; }

/* ===== Hero ===== */
.hero { position: relative; min-height: 680px; background: linear-gradient(135deg, #2D0808 0%, #4A0F0F 20%, var(--deep-red) 40%, var(--primary-red) 60%, #8B2020 80%, #5C1515 100%); display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at 10% 30%, rgba(212,168,75,0.25) 0%, transparent 45%), radial-gradient(ellipse at 90% 20%, rgba(212,168,75,0.18) 0%, transparent 35%), radial-gradient(ellipse at 50% 85%, rgba(139,26,26,0.5) 0%, transparent 55%), radial-gradient(ellipse at 30% 70%, rgba(196,30,36,0.2) 0%, transparent 40%); pointer-events: none; }
.hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.03' d='M0,160L48,176C96,192,192,224,288,213.3C384,203,480,149,576,122.7C672,96,768,96,864,112C960,128,1056,160,1152,165.3C1248,171,1344,149,1392,138.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") bottom center no-repeat; background-size: cover; opacity: 0.5; pointer-events: none; }
.hero-ribbons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; }
.ribbon { position: absolute; opacity: 0.15; animation: floatRibbon 15s ease-in-out infinite; }
.ribbon:nth-child(1) { top: 5%; left: -5%; width: 600px; height: 4px; background: linear-gradient(90deg, transparent, var(--gold), var(--light-gold), transparent); transform: rotate(-20deg); animation-delay: 0s; }
.ribbon:nth-child(2) { top: 25%; right: -10%; width: 500px; height: 3px; background: linear-gradient(90deg, transparent, var(--light-gold), var(--gold), transparent); transform: rotate(15deg); animation-delay: 4s; }
.ribbon:nth-child(3) { top: 55%; left: 0%; width: 400px; height: 3px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transform: rotate(-8deg); animation-delay: 8s; }
.ribbon:nth-child(4) { bottom: 30%; right: 5%; width: 450px; height: 4px; background: linear-gradient(90deg, transparent, var(--gold), var(--light-gold), transparent); transform: rotate(12deg); animation-delay: 12s; }
.ribbon:nth-child(5) { top: 40%; left: 30%; width: 200px; height: 200px; border: 2px solid rgba(212,168,75,0.1); border-radius: 50%; animation: pulseRing 6s ease-in-out infinite; }
@keyframes floatRibbon { 0%, 100% { opacity: 0.08; } 50% { opacity: 0.2; transform: translateX(40px); } }
@keyframes pulseRing { 0%, 100% { transform: scale(1); opacity: 0.1; } 50% { transform: scale(1.3); opacity: 0.2; } }
.hero-stars { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; }
.star { position: absolute; width: 4px; height: 4px; background: var(--light-gold); border-radius: 50%; animation: twinkle 2.5s ease-in-out infinite; }
.star:nth-child(1) { top: 12%; left: 15%; } .star:nth-child(2) { top: 22%; left: 65%; animation-delay: 0.4s; } .star:nth-child(3) { top: 35%; left: 40%; animation-delay: 0.8s; } .star:nth-child(4) { top: 48%; left: 78%; animation-delay: 1.2s; } .star:nth-child(5) { top: 60%; left: 12%; animation-delay: 1.6s; } .star:nth-child(6) { top: 18%; left: 82%; animation-delay: 0.2s; } .star:nth-child(7) { top: 42%; left: 8%; animation-delay: 0.6s; } .star:nth-child(8) { top: 55%; left: 55%; animation-delay: 1.0s; } .star:nth-child(9) { top: 28%; left: 48%; animation-delay: 1.4s; } .star:nth-child(10) { top: 72%; left: 35%; animation-delay: 1.8s; } .star:nth-child(11) { top: 15%; left: 30%; animation-delay: 0.3s; } .star:nth-child(12) { top: 50%; left: 88%; animation-delay: 0.7s; } .star:nth-child(13) { top: 65%; left: 70%; animation-delay: 1.1s; } .star:nth-child(14) { top: 38%; left: 22%; animation-delay: 1.5s; } .star:nth-child(15) { top: 78%; left: 60%; animation-delay: 1.9s; }
@keyframes twinkle { 0%, 100% { opacity: 0.2; transform: scale(1); } 50% { opacity: 1; transform: scale(1.8); box-shadow: 0 0 12px var(--light-gold), 0 0 20px rgba(212,168,75,0.5); } }
.hero-grid { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.04; background-image: linear-gradient(rgba(255,255,255,0.15) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.15) 1px, transparent 1px); background-size: 50px 50px; z-index: 0; }
.hero-glow { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 700px; height: 500px; background: radial-gradient(ellipse, rgba(212,168,75,0.15) 0%, rgba(196,30,36,0.08) 30%, transparent 70%); z-index: 0; animation: pulseGlow 5s ease-in-out infinite; }
@keyframes pulseGlow { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; } 50% { transform: translate(-50%, -50%) scale(1.15); opacity: 1; } }
.hero-bottom-line { position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); width: 200px; height: 2px; background: linear-gradient(90deg, transparent, var(--gold), var(--light-gold), var(--gold), transparent); z-index: 2; opacity: 0.6; }
.hero-content { text-align: center; position: relative; z-index: 2; padding: 100px 20px 120px; }
.hero-badge { display: inline-block; background: rgba(212,168,75,0.2); border: 1.5px solid rgba(212,168,75,0.5); color: var(--light-gold); padding: 10px 32px; border-radius: 25px; font-size: 14px; letter-spacing: 5px; margin-bottom: 32px; backdrop-filter: blur(4px); animation: fadeInDown 0.8s ease-out; }
.hero-title { font-family: 'Noto Serif SC', serif; font-size: 68px; font-weight: 900; color: #fff; letter-spacing: 12px; margin-bottom: 20px; text-shadow: 0 4px 30px rgba(0,0,0,0.5), 0 0 80px rgba(212,168,75,0.3), 0 0 120px rgba(196,30,36,0.2); animation: fadeInUp 1s ease-out 0.2s both; }
.hero-subtitle { font-family: 'Noto Serif SC', serif; font-size: 26px; color: var(--light-gold); letter-spacing: 10px; margin-bottom: 36px; animation: fadeInUp 1s ease-out 0.4s both; }
.hero-desc { max-width: 680px; margin: 0 auto 44px; color: rgba(255,255,255,0.85); font-size: 17px; line-height: 2.2; letter-spacing: 2px; animation: fadeInUp 1s ease-out 0.6s both; }
.hero-buttons { display: flex; gap: 28px; justify-content: center; animation: fadeInUp 1s ease-out 0.8s both; }
.btn-primary { background: linear-gradient(135deg, var(--gold), #C4953A); color: var(--deep-red); padding: 16px 52px; border-radius: 30px; text-decoration: none; font-weight: 600; font-size: 17px; letter-spacing: 3px; transition: all 0.3s; box-shadow: 0 6px 25px rgba(212,168,75,0.5); border: none; cursor: pointer; }
.btn-primary:hover { transform: translateY(-4px); box-shadow: 0 10px 35px rgba(212,168,75,0.6); }
.btn-outline { background: transparent; color: var(--light-gold); padding: 16px 52px; border-radius: 30px; text-decoration: none; font-weight: 500; font-size: 17px; letter-spacing: 3px; border: 2px solid rgba(212,168,75,0.5); transition: all 0.3s; cursor: pointer; }
.btn-outline:hover { background: rgba(212,168,75,0.15); border-color: var(--gold); transform: translateY(-4px); }
.mountain-deco { position: absolute; bottom: 0; left: 0; right: 0; height: 180px; background: linear-gradient(to top, var(--cream) 0%, transparent 100%); z-index: 1; }
@keyframes fadeInDown { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

.main-content { max-width: 1400px; margin: 0 auto; padding: 40px; }

/* ===== 数字长征 ===== */
.section-stats { background: var(--warm-white); border-radius: 16px; padding: 36px 48px; margin-bottom: 32px; box-shadow: var(--card-shadow); border: 1px solid rgba(139,26,26,0.06); }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.stat-card { text-align: center; padding: 28px 20px; border-radius: 14px; background: linear-gradient(135deg, rgba(139,26,26,0.03) 0%, rgba(212,168,75,0.03) 100%); border: 1px solid rgba(139,26,26,0.06); transition: all 0.35s ease; position: relative; overflow: hidden; }
.stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary-red), var(--gold));
    opacity: 0;
    transition: opacity 0.35s ease;
}
.stat-card:hover { transform: translateY(-6px); box-shadow: var(--card-shadow-hover); border-color: rgba(212,168,75,0.25); }
.stat-card:hover::before { opacity: 1; }
.stat-number { font-family: 'Noto Serif SC', serif; font-size: 44px; font-weight: 700; color: var(--primary-red); margin-bottom: 6px; line-height: 1.2; }
.stat-number .unit { font-size: 22px; color: var(--gold); font-weight: 600; }
.stat-label { font-size: 14px; color: var(--gray-text); letter-spacing: 2px; margin-top: 4px; }

/* ===== 时间轴 + 路线图 ===== */
.section-timeline-map { display: grid; grid-template-columns: 320px 1fr; gap: 24px; margin-bottom: 32px; align-items: stretch; }

/* 时间轴 */
.timeline-panel { background: var(--warm-white); border-radius: 16px; padding: 32px; box-shadow: var(--card-shadow); border: 1px solid rgba(139,26,26,0.06); display: flex; flex-direction: column; height: 580px; }
.timeline-scroll-container { flex: 1; overflow-y: auto; padding-right: 12px; scrollbar-width: thin; scrollbar-color: var(--gold) transparent; max-height: 480px; }
.timeline-scroll-container::-webkit-scrollbar { width: 5px; }
.timeline-scroll-container::-webkit-scrollbar-track { background: rgba(139,26,26,0.04); border-radius: 3px; }
.timeline-scroll-container::-webkit-scrollbar-thumb { background: linear-gradient(180deg, var(--gold), var(--primary-red)); border-radius: 3px; }
.timeline-list { position: relative; padding-left: 28px; }
.timeline-list::before { content: ''; position: absolute; left: 8px; top: 8px; bottom: 8px; width: 2px; background: linear-gradient(180deg, var(--gold), var(--primary-red)); border-radius: 1px; }
.timeline-item { position: relative; padding-bottom: 24px; cursor: pointer; transition: all 0.3s; }
.timeline-item:last-child { padding-bottom: 0; }
.timeline-item::before { content: ''; position: absolute; left: -24px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: var(--gold); border: 3px solid var(--warm-white); box-shadow: 0 0 0 2px var(--gold); transition: all 0.3s; }
.timeline-item:hover::before { background: var(--primary-red); box-shadow: 0 0 0 3px var(--primary-red); transform: scale(1.2); }
.timeline-item.active::before { background: var(--primary-red); box-shadow: 0 0 0 3px var(--primary-red); }
.timeline-date { font-size: 12px; color: var(--gold); font-weight: 600; margin-bottom: 4px; }
.timeline-event { font-size: 14px; font-weight: 600; color: var(--dark-text); margin-bottom: 3px; }
.timeline-detail { font-size: 12px; color: var(--gray-text); line-height: 1.5; }

/* 路线图 */
.map-panel { background: var(--warm-white); border-radius: 16px; padding: 32px; box-shadow: var(--card-shadow); border: 1px solid rgba(139,26,26,0.06); display: flex; flex-direction: column; height: 580px; }
.map-route-visual { background: #FAF3E0; border-radius: 12px; padding: 0; flex: 1; position: relative; overflow: hidden; border: 3px solid #C4A265; box-shadow: inset 0 0 30px rgba(139,69,19,0.08), 0 4px 15px rgba(0,0,0,0.1); }
.map-route-visual::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E"), radial-gradient(ellipse at 30% 20%, rgba(196,154,108,0.1) 0%, transparent 50%), radial-gradient(ellipse at 70% 80%, rgba(139,69,19,0.06) 0%, transparent 50%); pointer-events: none; z-index: 1; }
.map-route-visual::after { content: ''; position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1.5px dashed rgba(139,69,19,0.15); border-radius: 8px; pointer-events: none; z-index: 1; }
.route-svg-container { width: 100%; height: 100%; position: relative; z-index: 2; }
.route-svg-container svg { width: 100%; height: 100%; display: block; }
.route-point { cursor: pointer; }
.route-point:hover circle { r: 11; }
.route-point:hover text { font-weight: 700; }
.map-detail-box { margin-top: 16px; padding: 16px 20px; background: linear-gradient(135deg, rgba(139,26,26,0.04), rgba(212,168,75,0.04)); border-radius: 10px; border-left: 3px solid var(--gold); flex-shrink: 0; }
.map-detail-title { font-size: 14px; font-weight: 600; color: var(--primary-red); margin-bottom: 6px; }
.map-detail-text { font-size: 13px; color: var(--gray-text); line-height: 1.6; }
.map-resources { display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }
.resource-tag { background: rgba(139,26,26,0.06); color: var(--primary-red); padding: 4px 12px; border-radius: 16px; font-size: 12px; cursor: pointer; transition: all 0.3s; }
.resource-tag:hover { background: var(--primary-red); color: #fff; }

/* ===== 精神传承 - 手绘风格图标 ===== */
.section-spirit { background: var(--warm-white); border-radius: 16px; padding: 40px 48px; margin-bottom: 32px; box-shadow: var(--card-shadow); border: 1px solid rgba(139,26,26,0.06); }
.spirit-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.spirit-text h3 { font-family: 'Noto Serif SC', serif; font-size: 18px; font-weight: 700; color: var(--dark-text); margin-bottom: 12px; }
.spirit-text p { font-size: 14px; color: var(--gray-text); line-height: 1.8; margin-bottom: 16px; }
.spirit-quote { background: linear-gradient(135deg, rgba(139,26,26,0.04), rgba(212,168,75,0.04)); border-left: 3px solid var(--primary-red); padding: 16px 20px; border-radius: 0 10px 10px 0; margin-bottom: 16px; }
.spirit-quote-label { font-size: 11px; color: var(--gold); font-weight: 600; margin-bottom: 6px; letter-spacing: 1px; }
.spirit-quote-text { font-size: 13px; color: var(--dark-text); line-height: 1.7; }
.spirit-diagram { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.spirit-center { width: 100px; height: 100px; background: linear-gradient(135deg, var(--primary-red), var(--bright-red)); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-family: 'Noto Serif SC', serif; font-weight: 700; font-size: 16px; box-shadow: 0 4px 20px rgba(139,26,26,0.3); margin-bottom: 20px; }
.spirit-nodes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; width: 100%; }
.spirit-node { text-align: center; padding: 20px 12px; border-radius: 14px; background: rgba(139,26,26,0.03); border: 1px solid rgba(139,26,26,0.08); transition: all 0.3s; }
.spirit-node:hover { background: rgba(139,26,26,0.06); transform: translateY(-4px); box-shadow: 0 6px 16px rgba(139,26,26,0.1); }
.spirit-node-icon {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    font-size: 22px;
    transition: all 0.3s;
    position: relative;
}
.spirit-node-icon::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 45% 55% 50% 50% / 50% 45% 55% 50%;
    border: 2px dashed;
    opacity: 0.3;
    animation: handDrawnWobble 4s ease-in-out infinite;
}
@keyframes handDrawnWobble {
    0%, 100% { border-radius: 45% 55% 50% 50% / 50% 45% 55% 50%; transform: rotate(0deg); }
    25% { border-radius: 50% 50% 45% 55% / 55% 50% 50% 45%; transform: rotate(2deg); }
    50% { border-radius: 55% 45% 50% 50% / 50% 55% 45% 50%; transform: rotate(-1deg); }
    75% { border-radius: 50% 50% 55% 45% / 45% 50% 55% 50%; transform: rotate(1deg); }
}
.spirit-node:hover .spirit-node-icon { transform: scale(1.1) rotate(-3deg); }
.spirit-node:nth-child(1) .spirit-node-icon { background: linear-gradient(135deg, rgba(139,26,26,0.12), rgba(139,26,26,0.06)); color: var(--primary-red); }
.spirit-node:nth-child(1) .spirit-node-icon::before { border-color: var(--primary-red); }
.spirit-node:nth-child(2) .spirit-node-icon { background: linear-gradient(135deg, rgba(212,168,75,0.2), rgba(212,168,75,0.1)); color: #B8860B; }
.spirit-node:nth-child(2) .spirit-node-icon::before { border-color: #B8860B; }
.spirit-node:nth-child(3) .spirit-node-icon { background: linear-gradient(135deg, rgba(46,125,50,0.12), rgba(46,125,50,0.06)); color: #2E7D32; }
.spirit-node:nth-child(3) .spirit-node-icon::before { border-color: #2E7D32; }
.spirit-node:nth-child(4) .spirit-node-icon { background: linear-gradient(135deg, rgba(139,69,19,0.12), rgba(139,69,19,0.06)); color: #8B4513; }
.spirit-node:nth-child(4) .spirit-node-icon::before { border-color: #8B4513; }
.spirit-node:nth-child(5) .spirit-node-icon { background: linear-gradient(135deg, rgba(21,101,192,0.12), rgba(21,101,192,0.06)); color: #1565C0; }
.spirit-node:nth-child(5) .spirit-node-icon::before { border-color: #1565C0; }
.spirit-node:nth-child(6) .spirit-node-icon { background: linear-gradient(135deg, rgba(173,20,87,0.12), rgba(173,20,87,0.06)); color: #AD1457; }
.spirit-node:nth-child(6) .spirit-node-icon::before { border-color: #AD1457; }
.spirit-node-title { font-size: 13px; font-weight: 600; color: var(--dark-text); }
.spirit-more { text-align: center; margin-top: 20px; }
.spirit-more a { color: var(--primary-red); font-size: 13px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: all 0.3s; }
.spirit-more a:hover { color: var(--bright-red); gap: 10px; }

/* ===== 人与事 ===== */
.section-people { background: var(--warm-white); border-radius: 16px; padding: 40px 48px; margin-bottom: 32px; box-shadow: var(--card-shadow); border: 1px solid rgba(139,26,26,0.06); }
.people-content { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.people-col-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.people-col-more { font-size: 12px; color: var(--primary-red); text-decoration: none; display: flex; align-items: center; gap: 4px; }
.event-card { background: linear-gradient(135deg, var(--deep-red), var(--primary-red)); border-radius: 12px; padding: 24px; color: #fff; position: relative; overflow: hidden; min-height: 200px; display: flex; flex-direction: column; justify-content: flex-end; }
.event-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.4) 100%); z-index: 1; }
.event-card-bg { position: absolute; top: 20px; right: 20px; font-family: 'Noto Serif SC', serif; font-size: 60px; font-weight: 900; color: rgba(255,255,255,0.08); z-index: 0; }
.event-card-content { position: relative; z-index: 2; }
.event-tag { display: inline-block; background: rgba(212,168,75,0.2); color: var(--light-gold); padding: 2px 10px; border-radius: 4px; font-size: 11px; margin-bottom: 10px; }
.event-title { font-family: 'Noto Serif SC', serif; font-size: 18px; font-weight: 700; margin-bottom: 8px; line-height: 1.4; }
.event-desc { font-size: 13px; color: rgba(255,255,255,0.8); line-height: 1.6; }
.event-dots { display: flex; gap: 6px; margin-top: 16px; justify-content: center; }
.event-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.3); cursor: pointer; transition: all 0.3s; }
.event-dot.active { background: var(--gold); width: 24px; border-radius: 4px; }
.people-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.person-card { text-align: center; padding: 14px 8px; border-radius: 12px; background: rgba(139,26,26,0.03); border: 1px solid rgba(139,26,26,0.06); transition: all 0.3s; cursor: pointer; }
.person-card:hover { background: rgba(139,26,26,0.06); transform: translateY(-4px); box-shadow: var(--card-shadow-hover); }
.person-avatar { width: 72px; height: 72px; border-radius: 50%; margin: 0 auto 10px; overflow: hidden; border: 2px solid rgba(139,26,26,0.1); transition: all 0.3s; }
.person-card:hover .person-avatar { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(212,168,75,0.2); }
.person-avatar img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(20%) sepia(15%); transition: all 0.3s; }
.person-card:hover .person-avatar img { filter: grayscale(0%) sepia(0%); transform: scale(1.05); }
.person-name { font-size: 13px; font-weight: 600; color: var(--dark-text); }

/* ===== 新时代的新长征 ===== */
.section-new-era { background: var(--warm-white); border-radius: 16px; padding: 40px 48px; margin-bottom: 32px; box-shadow: var(--card-shadow); border: 1px solid rgba(139,26,26,0.06); position: relative; overflow: hidden; }
.section-new-era::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(circle at 20% 30%, rgba(212,168,75,0.03) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(139,26,26,0.02) 0%, transparent 40%); pointer-events: none; z-index: 0; }
.new-era-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; position: relative; z-index: 1; }
.era-col-title { font-family: 'Noto Serif SC', serif; font-size: 18px; font-weight: 700; color: var(--dark-text); margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid rgba(139,26,26,0.08); display: flex; align-items: center; gap: 10px; }
.era-col-title .era-icon { width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; color: var(--gold); font-size: 16px; }
.quote-card { background: linear-gradient(135deg, rgba(139,26,26,0.03), rgba(212,168,75,0.03)); border-radius: 10px; padding: 16px 20px; margin-bottom: 12px; border-left: 3px solid var(--gold); transition: all 0.3s; position: relative; }
.quote-card:hover { background: linear-gradient(135deg, rgba(139,26,26,0.05), rgba(212,168,75,0.05)); transform: translateX(4px); }
.quote-card::after { content: '\u2605'; position: absolute; top: 10px; right: 14px; font-size: 11px; color: rgba(212,168,75,0.25); }
.quote-card-text { font-size: 13px; color: var(--dark-text); line-height: 1.7; margin-bottom: 8px; }
.quote-card-source { font-size: 11px; color: var(--gray-text); text-align: right; }
.duty-list { display: flex; flex-direction: column; gap: 12px; }
.duty-item { display: flex; gap: 12px; padding: 14px 16px; background: rgba(139,26,26,0.03); border-radius: 10px; border: 1px solid rgba(139,26,26,0.06); transition: all 0.3s; cursor: pointer; position: relative; }
.duty-item:hover { background: rgba(139,26,26,0.05); transform: translateX(4px); }
.duty-item::before { content: ''; position: absolute; top: 10px; right: 10px; width: 0; height: 0; border-left: 7px solid var(--primary-red); border-top: 4px solid transparent; border-bottom: 4px solid transparent; opacity: 0.25; }
.duty-marker { width: 4px; min-width: 4px; background: linear-gradient(180deg, var(--primary-red), var(--gold)); border-radius: 2px; }
.duty-content h4 { font-size: 14px; font-weight: 600; color: var(--primary-red); margin-bottom: 4px; }
.duty-content p { font-size: 12px; color: var(--gray-text); line-height: 1.5; }

/* ===== 官媒要闻 ===== */
.section-news { background: var(--warm-white); border-radius: 16px; padding: 40px 48px; margin-bottom: 32px; box-shadow: var(--card-shadow); border: 1px solid rgba(139,26,26,0.06); }
.news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.news-item { display: flex; gap: 16px; padding: 16px 20px; background: rgba(139,26,26,0.02); border-radius: 10px; border: 1px solid rgba(139,26,26,0.05); transition: all 0.3s; cursor: pointer; }
.news-item:hover { background: rgba(139,26,26,0.04); border-color: rgba(139,26,26,0.1); transform: translateY(-2px); }
.news-marker { width: 3px; min-width: 3px; background: linear-gradient(180deg, var(--primary-red), var(--gold)); border-radius: 2px; }
.news-content { flex: 1; }
.news-title { font-size: 14px; font-weight: 600; color: var(--dark-text); margin-bottom: 6px; line-height: 1.4; }
.news-meta { display: flex; gap: 12px; font-size: 12px; color: var(--gray-text); }

/* ===== 页脚 ===== */
.cz-foot { background: linear-gradient(180deg, var(--deep-red), #3D0A0A); color: rgba(255,255,255,0.7); padding: 40px 0 20px; }
.cz-foot-content { max-width: 1400px; margin: 0 auto; padding: 0 40px; display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 30px; }
.cz-foot-brand { display: flex; align-items: flex-start; gap: 12px; }
.cz-foot-logo { width: 40px; height: 40px; background: var(--gold); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--deep-red); font-size: 18px; flex-shrink: 0; }
.cz-foot-brand-info h4 { color: #fff; font-size: 15px; margin-bottom: 8px; }
.cz-foot-brand-info p { font-size: 12px; line-height: 1.8; color: rgba(255,255,255,0.6); }
.cz-foot-links h5 { color: var(--light-gold); font-size: 13px; margin-bottom: 12px; letter-spacing: 1px; }
.cz-foot-links ul { list-style: none; }
.cz-foot-links li { margin-bottom: 8px; }
.cz-foot-links a { color: rgba(255,255,255,0.6); text-decoration: none; font-size: 13px; transition: color 0.3s; }
.cz-foot-links a:hover { color: var(--light-gold); }
.cz-foot-bottom { max-width: 1400px; margin: 0 auto; padding: 20px 40px 0; border-top: 1px solid rgba(255,255,255,0.1); display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: rgba(255,255,255,0.5); }
.cz-foot-qr { width: 80px; height: 80px; background: #fff; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: var(--gray-text); font-size: 10px; }

@keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.animate-in { animation: fadeInUp 0.6s ease-out forwards; }

@media (max-width: 1200px) {
    .section-timeline-map { grid-template-columns: 1fr; }
    .stats-grid { grid-template-columns: repeat(2, 1fr); }
    .people-content { grid-template-columns: 1fr; }
    .new-era-content { grid-template-columns: 1fr; }
    .news-grid { grid-template-columns: 1fr; }
    .hero-title { font-size: 48px; }
}
@media (max-width: 768px) {
    .nav-links { display: none; }
    .hero-title { font-size: 36px; letter-spacing: 4px; }
    .stats-grid { grid-template-columns: 1fr; }
    .spirit-content { grid-template-columns: 1fr; }
    .people-grid { grid-template-columns: repeat(2, 1fr); }
    .cz-foot-content { grid-template-columns: 1fr; }
    .main-content { padding: 20px; }
    .hero { min-height: 500px; }
}


/* ===== 二次优化：对齐参考图的标题、数字卡片、路线图、时间轴、醒目按钮 ===== */
.main-content>section{position:relative;}
.main-content>section>.section-title-wrapper{justify-content:center;text-align:center;display:flex;flex-direction:column;margin-bottom:44px;}
.main-content>section>.section-title-wrapper .section-title-left{align-items:center;position:relative;}
.main-content>section>.section-title-wrapper .section-title-icon{display:none;}
.main-content>section>.section-title-wrapper .section-title-main{font-size:34px;letter-spacing:11px;color:#941b1f;padding:0 160px;line-height:1.12;text-shadow:0 1px 0 rgba(212,168,75,.16);}
.main-content>section>.section-title-wrapper .section-title-main:before,.main-content>section>.section-title-wrapper .section-title-main:after{content:'';position:absolute;top:50%;width:120px;height:1px;background:linear-gradient(90deg,transparent,#d7aa50,#d7aa50,transparent)}
.main-content>section>.section-title-wrapper .section-title-main:before{left:0}.main-content>section>.section-title-wrapper .section-title-main:after{right:0}
.main-content>section>.section-title-wrapper .section-title-sub{font-size:15px;letter-spacing:8px;margin-top:22px;color:#6b5d54;font-weight:600;}
.main-content>section>.section-title-wrapper .section-title-sub:after{content:'';display:block;width:105px;height:3px;margin:14px auto 0;background:linear-gradient(90deg,transparent,#d4a84b,transparent);border-radius:3px;}
.main-content>section>.section-title-wrapper .section-title-deco{display:none}.main-content>section>.section-title-wrapper:before,.main-content>section>.section-title-wrapper:after{content:'◆';position:absolute;top:15px;color:#d4a84b;font-size:15px}.main-content>section>.section-title-wrapper:before{left:calc(50% - 225px)}.main-content>section>.section-title-wrapper:after{right:calc(50% - 225px)}
.section-stats{background:#fffdf8;border-radius:18px;padding:54px 52px 46px;box-shadow:0 8px 28px rgba(92,15,15,.06);border:0;}
.stats-grid{gap:26px}.stat-card{min-height:194px;padding:27px 18px 22px;background:linear-gradient(145deg,#fffdfa 0%,#fbf5eb 100%);border:1px solid #f0dfc8;border-top:0;box-shadow:inset 0 16px 35px rgba(212,168,75,.035),0 8px 24px rgba(92,15,15,.045)}.stat-card:before{opacity:1;height:4px;background:linear-gradient(90deg,#8b1a1a 0%,#d4a84b 100%)}.stat-icon-hand{height:43px;margin:0 auto 10px;color:#d9aaa6;display:flex;align-items:center;justify-content:center}.stat-icon-hand svg{width:42px;height:42px;stroke:currentColor;stroke-width:2.15;fill:none;stroke-linecap:round;stroke-linejoin:round}.stat-number{font-size:48px;color:#991b1f;margin-bottom:0}.stat-number .unit{font-size:21px;color:#d0a03b}.stat-chip{display:inline-block;margin:8px 0 6px;padding:3px 12px;border:1px solid #efd6a2;border-radius:14px;color:#d0a03b;background:#fff9ee;font-size:12px;font-weight:600}.stat-label{font-size:16px;color:#665a52;letter-spacing:2px}
.section-timeline-map{display:flex;flex-direction:column;gap:0;background:linear-gradient(180deg,#ead09a,#e2bd76);border-radius:18px;padding:26px 38px 24px;margin-bottom:32px;box-shadow:0 16px 32px rgba(92,55,10,.14);overflow:hidden}.section-timeline-map:before,.section-timeline-map:after{content:'';position:absolute;left:0;right:0;height:22px;background:repeating-linear-gradient(90deg,rgba(139,93,28,.18) 0 7px,rgba(255,255,255,.13) 7px 14px);opacity:.6}.section-timeline-map:before{top:0}.section-timeline-map:after{bottom:0}.map-panel{order:1;height:560px;background:transparent;border:0;box-shadow:none;padding:0}.timeline-panel{order:2;height:auto;background:transparent;border:0;box-shadow:none;padding:22px 0 0}.map-panel>.section-title-wrapper{display:block;text-align:center;margin-bottom:22px}.map-panel .section-title-icon{display:none}.map-panel .section-title-left{align-items:center}.map-panel .section-title-main{font-size:25px;letter-spacing:5px;color:#542015;padding:0}.map-panel .section-title-main:before,.map-panel .section-title-main:after{display:none}.map-panel .section-title-sub{display:block;font-size:12px;letter-spacing:4px;margin-top:10px;color:#7d5d35}.map-panel .section-title-wrapper>div:last-child{position:absolute;right:10px;top:18px;background:#fff9ef!important;color:#a72a2a!important;border:1px solid #ecc9c0}.map-route-visual{background:radial-gradient(circle at 45% 36%,#fff3d5 0,#efd79e 58%,#e5c17f 100%);border:1px solid rgba(255,255,255,.65);border-radius:14px;box-shadow:inset 0 0 55px rgba(139,69,19,.13),0 10px 24px rgba(74,42,8,.12)}.map-route-visual:after{border:0}.map-detail-box{position:absolute;right:48px;top:132px;width:255px;background:rgba(255,253,247,.95);border:1px solid rgba(255,255,255,.9);border-left:0;border-radius:14px;box-shadow:0 12px 26px rgba(74,42,8,.18);z-index:5;padding:18px}.resource-tag{display:block;text-align:center;width:100%;border:1px solid #edcfc6;background:#fff2ee;border-radius:7px;margin-top:6px;color:#b52a2d;font-weight:600}.timeline-panel>.section-title-wrapper{display:none}.timeline-scroll-container{overflow-x:auto;overflow-y:hidden;max-height:none;padding:0 0 14px}.timeline-scroll-container::-webkit-scrollbar{height:5px}.timeline-list{display:flex;gap:18px;padding-left:0;min-width:max-content}.timeline-list:before{display:none}.timeline-item{width:225px;min-height:116px;background:rgba(255,253,247,.88);border:1px solid rgba(255,255,255,.8);border-radius:14px;padding:18px 18px 16px 52px;box-shadow:0 8px 18px rgba(92,55,10,.08);cursor:pointer}.timeline-item:before{left:18px;top:18px;width:24px;height:24px;background:#b93538;border:0;box-shadow:none;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;content:counter(tl)}.timeline-list{counter-reset:tl}.timeline-item{counter-increment:tl}.timeline-item.active{border-color:#b93538;box-shadow:0 10px 22px rgba(139,26,26,.12)}.timeline-item:hover{transform:translateY(-5px)}.timeline-date{font-size:12px;color:#b93538}.timeline-event{font-size:15px}.timeline-detail{font-size:12px;color:#6b5d54}.section-spirit{position:relative;padding-bottom:88px}.spirit-more{position:absolute;left:48px;bottom:38px;margin:0;text-align:left}.spirit-more a{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:28px;background:linear-gradient(135deg,#b72428,#8b1a1a);color:#fff!important;font-weight:700;font-size:15px;letter-spacing:2px;box-shadow:0 10px 24px rgba(139,26,26,.28);border:1px solid rgba(212,168,75,.45)}.spirit-more a:before{content:'✦';color:#e8c97a}.spirit-more a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(139,26,26,.36)}
@media(max-width:900px){.main-content>section>.section-title-wrapper .section-title-main{padding:0 45px;font-size:28px}.main-content>section>.section-title-wrapper:before,.main-content>section>.section-title-wrapper:after{display:none}.map-detail-box{position:static;width:auto;margin-top:14px}.map-panel{height:auto}.map-route-visual{height:380px}.spirit-more{position:static;text-align:center;margin-top:24px}}



/* ===== 三次微调：标题装饰对称、精神按钮位置、路线图总标题 ===== */
.main-content>section>.section-title-wrapper{width:100%;align-items:center;}
.main-content>section>.section-title-wrapper .section-title-left{width:100%;align-items:center;}
.main-content>section>.section-title-wrapper .section-title-main{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:0 92px;white-space:nowrap;}
.main-content>section>.section-title-wrapper .section-title-main:before,.main-content>section>.section-title-wrapper .section-title-main:after{width:74px;top:50%;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#d9b45b 18%,#d9b45b 82%,transparent);}
.main-content>section>.section-title-wrapper .section-title-main:before{left:0;}.main-content>section>.section-title-wrapper .section-title-main:after{right:0;}
.main-content>section>.section-title-wrapper:before,.main-content>section>.section-title-wrapper:after{top:14px;font-size:16px;z-index:2;}
.main-content>section>.section-title-wrapper:before{left:calc(50% - 154px)}.main-content>section>.section-title-wrapper:after{right:calc(50% - 154px)}
.main-content>section>.section-title-wrapper .section-title-sub{position:relative;display:inline-block;text-align:center;}
.main-content>section>.section-title-wrapper .section-title-sub:after{width:118px;height:3px;margin:15px auto 0;background:linear-gradient(90deg,transparent 0%,#d4a84b 35%,#b98a2b 50%,#d4a84b 65%,transparent 100%);}
.section-timeline-map>.timeline-map-title{order:0;margin-bottom:28px;z-index:3;}
.section-timeline-map>.timeline-map-title .section-title-main{font-size:32px;color:#6a2418;letter-spacing:7px;}
.section-timeline-map>.timeline-map-title .section-title-sub{color:#7b5b34;letter-spacing:5px;}
.section-timeline-map>.timeline-map-title:before{left:calc(50% - 238px)}.section-timeline-map>.timeline-map-title:after{right:calc(50% - 238px)}
.map-panel>.section-title-wrapper{display:none!important;}
.spirit-more{left:calc(48px + (50% - 40px - 48px - 260px)/2);bottom:40px;}
.spirit-more a{min-width:260px;justify-content:center;}
@media(max-width:900px){.main-content>section>.section-title-wrapper .section-title-main{padding:0 48px;font-size:26px}.main-content>section>.section-title-wrapper .section-title-main:before,.main-content>section>.section-title-wrapper .section-title-main:after{width:38px}.section-timeline-map>.timeline-map-title .section-title-main{font-size:25px;letter-spacing:3px}.section-timeline-map>.timeline-map-title:before,.section-timeline-map>.timeline-map-title:after{display:none}.spirit-more{left:auto;bottom:auto}}



/* ===== 四次优化：按钮上移、标题装饰自适应、联动交互样式 ===== */
/* 标题装饰完全基于文字宽度向外展开，避免遮挡不同长度标题 */
.main-content>section>.section-title-wrapper .section-title-main{
    padding:0 34px!important;position:relative;display:inline-flex!important;align-items:center;justify-content:center;overflow:visible;isolation:isolate;
}
.main-content>section>.section-title-wrapper .section-title-main:before,
.main-content>section>.section-title-wrapper .section-title-main:after{
    content:'';position:absolute;top:50%;width:92px!important;height:1px;transform:translateY(-50%);
    background:linear-gradient(90deg,transparent,#e2bd67 18%,#d4a84b 50%,#e2bd67 82%,transparent)!important;
    pointer-events:none;z-index:0;
}
.main-content>section>.section-title-wrapper .section-title-main:before{right:calc(100% + 18px)!important;left:auto!important;}
.main-content>section>.section-title-wrapper .section-title-main:after{left:calc(100% + 18px)!important;right:auto!important;}
.main-content>section>.section-title-wrapper .section-title-left:before,
.main-content>section>.section-title-wrapper .section-title-left:after{
    content:'◆';position:absolute;top:8px;color:#d4a84b;font-size:15px;line-height:1;pointer-events:none;
}
.main-content>section>.section-title-wrapper .section-title-left:before{right:calc(50% + var(--title-half, 90px) + 8px);}
.main-content>section>.section-title-wrapper .section-title-left:after{left:calc(50% + var(--title-half, 90px) + 8px);}
.main-content>section>.section-title-wrapper:before,.main-content>section>.section-title-wrapper:after{display:none!important;}
.section-stats .section-title-left{--title-half:92px}.section-spirit .section-title-left{--title-half:92px}.section-people .section-title-left{--title-half:170px}.section-new-era .section-title-left{--title-half:150px}.section-news .section-title-left{--title-half:92px}.section-timeline-map .timeline-map-title .section-title-left{--title-half:250px}
.main-content>section>.section-title-wrapper .section-title-sub:after{width:104px!important;margin-top:14px!important;}
/* 精神按钮上移并保持与左侧文本区域中心线对齐 */
.spirit-more{bottom:78px!important;left:calc(48px + (50% - 40px - 48px - 260px)/2)!important;z-index:3;}
/* 路线详情不再覆盖地图地标，改为地图下方信息条 */
.map-panel{height:auto!important;}
.map-route-visual{height:460px;flex:none!important;}
.map-detail-box{position:relative!important;right:auto!important;top:auto!important;width:100%!important;margin-top:14px!important;display:grid;grid-template-columns:220px 1fr 390px;gap:14px;align-items:start;background:rgba(255,253,247,.96)!important;box-shadow:0 8px 20px rgba(74,42,8,.12)!important;}
.map-detail-title{font-size:16px!important}.map-detail-text{font-size:13px!important}.map-resources{margin-top:0!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important}.resource-tag{margin-top:0!important;padding:7px 10px!important;}
/* 路线图地标联动高亮 */
.route-point circle{transition:all .25s ease;}.route-point text{transition:all .25s ease;}
.route-point.active circle:first-child,.route-point:hover circle:first-child{stroke:#b72428!important;stroke-width:4!important;filter:drop-shadow(0 0 6px rgba(183,36,40,.45));}
.route-point.active circle:last-of-type,.route-point:hover circle:last-of-type{fill:#b72428!important;}
.route-point.active text,.route-point:hover text{fill:#7a1215!important;font-weight:900!important;}
.timeline-item.active{border-color:#b72428!important;background:#fffdf7!important;box-shadow:0 10px 24px rgba(139,26,26,.16)!important;}
.timeline-item.active:before{background:#b72428!important;box-shadow:0 0 0 4px rgba(183,36,40,.12)!important;}
@media(max-width:900px){.map-detail-box{display:block!important}.map-resources{margin-top:12px!important}.map-route-visual{height:380px}.spirit-more{bottom:auto!important;left:auto!important}.main-content>section>.section-title-wrapper .section-title-main:before,.main-content>section>.section-title-wrapper .section-title-main:after{width:44px!important}.main-content>section>.section-title-wrapper .section-title-left:before,.main-content>section>.section-title-wrapper .section-title-left:after{display:none}}



/* ===== 五次优化：按钮继续上移；资料区回到地图内并降低突兀感；全内容对应切换 ===== */
.spirit-more{bottom:112px!important;}
.map-panel{height:auto!important;position:relative;}
.map-route-visual{height:520px!important;position:relative;padding-bottom:0;}
.map-detail-box{
    position:absolute!important;left:28px!important;right:auto!important;bottom:24px!important;top:auto!important;
    width:calc(100% - 56px)!important;max-width:none!important;margin:0!important;
    display:grid!important;grid-template-columns:210px 1fr 340px!important;gap:12px!important;align-items:center!important;
    background:rgba(255,248,232,.82)!important;backdrop-filter:blur(5px);
    border:1px solid rgba(190,151,82,.36)!important;border-left:3px solid rgba(139,26,26,.45)!important;
    border-radius:12px!important;box-shadow:0 8px 18px rgba(92,55,10,.10)!important;
    z-index:8!important;padding:13px 16px!important;color:#5c3420;
}
.map-detail-title{font-size:14px!important;color:#8b1a1a!important;margin:0!important;line-height:1.5!important;}
.map-detail-text{font-size:12.5px!important;color:#6b5140!important;line-height:1.65!important;margin:0!important;}
.map-resources{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin:0!important;}
.resource-tag{background:rgba(255,250,240,.62)!important;border:1px solid rgba(183,96,72,.22)!important;color:#9b3830!important;border-radius:7px!important;padding:6px 8px!important;font-size:11.5px!important;font-weight:600!important;}
.resource-tag:hover{background:rgba(139,26,26,.08)!important;color:#8b1a1a!important;}
.timeline-item .timeline-date,.timeline-item .timeline-event,.timeline-item .timeline-detail{pointer-events:none;}
.route-point{cursor:pointer;}
.route-point.active circle{filter:drop-shadow(0 0 7px rgba(183,36,40,.45));}
@media(max-width:900px){.spirit-more{bottom:auto!important}.map-detail-box{position:static!important;width:auto!important;display:block!important;margin:12px!important}.map-route-visual{height:auto!important;min-height:430px!important}.map-resources{margin-top:10px!important}}



/* ===== 六次优化：精神传承标题更庄重大气；资料卡右上角且不遮挡主路线；联动选中态增强 ===== */
.section-spirit > .section-title-wrapper{margin-bottom:52px!important;}
.section-spirit > .section-title-wrapper .section-title-main{
    font-size:42px!important;letter-spacing:14px!important;color:#841417!important;font-weight:900!important;
    padding:0 70px!important;text-shadow:0 2px 0 rgba(212,168,75,.18),0 10px 24px rgba(139,26,26,.10);
}
.section-spirit > .section-title-wrapper .section-title-main:before,
.section-spirit > .section-title-wrapper .section-title-main:after{width:118px!important;height:2px!important;}
.section-spirit > .section-title-wrapper .section-title-left:before,
.section-spirit > .section-title-wrapper .section-title-left:after{
    content:'✦';font-size:24px!important;top:10px!important;color:#d4a84b!important;text-shadow:0 0 0 #b98a2b,0 4px 10px rgba(212,168,75,.25);
}
.section-spirit > .section-title-wrapper .section-title-left:before{right:calc(50% + 170px)!important;}
.section-spirit > .section-title-wrapper .section-title-left:after{left:calc(50% + 170px)!important;}
.section-spirit > .section-title-wrapper:after{display:block!important;content:''!important;position:absolute!important;left:50%!important;top:61px!important;transform:translateX(-50%)!important;width:72px!important;height:5px!important;background:linear-gradient(90deg,#b98a2b,#e8c97a,#b98a2b)!important;border-radius:8px!important;}
.section-spirit > .section-title-wrapper .section-title-sub{font-size:18px!important;letter-spacing:10px!important;margin-top:30px!important;color:#5f5149!important;}
.section-spirit > .section-title-wrapper .section-title-sub:before,
.section-spirit > .section-title-wrapper .section-title-sub:after{content:'';display:inline-block;width:34px;height:1px;background:#d4a84b;vertical-align:middle;margin:0 20px;opacity:.85;}
.section-spirit > .section-title-wrapper .section-title-sub:after{display:inline-block!important;margin-top:0!important;}
/* 地图资料卡：右上角、窄高比例、柔和半透明，避开主路线与地标 */
.map-route-visual{height:540px!important;}
.map-detail-box{
    position:absolute!important;right:28px!important;left:auto!important;top:28px!important;bottom:auto!important;
    width:282px!important;min-height:238px!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;
    background:rgba(255,250,238,.86)!important;backdrop-filter:blur(6px);border:1px solid rgba(190,151,82,.34)!important;border-left:0!important;border-top:3px solid rgba(139,26,26,.50)!important;
    border-radius:13px!important;box-shadow:0 10px 22px rgba(92,55,10,.12)!important;padding:16px!important;z-index:8!important;
}
.map-detail-title{font-size:15px!important;line-height:1.45!important;margin:0!important;color:#8b1a1a!important;}
.map-detail-text{font-size:12px!important;line-height:1.7!important;color:#604b3d!important;margin:0!important;}
.map-resources{display:flex!important;flex-direction:column!important;gap:7px!important;margin-top:auto!important;}
.resource-tag{width:100%!important;background:rgba(255,246,235,.66)!important;border:1px solid rgba(183,96,72,.24)!important;color:#99362f!important;border-radius:7px!important;padding:6px 9px!important;font-size:11.5px!important;text-align:center!important;}
.timeline-item{transition:all .25s ease!important;}.timeline-item.active{border:2px solid #b72428!important;background:#fffaf0!important;transform:translateY(-3px)!important}.timeline-item.active .timeline-event{color:#8b1a1a!important;font-weight:800!important}.timeline-item.active .timeline-date{color:#b72428!important}.timeline-item.active .timeline-detail{color:#5c4436!important}
.route-point.active circle:first-child{stroke:#b72428!important;stroke-width:4.2!important}.route-point.active circle:last-of-type{fill:#b72428!important}.route-point.active text{fill:#7a1215!important;font-weight:900!important}
@media(max-width:900px){.section-spirit > .section-title-wrapper .section-title-main{font-size:31px!important;letter-spacing:8px!important}.section-spirit > .section-title-wrapper .section-title-left:before,.section-spirit > .section-title-wrapper .section-title-left:after{display:none!important}.map-detail-box{position:static!important;width:auto!important;min-height:auto!important;margin:12px!important}.map-route-visual{height:auto!important;min-height:450px!important}}

.resource-tag.active{background:rgba(139,26,26,.08)!important;border-color:rgba(139,26,26,.30)!important;color:#8b1a1a!important;}


/* ===== 七次优化：统一所有大模块标题字号与样式；强化“长征精神”装饰 ===== */
.main-content>section>.section-title-wrapper:not(.timeline-map-title){
  margin-bottom:46px!important;text-align:center!important;align-items:center!important;justify-content:center!important;
}
.main-content>section>.section-title-wrapper:not(.timeline-map-title) .section-title-main,
.section-timeline-map>.timeline-map-title .section-title-main{
  font-size:34px!important;line-height:1.18!important;font-weight:900!important;letter-spacing:8px!important;color:#8b1a1a!important;
  padding:0 48px!important;text-shadow:0 1px 0 rgba(212,168,75,.18)!important;
}
.main-content>section>.section-title-wrapper .section-title-main:before,
.main-content>section>.section-title-wrapper .section-title-main:after{
  width:96px!important;height:1px!important;background:linear-gradient(90deg,transparent,#d9b45b 16%,#d4a84b 50%,#d9b45b 84%,transparent)!important;
}
.main-content>section>.section-title-wrapper .section-title-left:before,
.main-content>section>.section-title-wrapper .section-title-left:after{
  content:'◆'!important;font-size:16px!important;top:10px!important;color:#d4a84b!important;text-shadow:none!important;
}
.main-content>section>.section-title-wrapper .section-title-left:before{right:calc(50% + var(--title-half, 120px) + 12px)!important;}
.main-content>section>.section-title-wrapper .section-title-left:after{left:calc(50% + var(--title-half, 120px) + 12px)!important;}
.section-stats .section-title-left{--title-half:105px!important}.section-spirit .section-title-left{--title-half:105px!important}.section-people .section-title-left{--title-half:205px!important}.section-new-era .section-title-left{--title-half:180px!important}.section-news .section-title-left{--title-half:105px!important}.section-timeline-map .timeline-map-title .section-title-left{--title-half:270px!important}
.main-content>section>.section-title-wrapper .section-title-sub,
.section-timeline-map>.timeline-map-title .section-title-sub{
  font-size:15px!important;letter-spacing:6px!important;margin-top:22px!important;color:#665a52!important;font-weight:600!important;
}
.main-content>section>.section-title-wrapper .section-title-sub:before{display:none!important;}
.main-content>section>.section-title-wrapper .section-title-sub:after{
  content:''!important;display:block!important;width:108px!important;height:3px!important;margin:14px auto 0!important;background:linear-gradient(90deg,transparent,#d4a84b 35%,#b98a2b 50%,#d4a84b 65%,transparent)!important;border-radius:4px!important;
}
.section-spirit > .section-title-wrapper:after{display:none!important;}
/* “长征精神”中心圆升级：更华丽、庄重、有力量感 */
.spirit-center{
  width:138px!important;height:138px!important;position:relative!important;z-index:2!important;
  background:radial-gradient(circle at 35% 28%,#c7433b 0%,#9b1d20 46%,#5c0f0f 100%)!important;
  border:3px solid #d4a84b!important;border-radius:50%!important;
  box-shadow:0 0 0 8px rgba(212,168,75,.14),0 0 0 15px rgba(139,26,26,.06),0 18px 34px rgba(92,15,15,.30),inset 0 2px 12px rgba(255,255,255,.18)!important;
  font-size:22px!important;letter-spacing:5px!important;line-height:1.45!important;text-shadow:0 2px 8px rgba(0,0,0,.35)!important;
}
.spirit-center:before{
  content:'';position:absolute;inset:-18px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 0 8deg,rgba(212,168,75,.95) 8deg 12deg,transparent 12deg 45deg,rgba(212,168,75,.75) 45deg 50deg,transparent 50deg 90deg,rgba(212,168,75,.95) 90deg 94deg,transparent 94deg 135deg,rgba(212,168,75,.75) 135deg 140deg,transparent 140deg 180deg,rgba(212,168,75,.95) 180deg 184deg,transparent 184deg 225deg,rgba(212,168,75,.75) 225deg 230deg,transparent 230deg 270deg,rgba(212,168,75,.95) 270deg 274deg,transparent 274deg 315deg,rgba(212,168,75,.75) 315deg 320deg,transparent 320deg);
  z-index:-2;filter:drop-shadow(0 4px 8px rgba(212,168,75,.25));
}
.spirit-center:after{
  content:'';position:absolute;inset:-8px;border-radius:50%;border:2px dashed rgba(232,201,122,.75);z-index:-1;
}
.spirit-diagram:before,.spirit-diagram:after{
  content:'';display:block;width:230px;height:1px;background:linear-gradient(90deg,transparent,#d4a84b,transparent);margin:0 auto 18px;opacity:.9;
}
.spirit-diagram:after{margin:18px auto 0;}
.spirit-nodes{margin-top:14px!important;}
@media(max-width:900px){.main-content>section>.section-title-wrapper .section-title-main,.section-timeline-map>.timeline-map-title .section-title-main{font-size:28px!important;letter-spacing:4px!important}.spirit-center{width:118px!important;height:118px!important;font-size:19px!important}}



/* ===== 八次优化：权威定义突出；长征精神改圆角矩形且不遮挡；节点图标统一金色 ===== */
.spirit-quote{padding:22px 26px!important;border-left:5px solid #8b1a1a!important;background:linear-gradient(135deg,rgba(139,26,26,.055),rgba(212,168,75,.075))!important;box-shadow:0 8px 20px rgba(92,15,15,.06)!important;}
.spirit-quote-label{font-size:17px!important;color:#8b1a1a!important;font-weight:900!important;letter-spacing:3px!important;margin-bottom:12px!important;font-family:'Noto Serif SC',serif!important;display:flex;align-items:center;gap:10px;}
.spirit-quote-label:before{content:'◆';color:#d4a84b;font-size:14px;}.spirit-quote-label:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#d4a84b,transparent);}
.spirit-quote-text{font-size:15.5px!important;line-height:1.95!important;color:#3a2820!important;font-weight:500!important;}
/* 中心“长征精神”：由大圆改为庄重圆角矩形，减少占位且不遮挡文字 */
.spirit-center{
  width:168px!important;height:82px!important;border-radius:18px!important;margin-bottom:22px!important;
  background:linear-gradient(135deg,#8b1a1a 0%,#b72428 52%,#7a1416 100%)!important;
  border:2px solid #d4a84b!important;box-shadow:0 8px 22px rgba(139,26,26,.24),inset 0 1px 0 rgba(255,255,255,.18),0 0 0 6px rgba(212,168,75,.10)!important;
  font-size:21px!important;letter-spacing:6px!important;line-height:1.35!important;padding-left:6px!important;overflow:visible!important;
}
.spirit-center:before{
  content:''!important;position:absolute!important;left:-20px!important;right:-20px!important;top:50%!important;height:1px!important;transform:translateY(-50%)!important;
  background:linear-gradient(90deg,transparent,#d4a84b 18%,transparent 32%,transparent 68%,#d4a84b 82%,transparent)!important;z-index:-1!important;filter:none!important;border-radius:0!important;inset:auto!important;
}
.spirit-center:after{
  content:'✦'!important;position:absolute!important;right:-10px!important;top:-12px!important;width:auto!important;height:auto!important;border:0!important;color:#e8c97a!important;font-size:20px!important;text-shadow:0 3px 8px rgba(212,168,75,.35)!important;z-index:2!important;
}
.spirit-diagram:before,.spirit-diagram:after{width:190px!important;margin-bottom:14px!important;}.spirit-diagram:after{margin-top:14px!important;}
/* 下方六个图标统一金色系 */
.spirit-node-icon{background:linear-gradient(135deg,rgba(212,168,75,.22),rgba(212,168,75,.08))!important;color:#b8860b!important;}
.spirit-node-icon::before{border-color:#d4a84b!important;opacity:.42!important;}
.spirit-node:hover .spirit-node-icon{color:#9b6b00!important;background:linear-gradient(135deg,rgba(212,168,75,.30),rgba(212,168,75,.12))!important;}
.spirit-node{border-color:rgba(212,168,75,.20)!important;}
@media(max-width:900px){.spirit-center{width:150px!important;height:76px!important;font-size:19px!important}.spirit-quote-label{font-size:15px!important}.spirit-quote-text{font-size:14px!important}}



/* ===== 本次仅调整：长征精神6个图标手绘化；数字长征数字动效 ===== */
.spirit-node-icon.hand-spirit svg{width:38px;height:38px;stroke:#b8860b;stroke-width:2.25;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.spirit-node-icon.hand-spirit{position:relative;}
.spirit-node-icon.hand-spirit:after{content:'';position:absolute;inset:7px;border:1px dashed rgba(212,168,75,.35);border-radius:45% 55% 50% 50%;transform:rotate(-5deg);pointer-events:none;}
.spirit-node:hover .hand-spirit svg{animation:handDrawIcon .75s ease both;}
@keyframes handDrawIcon{0%,100%{transform:rotate(0) scale(1)}35%{transform:rotate(-4deg) scale(1.07)}70%{transform:rotate(3deg) scale(1.04)}}
.stat-number{display:inline-block;transition:transform .3s ease;text-shadow:0 1px 0 rgba(212,168,75,.18)}
.stat-number.counting,.stat-card:hover .stat-number{animation:numberPopOnly .7s ease both;}
@keyframes numberPopOnly{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-5px) scale(1.08);text-shadow:0 8px 18px rgba(139,26,26,.18)}100%{transform:translateY(0) scale(1)}}



/* ===== 本次调整：数字长征标签下移；图标增加金色圆形虚线 ===== */
.stat-card{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
.stat-icon-hand{
  width:62px!important;height:62px!important;margin:0 auto 12px!important;position:relative!important;
  display:flex!important;align-items:center!important;justify-content:center!important;color:#d6a19d!important;
}
.stat-icon-hand:before{
  content:'';position:absolute;inset:2px;border:1.6px dashed rgba(212,168,75,.78);border-radius:50%;
  box-shadow:0 0 0 5px rgba(212,168,75,.07), inset 0 0 12px rgba(212,168,75,.06);
  animation:statDashedRing 8s linear infinite;
}
.stat-icon-hand:after{
  content:'';position:absolute;inset:9px;border:1px solid rgba(212,168,75,.18);border-radius:50%;pointer-events:none;
}
.stat-icon-hand svg{width:38px!important;height:38px!important;position:relative;z-index:1;}
.stat-label{order:3!important;margin-top:5px!important;margin-bottom:0!important;}
.stat-chip{order:4!important;margin:18px 0 0!important;padding:3px 13px!important;}
.stat-card:hover .stat-icon-hand:before{border-color:#d4a84b;box-shadow:0 0 0 6px rgba(212,168,75,.12),0 6px 16px rgba(212,168,75,.18);}
@keyframes statDashedRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}



/* ===== 十二次优化：精神发散图、真实地图底纹、思想引航滚动、新闻标签 ===== */
/* 精神传承：发散型结构 */
.spirit-content{grid-template-columns:1fr 1.08fr!important;align-items:center!important;}
.spirit-diagram{position:relative!important;min-height:440px!important;display:block!important;}
.spirit-diagram:before,.spirit-diagram:after{display:none!important;}
.spirit-center{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;z-index:3!important;margin:0!important;}
.spirit-nodes{position:absolute!important;inset:0!important;display:block!important;margin:0!important;}
.spirit-node{position:absolute!important;width:132px!important;min-height:92px!important;padding:14px 10px!important;background:rgba(255,253,247,.92)!important;border:1px solid rgba(212,168,75,.28)!important;box-shadow:0 8px 18px rgba(92,15,15,.06)!important;}
.spirit-node:nth-child(1){left:50%;top:8px;transform:translateX(-50%)}
.spirit-node:nth-child(2){right:16px;top:82px}.spirit-node:nth-child(3){right:16px;bottom:82px}.spirit-node:nth-child(4){left:50%;bottom:8px;transform:translateX(-50%)}.spirit-node:nth-child(5){left:16px;bottom:82px}.spirit-node:nth-child(6){left:16px;top:82px}
.spirit-diagram .spirit-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.spirit-diagram .spirit-lines line{stroke:#d4a84b;stroke-width:1.4;stroke-dasharray:7 5;opacity:.72}.spirit-diagram .spirit-lines circle{fill:none;stroke:rgba(212,168,75,.20);stroke-width:1.2;stroke-dasharray:5 6}.spirit-node{z-index:2}.spirit-node-icon.hand-spirit{margin-bottom:8px!important;width:54px!important;height:54px!important}.spirit-node-title{font-size:13px!important;color:#5c3a24!important;}
/* 地图：更接近真实地图底纹，增加省界/水系质感 */
.map-route-visual{background:linear-gradient(180deg,rgba(237,212,160,.92),rgba(225,190,125,.94)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 460'%3E%3Cg fill='none' stroke='%238b5d2b' stroke-opacity='.16'%3E%3Cpath d='M70 110 C160 78 245 90 330 118 C430 150 520 118 650 92 C715 82 760 92 790 112'/%3E%3Cpath d='M42 210 C140 185 220 205 310 230 C405 257 500 232 590 205 C680 178 735 180 796 205'/%3E%3Cpath d='M52 337 C155 310 252 325 355 350 C470 380 570 342 684 315 C735 303 770 312 798 324'/%3E%3Cpath d='M230 42 C225 120 245 192 226 275 C215 330 188 380 160 450' stroke-dasharray='8 7'/%3E%3Cpath d='M456 36 C470 120 448 205 472 292 C485 340 510 392 548 450' stroke-dasharray='8 7'/%3E%3Cpath d='M615 32 C600 118 625 185 610 270 C598 340 630 388 662 450' stroke-dasharray='8 7'/%3E%3Cpath d='M110 285 C205 260 258 278 345 250 C430 222 500 245 592 220' stroke='%233b78a1' stroke-opacity='.18'/%3E%3Cpath d='M255 352 C360 320 440 340 548 298' stroke='%233b78a1' stroke-opacity='.16'/%3E%3C/g%3E%3C/svg%3E") center/cover!important;}
.map-route-visual:before{opacity:.55!important;background:url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")!important;}
.route-point text{paint-order:stroke;stroke:#f3dfb1;stroke-width:3px;stroke-linejoin:round;}
/* 思想引航滚动 */
.new-era-content .era-col:first-child{max-height:520px;overflow-y:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:#d4a84b rgba(139,26,26,.06)}
.new-era-content .era-col:first-child::-webkit-scrollbar{width:6px}.new-era-content .era-col:first-child::-webkit-scrollbar-track{background:rgba(139,26,26,.05);border-radius:6px}.new-era-content .era-col:first-child::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4a84b,#8b1a1a);border-radius:6px}
/* 新时代担当标签 */
.duty-tag{display:inline-block;margin:0 0 6px;padding:2px 9px;border-radius:12px;background:rgba(212,168,75,.14);border:1px solid rgba(212,168,75,.38);color:#9b6b00;font-size:11px;font-weight:700;letter-spacing:1px;}
.duty-content h4{margin-bottom:6px!important;}
@media(max-width:900px){.spirit-content{grid-template-columns:1fr!important}.spirit-diagram{min-height:620px!important}.spirit-node:nth-child(n){left:50%!important;right:auto!important;top:auto!important;bottom:auto!important;transform:translateX(-50%)!important}.spirit-node:nth-child(1){top:0!important}.spirit-node:nth-child(2){top:100px!important}.spirit-node:nth-child(3){top:200px!important}.spirit-center{top:330px!important}.spirit-node:nth-child(4){top:410px!important}.spirit-node:nth-child(5){top:510px!important}.spirit-node:nth-child(6){top:610px!important}.spirit-lines{display:none!important}}



/* ===== 十三次优化：路线穿过地标；思想引航滚动强化；标签放标题后；图谱按钮左侧空白处 ===== */
/* 思想引航固定可滚动区域 */
.new-era-content .era-col:first-child{height:520px!important;max-height:520px!important;overflow-y:auto!important;padding-right:14px!important;}
.new-era-content .era-col:first-child .era-col-title{position:sticky;top:0;background:rgba(255,253,247,.96);z-index:2;padding-top:2px;}
/* 新时代担当标签放标题后方 */
.duty-content h4{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:6px!important;}
.duty-tag{margin:0!important;transform:translateY(-1px);flex-shrink:0;}
/* 精神图谱按钮放到左侧空白区域，不占用右侧发散图 */
.section-spirit{position:relative!important;padding-bottom:96px!important;}
.spirit-more{position:absolute!important;left:calc(48px + 11%)!important;bottom:38px!important;right:auto!important;text-align:left!important;z-index:5!important;}
.spirit-more a{min-width:260px!important;justify-content:center!important;}
/* 路线图地标强化，确保地标在路线之上 */
.route-point{position:relative;z-index:6;}.route-point circle{stroke-width:2.4!important;}.route-point text{font-size:11px;paint-order:stroke;stroke:#f3dfb1;stroke-width:3.2px;}
.map-detail-box{z-index:9!important;}
@media(max-width:900px){.spirit-more{position:static!important;text-align:center!important;margin-top:22px!important}.new-era-content .era-col:first-child{height:auto!important;max-height:520px!important}}



/* ===== 修正：图谱解读按钮真正放到左侧文字区域空白处 ===== */
.section-spirit .spirit-text{position:relative!important;padding-bottom:10px!important;}
.section-spirit .spirit-more-left-fixed{
    position:static!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
    margin:28px 0 0 0!important;text-align:center!important;width:100%!important;display:block!important;z-index:5!important;
}
.section-spirit .spirit-more-left-fixed a{
    display:inline-flex!important;min-width:282px!important;justify-content:center!important;align-items:center!important;
    padding:16px 30px!important;border-radius:30px!important;background:linear-gradient(135deg,#b72428,#8b1a1a)!important;
    color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:2px!important;
    box-shadow:0 12px 26px rgba(139,26,26,.28)!important;border:1px solid rgba(212,168,75,.48)!important;
}
.section-spirit .spirit-more-left-fixed a:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(139,26,26,.36)!important;}


/* ===== 新增：二级列表页 SPA 样式 ===== */
.page-view{display:none;max-width:1400px;margin:0 auto;padding:40px}.page-view.active{display:block}.home-view.hidden{display:none}.sub-banner{height:260px;border-radius:18px;position:relative;overflow:hidden;margin-bottom:30px;background:linear-gradient(135deg,#9a1e1e,#c43535 35%,#d4522a 65%,#c98b2c);box-shadow:0 14px 34px rgba(160,40,20,.22)}.sub-banner:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 30%,rgba(232,201,122,.35),transparent 34%),linear-gradient(0deg,rgba(0,0,0,.28),rgba(0,0,0,.03)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cpath d='M0 230 C180 150 290 220 430 135 C560 60 680 150 790 100 C940 30 1050 120 1200 70 L1200 300 L0 300Z' fill='%23fff' opacity='.10'/%3E%3Cpath d='M0 255 C190 190 310 250 455 180 C620 100 740 198 865 150 C1010 92 1085 150 1200 120 L1200 300 L0 300Z' fill='%23d4a84b' opacity='.18'/%3E%3C/svg%3E") bottom/cover no-repeat}.sub-banner-content{position:relative;z-index:1;color:#fff;padding:56px 70px}.sub-kicker{display:inline-block;color:#e8c97a;border:1px solid rgba(232,201,122,.55);border-radius:20px;padding:6px 18px;letter-spacing:3px;font-size:13px;margin-bottom:18px}.sub-title{font-family:'Noto Serif SC',serif;font-size:40px;letter-spacing:8px;font-weight:900;text-shadow:0 4px 20px rgba(0,0,0,.35)}.sub-desc{margin-top:12px;max-width:720px;color:rgba(255,255,255,.86);line-height:1.9}.breadcrumb{font-size:13px;color:#7a6254;margin-bottom:18px}.breadcrumb a{color:#8b1a1a;text-decoration:none}.filter-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.filter-tab{border:1px solid rgba(139,26,26,.16);background:#fffdf7;color:#8b1a1a;border-radius:24px;padding:10px 22px;cursor:pointer;font-weight:700;letter-spacing:1px}.filter-tab.active,.filter-tab:hover{background:linear-gradient(135deg,#b72428,#8b1a1a);color:#fff;box-shadow:0 8px 20px rgba(139,26,26,.18)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-card,.person-list-card,.news-list-card{background:#fffdf7;border:1px solid rgba(139,26,26,.08);border-radius:16px;box-shadow:var(--card-shadow);transition:.3s;overflow:hidden;cursor:pointer}.resource-card:hover,.person-list-card:hover,.news-list-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}.resource-cover{height:158px;background:linear-gradient(135deg,#5c0f0f,#9d2626);position:relative;overflow:hidden}.resource-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.35),transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 180'%3E%3Cpath d='M0 145 C70 90 115 135 185 80 C250 30 305 90 400 50 L400 180 L0 180Z' fill='%23d4a84b' opacity='.22'/%3E%3C/svg%3E") bottom/cover}.doc-cover{height:120px;background:#f8efd9;display:flex;align-items:center;justify-content:center;color:#8b1a1a;font-size:46px;border-bottom:1px dashed rgba(139,26,26,.15)}.type-badge{position:absolute;left:14px;top:14px;background:rgba(255,253,247,.92);color:#8b1a1a;border-radius:14px;padding:4px 10px;font-size:12px;font-weight:800;z-index:2}.resource-body{padding:18px}.resource-title{font-size:17px;font-weight:800;color:#3a2820;margin-bottom:8px;line-height:1.45}.resource-desc{font-size:13px;color:#6b5d54;line-height:1.7}.resource-meta{margin-top:12px;color:#b8860b;font-size:12px;display:flex;gap:10px}.person-list-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.person-list-card{display:flex;gap:20px;padding:22px}.person-photo{width:112px;height:138px;border-radius:12px;overflow:hidden;flex-shrink:0;border:3px solid rgba(212,168,75,.25);background:#ead7b4}.person-photo img{width:100%;height:100%;object-fit:cover;filter:sepia(.12)}.person-info h3{font-family:'Noto Serif SC',serif;color:#8b1a1a;font-size:22px;margin-bottom:6px}.person-title{display:inline-block;background:rgba(212,168,75,.16);color:#9b6b00;border-radius:14px;padding:3px 10px;font-size:12px;margin-bottom:10px}.person-desc{font-size:13px;color:#6b5d54;line-height:1.8}.news-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.news-list-card{padding:22px;border-left:4px solid #d4a84b}.news-category{display:inline-block;color:#8b1a1a;background:rgba(139,26,26,.06);border-radius:12px;padding:3px 10px;font-size:12px;font-weight:800;margin-bottom:10px}.news-list-title{font-size:17px;font-weight:800;color:#2c1810;line-height:1.5}.news-time{font-size:12px;color:#a08b7b;margin:8px 0}.news-desc{font-size:13px;color:#6b5d54;line-height:1.7}.back-home{display:inline-flex;gap:8px;align-items:center;margin:6px 0 18px;color:#8b1a1a;text-decoration:none;font-weight:800}.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}.modal-mask.show{display:flex}.detail-modal{max-width:720px;background:#fffdf7;border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.28);border-top:4px solid #8b1a1a}.modal-close{float:right;border:0;background:#8b1a1a;color:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer}@media(max-width:1000px){.resource-grid,.news-list{grid-template-columns:1fr}.person-list-grid{grid-template-columns:1fr}.sub-title{font-size:30px}.page-view{padding:22px}}


/* ===== 本次修改：列表页去掉顶部大Banner；历史事件卡片统一16:9封面样式 ===== */
.page-view{padding-top:28px!important}.page-view .sub-banner{display:none!important}.breadcrumb{margin-top:4px!important;margin-bottom:24px!important}.back-home{font-size:15px!important;margin:0 0 14px!important;padding:10px 18px;border-radius:22px;background:rgba(139,26,26,.06);border:1px solid rgba(139,26,26,.10)}
#page-events .resource-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important}.event-thumb{aspect-ratio:16/9;height:auto!important;position:relative;overflow:hidden;background:#ead7b4}.event-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.12) saturate(.92);transition:.35s}.resource-card:hover .event-thumb img{transform:scale(1.06);filter:sepia(0) saturate(1)}.event-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(92,15,15,.02) 0%,rgba(92,15,15,.36) 100%)}.doc-thumb{aspect-ratio:16/9;height:auto!important;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8efd9,#ead1a0)}.doc-thumb:before{content:'';position:absolute;inset:18px 22px;border:1px solid rgba(139,26,26,.18);background:rgba(255,253,247,.58);box-shadow:0 0 0 7px rgba(255,253,247,.22)}.doc-thumb:after{content:'文献资料';position:absolute;left:22px;bottom:18px;color:#8b1a1a;font-family:'Noto Serif SC',serif;font-size:22px;font-weight:900;letter-spacing:4px}.doc-lines{position:absolute;left:42px;right:42px;top:42px;z-index:2}.doc-lines span{display:block;height:2px;background:rgba(139,26,26,.18);margin:10px 0;border-radius:2px}.resource-card .type-badge{background:rgba(139,26,26,.88)!important;color:#fff!important;border:1px solid rgba(232,201,122,.45)}.resource-body{min-height:145px}.resource-title{min-height:50px}.resource-desc{min-height:44px}.resource-meta{border-top:1px dashed rgba(139,26,26,.12);padding-top:10px}
@media(max-width:1100px){#page-events .resource-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:700px){#page-events .resource-grid{grid-template-columns:1fr!important}}


/* ===== 修正：进入列表页时彻底隐藏首页Hero；历史事件每行5个资源 ===== */
body.list-mode .hero{display:none!important;}
body.list-mode .page-view.active{padding-top:26px!important;}
#page-events .resource-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;}
#page-events .resource-body{padding:14px!important;min-height:138px!important;}
#page-events .resource-title{font-size:14px!important;min-height:42px!important;line-height:1.45!important;}
#page-events .resource-desc{font-size:12px!important;min-height:40px!important;line-height:1.55!important;}
#page-events .resource-meta{font-size:11px!important;gap:6px!important;flex-wrap:wrap;}
#page-events .doc-thumb:after{font-size:18px!important;letter-spacing:3px!important;left:16px!important;bottom:14px!important;}
#page-events .doc-thumb:before{inset:14px 16px!important;}
#page-events .doc-lines{left:32px!important;right:30px!important;top:32px!important;}
#page-events .doc-lines span{margin:8px 0!important;}
#page-events .type-badge{left:10px!important;top:10px!important;font-size:11px!important;padding:3px 8px!important;}
@media(max-width:1300px){#page-events .resource-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:1050px){#page-events .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:760px){#page-events .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:520px){#page-events .resource-grid{grid-template-columns:1fr!important;}}




/* ===== 十四次优化：地图路线重绘、暗色详情卡片、时间轴遮挡修复 ===== */
/* 地图详情卡片：米色系半透明，与地图暖色调融合 */
.map-detail-box{
    background: rgba(250, 245, 233, 0.92) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(212, 168, 75, 0.35) !important;
    border-top: 3px solid rgba(180, 60, 40, 0.55) !important;
    border-left: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(92, 55, 10, 0.14), inset 0 1px 0 rgba(255,255,255,0.5) !important;
    color: #5c3420 !important;
    padding: 18px !important;
}
.map-detail-title{
    color: #8b1a1a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}
.map-detail-text{
    color: #6b5140 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}
.map-resources{
    margin-top: 14px !important;
}
.resource-tag{
    background: rgba(245, 236, 216, 0.75) !important;
    border: 1px solid rgba(180, 140, 70, 0.35) !important;
    color: #8b1a1a !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}
.resource-tag:hover{
    background: rgba(232, 201, 122, 0.45) !important;
    border-color: rgba(180, 140, 70, 0.55) !important;
    color: #7a1215 !important;
}
.resource-tag.active{
    background: rgba(232, 201, 122, 0.4) !important;
    border-color: rgba(180, 140, 70, 0.5) !important;
    color: #7a1215 !important;
}

/* 时间轴卡片选中时上方遮挡修复：增加容器顶部留白，减小上浮距离 */
.timeline-scroll-container{
    padding: 8px 4px 14px 4px !important;
}
.timeline-list{
    padding-top: 4px !important;
    padding-left: 4px !important;
}
.timeline-item.active{
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(139,26,26,.18) !important;
    background: #faf3e0 !important;
}

/* 增强路线图地标选中效果 */
.route-point.active circle:first-child{
    stroke: #E8C97A !important;
    stroke-width: 3.5 !important;
    filter: drop-shadow(0 0 8px rgba(232,201,122,.55)) !important;
}
.route-point.active circle:last-of-type{
    fill: #E8C97A !important;
}
.route-point.active text{
    fill: #B72428 !important;
    font-weight: 900 !important;
}
.route-point:hover circle:first-child{
    stroke: #E8C97A !important;
    stroke-width: 3.5 !important;
}
.route-point:hover text{
    fill: #B72428 !important;
    font-weight: 900 !important;
}

/* 地图背景微调 */
.map-route-visual{
    background: linear-gradient(180deg, rgba(230,205,155,0.95), rgba(215,180,115,0.95)), url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E") !important;
}

@media(max-width:900px){
    .map-detail-box{
        position: relative !important;
        right: auto !important;
        top: auto !important;
        width: auto !important;
        margin: 14px !important;
    }
}


/* 地图地标点击高亮 */
.route-point{position:relative;}
.route-point.active circle{stroke:#E8C97A!important;stroke-width:4!important;fill:rgba(232,201,122,.25)!important;filter:drop-shadow(0 0 10px rgba(232,201,122,.6))!important;}
.route-point:hover circle{stroke:rgba(232,201,122,.7)!important;stroke-width:3!important;fill:rgba(232,201,122,.1)!important;}
/* ===== 修正：列表页保留返回/面包屑/专题Banner，仍隐藏首页Hero ===== */
body.list-mode .hero{display:none!important;}
.page-view .sub-banner{display:block!important;}
.page-view.active{padding-top:34px!important;}
.page-view .breadcrumb{margin-top:4px!important;margin-bottom:24px!important;}
.page-view .sub-banner{height:260px!important;border-radius:18px!important;margin-bottom:30px!important;}


/* ======================================================================
   FINAL VISUAL UPGRADE · 仅优化视觉与排版，不修改文字内容与模块结构
   ====================================================================== */
:root{
  --primary-red:#971d24;
  --deep-red:#5a0e14;
  --bright-red:#c83237;
  --gold:#c89a3d;
  --light-gold:#ecd08b;
  --cream:#f7f2e8;
  --warm-white:#fffdfa;
  --parchment:#f3e7cf;
  --dark-text:#291a16;
  --gray-text:#75665d;
  --line:rgba(112,55,42,.11);
  --shadow-sm:0 8px 24px rgba(73,34,25,.07);
  --shadow-md:0 18px 50px rgba(73,34,25,.10);
  --shadow-red:0 18px 44px rgba(128,23,29,.20);
}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at 8% 8%,rgba(200,154,61,.10),transparent 24%),
    radial-gradient(circle at 92% 24%,rgba(151,29,36,.055),transparent 28%),
    #f6f2e9 !important;
  color:var(--dark-text)!important;
  font-family:'Noto Sans SC','Microsoft YaHei',sans-serif!important;
  letter-spacing:.01em;
}
body:before{
  content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 140 140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
}

/* 顶部导航 */
.top-nav{
  height:64px!important;padding:0!important;
  background:linear-gradient(90deg,rgba(83,10,16,.98),rgba(132,20,27,.98) 52%,rgba(83,10,16,.98))!important;
  border-bottom:1px solid rgba(236,208,139,.26)!important;
  box-shadow:0 8px 28px rgba(46,4,8,.20)!important;
  backdrop-filter:blur(12px);
}
.nav-container{height:64px!important;max-width:1320px!important;padding:0 28px!important;gap:26px!important;}
.nav-logo{gap:10px!important;min-width:max-content;}
.nav-logo-icon{
  width:34px!important;height:34px!important;border-radius:10px!important;
  background:linear-gradient(145deg,#f0d99c,#c99735)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 5px 14px rgba(0,0,0,.18)!important;
  font-size:15px!important;
}
.nav-logo-text{font-family:'Noto Serif SC',serif!important;font-size:14px!important;font-weight:700!important;letter-spacing:1.5px!important;}
.nav-links{gap:22px!important;align-items:center!important;}
.nav-links a{font-size:13px!important;color:rgba(255,255,255,.78)!important;padding:22px 0 20px!important;}
.nav-links a:hover{color:#f5dfa8!important;}
.nav-links a:after{bottom:13px!important;height:2px!important;border-radius:4px!important;background:linear-gradient(90deg,#c89a3d,#f3dea5)!important;}
.nav-right{min-width:max-content;font-size:12px!important;gap:8px!important;}

/* Hero */
.hero{
  min-height:620px!important;
  background:
    linear-gradient(90deg,rgba(32,2,6,.24),transparent 28%,transparent 72%,rgba(32,2,6,.22)),
    radial-gradient(circle at 50% 34%,rgba(229,181,87,.23),transparent 23%),
    linear-gradient(135deg,#3e060b 0%,#6b1018 32%,#98212a 64%,#5a0d14 100%)!important;
  border-bottom:1px solid rgba(200,154,61,.28)!important;
}
.hero:before{
  background:
    radial-gradient(circle at 12% 18%,rgba(236,208,139,.18),transparent 24%),
    radial-gradient(circle at 88% 16%,rgba(236,208,139,.12),transparent 20%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 58%,rgba(32,2,6,.18))!important;
}
.hero:after{
  opacity:.78!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 340'%3E%3Cpath d='M0 247 L102 194 L170 222 L270 138 L347 207 L449 126 L535 206 L618 165 L712 226 L790 164 L868 205 L978 126 L1057 207 L1146 152 L1248 226 L1340 165 L1440 216 L1440 340 L0 340Z' fill='%2332090c' opacity='.34'/%3E%3Cpath d='M0 281 L124 226 L226 257 L335 188 L470 270 L588 206 L687 267 L821 210 L945 266 L1062 200 L1186 269 L1320 215 L1440 258 L1440 340 L0 340Z' fill='%23000000' opacity='.18'/%3E%3C/svg%3E") bottom center/cover no-repeat!important;
}
.hero-grid{opacity:.025!important;background-size:64px 64px!important;}
.hero-ribbons{opacity:.72;}
.ribbon{opacity:.11!important;}
.hero-stars{opacity:.55;}
.hero-glow{width:760px!important;height:420px!important;top:43%!important;background:radial-gradient(ellipse,rgba(236,208,139,.16),rgba(200,154,61,.04) 45%,transparent 72%)!important;}
.mountain-deco{height:96px!important;background:linear-gradient(to top,#f6f2e9 0%,rgba(246,242,233,.93) 12%,transparent 100%)!important;}
.hero-bottom-line{bottom:91px!important;width:240px!important;opacity:.75!important;}
.hero-content{max-width:1120px!important;padding:76px 24px 116px!important;}
.hero-badge{
  margin-bottom:26px!important;padding:9px 24px!important;border-radius:6px!important;
  background:rgba(65,8,13,.34)!important;border:1px solid rgba(236,208,139,.54)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-size:13px!important;letter-spacing:4px!important;
}
.hero-title{
  font-size:70px!important;line-height:1.15!important;letter-spacing:14px!important;margin-bottom:18px!important;
  text-shadow:0 6px 30px rgba(0,0,0,.38),0 0 50px rgba(236,208,139,.16)!important;
}
.hero-subtitle{font-size:24px!important;letter-spacing:9px!important;margin-bottom:27px!important;color:#f0d99c!important;}
.hero-desc{max-width:760px!important;margin-bottom:34px!important;font-size:16px!important;line-height:2.15!important;color:rgba(255,255,255,.82)!important;}
.hero-buttons{gap:16px!important;}
.btn-primary,.btn-outline{
  min-width:156px!important;padding:13px 28px!important;border-radius:8px!important;font-size:15px!important;letter-spacing:2px!important;
}
.btn-primary{
  background:linear-gradient(135deg,#efd58f,#c99837)!important;box-shadow:0 10px 26px rgba(200,154,61,.30)!important;
}
.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(200,154,61,.38)!important;}
.btn-outline{background:rgba(71,7,13,.22)!important;border:1px solid rgba(236,208,139,.65)!important;color:#f2dda4!important;backdrop-filter:blur(6px);}
.btn-outline:hover{transform:translateY(-2px)!important;background:rgba(236,208,139,.10)!important;}

/* 页面容器与统一卡片 */
.main-content,.page-view{max-width:1280px!important;margin:0 auto!important;padding-left:24px!important;padding-right:24px!important;}
.main-content{padding-top:28px!important;padding-bottom:72px!important;}
.main-content>section{
  margin-bottom:26px!important;border:1px solid rgba(112,55,42,.08)!important;border-radius:22px!important;
  background:rgba(255,253,250,.94)!important;box-shadow:var(--shadow-sm)!important;
}
.main-content>section:hover{box-shadow:var(--shadow-md)!important;}
.section-stats,.section-spirit,.section-people,.section-new-era,.section-news{padding:44px 46px!important;}

/* 模块标题 */
body .main-content>section>.section-title-wrapper,
body .section-timeline-map>.timeline-map-title{
  margin-bottom:34px!important;
}
body .main-content>section>.section-title-wrapper .section-title-main,
body .section-timeline-map>.timeline-map-title .section-title-main{
  font-size:30px!important;letter-spacing:7px!important;line-height:1.2!important;color:#86171e!important;
  padding:0 34px!important;text-shadow:none!important;
}
body .main-content>section>.section-title-wrapper .section-title-main:before,
body .main-content>section>.section-title-wrapper .section-title-main:after,
body .section-timeline-map>.timeline-map-title .section-title-main:before,
body .section-timeline-map>.timeline-map-title .section-title-main:after{
  width:72px!important;height:1px!important;background:linear-gradient(90deg,transparent,#c89a3d 48%,transparent)!important;
}
body .main-content>section>.section-title-wrapper .section-title-main:before,
body .section-timeline-map>.timeline-map-title .section-title-main:before{right:calc(100% + 12px)!important;}
body .main-content>section>.section-title-wrapper .section-title-main:after,
body .section-timeline-map>.timeline-map-title .section-title-main:after{left:calc(100% + 12px)!important;}
body .main-content>section>.section-title-wrapper .section-title-left:before,
body .main-content>section>.section-title-wrapper .section-title-left:after,
body .section-timeline-map>.timeline-map-title .section-title-left:before,
body .section-timeline-map>.timeline-map-title .section-title-left:after{display:none!important;}
body .main-content>section>.section-title-wrapper .section-title-sub,
body .section-timeline-map>.timeline-map-title .section-title-sub{
  font-size:13px!important;letter-spacing:4px!important;margin-top:15px!important;color:#8b776a!important;font-weight:500!important;
}
body .main-content>section>.section-title-wrapper .section-title-sub:after,
body .section-timeline-map>.timeline-map-title .section-title-sub:after{
  width:54px!important;height:2px!important;margin-top:12px!important;background:#c89a3d!important;opacity:.9;
}

/* 数字长征 */
.section-stats{overflow:hidden!important;position:relative!important;}
.section-stats:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7e1319,#c89a3d,#7e1319);}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
.stat-card{
  min-height:184px!important;padding:24px 15px 20px!important;border-radius:16px!important;
  background:linear-gradient(160deg,#fffdf9,#f8f0e3)!important;border:1px solid rgba(200,154,61,.20)!important;
  box-shadow:0 8px 20px rgba(69,38,27,.045)!important;justify-content:flex-start!important;
}
.stat-card:before{height:3px!important;background:linear-gradient(90deg,#86171e,#d4aa52)!important;}
.stat-card:hover{transform:translateY(-5px)!important;border-color:rgba(151,29,36,.22)!important;box-shadow:0 16px 32px rgba(84,36,25,.10)!important;}
.stat-icon-hand{width:54px!important;height:54px!important;margin-bottom:9px!important;color:#ae514e!important;}
.stat-icon-hand:before{border-color:rgba(200,154,61,.62)!important;box-shadow:0 0 0 4px rgba(200,154,61,.055)!important;}
.stat-icon-hand svg{width:32px!important;height:32px!important;}
.stat-number{font-size:40px!important;line-height:1.12!important;color:#8e1920!important;}
.stat-number .unit{font-size:17px!important;}
.stat-label{font-size:14px!important;letter-spacing:1px!important;margin-top:4px!important;color:#5e5149!important;}
.stat-chip{margin-top:18px!important;padding:3px 10px!important;font-size:11px!important;background:rgba(200,154,61,.08)!important;border-color:rgba(200,154,61,.28)!important;color:#9b6b15!important;}

/* 长征路线图与时间轴 */
.section-timeline-map{
  padding:42px 40px 34px!important;gap:0!important;overflow:hidden!important;
  background:linear-gradient(145deg,#fffdf9,#f6ead4)!important;border:1px solid rgba(157,103,37,.13)!important;
  box-shadow:var(--shadow-md)!important;
}
.section-timeline-map:before{top:0!important;height:4px!important;opacity:1!important;background:linear-gradient(90deg,#7e1319,#d0a34c,#7e1319)!important;}
.section-timeline-map:after{display:none!important;}
.section-timeline-map>.timeline-map-title{margin-bottom:28px!important;}
.section-timeline-map>.timeline-map-title .section-title-main{font-size:30px!important;color:#742017!important;}
.map-panel{background:transparent!important;padding:0!important;}
.map-route-visual{
  height:520px!important;border:1px solid rgba(122,73,32,.24)!important;border-radius:18px!important;
  background:
    linear-gradient(180deg,rgba(239,217,173,.97),rgba(220,184,119,.96)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' numOctaves='4'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")!important;
  box-shadow:inset 0 0 70px rgba(101,58,22,.10),0 16px 34px rgba(79,46,20,.10)!important;
}
.map-route-visual:after{content:''!important;inset:12px!important;border:1px solid rgba(126,75,29,.11)!important;border-radius:12px!important;}
.map-detail-box{
  right:24px!important;top:24px!important;width:286px!important;min-height:220px!important;padding:17px!important;
  border-radius:14px!important;background:rgba(255,251,241,.90)!important;border:1px solid rgba(200,154,61,.30)!important;
  border-top:3px solid rgba(151,29,36,.60)!important;box-shadow:0 14px 34px rgba(76,42,20,.16)!important;
}
.map-detail-title{font-size:15px!important;margin-bottom:7px!important;}
.map-detail-text{font-size:12px!important;line-height:1.7!important;}
.map-resources{gap:6px!important;margin-top:10px!important;}
.resource-tag{padding:6px 8px!important;border-radius:6px!important;font-size:11px!important;}
.timeline-panel{padding-top:19px!important;}
.timeline-scroll-container{padding:9px 3px 12px!important;}
.timeline-list{gap:12px!important;padding:3px!important;}
.timeline-item{
  width:218px!important;min-height:112px!important;padding:15px 14px 14px 46px!important;border-radius:12px!important;
  background:rgba(255,253,248,.91)!important;border:1px solid rgba(132,73,43,.10)!important;box-shadow:0 7px 17px rgba(90,46,26,.055)!important;
}
.timeline-item:before{left:14px!important;top:15px!important;width:23px!important;height:23px!important;background:#9a2227!important;}
.timeline-item.active{transform:translateY(-2px)!important;border:1px solid rgba(151,29,36,.52)!important;background:#fff9ed!important;box-shadow:0 13px 26px rgba(128,23,29,.14)!important;}
.timeline-date{font-size:11px!important;}
.timeline-event{font-size:14px!important;line-height:1.4!important;}
.timeline-detail{font-size:11px!important;line-height:1.5!important;}

/* 精神传承 */
.section-spirit{padding-bottom:44px!important;overflow:hidden!important;}
.spirit-content{grid-template-columns:.92fr 1.08fr!important;gap:48px!important;align-items:center!important;}
.spirit-text h3{font-size:20px!important;color:#7e161c!important;margin-bottom:13px!important;}
.spirit-text>p{font-size:14px!important;line-height:1.9!important;margin-bottom:18px!important;}
.spirit-quote{padding:20px 22px!important;border-left:4px solid #8e1a20!important;border-radius:0 12px 12px 0!important;background:linear-gradient(135deg,rgba(151,29,36,.055),rgba(200,154,61,.075))!important;}
.spirit-quote-label{font-size:15px!important;letter-spacing:2px!important;margin-bottom:10px!important;}
.spirit-quote-text{font-size:14px!important;line-height:1.9!important;}
.section-spirit .spirit-more-left-fixed{margin-top:22px!important;}
.section-spirit .spirit-more-left-fixed a{min-width:248px!important;padding:13px 24px!important;border-radius:8px!important;font-size:14px!important;box-shadow:0 10px 24px rgba(128,23,29,.20)!important;}
.spirit-diagram{min-height:422px!important;border-radius:18px!important;background:radial-gradient(circle at 50% 50%,rgba(200,154,61,.10),transparent 52%)!important;}
.spirit-center{width:154px!important;height:76px!important;border-radius:14px!important;font-size:19px!important;box-shadow:0 10px 25px rgba(128,23,29,.23),0 0 0 5px rgba(200,154,61,.10)!important;}
.spirit-lines line{stroke-width:1.2!important;opacity:.62!important;}
.spirit-node{width:124px!important;min-height:88px!important;padding:12px 9px!important;border-radius:14px!important;background:rgba(255,253,248,.94)!important;}
.spirit-node-icon.hand-spirit{width:48px!important;height:48px!important;}
.spirit-node-icon.hand-spirit svg{width:31px!important;height:31px!important;}
.spirit-node-title{font-size:12px!important;}

/* 长征中的人与事 */
.people-content{grid-template-columns:.95fr 1.05fr!important;gap:28px!important;}
.people-col-header{margin-bottom:14px!important;padding:0 2px 10px!important;border-bottom:1px solid rgba(112,55,42,.10)!important;}
.people-col-title{font-family:'Noto Serif SC',serif!important;font-size:17px!important;font-weight:800!important;color:#7f161c!important;}
.people-col-more{font-size:12px!important;padding:5px 10px!important;border-radius:14px!important;background:rgba(151,29,36,.055)!important;}
.event-card{
  min-height:275px!important;padding:28px!important;border-radius:16px!important;
  background:
    radial-gradient(circle at 78% 24%,rgba(236,208,139,.18),transparent 24%),
    linear-gradient(145deg,#521017,#9e252c)!important;
  box-shadow:0 16px 36px rgba(92,15,15,.20)!important;
}
.event-card:after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 280'%3E%3Cpath d='M-20 245 C80 170 130 225 210 155 C292 85 365 172 540 70 L540 300 L-20 300Z' fill='%23d4a84b' opacity='.12'/%3E%3C/svg%3E") bottom/cover no-repeat;}
.event-card-bg{font-size:78px!important;right:24px!important;top:18px!important;}
.event-title{font-size:20px!important;max-width:430px!important;}
.event-desc{font-size:13px!important;line-height:1.75!important;max-width:450px!important;}
.people-grid{grid-template-columns:repeat(4,1fr)!important;gap:10px!important;}
.person-card{padding:13px 6px!important;border-radius:12px!important;background:linear-gradient(160deg,#fffdf9,#f8efe1)!important;border-color:rgba(200,154,61,.16)!important;}
.person-avatar{width:66px!important;height:66px!important;margin-bottom:8px!important;border-color:rgba(151,29,36,.15)!important;}
.person-name{font-size:12px!important;}

/* 新时代的新长征 */
.new-era-content{grid-template-columns:1fr 1fr!important;gap:26px!important;}
.era-col{border-radius:16px!important;background:linear-gradient(160deg,rgba(255,253,249,.94),rgba(248,240,226,.72))!important;border:1px solid rgba(112,55,42,.08)!important;padding:20px!important;}
.new-era-content .era-col:first-child{height:470px!important;max-height:470px!important;padding-right:13px!important;}
.era-col-title{font-size:17px!important;margin-bottom:16px!important;padding-bottom:12px!important;border-bottom-color:rgba(151,29,36,.12)!important;}
.era-col-title .era-icon{width:30px!important;height:30px!important;border-radius:8px!important;background:rgba(200,154,61,.12)!important;}
.quote-card{padding:15px 17px!important;border-radius:10px!important;background:rgba(255,253,248,.75)!important;border:1px solid rgba(200,154,61,.12)!important;border-left:3px solid #c89a3d!important;}
.quote-card-text{font-size:13px!important;line-height:1.78!important;}
.duty-list{gap:10px!important;}
.duty-item{padding:13px 14px!important;border-radius:10px!important;background:rgba(255,253,248,.76)!important;border-color:rgba(112,55,42,.08)!important;}
.duty-item:hover{transform:translateX(3px)!important;border-color:rgba(151,29,36,.16)!important;}
.duty-content h4{font-size:13px!important;line-height:1.55!important;}
.duty-content p{font-size:12px!important;line-height:1.55!important;}
.duty-tag{font-size:10px!important;padding:2px 7px!important;}

/* 官媒要闻 */
.news-grid{gap:12px!important;}
.news-item{padding:15px 16px!important;border-radius:11px!important;background:linear-gradient(160deg,#fffdf9,#f9f1e5)!important;border-color:rgba(112,55,42,.075)!important;}
.news-item:hover{transform:translateY(-3px)!important;border-color:rgba(151,29,36,.16)!important;box-shadow:0 11px 24px rgba(72,34,24,.08)!important;}
.news-marker{width:4px!important;border-radius:5px!important;}
.news-title{font-size:14px!important;line-height:1.55!important;}
.news-meta{font-size:11px!important;}

/* 二级列表页 */
body.list-mode{background:#f6f2e9!important;}
.page-view{padding-top:28px!important;padding-bottom:64px!important;}
.back-home{margin-bottom:12px!important;padding:8px 15px!important;border-radius:8px!important;background:#fffdfa!important;box-shadow:0 5px 14px rgba(73,34,25,.05)!important;}
.breadcrumb{font-size:12px!important;color:#8a796f!important;}
.page-view .sub-banner{
  height:230px!important;border-radius:20px!important;margin-bottom:26px!important;
  background:linear-gradient(135deg,#661019,#a7292f 54%,#c28f34)!important;
  box-shadow:0 18px 40px rgba(91,17,24,.18)!important;
}
.page-view .sub-banner:before{background:radial-gradient(circle at 18% 24%,rgba(236,208,139,.25),transparent 28%),linear-gradient(0deg,rgba(0,0,0,.24),rgba(0,0,0,.02)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 300'%3E%3Cpath d='M0 240 C170 155 300 232 430 158 C560 85 675 175 810 105 C945 34 1070 128 1200 73 L1200 300 L0 300Z' fill='%23f6d98e' opacity='.14'/%3E%3C/svg%3E") bottom/cover no-repeat!important;}
.sub-banner-content{padding:44px 58px!important;}
.sub-kicker{font-size:11px!important;padding:5px 14px!important;margin-bottom:14px!important;}
.sub-title{font-size:34px!important;letter-spacing:5px!important;}
.sub-desc{font-size:14px!important;line-height:1.8!important;}
.filter-tabs{gap:9px!important;margin-bottom:20px!important;}
.filter-tab{padding:8px 17px!important;border-radius:8px!important;font-size:12px!important;background:#fffdfa!important;}
.filter-tab.active,.filter-tab:hover{box-shadow:0 7px 16px rgba(128,23,29,.13)!important;}
.resource-card,.person-list-card,.news-list-card{border-radius:14px!important;background:#fffdfa!important;box-shadow:0 8px 20px rgba(73,34,25,.06)!important;}
.resource-card:hover,.person-list-card:hover,.news-list-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 34px rgba(73,34,25,.11)!important;}
#page-events .resource-grid{gap:14px!important;}
#page-events .resource-body{padding:13px!important;}
#page-events .resource-title{font-size:14px!important;}
.person-list-card{padding:18px!important;}
.person-photo{width:104px!important;height:128px!important;}
.person-info h3{font-size:20px!important;}
.news-list{gap:14px!important;}
.news-list-card{padding:18px!important;}

/* 弹窗 */
.modal-mask{backdrop-filter:blur(5px)!important;background:rgba(31,14,12,.56)!important;}
.detail-modal{border-radius:18px!important;border-top:4px solid #8e1a20!important;box-shadow:0 28px 80px rgba(0,0,0,.30)!important;}
.modal-close{background:linear-gradient(135deg,#a8252b,#731218)!important;}

/* 页脚 */
.cz-foot{padding-top:38px!important;background:linear-gradient(180deg,#4e0910,#290306)!important;border-top:1px solid rgba(236,208,139,.20)!important;}
.cz-foot-content{max-width:1280px!important;padding:0 24px!important;gap:52px!important;}
.cz-foot-logo{border-radius:10px!important;background:linear-gradient(145deg,#edd28c,#c39130)!important;}
.cz-foot-brand-info h4{font-family:'Noto Serif SC',serif!important;}
.cz-foot-bottom{max-width:1280px!important;padding-left:24px!important;padding-right:24px!important;}
.cz-foot-qr{border-radius:10px!important;}

/* 响应式 */
@media(max-width:1180px){
  .nav-links{gap:14px!important}.nav-links a{font-size:12px!important}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .spirit-content,.people-content,.new-era-content{grid-template-columns:1fr!important}
  .spirit-diagram{min-height:430px!important}
  .people-grid{grid-template-columns:repeat(4,1fr)!important}
  .new-era-content .era-col:first-child{height:auto!important;max-height:520px!important}
}
@media(max-width:900px){
  .top-nav,.nav-container{height:58px!important}.nav-links{display:none!important}
  .hero{min-height:540px!important}.hero-content{padding-top:62px!important}
  .hero-title{font-size:48px!important;letter-spacing:8px!important}.hero-subtitle{font-size:19px!important;letter-spacing:5px!important}
  .main-content{padding-top:20px!important}.section-stats,.section-spirit,.section-people,.section-new-era,.section-news,.section-timeline-map{padding:34px 22px!important}
  body .main-content>section>.section-title-wrapper .section-title-main,body .section-timeline-map>.timeline-map-title .section-title-main{font-size:25px!important;letter-spacing:4px!important}
  body .main-content>section>.section-title-wrapper .section-title-main:before,body .main-content>section>.section-title-wrapper .section-title-main:after,body .section-timeline-map>.timeline-map-title .section-title-main:before,body .section-timeline-map>.timeline-map-title .section-title-main:after{width:38px!important}
  .map-route-visual{height:auto!important;min-height:430px!important}.map-detail-box{position:static!important;width:auto!important;min-height:auto!important;margin:12px!important}
  .spirit-diagram{min-height:640px!important}.spirit-node{width:132px!important}
  .people-grid{grid-template-columns:repeat(4,1fr)!important}
  .news-grid{grid-template-columns:1fr!important}
  .sub-banner-content{padding:36px 30px!important}.sub-title{font-size:28px!important}.page-view .sub-banner{height:220px!important}
}
@media(max-width:640px){
  .hero-title{font-size:36px!important;letter-spacing:4px!important}.hero-subtitle{font-size:16px!important;letter-spacing:3px!important}.hero-desc{font-size:13px!important}.hero-buttons{flex-direction:column!important;align-items:center!important}
  .stats-grid{grid-template-columns:1fr!important}.people-grid{grid-template-columns:repeat(2,1fr)!important}
  .main-content,.page-view{padding-left:14px!important;padding-right:14px!important}
  .section-stats,.section-spirit,.section-people,.section-new-era,.section-news,.section-timeline-map{padding:28px 16px!important;border-radius:16px!important}
  body .main-content>section>.section-title-wrapper .section-title-main,body .section-timeline-map>.timeline-map-title .section-title-main{font-size:22px!important;padding:0 10px!important}
  body .main-content>section>.section-title-wrapper .section-title-main:before,body .main-content>section>.section-title-wrapper .section-title-main:after,body .section-timeline-map>.timeline-map-title .section-title-main:before,body .section-timeline-map>.timeline-map-title .section-title-main:after{display:none!important}
  .event-card{min-height:240px!important;padding:22px!important}.person-avatar{width:60px!important;height:60px!important}
  .page-view .sub-banner{height:210px!important}.sub-banner-content{padding:30px 22px!important}.sub-title{font-size:23px!important;letter-spacing:2px!important}.sub-desc{font-size:12px!important}
}


/* FINAL FIXES */
body .page-view .filter-tab.active,body .page-view .filter-tab:hover{
  background:linear-gradient(135deg,#a9252b,#7d151b)!important;
  color:#fff!important;border-color:transparent!important;
}
.event-thumb,.event-thumb img{background:linear-gradient(145deg,#ead6ae,#bd8467)!important;}
.event-thumb img{font-size:0;color:transparent;}


/* ===== 明亮版视觉升级：暖红、鎏金、米白；统一图标语言 ===== */
:root{
  --primary-red:#B4473B;
  --deep-red:#8F342C;
  --bright-red:#D86650;
  --gold:#C79745;
  --light-gold:#E8C98B;
  --cream:#F8F1E7;
  --warm-white:#FFFCF7;
  --dark-text:#3F2B24;
  --gray-text:#75645B;
  --parchment:#F3E5D1;
  --icon-gold:#B9852F;
  --soft-coral:#E9A08F;
  --card-shadow:0 10px 28px rgba(117,67,45,.07);
  --card-shadow-hover:0 16px 36px rgba(117,67,45,.13);
  --banner-bg:url("../cz_img/cz_img6.png");
}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 8% 4%,rgba(232,201,139,.22),transparent 28%),
    radial-gradient(circle at 92% 14%,rgba(216,102,80,.08),transparent 30%),
    linear-gradient(180deg,#FBF6EF 0%,#F7EFE5 46%,#FBF8F3 100%)!important;
  color:var(--dark-text)!important;
}

/* 顶部导航：由暗红整条改成暖白悬浮导航 */
.top-nav{
  background:rgba(255,252,247,.94)!important;
  border-bottom:1px solid rgba(180,71,59,.10)!important;
  box-shadow:0 8px 24px rgba(94,52,35,.07)!important;
  backdrop-filter:blur(14px)!important;
  padding:10px 0!important;
}
.nav-logo,.nav-right{color:#6F342C!important}
.nav-logo-text{font-weight:700!important;letter-spacing:1.5px!important}
.nav-links a{color:#665049!important;font-weight:500!important}
.nav-links a:hover{color:var(--primary-red)!important}
.nav-links a::after{background:linear-gradient(90deg,var(--bright-red),var(--gold))!important}
.nav-logo-icon,.cz-foot-logo{
  background:linear-gradient(145deg,#FFF9EE,#F1DFC0)!important;
  color:var(--icon-gold)!important;
  border:1px solid rgba(199,151,69,.42)!important;
  box-shadow:0 5px 14px rgba(169,120,40,.12)!important;
}

/* Banner：使用明亮专题图，中央采用米白玻璃卡承载原有文字 */
.hero{
  min-height:650px!important;
  background-image:var(--banner-bg)!important;
  background-size:cover!important;
  background-position:center center!important;
  background-color:#D9785E!important;
}
.hero::before{
  background:
    linear-gradient(90deg,rgba(119,35,27,.30) 0%,rgba(159,67,45,.08) 28%,rgba(255,243,215,.04) 50%,rgba(159,67,45,.08) 72%,rgba(119,35,27,.28) 100%),
    linear-gradient(180deg,rgba(112,29,24,.05) 0%,rgba(255,239,209,.05) 52%,rgba(107,38,28,.22) 100%)!important;
}
.hero::after{
  background:linear-gradient(180deg,transparent 68%,rgba(248,241,231,.22) 82%,var(--cream) 100%)!important;
  opacity:1!important;
}
.hero-ribbons,.hero-stars,.hero-grid,.hero-glow,.hero-bottom-line{display:none!important}
.mountain-deco{background:linear-gradient(to top,var(--cream) 0%,rgba(248,241,231,.76) 20%,transparent 72%)!important;height:130px!important}
.hero-content{
  width:min(900px,calc(100% - 48px))!important;
  margin:54px auto 90px!important;
  padding:46px 58px 48px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,252,244,.84),rgba(255,244,224,.68))!important;
  border:1px solid rgba(255,255,255,.74)!important;
  box-shadow:0 22px 56px rgba(94,38,25,.17),inset 0 1px 0 rgba(255,255,255,.88)!important;
  backdrop-filter:blur(9px) saturate(.92)!important;
}
.hero-badge{
  background:rgba(180,71,59,.08)!important;
  border:1px solid rgba(180,71,59,.24)!important;
  color:#A13A31!important;
  box-shadow:none!important;
}
.hero-title{
  color:#7D2D27!important;
  font-size:64px!important;
  text-shadow:0 2px 0 rgba(255,255,255,.75),0 10px 28px rgba(135,58,41,.14)!important;
}
.hero-subtitle{color:#A5543F!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important}
.hero-desc{color:#5B4439!important;font-weight:500!important}
.btn-primary{
  background:linear-gradient(135deg,#D96852,#B8443A)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(180,68,58,.25)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.btn-outline{
  background:rgba(255,252,247,.72)!important;
  color:#A33E34!important;
  border:1.5px solid rgba(180,71,59,.34)!important;
}
.btn-outline:hover{background:#FFF8EC!important;border-color:#C65748!important}

/* 主体模块统一为轻盈暖白卡片 */
.main-content{padding-top:54px!important}
.section-stats,.section-spirit,.section-people,.section-new-era,.section-news{
  background:rgba(255,253,249,.94)!important;
  border:1px solid rgba(186,126,89,.13)!important;
  box-shadow:0 16px 42px rgba(113,71,46,.065)!important;
  border-radius:22px!important;
}
.main-content>section>.section-title-wrapper .section-title-main,
.section-timeline-map>.timeline-map-title .section-title-main{
  color:#A74338!important;
  text-shadow:none!important;
}
.main-content>section>.section-title-wrapper .section-title-main:before,
.main-content>section>.section-title-wrapper .section-title-main:after{
  background:linear-gradient(90deg,transparent,#E7C485 18%,#C99745 50%,#E7C485 82%,transparent)!important;
}
.main-content>section>.section-title-wrapper .section-title-left:before,
.main-content>section>.section-title-wrapper .section-title-left:after{color:#D2A355!important}
.main-content>section>.section-title-wrapper .section-title-sub,
.section-timeline-map>.timeline-map-title .section-title-sub{color:#79665C!important}

/* 统一图标：浅金背景、金色线性图标、统一圆角与阴影 */
.stat-icon-hand,.spirit-node-icon,.era-icon,.section-title-icon{
  background:linear-gradient(145deg,#FFF9EE 0%,#F5E7CF 100%)!important;
  color:var(--icon-gold)!important;
  border:1px solid rgba(199,151,69,.36)!important;
  border-radius:15px!important;
  box-shadow:0 7px 16px rgba(169,120,40,.10)!important;
}
.stat-icon-hand:before,.stat-icon-hand:after,
.spirit-node-icon::before,.spirit-node-icon.hand-spirit:after{display:none!important}
.stat-icon-hand svg,.spirit-node-icon.hand-spirit svg{
  stroke:var(--icon-gold)!important;
  stroke-width:2.15!important;
}
.era-icon{width:34px!important;height:34px!important;font-size:15px!important}

/* 数字卡片 */
.stats-grid{gap:22px!important}
.stat-card{
  min-height:188px!important;
  background:linear-gradient(145deg,#FFFDF9 0%,#FBF4E9 100%)!important;
  border:1px solid rgba(210,168,105,.24)!important;
  box-shadow:0 10px 24px rgba(116,74,47,.055)!important;
}
.stat-card::before{background:linear-gradient(90deg,#E27962,#D2A14E)!important;height:3px!important}
.stat-card:hover{border-color:rgba(210,144,95,.40)!important;box-shadow:0 16px 30px rgba(124,76,46,.11)!important}
.stat-number{color:#B6473A!important;text-shadow:none!important}
.stat-number .unit{color:#C08A34!important}
.stat-chip{background:#FFF9EF!important;border-color:#E6C78F!important;color:#AE7A2B!important}

/* 路线图和时间轴：降低金黄饱和度，增加米白空间 */
.section-timeline-map{
  background:
    radial-gradient(circle at 10% 8%,rgba(255,255,255,.72),transparent 32%),
    linear-gradient(145deg,#F6E9D2 0%,#F0DBB7 100%)!important;
  border:1px solid rgba(190,146,78,.22)!important;
  box-shadow:0 16px 38px rgba(119,78,41,.10)!important;
  border-radius:22px!important;
}
.section-timeline-map:before,.section-timeline-map:after{opacity:.20!important}
.map-route-visual{
  background:linear-gradient(180deg,rgba(248,236,211,.96),rgba(235,211,169,.93)),url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='4'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.045'/%3E%3C/svg%3E")!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:inset 0 0 48px rgba(174,121,55,.07),0 10px 24px rgba(113,71,42,.08)!important;
}
.map-detail-box{
  background:rgba(255,252,244,.93)!important;
  border:1px solid rgba(201,155,80,.28)!important;
  border-top:3px solid rgba(207,100,78,.58)!important;
  box-shadow:0 12px 26px rgba(104,66,39,.10)!important;
}
.timeline-item{
  background:rgba(255,253,249,.94)!important;
  border-color:rgba(200,156,88,.18)!important;
  box-shadow:0 8px 18px rgba(109,70,41,.055)!important;
}
.timeline-item.active{
  background:#FFF8EC!important;
  border-color:#D46B56!important;
  box-shadow:0 12px 24px rgba(180,76,58,.12)!important;
}
.timeline-item:before{background:#D56853!important}

/* 精神传承 */
.spirit-quote{
  background:linear-gradient(135deg,rgba(224,115,92,.065),rgba(221,179,103,.09))!important;
  border-left-color:#CF6653!important;
  box-shadow:none!important;
}
.spirit-quote-label{color:#A94338!important}
.spirit-center{
  background:linear-gradient(135deg,#D26D58 0%,#B54A3D 58%,#9B3B32 100%)!important;
  border-color:#E2BD79!important;
  box-shadow:0 10px 25px rgba(155,62,49,.18),0 0 0 6px rgba(226,189,121,.12)!important;
}
.spirit-node{
  background:rgba(255,253,249,.96)!important;
  border-color:rgba(199,151,69,.22)!important;
  box-shadow:0 9px 20px rgba(100,64,42,.055)!important;
}
.spirit-diagram .spirit-lines line{stroke:#D6A652!important;opacity:.55!important}
.spirit-diagram .spirit-lines circle{stroke:rgba(211,165,82,.18)!important}
.spirit-more-left-fixed a{
  background:linear-gradient(135deg,#D46853,#B4473B)!important;
  box-shadow:0 12px 26px rgba(180,71,59,.20)!important;
}

/* 人物与事件区 */
.event-card{
  background:
    radial-gradient(circle at 88% 12%,rgba(232,201,139,.32),transparent 33%),
    linear-gradient(135deg,#FFF5E7 0%,#F5DCC8 100%)!important;
  border:1px solid rgba(207,130,95,.20)!important;
  box-shadow:0 12px 26px rgba(111,68,43,.07)!important;
}
.event-card::before{background:linear-gradient(180deg,transparent 35%,rgba(255,250,242,.18) 100%)!important}
.event-card-bg{color:rgba(180,71,59,.08)!important}
.event-tag{background:rgba(207,102,83,.10)!important;color:#A84036!important;border:1px solid rgba(207,102,83,.14)!important}
.event-title{color:#704036!important}
.event-desc{color:#756158!important}
.person-card{background:#FFF9F1!important;border-color:rgba(198,143,85,.15)!important}
.person-card:hover{background:#FFF5E7!important}
.person-avatar{border-color:rgba(202,151,70,.24)!important}

/* 新时代、新闻和二级列表 */
.quote-card,.duty-item,.news-item{
  background:linear-gradient(145deg,#FFFDFA,#FBF4EA)!important;
  border-color:rgba(185,126,83,.12)!important;
}
.quote-card{border-left-color:#D4A455!important}
.duty-marker,.news-marker{background:linear-gradient(180deg,#D56853,#D2A14F)!important}
.duty-content h4,.news-category{color:#A84237!important}
.duty-tag{background:rgba(211,163,79,.10)!important;border-color:rgba(211,163,79,.30)!important;color:#9A6F28!important}
.resource-card,.person-list-card,.news-list-card{
  background:#FFFCF7!important;
  border-color:rgba(183,120,81,.13)!important;
  box-shadow:0 10px 28px rgba(105,65,42,.06)!important;
}
.filter-tab{background:#FFFCF7!important;border-color:rgba(181,87,70,.18)!important;color:#A74338!important}
.filter-tab.active,.filter-tab:hover{background:linear-gradient(135deg,#D86C56,#B6483C)!important;color:#fff!important}
.sub-banner{
  background-image:linear-gradient(90deg,rgba(136,48,39,.46),rgba(222,128,91,.22)),var(--banner-bg)!important;
  background-size:cover!important;background-position:center 58%!important;
  box-shadow:0 14px 34px rgba(138,66,45,.13)!important;
}
.sub-banner:before{background:linear-gradient(90deg,rgba(115,37,31,.35),rgba(255,236,205,.02),rgba(135,51,38,.18))!important}

/* 页脚改为浅暖色，降低整页收尾压迫感 */
.cz-foot{
  background:linear-gradient(180deg,#F2E2D0 0%,#E9D2BB 100%)!important;
  color:#6D5549!important;
  border-top:1px solid rgba(173,111,71,.14)!important;
}
.cz-foot-brand-info h4{color:#824138!important}
.cz-foot-brand-info p,.cz-foot-links a{color:#776157!important}
.cz-foot-links h5{color:#A44A3D!important}
.cz-foot-links a:hover{color:#B4473B!important}
.cz-foot-bottom{border-top-color:rgba(134,84,58,.14)!important;color:#806A5F!important}
.cz-foot-qr{background:#FFF9F0!important;border:1px solid rgba(184,129,73,.18)!important}

@media(max-width:900px){
  .hero{min-height:590px!important}
  .hero-content{width:calc(100% - 30px)!important;margin:34px auto 82px!important;padding:34px 22px!important;border-radius:22px!important}
  .hero-title{font-size:40px!important;letter-spacing:5px!important}
  .hero-subtitle{font-size:20px!important;letter-spacing:5px!important}
  .hero-desc br{display:none}
}



/* ===== Banner应用版：去掉卡片，直接文字叠加恢弘背景 ===== */
:root {
    --primary-red: #b44732;
    --deep-red: #7f2e23;
    --bright-red: #d96a4c;
    --gold: #d7aa5b;
    --light-gold: #f0dbab;
    --cream: #fbf4e8;
    --warm-white: #fffdf9;
    --parchment: #f8efe0;
    --dark-text: #4e3329;
    --gray-text: #7f6a5d;
}
body {
    background: linear-gradient(180deg, #f8efe0 0%, #fbf6ec 220px, var(--cream) 520px);
}
.top-nav {
    background: linear-gradient(180deg, rgba(161,65,48,.94) 0%, rgba(186,88,64,.92) 100%);
    backdrop-filter: blur(8px);
    box-shadow: 0 8px 24px rgba(146,70,51,.12);
}
.nav-links a { color: rgba(255,255,255,.92); }
.nav-links a:hover, .nav-links a:hover::after { color: #fff4d8; }
.hero {
    min-height: 680px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background:
      linear-gradient(180deg, rgba(255,248,235,.08) 0%, rgba(252,244,229,.12) 100%),
      url("../cz_img/cz_img6.png") center top / cover no-repeat !important;
}
.hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 50% 42%, rgba(255,248,228,.78) 0%, rgba(255,244,224,.52) 20%, rgba(255,242,219,.14) 40%, rgba(255,242,219,0) 62%),
      linear-gradient(180deg, rgba(255,245,227,.12) 0%, rgba(255,245,227,0) 24%, rgba(245,232,212,.06) 72%, rgba(249,241,229,.42) 100%);
    z-index: 0;
}
.hero::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: -1px;
    height: 180px;
    background: linear-gradient(180deg, rgba(251,244,232,0) 0%, rgba(251,244,232,.58) 46%, #fbf4e8 100%);
    z-index: 1;
    pointer-events: none;
}
.hero-ribbons, .hero-stars, .hero-grid, .hero-glow, .hero-bottom-line, .mountain-deco { display: none !important; }
.hero-content {
    position: relative;
    z-index: 2;
    max-width: 1120px;
    padding: 110px 32px 170px !important;
    text-align: center;
}
.hero-badge {
    background: rgba(255,249,240,.58) !important;
    border: 1px solid rgba(212,168,91,.55) !important;
    color: #a04535 !important;
    box-shadow: 0 10px 28px rgba(190,147,96,.12);
    backdrop-filter: blur(3px);
}
.hero-title {
    color: #8d3125 !important;
    font-size: 84px !important;
    letter-spacing: 10px !important;
    margin-bottom: 24px !important;
    text-shadow: 0 2px 0 rgba(255,251,243,.66), 0 18px 36px rgba(196,143,94,.16) !important;
}
.hero-subtitle {
    color: #b45d47 !important;
    font-size: 30px !important;
    letter-spacing: 9px !important;
    margin-bottom: 44px !important;
    text-shadow: 0 1px 0 rgba(255,251,243,.45);
}
.hero-desc {
    max-width: 840px !important;
    color: #65483d !important;
    font-size: 17px !important;
    line-height: 2.15 !important;
    letter-spacing: 1px !important;
    font-weight: 600;
    margin-bottom: 50px !important;
    text-shadow: 0 1px 0 rgba(255,251,243,.5);
}
.hero-buttons { gap: 24px !important; }
.btn-primary {
    background: linear-gradient(135deg, #ce694b 0%, #b84d34 100%) !important;
    color: #fff8f1 !important;
    box-shadow: 0 14px 28px rgba(184,77,52,.22) !important;
    border: 1px solid rgba(255,244,235,.55) !important;
}
.btn-outline {
    background: rgba(255,250,242,.72) !important;
    color: #a44936 !important;
    border: 1px solid rgba(205,150,119,.48) !important;
    box-shadow: 0 10px 24px rgba(178,129,88,.10);
}
.btn-outline:hover { background: rgba(255,248,238,.95) !important; }
.main-content.home-view {
    position: relative;
    margin-top: -28px;
    z-index: 3;
}
.section-stats, .section-spirit, .section-people, .section-new-era, .section-news {
    background: linear-gradient(180deg, rgba(255,253,248,.98) 0%, rgba(252,247,239,.98) 100%) !important;
    border: 1px solid rgba(226,201,165,.42) !important;
    box-shadow: 0 14px 34px rgba(164,117,78,.08) !important;
}
.section-timeline-map {
    background: linear-gradient(180deg, #f2dfb4 0%, #ebcf93 100%) !important;
    box-shadow: 0 18px 36px rgba(168,126,77,.14) !important;
}
.top-nav + .hero { margin-top: 0; }
@media (max-width: 1200px) {
    .hero-title { font-size: 62px !important; }
    .hero-subtitle { font-size: 24px !important; letter-spacing: 6px !important; }
}
@media (max-width: 768px) {
    .hero { min-height: 540px !important; background-position: center center !important; }
    .hero-content { padding: 92px 18px 120px !important; }
    .hero-title { font-size: 40px !important; letter-spacing: 4px !important; }
    .hero-subtitle { font-size: 18px !important; letter-spacing: 3px !important; margin-bottom: 26px !important; }
    .hero-desc { font-size: 14px !important; line-height: 1.9 !important; margin-bottom: 30px !important; }
    .hero-buttons { flex-direction: column; align-items: center; gap: 14px !important; }
}



/* ===== Banner再优化：无卡片、无蒙版、无横向渐变条 ===== */
.hero{
  min-height:680px !important;
  background-position:center top !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
.hero::before{
  content:none !important;
  display:none !important;
  background:none !important;
}
.hero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}
.hero-content{
  width:min(1100px, calc(100% - 64px)) !important;
  margin:0 auto !important;
  padding:110px 24px 120px !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.hero-badge{
  display:inline-block !important;
  margin-bottom:26px !important;
  padding:0 !important;
  background:none !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  color:#a04b38 !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:6px !important;
  text-shadow:0 1px 0 rgba(255,250,244,.55) !important;
}
.hero-title{
  font-size:88px !important;
  line-height:1.12 !important;
  margin-bottom:22px !important;
  color:#8d3125 !important;
  text-shadow:0 2px 0 rgba(255,248,240,.68), 0 10px 26px rgba(172,113,77,.10) !important;
}
.hero-subtitle{
  font-size:30px !important;
  letter-spacing:9px !important;
  margin-bottom:38px !important;
  color:#b45d47 !important;
  text-shadow:0 1px 0 rgba(255,248,240,.5) !important;
}
.hero-desc{
  max-width:900px !important;
  margin:0 auto 46px !important;
  color:#5f453b !important;
  font-size:18px !important;
  line-height:2.1 !important;
  letter-spacing:1px !important;
  font-weight:600 !important;
  text-shadow:0 1px 0 rgba(255,249,242,.42) !important;
}
.hero-buttons{
  gap:20px !important;
}
.btn-primary,
.btn-outline{
  min-width:170px !important;
  border-radius:14px !important;
  padding:15px 34px !important;
  font-size:18px !important;
  letter-spacing:2px !important;
}
.btn-primary{
  background:linear-gradient(135deg,#d56a4e 0%, #b94931 100%) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,245,237,.6) !important;
  box-shadow:0 12px 28px rgba(185,73,49,.22) !important;
}
.btn-outline{
  background:rgba(255,251,246,.9) !important;
  color:#a24735 !important;
  border:1px solid rgba(196,143,111,.45) !important;
  box-shadow:0 10px 24px rgba(175,130,97,.10) !important;
}
.main-content.home-view{
  margin-top:-22px !important;
  position:relative !important;
  z-index:2 !important;
}
@media (max-width: 1200px){
  .hero-title{font-size:66px !important;letter-spacing:7px !important;}
  .hero-subtitle{font-size:24px !important;letter-spacing:6px !important;}
  .hero-desc{font-size:16px !important;}
}
@media (max-width: 768px){
  .hero{min-height:540px !important;}
  .hero-content{width:calc(100% - 28px) !important;padding:86px 12px 92px !important;}
  .hero-badge{font-size:13px !important;letter-spacing:3px !important;}
  .hero-title{font-size:40px !important;letter-spacing:4px !important;}
  .hero-subtitle{font-size:18px !important;letter-spacing:3px !important;margin-bottom:24px !important;}
  .hero-desc{font-size:14px !important;line-height:1.9 !important;margin-bottom:28px !important;}
  .hero-buttons{flex-direction:column !important;align-items:center !important;}
}



/* ===== 最终优化：图标转动、历史事件单图、左右底部对齐、真实坐标路线图 ===== */
@keyframes dashedOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.spirit-node-icon,.section-title-icon,.nav-logo-icon,.stat-icon-hand{position:relative;overflow:visible}
.spirit-node-icon::before,
.section-title-icon::before,
.nav-logo-icon::before{
  content:'';
  position:absolute;
  inset:-6px;
  border:1.8px dashed rgba(212,168,75,.7) !important;
  border-radius:50%;
  opacity:.92;
  animation:dashedOrbit 9s linear infinite !important;
  pointer-events:none;
}
.section-title-icon::before{inset:-5px;border-color:rgba(212,168,75,.55)!important}
.nav-logo-icon::before{inset:-4px;border-color:rgba(255,238,190,.55)!important}
.spirit-node:hover .spirit-node-icon::before,
.section-title-wrapper:hover .section-title-icon::before,
.stat-card:hover .stat-icon-hand::before{animation-duration:4.8s !important}

.people-content{align-items:stretch!important}
.people-col{display:flex!important;flex-direction:column!important}
.people-col .event-dots{margin-top:14px!important}
.image-feature-card{
  padding:0 !important;
  background:transparent !important;
  border-radius:22px !important;
  box-shadow:0 14px 34px rgba(172,122,83,.16) !important;
  border:1px solid rgba(227,196,153,.5) !important;
  overflow:hidden !important;
  min-height:auto !important;
}
.image-feature-card::before,.image-feature-card .event-card-bg,.image-feature-card .event-card-content{display:none !important}
.event-card-fullimg{display:block;width:100%;height:auto;border-radius:22px}

.new-era-content{grid-template-columns:1fr 1fr !important;align-items:stretch !important}
.new-era-content .era-col{display:flex !important;flex-direction:column !important;min-height:520px !important}
.new-era-content .era-col:first-child{height:520px !important}
.new-era-content .era-col:last-child{height:520px !important}
.new-era-content .era-col:last-child .duty-list{flex:1 !important;display:flex !important;flex-direction:column !important;gap:14px !important}
.new-era-content .era-col:last-child .duty-item{flex:1 1 0 !important;align-items:flex-start !important}
.new-era-content .era-col:last-child .duty-content{display:flex !important;flex-direction:column !important;justify-content:center !important;height:100% !important}

.map-panel>.section-title-wrapper>div:last-child{font-weight:700 !important}
.map-route-visual{position:relative;overflow:hidden;border-radius:16px !important;border:1px solid rgba(176,132,75,.42) !important;box-shadow:inset 0 0 48px rgba(140,95,44,.08),0 14px 30px rgba(153,117,75,.12) !important}
.route-svg-container svg{display:block;width:100%;height:100%}
.route-point{cursor:pointer}
.route-point circle{transition:transform .25s ease, filter .25s ease}
.route-point:hover circle,.route-point.active circle{filter:drop-shadow(0 0 8px rgba(201,63,49,.28))}
.route-point text{paint-order:stroke;stroke:#fff4dc;stroke-width:3.4px;stroke-linejoin:round;letter-spacing:.5px}
.route-point.active text{fill:#a92f24 !important}
.map-detail-box{background:rgba(255,252,246,.94) !important;border:1px solid rgba(228,204,166,.55) !important;border-left:4px solid #d4a84b !important;box-shadow:0 10px 24px rgba(146,108,73,.10) !important}

@media(max-width:900px){
  .new-era-content{grid-template-columns:1fr !important}
  .new-era-content .era-col,
  .new-era-content .era-col:first-child,
  .new-era-content .era-col:last-child{height:auto !important;min-height:auto !important}
}



/* ===== 第五次整合：列表页banner入码、历史事件叠加文案、图标虚线动效恢复 ===== */
.page-view .sub-banner{
    display:block !important;
    position:relative;
    height:280px;
    border-radius:20px;
    overflow:hidden;
    margin-bottom:30px;
    background-color:#f5ebd9 !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    background-position:right center !important;
    box-shadow:0 16px 36px rgba(155,113,67,.14) !important;
    border:1px solid rgba(222,191,145,.55) !important;
}
.page-view .sub-banner::before{
    content:'' !important;
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(251,246,237,.96) 0%, rgba(251,246,237,.90) 24%, rgba(251,246,237,.75) 42%, rgba(251,246,237,.38) 62%, rgba(251,246,237,.08) 100%) !important;
}
.page-view .sub-banner::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:20px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
    pointer-events:none;
}
.page-view .sub-banner-content{
    position:relative;
    z-index:2;
    max-width:56%;
    padding:42px 52px !important;
    color:#6f3427 !important;
}
.page-view .sub-kicker{
    color:#a45e3f !important;
    background:rgba(255,247,238,.72);
    border:1px solid rgba(208,160,115,.45) !important;
    backdrop-filter: blur(4px);
}
.page-view .sub-title{
    color:#7d3928 !important;
    text-shadow:none !important;
    letter-spacing:4px !important;
    font-size:36px !important;
    line-height:1.3;
}
.page-view .sub-desc{
    color:#735f53 !important;
    margin-top:12px !important;
    line-height:1.9 !important;
    max-width:680px;
}
#page-events .sub-banner{background-image:url('../cz_img/cz_img3.png') !important;}
#page-persons .sub-banner{background-image:url('../cz_img/cz_img4.png') !important;}
#page-newera .sub-banner{background-image:url('../cz_img/cz_img5.png') !important;}
#page-events .sub-banner{background-position:right center !important;}
#page-persons .sub-banner{background-position:right top !important;}
#page-newera .sub-banner{background-position:right center !important;}

/* 首页历史事件：背景图 + 文字标签独立叠加 */
.featured-event-card{
    position:relative !important;
    min-height:0 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    background:#f6eee0 !important;
}
.featured-event-card .event-card-fullimg{
    display:block;
    width:100%;
    height:100%;
    min-height:290px;
    object-fit:cover;
    object-position:center;
}
.featured-event-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, rgba(248,241,231,.94) 0%, rgba(248,241,231,.92) 26%, rgba(248,241,231,.82) 48%, rgba(248,241,231,.56) 66%, rgba(248,241,231,.15) 100%);
    pointer-events:none;
}
.featured-event-content{
    position:absolute;
    inset:0;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding:38px 44px;
    max-width:74%;
}
.featured-event-tag{
    display:inline-flex;
    align-items:center;
    height:40px;
    padding:0 18px;
    margin-bottom:18px;
    border-radius:12px;
    background:rgba(255,240,232,.86);
    border:1px solid rgba(233,196,180,.92);
    color:#c15743;
    font-size:18px;
    font-weight:700;
    letter-spacing:1px;
}
.featured-event-title{
    margin:0 0 18px;
    font-family:'Noto Serif SC',serif;
    font-size:30px;
    line-height:1.45;
    color:#734538;
    font-weight:900;
}
.featured-event-desc{
    margin:0;
    font-size:17px;
    line-height:2;
    color:#7b685e;
    font-weight:600;
}
@media(max-width:900px){
    .featured-event-content{max-width:100%;padding:24px;}
    .featured-event-tag{font-size:14px;height:34px;padding:0 14px;margin-bottom:14px;}
    .featured-event-title{font-size:22px;margin-bottom:12px;}
    .featured-event-desc{font-size:14px;line-height:1.8;}
    .page-view .sub-banner{height:220px;}
    .page-view .sub-banner-content{max-width:76%;padding:26px 24px !important;}
    .page-view .sub-title{font-size:24px !important;letter-spacing:2px !important;}
}

/* 数字长征/精神传承图标：虚线旋转动效恢复并加强 */
@keyframes orbitDashSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.stat-icon-hand,
.spirit-node-icon{
    position:relative !important;
    overflow:visible !important;
}
.stat-icon-hand::before{
    content:'';
    position:absolute;
    inset:-8px;
    border-radius:50%;
    border:1.8px dashed rgba(214,166,78,.78);
    opacity:.96;
    animation:orbitDashSpin 10s linear infinite;
    pointer-events:none;
}
.spirit-node-icon::before{
    content:'' !important;
    position:absolute;
    inset:-7px !important;
    border-radius:50% !important;
    border:1.8px dashed currentColor !important;
    opacity:.46 !important;
    animation:orbitDashSpin 8s linear infinite !important;
    transform-origin:center;
}
.stat-card:hover .stat-icon-hand::before,
.spirit-node:hover .spirit-node-icon::before{
    animation-duration:4.8s !important;
}
.stat-card:hover .stat-icon-hand,
.spirit-node:hover .spirit-node-icon{
    transform:translateY(-1px) scale(1.04);
}



/* ===== 第六次优化：历史事件文案下移缩小，路线图更丰富更柔和 ===== */
.featured-event-card .event-card-fullimg{
    min-height:300px !important;
}
.featured-event-shade{
    background: linear-gradient(180deg, rgba(248,241,231,.10) 0%, rgba(248,241,231,.10) 44%, rgba(248,241,231,.78) 58%, rgba(248,241,231,.96) 76%, rgba(246,238,224,.98) 100%) !important;
}
.featured-event-content{
    top:auto !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    inset:auto 0 0 0 !important;
    display:block !important;
    padding:26px 38px 30px !important;
    max-width:100% !important;
    background: linear-gradient(180deg, rgba(248,241,231,0) 0%, rgba(248,241,231,.72) 15%, rgba(246,238,224,.95) 44%, rgba(246,238,224,.98) 100%);
    border-top-right-radius:120px 56px;
}
.featured-event-tag{
    height:34px !important;
    padding:0 16px !important;
    margin-bottom:12px !important;
    font-size:16px !important;
    border-radius:18px !important;
}
.featured-event-title{
    font-size:22px !important;
    line-height:1.55 !important;
    margin:0 0 10px !important;
    max-width:68%;
}
.featured-event-desc{
    font-size:15px !important;
    line-height:1.95 !important;
    max-width:70%;
}

.map-route-visual{
    background: radial-gradient(circle at 38% 34%, #fff7e7 0%, #f7e3bb 46%, #edd29b 100%) !important;
    border: 1px solid rgba(211,172,105,.60) !important;
    box-shadow: inset 0 0 60px rgba(139,69,19,.09), 0 12px 28px rgba(112,76,36,.12) !important;
}
.route-svg-container svg{
    transform: translateZ(0);
}
.route-point text{
    paint-order:stroke !important;
    stroke:#fff5de !important;
    stroke-width:3px !important;
    stroke-linejoin:round;
    letter-spacing:.2px;
}
.route-point:hover circle,
.route-point.active circle{
    filter: drop-shadow(0 0 9px rgba(205,76,50,.34));
}
@media(max-width:900px){
    .featured-event-content{
        padding:20px 22px 24px !important;
        border-top-right-radius:56px 30px;
    }
    .featured-event-title,
    .featured-event-desc{max-width:100%;}
    .featured-event-title{font-size:18px !important;}
    .featured-event-desc{font-size:13px !important;line-height:1.8 !important;}
}



/* ===== 第七次优化：历史事件改为首版排版逻辑，图标动效回到第一版风格 ===== */
/* 历史事件卡：保留已确认背景图，仅重排版 */
.featured-event-card{
    position: relative !important;
    min-height: 255px !important;
    background: #f7efe1 !important;
}
.featured-event-card .event-card-fullimg{
    width: 100% !important;
    height: 100% !important;
    min-height: 255px !important;
    object-fit: cover !important;
    object-position: center center !important;
}
.featured-event-shade{
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(248,241,231,.02) 0%, rgba(248,241,231,.03) 42%, rgba(248,241,231,.34) 58%, rgba(248,241,231,.78) 77%, rgba(248,241,231,.92) 100%) !important;
}
.featured-event-content{
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    inset: auto 0 0 0 !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    padding: 22px 28px 26px !important;
    max-width: 100% !important;
    background: linear-gradient(180deg, rgba(246,238,224,0) 0%, rgba(246,238,224,.12) 18%, rgba(246,238,224,.72) 46%, rgba(246,238,224,.92) 72%, rgba(246,238,224,.97) 100%) !important;
}
.featured-event-tag{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 32px !important;
    padding: 0 14px !important;
    margin-bottom: 12px !important;
    border-radius: 8px !important;
    background: rgba(184, 144, 91, .12) !important;
    border: 1px solid rgba(203, 169, 116, .36) !important;
    color: #9d6339 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .5px !important;
}
.featured-event-title{
    margin: 0 0 10px !important;
    max-width: 100% !important;
    font-family: 'Noto Serif SC', serif !important;
    font-size: 24px !important;
    line-height: 1.35 !important;
    color: #734538 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}
.featured-event-desc{
    margin: 0 !important;
    max-width: 92% !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
    color: #7f7067 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

/* 数字长征图标：恢复第一版的圆形+虚线旋转风格 */
.stat-icon-hand{
    position: relative !important;
    width: 70px !important;
    height: 70px !important;
    margin: 0 auto 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 251, 244, .92) !important;
    border: 1px solid rgba(221, 198, 161, .72) !important;
    color: #be5e53 !important;
    overflow: visible !important;
}
.stat-icon-hand::before{
    content: '' !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(218, 185, 113, .72) !important;
    animation: orbitDashSpin 10s linear infinite !important;
    opacity: 1 !important;
}
.stat-icon-hand svg{
    width: 30px !important;
    height: 30px !important;
    stroke: currentColor !important;
    stroke-width: 2.05 !important;
}

/* 精神传承图标统一回到第一版风格 */
.spirit-node-icon{
    position: relative !important;
    width: 62px !important;
    height: 62px !important;
    margin: 0 auto 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 251, 244, .96) !important;
    border: 1px solid rgba(221, 198, 161, .72) !important;
    overflow: visible !important;
}
.spirit-node-icon::before{
    content: '' !important;
    position: absolute !important;
    inset: -6px !important;
    border-radius: 50% !important;
    border: 2px dashed rgba(218, 185, 113, .72) !important;
    animation: orbitDashSpin 8s linear infinite !important;
    opacity: 1 !important;
    transform-origin: center !important;
}
.spirit-node-icon svg{
    width: 30px !important;
    height: 30px !important;
    stroke-width: 2.05 !important;
}
.stat-card:hover .stat-icon-hand::before,
.spirit-node:hover .spirit-node-icon::before{
    animation-duration: 4.8s !important;
}

/* 统一 section icon 微调，跟第一版更接近 */
.section-title-icon{
    position: relative !important;
    overflow: visible !important;
}
.section-title-icon::before{
    content: '' !important;
    position: absolute !important;
    inset: -5px !important;
    border-radius: 50% !important;
    border: 1.6px dashed rgba(218, 185, 113, .58) !important;
    animation: orbitDashSpin 12s linear infinite !important;
}

@media (max-width: 1100px){
    .featured-event-title{
        font-size: 21px !important;
    }
    .featured-event-desc{
        max-width: 96% !important;
    }
}
@media (max-width: 900px){
    .featured-event-card,
    .featured-event-card .event-card-fullimg{
        min-height: 240px !important;
    }
    .featured-event-content{
        padding: 18px 20px 20px !important;
    }
    .featured-event-tag{
        height: 28px !important;
        padding: 0 12px !important;
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    .featured-event-title{
        white-space: normal !important;
        font-size: 18px !important;
        line-height: 1.45 !important;
        margin-bottom: 8px !important;
    }
    .featured-event-desc{
        font-size: 13px !important;
        line-height: 1.7 !important;
        max-width: 100% !important;
    }
}



/* ===== 第九次修正：左侧保持原尺寸与原图，仅调整人物区底部对齐 ===== */
.people-content{
    grid-template-columns: 1fr 1fr !important;
    align-items: stretch !important;
    gap: 32px !important;
}
.people-col{
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
}
.people-col:nth-child(2) .people-grid{
    flex: 1 1 auto !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-content: stretch !important;
}
.people-col:nth-child(2) .person-card{
    height: 100% !important;
    min-height: 0 !important;
    padding: 14px 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}
.people-col:nth-child(2) .person-avatar{
    width: 72px !important;
    height: 72px !important;
    margin: 0 auto 10px !important;
}
.people-col:nth-child(2) .person-name{
    font-size: 13px !important;
}
@media(max-width:1000px){
    .people-content{grid-template-columns:1fr !important;}
}



/* ===== 第十次修复：恢复三事件切换、只调右侧人物高度、恢复圆形虚线动效 ===== */
/* 左侧历史事件尺寸保持不变，仅确保图片正常显示 */
.featured-event-card .event-card-fullimg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* 右侧人物区：只缩右侧卡片，和左侧底部对齐 */
.people-content{
  align-items:flex-start !important;
}
.people-col:last-child{
  display:flex !important;
  flex-direction:column !important;
}
.people-col:last-child .people-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:14px !important;
  align-content:start !important;
}
.people-col:last-child .person-card{
  min-height:165px !important;
  height:165px !important;
  padding:14px 8px !important;
  border-radius:16px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}
.people-col:last-child .person-avatar{
  width:74px !important;
  height:74px !important;
  margin:0 auto 12px !important;
}
.people-col:last-child .person-name{
  font-size:13px !important;
  font-weight:700 !important;
}

/* 历史事件三圆点样式 */
#featuredEventDots{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin-top:12px !important;
}
#featuredEventDots .event-dot{
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  background:rgba(212,168,75,.32) !important;
  cursor:pointer !important;
  transition:all .25s ease !important;
}
#featuredEventDots .event-dot.active{
  width:38px !important;
  height:10px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#cda046,#e0bf75) !important;
  box-shadow:0 2px 8px rgba(212,168,75,.24) !important;
}

/* 图标圆形虚线动效：数字长征 + 精神传承 */
@keyframes dashRingSpinFix{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.stat-icon-hand,
.spirit-node-icon{
  position:relative !important;
  overflow:visible !important;
}
.stat-icon-hand::before,
.spirit-node-icon::before{
  content:'' !important;
  position:absolute !important;
  inset:-7px !important;
  border-radius:50% !important;
  border:2px dashed rgba(216,180,104,.82) !important;
  background:transparent !important;
  opacity:1 !important;
  animation:dashRingSpinFix 9s linear infinite !important;
  pointer-events:none !important;
}
.stat-icon-hand::after,
.spirit-node-icon::after{
  content:none !important;
}
.stat-card:hover .stat-icon-hand::before,
.spirit-node:hover .spirit-node-icon::before{
  animation-duration:4.5s !important;
}

@media (max-width: 1200px){
  .people-col:last-child .people-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}
@media (max-width: 900px){
  .people-col:last-child .people-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .people-col:last-child .person-card{height:150px !important; min-height:150px !important;}
  .people-col:last-child .person-avatar{width:66px !important; height:66px !important;}
}



/* ===== v11：明确可见的虚线流动圆环 + 历史事件自动轮播 ===== */
/* 关闭此前伪元素圆环，改用真实 SVG 圆环，避免圆形旋转视觉上看不出变化 */
.stat-icon-hand::before,
.spirit-node-icon::before{
    content:none !important;
    display:none !important;
    animation:none !important;
}
.stat-icon-hand,
.spirit-node-icon{
    position:relative !important;
    overflow:visible !important;
    isolation:isolate !important;
}
.stat-icon-hand > svg:not(.icon-motion-ring),
.spirit-node-icon > svg:not(.icon-motion-ring){
    position:relative !important;
    z-index:2 !important;
}
.icon-motion-ring{
    position:absolute !important;
    left:-9px !important;
    top:-9px !important;
    width:calc(100% + 18px) !important;
    height:calc(100% + 18px) !important;
    overflow:visible !important;
    pointer-events:none !important;
    z-index:1 !important;
}
.icon-motion-ring .ring-track{
    fill:none;
    stroke:rgba(225,203,157,.28);
    stroke-width:1.4;
}
.icon-motion-ring .ring-dashes{
    fill:none;
    stroke:#d9b56d;
    stroke-width:2.1;
    stroke-linecap:round;
    stroke-dasharray:8 6;
    animation:ringDashFlow 2.4s linear infinite;
    filter:drop-shadow(0 1px 1px rgba(177,127,53,.12));
}
@keyframes ringDashFlow{
    from{stroke-dashoffset:0;}
    to{stroke-dashoffset:-28;}
}
.stat-card:hover .icon-motion-ring .ring-dashes,
.spirit-node:hover .icon-motion-ring .ring-dashes{
    animation-duration:1.25s;
    stroke:#c99535;
}

/* 历史事件轮播切换反馈 */
#featuredEventCard .featured-event-content{
    transition:opacity .22s ease, transform .22s ease !important;
}
#featuredEventCard.is-switching .featured-event-content{
    opacity:.12 !important;
    transform:translateY(5px) !important;
}
#featuredEventDots .event-dot{
    position:relative;
}
#featuredEventDots .event-dot.active::after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:0;
    border-radius:999px;
    background:rgba(255,255,255,.42);
    animation:eventDotProgress 4.8s linear forwards;
}
@keyframes eventDotProgress{
    from{width:0;}
    to{width:100%;}
}
@media (prefers-reduced-motion: reduce){
    .icon-motion-ring .ring-dashes{animation-duration:6s;}
    #featuredEventDots .event-dot.active::after{animation:none;}
}



/* ===== 精确恢复 v8 图标与虚线圆圈动效；其他区域不改 ===== */
.icon-motion-ring{display:none !important;}
@keyframes orbitDashSpin{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
.stat-icon-hand{
    position:relative !important;
    width:70px !important;
    height:70px !important;
    min-width:70px !important;
    margin:0 auto 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:rgba(255,251,244,.92) !important;
    border:1px solid rgba(221,198,161,.72) !important;
    color:#be5e53 !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}
.stat-icon-hand::before{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    inset:-6px !important;
    left:-6px !important;
    top:-6px !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    border-radius:50% !important;
    border:2px dashed rgba(218,185,113,.72) !important;
    background:transparent !important;
    animation:orbitDashSpin 10s linear infinite !important;
    transform-origin:center center !important;
    opacity:1 !important;
    pointer-events:none !important;
    box-sizing:border-box !important;
}
.stat-icon-hand svg{
    width:30px !important;
    height:30px !important;
    stroke:currentColor !important;
    stroke-width:2.05 !important;
    position:relative !important;
    z-index:2 !important;
}
.spirit-node-icon{
    position:relative !important;
    width:62px !important;
    height:62px !important;
    min-width:62px !important;
    margin:0 auto 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:rgba(255,251,244,.96) !important;
    border:1px solid rgba(221,198,161,.72) !important;
    overflow:visible !important;
    box-sizing:border-box !important;
}
.spirit-node-icon::before{
    content:'' !important;
    display:block !important;
    position:absolute !important;
    inset:-6px !important;
    left:-6px !important;
    top:-6px !important;
    width:auto !important;
    height:auto !important;
    margin:0 !important;
    border-radius:50% !important;
    border:2px dashed rgba(218,185,113,.72) !important;
    background:transparent !important;
    animation:orbitDashSpin 8s linear infinite !important;
    transform-origin:center center !important;
    opacity:1 !important;
    pointer-events:none !important;
    box-sizing:border-box !important;
}
.spirit-node-icon svg{
    width:30px !important;
    height:30px !important;
    stroke-width:2.05 !important;
    position:relative !important;
    z-index:2 !important;
}
.stat-card:hover .stat-icon-hand::before,
.spirit-node:hover .spirit-node-icon::before{
    animation-duration:4.8s !important;
}



/* ===== 第十五次修正：精神传承区圆形与虚线改为正圆，其他不动 ===== */
@keyframes spiritCircleSpinFix {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.spirit-node-icon {
  border-radius: 50% !important;
}
.spirit-node-icon::before {
  inset: -4px !important;
  border-radius: 50% !important;
  animation: spiritCircleSpinFix 6s linear infinite !important;
  transform: none !important;
}
.spirit-node:hover .spirit-node-icon {
  transform: scale(1.1) !important;
}
.spirit-diagram .spirit-lines circle {
  rx: 0;
  ry: 0;
}
/* ===== 多页面适配样式 ===== */
.main-content.home-view { display: block; }
.page-view { display: block; max-width: 1400px; margin: 0 auto; padding: 40px; }
.page-view .sub-banner { display: block !important; }
body.list-mode .hero { display: none !important; }

/* ── 思想引航滚动修正：标题吸顶，卡片干净滚动，不再被容器顶边裁切 ── */
.new-era-content .era-col:first-child{padding-top:0 !important}
.new-era-content .era-col:first-child .era-col-title{position:sticky;top:0;z-index:3;background:#fffdf7;margin:0;padding:20px 0 12px}
.new-era-content .era-col:first-child .quote-card:first-of-type{margin-top:2px}

/* ── 列表页简介最多显示3行 ── */
.news-desc,.resource-desc{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;}

/* ── 思想引航 / 新时代担当 两栏严格等高（终裁，覆盖历史层叠冲突）── */
@media(min-width:901px){
  .new-era-content{align-items:stretch !important}
  .new-era-content .era-col{height:520px !important;min-height:520px !important;max-height:520px !important;box-sizing:border-box !important}
  .new-era-content .era-col:first-child{overflow-y:auto !important}
  .new-era-content .era-col:last-child .duty-list{height:100% !important}
}