:root{--paper:#fbf8f3;--paper-2:#fff;--paper-3:#f5f0e8;--paper-sunken:#f7f3ec;--ink:#22303a;--ink-2:#5a6672;--ink-3:#8a949e;--line:#e8e0d4;--line-2:#d9cfbe;--warm:#d9743c;--warm-strong:#c25f28;--warm-soft:#fbede2;--calm:#2e6e68;--calm-strong:#235651;--calm-soft:#e3f0ee;--gold:#e8a93c;--gold-soft:#fdf3e0;--good:#4c9a6a;--good-soft:#e7f3ec;--bad:#c4553d;--bad-soft:#fbeae5;--radius:14px;--radius-sm:9px;--radius-lg:20px;--pad-card:22px;--pad-row:13px;--gap:15px;--dur:.225s;--dur-fast:.15s;--ease:cubic-bezier(.2, .7, .3, 1);--font-zh:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif;--font-num:"SF Pro Text", "Avenir Next", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow-1:0 1px 2px #22303a0d;--shadow-2:0 6px 20px -8px #22303a2e}@media (prefers-reduced-motion:reduce){:root{--dur:1ms;--dur-fast:1ms}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-zh);letter-spacing:.01em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}h1,h2,h3,h4{letter-spacing:-.005em;margin:0;font-weight:650;line-height:1.35}h1{font-size:27px}h2{font-size:20px}h3{font-size:17px}p{margin:0}a{color:var(--calm);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:3px solid color-mix(in srgb, var(--warm) 55%, transparent);outline-offset:2px;border-radius:4px}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:40;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar__inner{align-items:center;gap:16px;max-width:1120px;min-height:60px;margin:0 auto;padding:11px 24px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:16px;font-weight:650;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand__mark{background:linear-gradient(140deg, var(--warm), var(--gold));color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.topbar__spacer{flex:1}.who{color:var(--ink-2);align-items:center;gap:10px;font-size:14px;display:flex}.who__name{color:var(--ink);font-weight:600}.page{flex:1;width:100%;max-width:1120px;margin:0 auto;padding:30px 24px 90px}.page--narrow{max-width:720px}.pagehead{margin-bottom:26px}.pagehead h1{margin-bottom:6px}.pagehead p{color:var(--ink-2);max-width:62ch}.section{margin-top:34px}.section__head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section__head h2{font-size:18px}.section__head .hint{color:var(--ink-3);font-size:13.5px}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad-card);box-shadow:var(--shadow-1)}.card+.card{margin-top:var(--gap)}.card__title{align-items:center;gap:10px;margin-bottom:4px;display:flex}.card__meta{color:var(--ink-2);font-size:13.5px}.grid{gap:var(--gap);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.btn{appearance:none;border:1px solid var(--line-2);background:var(--paper-2);color:var(--ink);cursor:pointer;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);border-radius:10px;align-items:center;gap:7px;min-height:40px;padding:9px 17px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--warm);color:var(--warm-strong);text-decoration:none;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn--primary:hover:not(:disabled),.btn--warm{background:var(--warm);border-color:var(--warm);color:#fff}.btn--warm:hover:not(:disabled){background:var(--warm-strong);border-color:var(--warm-strong);color:#fff}.btn--ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--paper-3);color:var(--ink);border-color:#0000}.btn--danger:hover:not(:disabled){border-color:var(--bad);color:var(--bad)}.btn--sm{border-radius:8px;min-height:32px;padding:5px 11px;font-size:13.5px}.btn--lg{min-height:48px;padding:12px 24px;font-size:16px}.badge{border:1px solid var(--line-2);color:var(--ink-2);background:var(--paper);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:12.5px;font-weight:600;display:inline-flex}.badge--warm{background:var(--warm-soft);border-color:color-mix(in srgb, var(--warm) 30%, transparent);color:var(--warm-strong)}.badge--calm{background:var(--calm-soft);border-color:color-mix(in srgb, var(--calm) 30%, transparent);color:var(--calm-strong)}.badge--good{background:var(--good-soft);border-color:color-mix(in srgb, var(--good) 32%, transparent);color:#35704e}.badge--bad{background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 30%, transparent);color:#9d3f2b}.badge--gold{background:var(--gold-soft);border-color:color-mix(in srgb, var(--gold) 38%, transparent);color:#8d6417}.field{margin-bottom:16px;display:block}.field__label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.field__hint{color:var(--ink-3);margin-top:5px;font-size:13px}.input,.textarea,.select{width:100%;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--line-2);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);border-radius:10px;padding:10px 13px;font-family:inherit;font-size:15px}.input:focus,.textarea:focus,.select:focus{border-color:var(--warm);box-shadow:0 0 0 3px color-mix(in srgb, var(--warm) 15%, transparent);outline:none}.textarea{resize:vertical;min-height:84px;line-height:1.6}.input--mono{font-family:var(--font-mono);font-size:14px}.note{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--paper-3);color:var(--ink-2);align-items:flex-start;gap:10px;padding:12px 15px;font-size:14px;line-height:1.6;display:flex}.note--warm{background:var(--warm-soft);border-color:color-mix(in srgb, var(--warm) 24%, transparent);color:color-mix(in srgb, var(--warm-strong) 78%, var(--ink))}.note--calm{background:var(--calm-soft);border-color:color-mix(in srgb, var(--calm) 22%, transparent);color:var(--calm-strong)}.note--bad{background:var(--bad-soft);border-color:color-mix(in srgb, var(--bad) 26%, transparent);color:#9d3f2b}.note b{color:inherit}.stat{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.stat__label{color:var(--ink-2);margin-bottom:4px;font-size:13px}.stat__value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:27px;font-weight:650;line-height:1.15}.stat__value small{color:var(--ink-2);margin-left:3px;font-size:14px;font-weight:500}.tablewrap{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);overflow-x:auto}table.grid-table{border-collapse:collapse;width:100%;font-size:14px}table.grid-table th,table.grid-table td{padding:var(--pad-row) 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}table.grid-table th{background:var(--paper-3);color:var(--ink-2);font-size:13px;font-weight:600;position:sticky;top:0}table.grid-table tbody tr:last-child td{border-bottom:0}table.grid-table tbody tr{transition:background var(--dur-fast) var(--ease)}table.grid-table tbody tr:hover{background:var(--paper-sunken)}.cell-ok,.cell-no,.cell-none{border-radius:7px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-grid}.cell-ok{background:var(--good-soft);color:#35704e}.cell-no{background:var(--bad-soft);color:#9d3f2b}.cell-none{background:var(--paper-3);color:var(--ink-3)}.progress{background:var(--line);border-radius:99px;height:7px;overflow:hidden}.progress>i{background:linear-gradient(90deg, var(--warm), var(--gold));height:100%;transition:width var(--dur) var(--ease);border-radius:99px;display:block}.empty{text-align:center;color:var(--ink-2);border:1px dashed var(--line-2);border-radius:var(--radius);background:var(--paper-2);padding:46px 24px}.empty h3{color:var(--ink);margin-bottom:6px}.empty p{font-size:14.5px}.spinner{border:2px solid color-mix(in srgb, var(--ink) 18%, transparent);border-top-color:var(--warm);border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{color:var(--ink-2);align-items:center;gap:10px;padding:30px 0;font-size:14.5px;display:flex}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);z-index:90;box-shadow:var(--shadow-2);border-radius:99px;padding:11px 20px;font-size:14px;font-weight:600;position:fixed;bottom:30px;left:50%;transform:translate(-50%,16px)}.toast.is-on{opacity:1;transform:translate(-50%)}.toast--bad{background:var(--bad)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row--between{justify-content:space-between}.muted{color:var(--ink-2)}.small{font-size:13.5px}.stack>*+*{margin-top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.player{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.player__main{align-items:center;gap:15px;display:flex}.player__play{background:var(--warm);color:#fff;cursor:pointer;width:50px;height:50px;transition:background var(--dur) var(--ease), transform var(--dur-fast) var(--ease);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.player__play:hover{background:var(--warm-strong);transform:scale(1.04)}.player__play:active{transform:scale(.98)}.player__track{flex:1;min-width:0}.player__title{text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:14px;font-weight:600;overflow:hidden}.player__range{appearance:none;background:linear-gradient(to right, var(--warm) 0%, var(--warm) var(--fill,0%), var(--line) var(--fill,0%), var(--line) 100%);cursor:pointer;border-radius:99px;outline:none;width:100%;height:5px}.player__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper-2);border:2.5px solid var(--warm);width:15px;height:15px;box-shadow:var(--shadow-1);transition:transform var(--dur-fast) var(--ease);border-radius:50%}.player__range::-webkit-slider-thumb:hover{transform:scale(1.15)}.player__range::-moz-range-thumb{background:var(--paper-2);border:2.5px solid var(--warm);border-radius:50%;width:13px;height:13px}.player__times{color:var(--ink-3);justify-content:space-between;margin-top:4px;font-size:12px;display:flex}.player__rates{flex-wrap:wrap;align-items:center;gap:6px;margin-top:15px;display:flex}.player__rates-label{color:var(--ink-2);margin-right:3px;font-size:13px}.rate{font-family:var(--font-num);font-variant-numeric:tabular-nums;border:1.5px solid var(--line-2);background:var(--paper);color:var(--ink-2);cursor:pointer;transition:all var(--dur) var(--ease);border-radius:99px;padding:4px 11px;font-size:13px;font-weight:600}.rate:hover{border-color:var(--warm);color:var(--warm-strong)}.rate.is-on{background:var(--warm);border-color:var(--warm);color:#fff}.player__error{color:var(--bad);margin-top:10px;font-size:13.5px}.recorder{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);padding:18px 20px}.recorder__bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.recorder__dot{background:var(--line-2);width:13px;height:13px;transition:background var(--dur) var(--ease), transform 90ms linear;border-radius:50%;flex:none}.recorder__dot.is-live{background:var(--bad)}.recorder__time{letter-spacing:.02em;font-size:19px;font-weight:650}.recorder__state{min-width:0}.recorder__spacer{flex:1}.recorder__level{margin-top:13px}.recorder__level>i{background:linear-gradient(90deg, var(--calm), var(--warm))}.recorder__preview{flex-wrap:wrap;align-items:center;gap:12px;margin-top:15px;display:flex}.recorder__preview audio{max-width:320px;height:38px}.question{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);padding:18px 20px}.question.is-answered{border-color:color-mix(in srgb, var(--calm) 34%, var(--line))}.question__head{align-items:baseline;gap:11px;margin-bottom:12px;display:flex}.question__no{font-family:var(--font-num);color:#fff;background:var(--ink);border-radius:6px;flex:none;padding:2px 8px;font-size:12px;font-weight:700}.question__prompt{font-size:15.5px;line-height:1.6}.options{gap:8px;display:grid}.option{border:1.5px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:var(--paper);transition:all var(--dur) var(--ease);align-items:flex-start;gap:11px;padding:10px 13px;display:flex}.option:hover{border-color:var(--line-2);background:var(--paper-2);transform:translate(2px)}.option input{opacity:0;pointer-events:none;position:absolute}.option__mark{border:1.5px solid var(--line-2);width:20px;height:20px;transition:all var(--dur) var(--ease);border-radius:50%;flex:none;margin-top:2px;position:relative}.option__mark:after{content:"";background:var(--warm);transition:transform var(--dur) var(--ease);border-radius:50%;position:absolute;inset:4px;transform:scale(0)}.option.is-on{border-color:var(--warm);background:var(--warm-soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--warm) 13%, transparent)}.option.is-on .option__mark{border-color:var(--warm)}.option.is-on .option__mark:after{transform:scale(1)}.option__text{font-size:15px;line-height:1.55}.option__key{font-family:var(--font-num);color:var(--ink-3);margin-right:6px;font-weight:700}.feedback{gap:13px;display:grid}.fb-item{border:1px solid var(--line);border-left:4px solid var(--line-2);border-radius:var(--radius-sm);background:var(--paper-2);transition:border-color var(--dur) var(--ease);padding:15px 17px}.fb-item--good{border-left-color:var(--good);background:linear-gradient(to right, var(--good-soft), var(--paper-2) 30%)}.fb-item--bad{border-left-color:var(--warm);background:linear-gradient(to right, var(--warm-soft), var(--paper-2) 30%)}.fb-item--next{border-left-color:var(--calm);background:linear-gradient(to right, var(--calm-soft), var(--paper-2) 30%)}.fb-item__label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;margin-bottom:7px;font-size:12.5px;font-weight:700;display:flex}.fb-item__text{font-size:15.5px;line-height:1.65}.fb-item__evidence{color:var(--ink-2);border-left:2px solid var(--line-2);margin-top:8px;padding-left:11px;font-size:13.5px}.fb-bands{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.fb-band{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);padding:11px 13px}.fb-band__name{color:var(--ink-2);margin-bottom:3px;font-size:12px;line-height:1.4}.fb-band__value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:22px;font-weight:650}.fb-band__value.is-none{color:var(--ink-3);font-size:15px;font-weight:500}.hw{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);transition:all var(--dur) var(--ease);color:inherit;padding:18px 20px;text-decoration:none;display:block}.hw:hover{border-color:var(--line-2);box-shadow:var(--shadow-2);text-decoration:none;transform:translateY(-2px)}.hw__top{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:7px;display:flex}.hw__title{margin-bottom:4px;font-size:16.5px;font-weight:650}.hw__foot{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:12px;margin-top:13px;font-size:13.5px;display:flex}.todo{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-2);transition:all var(--dur) var(--ease);color:inherit;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.todo:hover{border-color:var(--warm);text-decoration:none}.todo--overdue{border-color:color-mix(in srgb, var(--bad) 35%, var(--line));background:var(--bad-soft)}.todo__title{font-size:14.5px;font-weight:600}.todo__spacer{flex:1}.segmented{background:var(--paper-3);border:1px solid var(--line);border-radius:11px;gap:3px;padding:3px;display:inline-flex}.segmented button{color:var(--ink-2);cursor:pointer;transition:all var(--dur) var(--ease);background:0 0;border:0;border-radius:8px;padding:7px 15px;font-family:inherit;font-size:14px;font-weight:600}.segmented button:hover{color:var(--ink)}.segmented button.is-on{background:var(--paper-2);color:var(--ink);box-shadow:var(--shadow-1)}.qedit{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);transition:border-color var(--dur) var(--ease);padding:16px 18px}.qedit__head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.qedit__no{font-family:var(--font-num);color:#fff;background:var(--calm);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:700}.qedit__opt{align-items:center;gap:9px;margin-bottom:8px;display:flex}.qedit__pick{border:1.5px solid var(--line-2);background:var(--paper);width:34px;height:34px;font-family:var(--font-num);color:var(--ink-3);cursor:pointer;transition:all var(--dur) var(--ease);border-radius:9px;flex:none;font-weight:700}.qedit__pick:hover{border-color:var(--good);color:var(--good)}.qedit__pick.is-on{background:var(--good);border-color:var(--good);color:#fff}.qedit__seq{font-family:var(--font-num);color:var(--ink-3);text-align:center;flex:none;width:20px;font-weight:700}.filerow{border:1px dashed var(--line-2);border-radius:var(--radius-sm);background:var(--paper);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 15px;display:flex}.filerow--filled{border-style:solid;border-color:color-mix(in srgb, var(--calm) 30%, var(--line));background:var(--calm-soft)}.criterion{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);padding:18px 20px}.criterion--none{background:var(--paper-sunken);border-style:dashed}.criterion__head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;display:flex}.criterion__head h4{margin:0;font-size:16.5px}.criterion__band{font-family:var(--font-num);font-variant-numeric:tabular-nums;background:var(--ink);color:#fff;border-radius:99px;padding:3px 11px;font-size:13.5px;font-weight:700}.criterion--none .criterion__band{background:var(--paper-3);color:var(--ink-3)}.criterion__next{font-family:var(--font-num);font-variant-numeric:tabular-nums;background:var(--good-soft);border:1px solid color-mix(in srgb, var(--good) 34%, transparent);color:#35704e;border-radius:99px;padding:3px 11px;font-size:13.5px;font-weight:700}.criterion__row+.criterion__row{margin-top:15px}.criterion__label{letter-spacing:.04em;color:var(--ink-2);align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.criterion__text{font-size:15px;line-height:1.7}.quote{border-left:3px solid var(--calm);background:var(--calm-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:color-mix(in srgb, var(--calm-strong) 72%, var(--ink));font-size:14.5px;line-height:1.6;font-family:var(--font-num);margin:0;padding:9px 13px 9px 15px}table.grid-table.upgrade-table{table-layout:fixed;width:100%}table.grid-table.upgrade-table th,table.grid-table.upgrade-table td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}table.grid-table.upgrade-table th:first-child,table.grid-table.upgrade-table td:first-child{width:24%}table.grid-table.upgrade-table th:nth-child(2),table.grid-table.upgrade-table td:nth-child(2){width:34px}table.grid-table.upgrade-table th:nth-child(3),table.grid-table.upgrade-table td:nth-child(3){width:30%}.upgrade-table .why{color:var(--ink-2);font-size:13.5px;line-height:1.6}.upgrade{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.upgrade__line{font-size:14.5px;line-height:1.6;font-family:var(--font-num);align-items:baseline;gap:10px;padding:10px 14px;display:flex}.upgrade__line--from{background:var(--paper-3);color:var(--ink-2)}.upgrade__line--to{background:var(--good-soft);color:#2b6142;font-weight:600}.upgrade__tag{font-family:var(--font-zh);background:var(--paper-2);color:var(--ink-3);border:1px solid var(--line);border-radius:99px;flex:none;padding:1px 8px;font-size:11.5px;font-weight:700}.upgrade__line--to .upgrade__tag{color:#35704e;border-color:color-mix(in srgb, var(--good) 34%, transparent)}.upgrade__why{color:var(--ink-2);border-top:1px solid var(--line);background:var(--paper);padding:9px 14px;font-size:13.5px;line-height:1.6}.actions{gap:7px;margin:0;padding-left:20px;display:grid}.actions li{padding-left:3px;font-size:14.5px;line-height:1.65}.actions li::marker{color:var(--warm);font-weight:700}