.personality-nav{margin:0 0 16px}.personality-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.personality-heading h2{font-size:17px;margin:0}.personality-heading>span,.personality-muted,.personality-student-meta{color:var(--muted);font-size:12px}.personality-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.personality-metrics>div{border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:var(--bg)}.personality-metrics span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.personality-metrics b{font-size:24px;font-variant-numeric:tabular-nums;line-height:1.2}.personality-distribution{border-bottom:1px solid var(--line);padding:0 0 16px;margin-bottom:16px}.personality-distribution summary{cursor:pointer;font-size:13px;color:var(--muted)}.personality-distribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:14px}.personality-distribution-grid h3{font-size:13px;margin:0 0 10px}.personality-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.personality-types button,.personality-classes button{min-width:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:7px 8px;gap:6px}.personality-types span,.personality-classes span{color:var(--muted);font-variant-numeric:tabular-nums}.personality-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.personality-classes button{position:relative;overflow:hidden;padding-bottom:9px}.personality-classes i{position:absolute;bottom:0;left:0;height:3px;width:var(--completion);background:var(--accent);opacity:.4}.personality-toolbar{display:grid;grid-template-columns:minmax(130px,1fr) 130px 130px 130px auto;gap:10px;align-items:center;margin-bottom:12px}.personality-toolbar label{min-width:0;margin:0}.personality-panel .personality-toolbar input,.personality-panel .personality-toolbar select{width:100%;max-width:none;min-height:36px}.personality-toolbar button{min-height:36px;padding:6px 13px}.personality-results table{width:100%;border-collapse:collapse;font-size:13px}.personality-results th{text-align:left;font-size:12px;color:var(--muted);background:var(--bg);padding:10px 12px;font-weight:550}.personality-results td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.personality-results th:first-child,.personality-results td:first-child{padding-left:0}.personality-results th:first-child{padding-left:12px}.personality-results td:nth-child(3)>span{font-size:12px;color:var(--muted);margin-left:8px}.personality-student{border:0;background:none;padding:0;min-height:26px;color:var(--text);font-size:13px;font-weight:650;text-align:left}.personality-student:hover{text-decoration:underline;color:var(--accent)}.personality-results small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.personality-type{font-size:13px;font-weight:650;color:var(--text)}.personality-results time{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.personality-footnote{font-size:11px;color:var(--muted);margin:14px 0 0;line-height:1.6}.personality-dialog{width:min(540px,calc(100vw - 28px));max-height:90dvh}.personality-dialog .dialog-body{overflow:auto;min-height:0}.personality-dialog[open]{display:flex;flex-direction:column;overflow:hidden}.personality-dialog .dialog-head,.personality-dialog .dialog-footer{flex:0 0 auto}.personality-student-meta{margin:0}.personality-result-heading{display:flex;align-items:baseline;gap:12px;margin:18px 0}.personality-result-heading>b{font-size:26px}.personality-result-heading>span{font-size:14px;color:var(--muted)}.personality-dimensions{display:grid;gap:18px}.personality-dimension-labels{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:10px}.personality-dimension-labels b{font-size:12px;font-weight:550;color:var(--text)}.personality-dimension-bar{height:7px;border-radius:5px;background:#dfe7ec;overflow:hidden;margin:7px 0}.personality-dimension-bar i{height:100%;display:block;background:#708a95}.personality-result-facts{border-top:1px solid var(--line);margin:20px 0 0;padding-top:12px;display:grid;gap:9px}.personality-result-facts>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;font-size:12px}.personality-result-facts dt{color:var(--muted)}.personality-result-facts dd{margin:0}.personality-caution{font-size:12px;color:#805c23;background:#fff7e9;padding:10px;border-radius:7px;margin-top:14px}
@media(max-width:1100px){.personality-types{grid-template-columns:repeat(2,minmax(0,1fr))}.personality-classes{grid-template-columns:repeat(2,minmax(0,1fr))}.personality-toolbar{grid-template-columns:minmax(120px,1fr) 110px 110px 105px auto}}
@media(max-width:700px){.personality-nav{margin-bottom:12px}.personality-heading{align-items:flex-start;flex-direction:column;gap:4px}.personality-heading h2{font-size:16px}.personality-metrics{gap:7px;margin:14px 0}.personality-metrics>div{padding:9px 7px}.personality-metrics span{font-size:10px}.personality-metrics b{font-size:19px}.personality-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.personality-search{grid-column:1/-1}.personality-toolbar>label:last-of-type{grid-column:1}.personality-toolbar>button{grid-column:2}.personality-distribution-grid{grid-template-columns:1fr;gap:16px}.personality-types{grid-template-columns:repeat(3,minmax(0,1fr))}.personality-classes{grid-template-columns:repeat(3,minmax(0,1fr))}.personality-results thead{display:none}.personality-results tbody{display:block}.personality-results tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:11px 0;border-bottom:1px solid var(--line)}.personality-results td{padding:0;border:0;min-width:0}.personality-results td:first-child{grid-column:1;grid-row:1/3}.personality-results td:nth-child(2){grid-column:2;grid-row:1;text-align:right;color:var(--muted);font-size:11px}.personality-results td:nth-child(3){grid-column:1/-1;grid-row:3}.personality-results td:nth-child(4){grid-column:1;grid-row:4}.personality-results td:nth-child(5){grid-column:2;grid-row:4;text-align:right;color:var(--muted);font-size:11px}.personality-results td:nth-child(5):before{content:'已测 '}.personality-results td:nth-child(5):after{content:' 次'}.personality-results td:nth-child(3)>span{margin-left:6px}.personality-dialog .dialog-body{padding:16px}.personality-footnote{margin-top:12px}}

.personality-toolbar .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.personality-toolbar button{height:37px}.personality-dialog .personality-result-heading{margin:0}.personality-dialog .personality-result-facts{margin:0}.personality-dialog .personality-footnote{margin:0}