/* MBTI 专业方向参考页（2026-10-29），在 gaokao.css 基础上补充 */
.mb-h1 { font-size: 24px; font-weight: 900; margin: 6px 0 10px; }
.mb-lead { font-size: 15px; line-height: 1.75; margin: 0 0 16px; }
.mb-sec { margin: 24px 0; }
.mb-sec h2 { font-size: 17px; font-weight: 800; margin: 0 0 10px; }
.mb-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; align-items: end;
  background: var(--sf-canvas, #f4f7f8); border-radius: 12px; padding: 14px; }
.mb-picker fieldset { border: 0; margin: 0; padding: 0; }
.mb-picker legend { font-size: 12.5px; color: var(--sf-muted, #5b6d7c); font-weight: 700; margin-bottom: 4px; }
.mb-picker label { display: flex; gap: 6px; align-items: center; font-size: 14px; padding: 4px 0; cursor: pointer; }
.mb-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mb-type { display: block; text-align: center; padding: 10px 0; border: 1px solid var(--sf-line, #d8e2e8); border-radius: 10px;
  font-weight: 800; letter-spacing: 1px; color: var(--sf-navy, #1a3e6d); text-decoration: none; background: #fff; }
.mb-type:hover { background: var(--sf-band, #eaf2f6); }
.mb-dims { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 10px; }
.mb-dim { background: var(--sf-canvas, #f4f7f8); border-radius: 10px; padding: 12px; }
.mb-dim span { display: block; font-size: 12px; color: var(--sf-muted, #5b6d7c); font-weight: 700; }
.mb-dim b { font-size: 16px; }
.mb-dim p { margin: 6px 0 0; font-size: 13.5px; line-height: 1.65; }
.mb-ul { padding-left: 18px; font-size: 14px; line-height: 1.85; margin: 0 0 6px; }
.mb-majors { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.mb-major { display: block; border: 1px solid var(--sf-line, #d8e2e8); border-radius: 10px; padding: 10px 12px; text-decoration: none; color: inherit; background: #fff; }
.mb-major b { display: block; font-size: 14.5px; color: var(--sf-navy, #1a3e6d); }
.mb-major span { font-size: 12px; color: var(--sf-muted, #5b6d7c); }
.mb-faq { border-bottom: 1px solid var(--sf-line, #d8e2e8); padding: 10px 0; }
.mb-faq summary { font-weight: 700; cursor: pointer; font-size: 14.5px; }
.mb-faq p { margin: 8px 0 0; font-size: 14px; line-height: 1.75; color: var(--sf-muted, #5b6d7c); }
.mb-cta { border: 1.5px solid var(--sf-navy, #1a3e6d); border-radius: 12px; padding: 16px 18px; margin: 20px 0; background: var(--sf-band, #eaf2f6); }
.mb-cta h2 { font-size: 17px; font-weight: 800; margin: 0 0 8px; }
.mb-cta p { font-size: 14px; line-height: 1.75; margin: 0 0 10px; }
.mb-cta-actions { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 480px) { .mb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; } .mb-type { font-size: 13px; letter-spacing: 0; } }