.mod-intro { max-width: 800px; margin: 0 auto; padding: 30px 20px; text-align: center; }
.mod-intro__title { color: var(--dark, #111); margin-bottom: 12px; }
.mod-intro__content { color: #555; line-height: 1.8; }

/* ===== introduction02: 左对齐色块强调版式 ===== */
.mod-intro--v2 { text-align: left; max-width: 900px; }
.mod-intro__accent-header { display: flex; align-items: center; gap: calc(var(--spacing-unit, 8px) * 1.5); margin-bottom: 14px; }
.mod-intro__accent-bar { display: inline-block; width: 5px; height: 24px; background: var(--color-primary, var(--primary, #2563eb)); border-radius: 3px; }
.mod-intro__title-left { color: var(--color-dark, var(--dark, #111)); margin: 0; font-size: 22px; }
.mod-intro__content-left { color: #555; line-height: 1.8; margin: 0; }

/* ===== introduction03: 大字引言式 ===== */
.mod-intro--v3 { text-align: center; max-width: 760px; }
.mod-intro__quote-label { display: inline-block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--color-primary, var(--primary, #2563eb)); margin-bottom: 14px; }
.mod-intro__quote-content { font-size: 22px; font-style: italic; color: var(--color-dark, var(--dark, #111)); line-height: 1.7; margin: 0; padding: 0 calc(var(--spacing-unit, 8px) * 3); position: relative; }
.mod-intro__quote-content::before { content: '"'; font-size: 48px; color: var(--color-primary, var(--primary, #2563eb)); opacity: .3; position: absolute; left: -10px; top: -10px; }

/* ===== introduction04: 标签-内容分栏式 ===== */
.mod-intro--v4 { display: flex; align-items: flex-start; gap: calc(var(--spacing-unit, 8px) * 4); text-align: left; max-width: 900px; }
.mod-intro__kv-label { flex: 0 0 140px; }
.mod-intro__title-kv { font-size: 18px; color: var(--color-dark, var(--dark, #111)); margin: 0; }
.mod-intro__kv-value { flex: 1 1 auto; }
.mod-intro__content-kv { color: #555; line-height: 1.8; margin: 0; }
@media (max-width: 768px) { .mod-intro--v4 { flex-direction: column; gap: calc(var(--spacing-unit, 8px) * 2); } }