
:root{color-scheme:light;--bg:#faf8f9;--paper:#fff;--ink:#28232e;--muted:#756d79;--line:#e8e1e6;--accent:#a92e58;--soft:#f7e9ef;--shadow:0 16px 50px #37203907;--blue:#627b9d;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.7}body.dark{color-scheme:dark;--bg:#19171d;--paper:#24212a;--ink:#f3eaf0;--muted:#b8acbc;--line:#403743;--accent:#ef91b2;--soft:#382630;--shadow:0 16px 50px #0002;--blue:#96afd0}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a{color:inherit}.topbar{height:104px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;background:var(--paper)}.brand{text-align:center;text-decoration:none;font:italic 28px Georgia,serif;letter-spacing:.3px}.brand span{display:block;font:12px "Microsoft YaHei",sans-serif;letter-spacing:4px;margin-top:10px;color:var(--muted)}.icon-button{border:1px solid var(--line);border-radius:50%;height:42px;width:42px;background:var(--paper);font-size:23px}.settings{position:absolute;right:max(24px,calc((100vw - 1080px)/2))}main{max-width:1000px;padding:58px 28px 70px;margin:auto;min-height:calc(100vh - 185px)}.intro{text-align:center;margin-bottom:36px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.intro h1{font-family:Georgia,"Songti SC","SimSun",serif;font-size:38px;font-weight:500;letter-spacing:3px;margin:13px 0}.intro p{color:var(--muted);margin:0}.step-label{display:flex;align-items:center;gap:12px;font-size:15px;margin:28px 0 16px}.step-label span{font:italic 20px Georgia;color:var(--accent)}.identities{display:grid;grid-template-columns:1fr 1fr;gap:20px}.identity{position:relative;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:18px;padding:26px 30px;box-shadow:var(--shadow);transition:transform .2s,border-color .2s}.identity:hover{transform:translateY(-3px);border-color:var(--accent)}.identity.active{border:2px solid var(--accent);padding:25px 29px;background:var(--soft)}.identity .icon{height:64px;width:70px;color:var(--accent);display:block;margin-bottom:18px}.identity h2{font-size:20px;font-weight:600;margin:0 0 8px}.identity p{font-size:14px;color:var(--muted);margin:0}.choice-dot{position:absolute;right:24px;top:24px;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;background:var(--paper)}.active .choice-dot{background:var(--accent);border:5px solid var(--paper);box-shadow:0 0 0 1px var(--accent)}.versions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.version{border:1px solid var(--line);border-radius:12px;padding:18px 22px;background:var(--paper);text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}.version.active{border-color:var(--accent);background:var(--soft)}.version strong{display:block;font-size:16px}.version small{font-size:13px;color:var(--muted)}.version .duration{font-size:14px;color:var(--muted);white-space:nowrap}.start-area{text-align:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;border-radius:9px;background:var(--accent);color:var(--paper);padding:13px 27px;font-weight:600;min-height:48px}.button.primary{min-width:250px}.button.secondary{border-color:var(--line);background:var(--paper);color:var(--ink)}.button.text{color:var(--muted);background:transparent;padding:8px 0;font-weight:400}.note{font-size:13px;color:var(--muted);margin:14px 0}.principles{display:flex;justify-content:center;gap:28px;margin-top:34px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer{padding:22px 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;max-width:1080px;margin:auto;font-size:12px;letter-spacing:2px;color:var(--muted)}footer span{letter-spacing:1px}.quiz{max-width:740px;margin:auto}.quiz-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px}.progress{height:4px;background:var(--line);margin:20px 0 42px;border-radius:5px;overflow:hidden}.progress div{height:100%;background:var(--accent);transition:width .2s}.question-number{font:italic 18px Georgia;color:var(--accent)}.quiz h1{font-size:26px;line-height:1.7;font-weight:500;margin:14px 0 18px}.context{font-size:14px;color:var(--muted)}.options{display:grid;gap:12px;margin:24px 0}.option{display:flex;align-items:center;text-align:left;gap:18px;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;min-height:68px}.option.selected{border-color:var(--accent);background:var(--soft)}.option-letter{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:7px;font-size:13px;color:var(--muted)}.selected .option-letter{background:var(--accent);color:var(--paper);border-color:var(--accent)}.quiz-actions{display:flex;justify-content:space-between;margin-top:30px;gap:16px}.result-header{text-align:center;margin-bottom:32px}.result-header h1{font:36px Georgia,"SimSun",serif;margin:14px 0}.result-header p{color:var(--muted)}.result-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:22px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}.panel h2{font-size:19px;font-weight:500;margin:0 0 14px}.radar{display:block;width:100%;overflow:visible}.radar text{font-family:"Microsoft YaHei",sans-serif;fill:var(--ink);font-size:14px}.radar .grid{stroke:var(--line);fill:none}.radar .area{stroke:var(--accent);fill:var(--accent);fill-opacity:.12;stroke-width:2}.radar .label{cursor:pointer}.radar .label:focus{outline:none}.radar .label:focus text{text-decoration:underline}.legend{font-size:12px;color:var(--muted);text-align:center}.report{font-size:15px;line-height:1.95}.report h3{font-size:16px;margin:22px 0 6px;color:var(--accent)}.report p{margin:6px 0 14px}.callout{padding:15px 18px;background:var(--soft);border-radius:10px;font-size:14px;margin-top:18px}.dimension-list{margin-top:24px}.dimension-list h2{font-size:22px;font-weight:500}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dimension{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.dimension summary{list-style:none;cursor:pointer;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dimension summary::-webkit-details-marker{display:none}.score{font:24px Georgia;color:var(--accent)}.dimension-content{padding:0 20px 20px;font-size:14px;color:var(--muted)}.bar{height:5px;background:var(--line);border-radius:3px;margin:8px 0 15px}.bar span{display:block;height:100%;background:var(--accent);border-radius:3px}.sub-row{margin-top:18px}.sub-row strong{color:var(--ink);font-weight:500}.sub-row .value{float:right;color:var(--accent)}.result-actions{display:flex;justify-content:center;gap:15px;margin-top:30px;flex-wrap:wrap}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:18px;padding:28px;width:min(520px,calc(100% - 32px));max-height:85vh;box-shadow:0 30px 90px #0003}dialog::backdrop{background:#16101e75;backdrop-filter:blur(5px)}dialog h2{font-size:24px;font-weight:500;margin-top:0}dialog h3{font-size:16px}dialog p{color:var(--muted)}dialog .setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}dialog #close-modal{margin-top:24px;width:100%}.author{white-space:pre-wrap;font-size:15px}.summary-only{font-size:14px;color:var(--muted)}@media(max-width:680px){.topbar{height:88px}.brand{font-size:24px}main{padding:34px 18px 45px}.intro h1{font-size:29px}.intro p{font-size:14px}.identity{padding:22px 18px}.identity.active{padding:21px 17px}.identity h2{font-size:17px}.identity p{font-size:13px}.identity .icon{width:55px;height:50px}.identities{gap:12px}.choice-dot{right:16px;top:18px}.version{padding:15px;display:block}.version .duration{display:block;margin-top:6px}.principles{gap:13px;font-size:12px}.result-grid,.pair-grid{grid-template-columns:1fr}.panel{padding:20px}.quiz h1{font-size:22px}.quiz-top{font-size:12px}.progress{margin-bottom:28px}.option{font-size:15px;padding:14px}.settings{right:18px}footer{font-size:10px;letter-spacing:1px}footer span{font-size:11px}.result-header h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.topbar,footer,.result-actions,.settings{display:none}main{max-width:none;padding:0}.result-grid{grid-template-columns:1fr 1fr}.panel,.dimension{break-inside:avoid;box-shadow:none}body{--bg:white;--paper:white;--ink:#222;--muted:#555;--line:#ddd;--accent:#a92e58}details .dimension-content{display:block!important}}

.identity .love-icon{width:112px;height:92px;margin-bottom:18px}.author{white-space:normal}.author p{margin:0 0 14px;line-height:1.9}.author-story{border:1px solid var(--line);border-radius:10px;padding:14px 16px;margin:20px 0}.author-story summary{cursor:pointer;color:var(--accent);font-size:15px}.author-story[open] summary{margin-bottom:18px}.author-links{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}@media(max-width:680px){.identity .love-icon{width:92px;height:80px}}
.score,.value{font-variant-numeric:tabular-nums;line-height:1.35}.score-unit{font-size:12px;color:var(--muted)}.evidence-help{font-size:13px;color:var(--muted);max-width:760px;margin:10px 0 20px}.preview-banner{max-width:944px;margin:24px auto 0;padding:16px 22px;background:var(--soft);border:1px solid var(--line);border-radius:12px;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:14px}.preview-banner strong{color:var(--accent)}.preview-banner span{flex-basis:100%;color:var(--muted)}.preview-banner a{font-size:13px}.dimension summary{min-height:74px}.sub-row{line-height:1.85}@media(max-width:680px){.preview-banner{margin:18px 18px 0;padding:14px 16px}.radar{min-width:0}}
.small-radar-panel{margin-bottom:24px}.small-radar-panel h2{margin-bottom:6px}.radar-scroll{overflow-x:auto;overscroll-behavior-x:contain}.radar-small{width:100%;max-width:760px;min-width:620px;margin:auto}.mobile-chart-hint{display:none;color:var(--muted);font-size:13px;text-align:center}@media(max-width:680px){.mobile-chart-hint{display:block}.radar-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@media print{.radar-small{min-width:0}.radar-scroll{overflow:visible}}
