.survey-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.survey-heading h1,.survey-heading p{margin:0}.survey-heading>p{max-width:430px;color:var(--muted);font-size:12px}.survey-heading select,.survey-result-tools input{min-height:40px;border:1px solid var(--line);background:var(--night-surface,#fff);padding:8px 11px}.survey-list{display:grid;gap:16px}.survey-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:24px;border:1px solid var(--line);border-top:4px solid var(--red);background:var(--night-surface,#fff)}.survey-card h2{margin:4px 0 7px}.survey-card p{color:var(--muted)}.survey-card>div>small{color:var(--red);font-weight:800}.survey-state{align-self:start;padding:5px 10px;border-radius:99px;font-size:11px;font-weight:800}.survey-state.done{background:var(--night-surface,#e7f4eb);color:#23613e}.survey-state.pending{background:var(--night-surface,#f7ead5);color:#875d16}.survey-card form{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px}.survey-card fieldset{border:0;padding:0;margin:0 0 18px}.survey-card legend{margin-bottom:9px;font-weight:800}.survey-options{display:flex;flex-wrap:wrap;gap:9px}.survey-options label{display:flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid var(--line);background:var(--night-surface,#fdfbf9)}.survey-options input{accent-color:var(--red)}.survey-text{display:grid;gap:7px;margin:0 0 18px;font-weight:800}.survey-text textarea{border:1px solid var(--line);padding:10px;font:inherit}.survey-card form>small{margin-left:12px;color:var(--muted)}.survey-feedback{padding:9px 11px}.survey-feedback.success{background:var(--night-surface,#e7f4eb);color:#23613e}.survey-feedback.error{background:var(--night-surface,#fff0ee);color:#9a201c}.survey-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.survey-stats article{padding:18px;border:1px solid var(--line);background:var(--night-surface,#fff)}.survey-stats small{display:block;color:var(--muted)}.survey-stats b{font-size:26px}.survey-result-tools{display:flex;align-items:end;gap:10px;margin-bottom:15px}.survey-result-tools label{display:grid;gap:5px}.survey-result-tools button{min-height:40px;border:1px solid var(--red);background:var(--night-surface,#fff);color:var(--red);padding:0 20px;font-weight:800}.survey-no-access{border-left:4px solid #b8872f}.personality-analysis-stats article{position:relative}.personality-analysis-stats article span{position:absolute;right:18px;bottom:18px;color:var(--muted);font-weight:800}.personality-analysis-panel{margin-bottom:16px}.personality-analysis-panel .panel-title{align-items:start}.personality-analysis-panel .panel-title>p{max-width:420px;color:var(--muted);font-size:12px;line-height:1.6}.personality-analysis-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:18px 0 24px}.personality-analysis-types button{display:grid;grid-template-columns:auto 1fr;gap:2px 9px;text-align:left;padding:14px;border:1px solid var(--line);background:var(--night-surface,#fff);color:var(--ink)}.personality-analysis-types button:hover{border-color:var(--red);background:var(--night-surface,#fff9f7)}.personality-analysis-types button b{grid-row:1/3;font:700 1.5rem Georgia,serif;color:var(--red)}.personality-analysis-types button span{font-weight:800}.personality-analysis-types button em{font-size:11px;color:var(--muted);font-style:normal}.personality-analysis-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.personality-analysis-dimensions article{padding:14px;border:1px solid var(--line);background:var(--night-surface,#faf7f4)}.personality-analysis-dimensions header{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.personality-analysis-dimensions header b:last-child{text-align:right}.personality-analysis-dimensions header span{color:var(--muted)}.personality-analysis-dimensions article>div{display:flex;height:9px;margin:10px 0;background:var(--night-surface,#eee)}.personality-analysis-dimensions article>div i:first-child{background:#a22a30}.personality-analysis-dimensions article>div i:nth-child(2){background:#c9bdb6}.personality-analysis-dimensions article>div i:last-child{background:#b88a3e}.personality-analysis-dimensions small{display:block;text-align:center;color:var(--muted)}.personality-class-progress{margin-bottom:16px}.personality-class-progress summary{font-weight:800;cursor:pointer}.personality-class-progress>div{margin-top:16px;display:grid;gap:8px}.personality-class-progress p{display:grid;grid-template-columns:70px 80px 1fr 50px;align-items:center;gap:10px;margin:0}.personality-class-progress i{height:7px;background:var(--night-surface,#eee)}.personality-class-progress i em{display:block;height:100%;background:var(--red)}.personality-analysis-result{display:inline-flex;align-items:center;gap:7px;border:1px solid #d5c3b5;background:var(--night-surface,#fffaf5);color:#7f262b;padding:5px 8px}.personality-analysis-result b{font-family:Georgia,serif}.survey-pending-label{color:var(--muted)}.personality-survey-card{border-top-color:#b98a31}@media(max-width:700px){.survey-heading{align-items:stretch;flex-direction:column}.survey-card{grid-template-columns:1fr}.survey-state{grid-row:2}.survey-card form{grid-column:1}.survey-stats{grid-template-columns:1fr 1fr}.survey-result-tools{align-items:stretch;flex-direction:column}.survey-result-tools input,.survey-result-tools button{width:100%}}

@media(max-width:700px){.personality-analysis-dimensions{grid-template-columns:1fr}.personality-class-progress p{grid-template-columns:58px 64px 1fr 42px}.personality-analysis-result{font-size:12px}.personality-analysis-panel .panel-title{display:block}.personality-analysis-panel .panel-title>p{margin-top:8px}}

.personality-type-chart{margin:20px 0 18px;padding:20px 20px 16px;border:1px solid #dfd2c8;background:linear-gradient(180deg,var(--night-surface,#fff) 0%,var(--night-surface,#fbf8f5) 100%)}
.personality-type-chart figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.personality-type-chart figcaption>div{display:grid;gap:5px}
.personality-type-chart figcaption b{font-size:18px}
.personality-type-chart figcaption span{color:var(--muted);font-size:12px;line-height:1.55}
.personality-type-chart figcaption>strong{display:flex;align-items:baseline;gap:7px;color:var(--red);font:700 31px/1 Georgia,serif;white-space:nowrap}
.personality-type-chart figcaption>strong small{color:var(--muted);font:700 11px/1.2 "PingFang SC","Microsoft YaHei",sans-serif}
.personality-chart-viewport{overflow-x:auto;padding:4px 2px 2px}
.personality-chart-bars{display:grid;grid-template-columns:repeat(16,minmax(48px,1fr));align-items:end;gap:10px;min-width:920px;height:246px;padding:0 2px}
.personality-chart-column{display:grid;grid-template-rows:22px 166px 21px 18px;align-items:end;min-width:0;text-align:center}
.personality-chart-column>span{align-self:start;color:var(--night-ink,#685b53);font:700 13px/1 Georgia,serif}
.personality-chart-column>div{position:relative;align-self:stretch;border-bottom:1px solid #d9cdc4;background:repeating-linear-gradient(to top,transparent 0,transparent 40px,rgba(122,104,92,.09) 41px)}
.personality-chart-column i{position:absolute;right:16%;bottom:0;left:16%;height:var(--bar-height);min-height:8px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#c89a54 0%,#a62931 78%,#7f2028 100%);box-shadow:0 8px 18px rgba(117,32,39,.13);transform-origin:bottom;animation:personality-bar-in .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--bar-order)*35ms)}
.personality-chart-column.is-empty i{min-height:0;box-shadow:none}
.personality-chart-column>b{align-self:end;overflow:hidden;color:var(--night-ink,#3b302b);font:700 13px/1 Georgia,serif;text-overflow:ellipsis}
.personality-chart-column>small{align-self:start;color:var(--muted);font-size:10px}
.personality-chart-empty{display:grid;gap:6px;margin:20px 0;padding:30px;border:1px dashed #d7c8bd;background:var(--night-surface,#fbf8f5);text-align:center}
.personality-chart-empty span{color:var(--muted);font-size:12px}
.personality-analysis-dimensions{margin-bottom:24px}
.personality-filter-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid var(--line)}
.personality-filter-heading>div{display:grid;gap:5px}
.personality-filter-heading span{color:var(--muted);font-size:12px}
.personality-filter-heading button{border:0;background:transparent;color:var(--red);font-weight:800}
.personality-analysis-types{margin-top:14px}
.personality-analysis-types button{cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.personality-analysis-types button:hover{transform:translateY(-1px)}
.personality-analysis-types button[aria-pressed="true"]{border-color:var(--red);background:var(--night-surface,#fff4f2);box-shadow:inset 4px 0 0 var(--red),0 7px 18px rgba(124,33,39,.08)}
.personality-analysis-types button[aria-pressed="true"] span::after{content:" · 已筛选";color:var(--red);font-size:10px}
.personality-analysis-types button:focus-visible,.personality-filter-heading button:focus-visible{outline:3px solid rgba(162,42,48,.22);outline-offset:2px}
@keyframes personality-bar-in{from{height:0;opacity:.25}to{height:var(--bar-height);opacity:1}}
@media(max-width:700px){.personality-type-chart{margin-inline:-4px;padding:16px 12px 13px}.personality-type-chart figcaption{display:grid}.personality-type-chart figcaption>strong{font-size:26px}.personality-chart-bars{height:220px}.personality-chart-column{grid-template-rows:20px 142px 20px 18px}.personality-filter-heading{align-items:start}.personality-filter-heading button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.personality-chart-column i{animation:none}}