* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: #F7F1E8; color: #1B2430; line-height: 1.82; }
.era-wrap { width: min(1120px, 92%); margin: 0 auto; }
.era-top { background: #122033; color: #F7F1E8; }
.era-top .era-wrap { display: flex; align-items: center; justify-content: space-between; min-height: 72px; }
.era-brand { display: flex; align-items: center; gap: 10px; color: #F4B942; text-decoration: none; font-weight: 800; letter-spacing: 0.04em; }
.era-brand svg { width: 28px; height: 28px; color: #F4B942; }
.era-nav { display: flex; gap: 22px; }
.era-nav a { color: #D6DEE8; text-decoration: none; font-size: 0.94rem; padding-bottom: 4px; border-bottom: 2px solid transparent; }
.era-nav a:hover, .era-nav a.on { color: #F4B942; border-bottom-color: #F4B942; }
.era-hero { display: grid; grid-template-columns: 1.25fr 0.75fr; gap: 40px; padding: 56px 0 40px; align-items: center; }
.era-hero h1 { font-size: 2.4rem; line-height: 1.28; margin-bottom: 16px; }
.era-badge { background: #122033; color: #F7F1E8; padding: 28px 24px; border-radius: 4px 28px 4px 28px; }
.era-badge strong { display: block; color: #F4B942; font-size: 1.8rem; margin-bottom: 8px; }
.era-stripe { height: 8px; background: linear-gradient(90deg, #F4B942, #E85D04, #122033); }
.era-sec { padding: 46px 0; border-bottom: 1px solid #E4D7C3; }
.era-sec h2 { font-size: 1.62rem; margin-bottom: 12px; }
.era-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.era-card { background: #fff; padding: 18px 20px; border-top: 5px solid #E85D04; }
.era-quote { background: #fff; padding: 16px 18px; margin-bottom: 12px; border-left: 6px solid #F4B942; }
.era-table { width: 100%; border-collapse: collapse; background: #fff; }
.era-table th, .era-table td { border: 1px solid #E4D7C3; padding: 10px 12px; text-align: left; }
.era-table th { background: #122033; color: #F7F1E8; }
.era-faq h3 { font-size: 1.05rem; margin: 18px 0 8px; color: #122033; }
.era-foot { background: #0B1520; color: #C9D3DE; padding: 32px 0; font-size: 0.9rem; }
.era-foot p { margin-bottom: 8px; }
.era-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px; }
.dl-btn { background: #E85D04; color: #fff; border: 0; padding: 11px 18px; cursor: pointer; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.dl-btn:hover { background: #C2410C; }
.dl-btn svg { width: 16px; height: 16px; }
.cta-box { background: #FFE8CC; padding: 26px; margin-top: 28px; text-align: center; }
.cta-box a.dl-btn { text-decoration: none; }
@media (max-width: 800px) { .era-hero, .era-grid { grid-template-columns: 1fr; } .era-top .era-wrap { flex-direction: column; gap: 12px; padding: 14px 0; } .era-hero h1 { font-size: 1.7rem; } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }