:root{color-scheme:light;font-family:"Microsoft YaHei","Microsoft YaHei UI",sans-serif;color:#000;background:#f7f6f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;padding:28px 18px 36px}button,input,select,textarea{font:inherit;color:#000}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}h1,h2,h3,p{margin:0}[hidden]{display:none!important}svg{flex-shrink:0}button:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #899ba7;outline-offset:3px}
.app{--shadow:#61547118;max-width:980px;margin:auto;isolation:isolate;border:1px solid #ded7e1;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 80% 65% at 0% 16%,#e2bfced4,transparent 80%),radial-gradient(ellipse 80% 65% at 100% 0%,#c9bde1cc,transparent 80%),radial-gradient(ellipse 100% 75% at 75% 100%,#b7d4e2c4,transparent 82%),#f2eff2;box-shadow:0 24px 80px #61547109}
.header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:26px 32px}.brand{text-decoration:none;display:flex;align-items:center;gap:11px}.brand>strong{font-size:22px;letter-spacing:-1px}.brand>span:not(.logo){font-size:12px}.logo,.instruction-icon{display:grid;place-items:center;border-radius:14px;border:1px solid #fffffff0;background:linear-gradient(145deg,#fcf6fae8,#e5d2ded6);box-shadow:inset 0 1px 0 #fff,0 5px 15px var(--shadow);color:#98748c;width:40px;height:40px}.logo svg,.instruction-icon svg{width:22px;height:22px;stroke-width:1.5}.mode,.tag{font-size:11px;padding:7px 12px;background:linear-gradient(145deg,#f6f1fac2,#dfd7eaa3);border:1px solid #ffffffed;border-radius:20px;white-space:nowrap}
.view{padding:8px 32px 28px}.glass{background:linear-gradient(145deg,#ffffffe3,#f2eef66b),#ffffff8a;border:1px solid #fffffff0;border-radius:25px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #cbbfd345,0 12px 30px var(--shadow);backdrop-filter:blur(22px) saturate(110%);-webkit-backdrop-filter:blur(22px) saturate(110%)}
.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 23px;border:1px solid #fffbff;border-radius:25px;background:linear-gradient(155deg,#f9f5fce8,#dcd3e9e0);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #a18aae38,0 5px 13px var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-weight:600;font-size:14px;transition:box-shadow .18s,transform .18s}.secondary{background:linear-gradient(155deg,#ffffffd9,#e7e7edac);font-weight:400}.primary svg,.secondary svg{width:17px;height:17px}.primary:hover,.secondary:hover{box-shadow:inset 0 1px 1px #fff,0 7px 18px var(--shadow)}.primary:active,.secondary:active{transform:scale(.98)}.text-button{border:0;background:transparent;padding:10px 0;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.instructions{max-width:660px;margin:12px auto 24px;padding:32px}.instruction-head{display:flex;align-items:center;gap:12px;margin-bottom:22px}.kicker{font-size:11px;letter-spacing:1.2px}.instructions h1{font-size:29px;line-height:1.45;letter-spacing:-.7px}.instruction-lead{font-size:14px;line-height:1.9;margin-top:16px}.instruction-points{display:grid;gap:20px;margin:27px 0}.instruction-points>div{display:flex;align-items:flex-start;gap:13px}.instruction-points svg{width:19px;height:19px;flex-shrink:0;margin-top:3px;stroke-width:1.6;color:#9a879f}.instruction-points strong{display:block;font-size:13px;font-weight:600;margin-bottom:4px}.instruction-points span{display:block;font-size:12px;line-height:1.8}.instruction-timing{display:flex;align-items:center;gap:9px;font-size:12px;padding-top:22px;border-top:1px solid #d8dce366;margin-bottom:23px}.instruction-timing svg{width:18px;height:18px}.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setup-fields label{font-size:12px}select{display:block;width:100%;margin-top:8px;padding:12px 32px 12px 12px;font-size:14px;background:#ffffffa1;border:1px solid #d6cedb;border-radius:12px;min-height:46px}.field-note,.privacy-note{font-size:11px;line-height:1.8;margin-top:12px}.service-status{font-size:12px;margin-top:20px;min-height:20px}.start-button{margin-top:8px;min-width:170px}.error-message{font-size:13px;color:#b82732;line-height:1.8;margin:8px 0}.error-message:empty{display:none}
.workspace{padding:28px;max-width:720px;margin:15px auto 24px}.question{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.question h1{font-size:30px;letter-spacing:0;margin-top:6px;font-weight:600}.timer{display:flex;align-items:baseline;gap:7px;padding:0;margin-left:auto;white-space:nowrap;color:#c92932}.timer>span{font-size:12px}.timer>strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5}.question-guidance{font-size:13px;line-height:1.8;padding-bottom:23px}.workspace>label{font-size:12px;display:block;margin-bottom:10px}.entry{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:17px;background:linear-gradient(145deg,#ffffffcf,#f5f2f7b0);border:1px solid #c9c2ce99;box-shadow:inset 0 1px 2px #74628008;transition:border-color .18s,box-shadow .18s}.entry:focus-within{border-color:#9da8b2;box-shadow:0 0 0 3px #aebbc724,inset 0 1px 0 #ffffffbd}textarea{font-size:16px;resize:vertical;border:0;background:transparent;width:100%;min-width:0;padding:4px;line-height:1.6;min-height:62px}textarea:focus,textarea:focus-visible{outline:none;box-shadow:none}textarea::placeholder{color:#000;opacity:.65}textarea:disabled{opacity:.65}#add-button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid #fffbff;border-radius:50%;background:linear-gradient(155deg,#f9f5fce8,#dcd3e9e0);box-shadow:inset 0 1px 1px #fff,0 5px 13px var(--shadow)}#add-button svg{width:21px;height:21px}.list-title{display:flex;justify-content:space-between;margin:23px 0 12px;font-size:12px}#answer-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.answer-item{display:flex;align-items:center;gap:6px;background:#ffffff7a;border:1px solid #ffffffcf;border-radius:14px;padding:0 8px 0 13px;max-width:100%;font-size:13px}.answer-item>span{overflow-wrap:anywhere;flex:1;padding:9px 0}.answer-item button{background:transparent;border:0;min-width:44px;min-height:44px;font-size:12px;padding:6px}.answer-item.editing{border-color:#b8adca}#empty-answers{padding:25px 0;font-size:12px;text-align:center}.input-message{font-size:12px;line-height:1.7;min-height:20px;margin-top:10px}.next-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px}#next-note{font-size:11px;max-width:300px;line-height:1.7}.ready{max-width:600px;margin:30px auto;padding:45px 30px;text-align:center}.ready>svg{width:32px;height:32px;margin-bottom:16px;stroke-width:1.3}.ready h1{font-size:25px;font-weight:600}.ready p{font-size:14px;line-height:1.9;margin:17px 0}.ready .primary{margin-top:12px}.ready .text-button{display:block;margin:12px auto 0}.loading-orbit{width:42px;height:42px;border-radius:50%;margin:0 auto 24px;border:3px solid #ddd6e5;border-top-color:#90839f;animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
.title{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:9px 0 24px}.title h1{font-size:30px;letter-spacing:-.6px;margin-top:10px}.title p{font-size:12px;margin-top:12px;line-height:1.7}.dashboard{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}.ring-card{padding:20px 20px 16px;display:flex;flex-direction:column;justify-content:center;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;font-weight:600}.card-heading small{font-size:11px;font-weight:400}.rings-wrap{position:relative;width:100%;max-width:350px;align-self:center;margin:4px 0}.rings{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 9px 8px var(--shadow))}.reference{stroke:#ffffffdd;stroke-width:2}.ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.ring-center>span{font-size:12px}.ring-center strong{font-size:clamp(26px,4.5vw,42px);line-height:1.2;font-weight:650;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.ring-center small{font-size:10px;margin-top:3px}.arc{transition:opacity .25s,stroke-dasharray .4s}.arc.dim{opacity:.3}.legend{display:flex;justify-content:center;gap:16px;font-size:11px}.legend>span{display:flex;align-items:center;gap:6px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.pink{color:#f62973}.lime{color:#a2db11}.cyan{color:#11bce8}.scale-note{font-size:10px;text-align:center;margin-top:13px;line-height:1.7}.metric-stack{display:grid;grid-template-rows:repeat(3,1fr);gap:12px;min-width:0}.metric{display:flex;flex-direction:column;justify-content:space-between;gap:5px;text-align:left;padding:15px 19px;min-width:0;width:100%;transition:background .2s,transform .2s}.metric:hover{transform:translateY(-2px)}.metric.selected{background:linear-gradient(145deg,#fffffff0,#f0eaf69c),#ffffff8a}.metric-top{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px}.metric-top>span{display:flex;align-items:center;gap:7px}.metric-top>svg{width:14px;height:14px}.value{font-size:38px;font-weight:650;line-height:1.15;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.metric-unit{font-size:11px}.metric-bottom{font-size:11px}.lower-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px}.insight,.context{padding:22px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px}.eyebrow svg{width:16px;height:16px}.insight h2{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:12px 0 8px}.insight p{font-size:12px;line-height:1.85}.insight .metric-detail{margin-top:10px}.context dl{margin:15px 0 0;font-size:12px}.context dl>div{display:flex;justify-content:space-between;gap:8px;margin-top:12px}dd{margin:0;text-align:right}.report-notice{font-size:12px;line-height:1.9;margin:20px 4px}.detail{margin-top:16px;padding:16px 22px;border-radius:18px}summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;min-height:32px;font-size:13px;list-style:none}summary::-webkit-details-marker{display:none}summary>span:first-child{display:flex;align-items:center;gap:8px}summary svg{width:17px;height:17px}.summary-hint{font-size:11px}.detail[open] .summary-hint{font-size:0}.detail[open] .summary-hint:after{content:"收起";font-size:11px}.task-result{margin-top:24px;border-top:1px solid #d8d1df80;padding-top:20px}.task-result h3{font-size:17px}.task-result .task-metrics{font-size:12px;line-height:1.9;margin-top:9px;display:flex;flex-wrap:wrap;gap:5px 18px}.match-list{display:grid;gap:10px;margin:15px 0}.match-row{background:#ffffff80;border-radius:12px;padding:12px 14px}.match-row>p{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.match-meta{font-size:11px;display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px}.match-meta span{overflow-wrap:anywhere}.method-note{margin:22px 0 10px;border-top:1px solid #d8d1df80;padding-top:18px}.method-note h3{font-size:15px;margin-bottom:10px}.method-note p{font-size:12px;line-height:1.9;overflow-wrap:anywhere}.save-panel{padding:17px 22px;border-radius:18px;margin-top:18px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.7;cursor:pointer}.checkbox-label input{width:18px;height:18px;accent-color:#796888;flex-shrink:0}.save-panel p{font-size:11px;line-height:1.8;margin-top:7px}.report-actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}.recent-panel{max-width:660px;margin:auto;padding:18px 23px;border-radius:18px}#recent-list{display:grid;gap:8px;margin-top:12px}.recent-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #ffffffbd;background:#ffffff80;border-radius:12px;padding:12px;text-align:left;font-size:12px;min-height:44px}.recent-item small{font-size:11px}
footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 32px;border-top:1px solid #ffffffc0;font-size:11px}footer .text-button{font-size:11px}#toast{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#f4f0f8f5;color:#000;border:1px solid #d9cfe1;border-radius:14px;box-shadow:0 8px 30px #0002;padding:13px 19px;max-width:calc(100% - 30px);font-size:13px;z-index:10}.display-page{max-width:800px;text-align:center;margin:30px auto;padding:38px}.display-page h1{font-size:32px;margin:10px 0 20px}.display-page p{font-size:15px;line-height:1.9;margin:14px 0}.display-page img{max-width:260px;width:100%;border-radius:16px;display:block;margin:24px auto}.display-page .primary{margin-top:20px}
@media(max-width:700px){body{padding:0}.app{border:0;border-radius:0;min-height:100dvh;box-shadow:none}.header{padding:21px 20px}.brand{gap:8px}.brand>strong{font-size:20px}.brand>span:not(.logo){font-size:11px}.mode{font-size:10px;padding:6px 9px}.view{padding:6px 16px 22px}.instructions{padding:24px 21px;margin:8px 0 18px}.instructions h1{font-size:25px}.instruction-lead{font-size:13px}.instruction-points{gap:19px;margin:24px 0}.start-button{width:100%}.setup-fields{gap:12px}.setup-fields select{font-size:16px;padding-right:24px}.workspace{padding:19px;margin-top:10px}.question{gap:12px}.question h1{font-size:27px}.timer{gap:5px}.timer>span{font-size:11px}.timer>strong{font-size:16px}.question-guidance{font-size:12px}.next-row{flex-wrap:wrap;justify-content:flex-end}#next-note{width:100%;max-width:none}.ready{margin:10px 0;padding:36px 23px}.ready h1{font-size:24px}.title{margin:8px 4px 22px;align-items:flex-start}.title h1{font-size:26px}.title p{font-size:11px}.kicker{font-size:10px}.tag{font-size:10px;padding:6px 8px}.dashboard{grid-template-columns:1fr;gap:12px}.ring-card{padding:18px 19px 17px}.rings-wrap{max-width:310px;margin:0}.ring-center strong{font-size:36px}.card-heading small{font-size:10px}.metric-stack{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;gap:8px}.metric{padding:13px 10px;gap:8px;border-radius:19px}.metric-top{font-size:12px}.metric-top>span{gap:5px}.metric-top>svg{display:none}.value{font-size:28px;letter-spacing:-1px;overflow-wrap:anywhere}.metric-unit{font-size:10px}.metric-bottom{font-size:10px;line-height:1.6}.lower-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.insight,.context{padding:19px}.context dl{display:flex;flex-wrap:wrap;gap:13px 22px;margin:12px 0 0}.context dl>div{display:block;margin:0}.context dd{text-align:left;margin-top:5px}.detail{padding:13px 17px;margin-top:12px}.save-panel{padding:16px}.report-actions .primary,.report-actions .secondary{flex:1;font-size:12px;padding:12px 14px}.primary{font-size:13px}footer{padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.answer-item{gap:2px}.answer-item button{min-width:40px}.report-notice{font-size:11px}.display-page{margin:15px 0;padding:24px}.display-page h1{font-size:27px}}
@media(max-width:370px){.setup-fields{grid-template-columns:1fr}.instructions{padding:23px 18px}.title{flex-wrap:wrap}.timer{gap:4px}.timer>span{font-size:10px}.timer>strong{font-size:15px}.workspace{padding:17px}.value{font-size:25px}}
.header{justify-content:center;padding-top:36px;padding-bottom:24px}.app-title{font-size:28px;font-weight:600;letter-spacing:.2px;line-height:1.4}.instructions .instruction-lead:first-child{margin-top:0}.instructions .instruction-lead{font-size:15px;line-height:1.95}.instruction-timing{margin-top:24px;padding-top:20px;margin-bottom:18px}.service-status:empty{display:none}.start-button{width:100%}.question h2{font-size:30px;font-weight:600}.next-row{justify-content:flex-end}.title h2{font-size:19px;font-weight:500}.profile-card{max-width:440px;padding:32px;margin:20px auto}.profile-card>label{display:block;font-size:15px}.profile-card select{font-size:16px;margin-top:14px}.profile-card .primary{width:100%;margin-top:24px}.report-context{margin-top:16px;padding:18px 22px}.report-context dl{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0}.report-context dl>div{display:block;margin:0}.report-context dd{text-align:left;margin-top:7px}.detail .insight{padding:18px 0 0}.detail .insight h3{font-size:14px;margin-bottom:8px}.save-panel{padding:8px 2px;margin-top:18px}.report-actions{margin-top:18px}.scale-note{margin-top:4px}footer{justify-content:center;border:0;padding-top:0}footer:has(button[hidden]){display:none}
@media(max-width:700px){.header{padding:28px 20px 18px}.app-title{font-size:25px}.instructions .instruction-lead{font-size:14px}.question h2{font-size:27px}.profile-card{padding:26px 22px;margin-top:10px}.report-context{padding:17px}.report-context dl{gap:16px 22px}.title{margin:2px 4px 16px}.title h2{font-size:17px}.save-panel{padding:6px 2px}.metric-bottom{display:none}}
.draft-note{font-size:11px;line-height:1.8;margin:10px 2px 0}.metric-insight{margin-top:16px;border-radius:20px;scroll-margin-top:18px}.metric-insight h3{font-size:16px;margin-bottom:10px}.scale-note:empty{display:none}.answer-item{padding:4px 14px}.export-open{overflow:hidden}.export-preview{position:fixed;inset:0;z-index:30;overflow-y:auto;background:rgba(32,27,39,.42);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:24px 16px}.export-sheet{max-width:640px;margin:0 auto;background:#f6f2f7;border:1px solid #fff;border-radius:24px;padding:20px}.export-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.export-heading h2{font-size:18px;font-weight:600}.export-heading button{border:0;background:transparent;min-width:44px;min-height:44px;font-size:28px}.export-help{font-size:12px;line-height:1.8;margin:8px 0 14px}.export-help:empty{display:none}#export-image{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px #54445b15;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}.export-actions{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}.export-actions>*{flex:1;text-decoration:none;white-space:nowrap}.export-preview :focus-visible{outline:2px solid #899ba7;outline-offset:3px}
@media(max-width:700px){.metric-insight{padding:19px}.export-preview{padding:12px 10px}.export-sheet{padding:15px;border-radius:19px}.export-actions{gap:8px}.export-actions>*{padding:12px 14px;font-size:13px}.draft-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.metric:hover,.primary:active,.secondary:active{transform:none}}
@media(forced-colors:active){textarea:focus-visible{outline:2px solid Highlight;outline-offset:2px}}
@supports not (backdrop-filter:blur(1px)){.glass{background:#f9f7fb}}
@media print{body{padding:0;background:white}.app{max-width:none;border:0;border-radius:0;background:white;box-shadow:none}.header{padding:8px 0 18px}.view{padding:0}.glass{background:white;backdrop-filter:none;box-shadow:none;border:1px solid #ddd;break-inside:avoid}.title h1{font-size:24px}.dashboard{grid-template-columns:1.1fr 1fr}.rings-wrap{max-width:250px}.metric{padding:12px}.value{font-size:26px}.report-actions,.save-panel,footer,.recent-panel,#toast,.summary-hint{display:none!important}.report-notice{font-size:11px}.detail{break-inside:auto}.match-row{break-inside:avoid}.header a{text-decoration:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}