.mbti-home { margin:0; color:#23483f; background:#fff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; }
.mbti-home * { box-sizing:border-box; }
.mbti-home a { color:inherit; }
.home-nav { max-width:1100px; margin:auto; height:70px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; }
.home-brand { font-size:20px; font-weight:750; text-decoration:none; }
.home-nav nav { display:flex; gap:24px; font-size:14px; }
.home-nav nav a { text-decoration:none; }
.mbti-home .app { background:linear-gradient(180deg,#edfaf4 0,#f8fcfa 650px,#fff 1000px); padding:38px 24px 24px; }
.logo_title { text-align:center; max-width:800px; margin:auto; }
.logo { display:none; }
.home-eyebrow { font-size:12px; color:#087d5b; letter-spacing:3px; font-weight:700; }
.title { font-size:42px; line-height:1.3; margin:14px 0; color:#104e3c; letter-spacing:-1px; }
.sub_title { font-size:19px; font-weight:600; }
.sub_child_title { font-size:15px; line-height:1.8; color:#5d756d; max-width:670px; margin:14px auto 26px; }
.three_mode { max-width:1000px; margin:auto; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mode { position:relative; font:inherit; color:inherit; cursor:pointer; background:#fff; border:1px solid #dce8e2; border-radius:20px; padding:24px 18px 20px; display:flex; align-items:center; flex-direction:column; transition:border-color .2s,box-shadow .2s; }
.mode.selected { border:2px solid #09a575; padding:23px 17px 19px; box-shadow:0 12px 32px #126c4d12; }
.mode:hover { border-color:#09a575; box-shadow:0 8px 24px #126c4d12; }
.home-badge { position:absolute; top:14px; right:14px; border-radius:20px; background:#008b62; color:#fff; padding:4px 10px; font-size:12px; }
.mode_img { width:45px; height:45px; object-fit:contain; margin:3px 0 14px; }
.num { font-size:28px; font-weight:750; color:#104e3c; }
.type { font-size:16px; margin:5px 0; font-weight:600; }
.hot { font-size:13px; color:#647b71; margin-top:12px; line-height:1.6; text-align:center; }
.qn_img_pos { display:none; }
.desc { text-align:center; font-size:14px; color:#647b71; margin:20px 0 14px; line-height:1.7; }
.desc_span { color:#087d5b; font-weight:700; padding:0 3px; }
.begin-button { display:flex; justify-content:center; align-items:center; gap:12px; max-width:340px; min-height:54px; margin:auto; background:#008b62; color:#fff !important; border-radius:12px; text-decoration:none; font-size:17px; font-weight:700; box-shadow:0 8px 20px #008b6222; }
.begin-button:hover { background:#006f50; }
.begin-button_arrow { width:18px; height:18px; }
.home-note { text-align:center; font-size:12px; color:#647b71; margin:12px 0 36px; }
.mbti-home a:focus-visible,.mbti-home button:focus-visible { outline:3px solid #e1a22d; outline-offset:4px; }
.wrap { max-width:1000px; margin:0 auto 24px; }
.notice_wrap { background:#fff; border:1px solid #e2ebe6; border-radius:20px; padding:32px; }
.notice_title { font-size:23px; margin:0 0 20px; color:#104e3c; }
.notice_title_img { display:none; }
.notice { font-size:15px; line-height:1.95; color:#53675e; }
.notice img { display:block; max-width:660px; height:auto; margin-left:auto !important; margin-right:auto !important; }
.beian { text-align:center; padding:28px 20px; font-size:13px; color:#617269; border-top:1px solid #e2ebe6; line-height:2; }
.beian a { display:inline-flex; align-items:center; gap:5px; text-decoration:none; }
.beian img { width:16px; height:16px; }
.beian a:hover,.home-nav a:hover { color:#008b62; }
@media(min-width:601px) and (max-width:850px) { .title { font-size:32px; } }
@media(max-width:600px) {
 .home-nav { height:56px; padding:0 16px; }.home-brand { font-size:16px; }.home-nav nav { gap:14px; font-size:12px; }
 .mbti-home .app { padding:26px 14px 12px; }.title { font-size:29px; margin:12px 0; }.sub_title { font-size:16px; }.sub_child_title { font-size:13px; margin:12px auto 20px; }.home-eyebrow { font-size:10px; letter-spacing:2px; }
 .three_mode { gap:8px; }.mode { padding:30px 6px 14px; border-radius:14px; }.mode.selected { padding:29px 5px 13px; }.mode_img { width:32px; height:32px; margin:8px 0 10px; }.num { font-size:23px; }.type { font-size:14px; }.hot { font-size:11px; margin-top:6px; }.home-badge { font-size:10px; top:7px; right:7px; padding:2px 7px; }
 .desc { font-size:12px; margin-top:16px; }.begin-button { min-height:50px; }.home-note { margin-bottom:26px; font-size:11px; }.notice_wrap { padding:22px 18px; border-radius:16px; }.notice_title { font-size:20px; }.notice { font-size:14px; }.beian .b2-dot { display:none; }.beian a { margin:0 8px; }
}