:root{font-family:"Microsoft YaHei",sans-serif;color:#1b3352;background:#eff4fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1120px;margin:auto;padding:30px;display:flex;justify-content:space-between;align-items:center;color:#657791;font-size:13px}header a{text-decoration:none;color:#1b3352;font-size:24px;font-weight:700}header a span{font:10px sans-serif;letter-spacing:2px;margin-left:12px}main{max-width:920px;margin:0 auto;padding:46px 26px}section{text-align:center}h1{font-family:"Noto Serif SC","SimSun",serif;font-size:clamp(34px,5vw,56px);line-height:1.45;letter-spacing:2px;margin:23px 0}h2{font-size:27px;line-height:1.65}.eyebrow{color:#3777ba;font-size:12px;letter-spacing:3px}.lead{color:#63768d;line-height:2;font-size:16px}.tags{display:flex;justify-content:center;gap:22px;margin:28px 0 34px;font-size:12px;color:#6d7e94}.portraits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 auto 32px;max-width:660px}.portraits article{background:linear-gradient(145deg,#fff,#e3edf8);border:1px solid #fff;border-radius:18px;padding:24px 8px}.portraits b{display:block;font:54px "SimSun",serif;color:#5281ac;margin:8px}.portraits h3{font-family:serif;letter-spacing:3px;margin:15px 0 8px}.portraits p{font-size:11px;color:#6d7e94}.primary{background:#245ec0;color:white;border:0;border-radius:10px;padding:17px 27px;font-size:15px;box-shadow:0 8px 24px #245ec025;cursor:pointer}.primary span{margin-left:35px}button:disabled{opacity:.6;cursor:wait}.note{font-size:12px;color:#7c8ca0;line-height:1.8;margin-top:18px}footer{text-align:center;color:#8694a6;font-size:12px;line-height:2.2;margin-top:65px}dialog{width:min(440px,calc(100% - 32px));padding:32px;border:0;border-radius:20px;color:#1b3352;box-shadow:0 20px 100px #182c5140}dialog::backdrop{background:#152b4c77;backdrop-filter:blur(4px)}dialog p{font-size:13px;color:#657791;line-height:1.8}dialog h2{margin:14px 0}label{display:block;font-size:13px;margin:22px 0 10px}input{width:100%;padding:14px;border:1px solid #bbcce0;border-radius:8px;font-size:18px;text-transform:uppercase;letter-spacing:2px}dialog .primary{width:100%}.close{float:right;border:0;background:none;font-size:26px;cursor:pointer;color:#657791}#auth-message{min-height:24px;color:#b04836}#quiz,#result{max-width:680px;margin:20px auto;text-align:left;background:white;border-radius:20px;padding:36px}progress{width:100%;height:6px;margin-top:20px;accent-color:#245ec0}#answers{display:grid;gap:12px;margin:28px 0}#answers button,.secondary{padding:16px;border:1px solid #d7e1ed;background:#f6f9fd;border-radius:10px;text-align:left;color:#1b3352;cursor:pointer;font-size:14px;line-height:1.6}#answers button:hover{border-color:#245ec0;background:#edf3ff}.secondary{background:white;font-size:12px}#dimensions>div{margin:18px 0;font-size:13px}#dimensions progress{margin-top:8px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #66a7f0;outline-offset:3px}[hidden]{display:none!important}@media(max-width:520px){header{padding:22px}header>span{display:none}main{padding:30px 18px}.portraits{gap:8px}.portraits article{padding:18px 4px}.portraits b{font-size:42px}.tags{gap:15px}#quiz,#result{padding:24px}h1{letter-spacing:0}}

#answers button[aria-pressed="true"]{border-color:#245ec0;background:#edf3ff;box-shadow:inset 3px 0 #245ec0}

.result-traits{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.result-traits span{padding:6px 12px;background:#edf3ff;color:#245ec0;border-radius:20px;font-size:12px}.report-intro,.report-section p{font-size:14px;line-height:1.95;color:#526981}.report-intro{padding:18px;background:#f6f9fd;border-radius:12px}.report-section{margin-top:30px;padding-top:24px;border-top:1px solid #e4ebf3}.report-section h3{font-size:19px;margin:0 0 16px}.report-cards{display:grid;gap:12px}.report-cards article{background:#f6f9fd;border:1px solid #e7edf5;padding:18px;border-radius:12px}.report-cards h4{margin:0 0 8px;font-size:15px}.report-cards p{margin:8px 0}.report-cards blockquote{margin:12px 0;padding:10px 14px;border-left:3px solid #5281ac;font-size:14px;line-height:1.85;color:#1b3352;background:white}.report-section .note{font-size:12px}#result h1{font-size:clamp(28px,5vw,42px)}

.tags{flex-wrap:wrap;row-gap:12px}.report-cards blockquote{overflow-wrap:anywhere}