:root{--bg:#faf7f2;--bg-soft:#f3ede3;--surface:#fff;--ink:#2b2622;--ink-soft:#6b6259;--ink-faint:#96a0a8;--line:#e8e0d4;--line-strong:#d8ccb9;--accent:#bea16b;--accent-deep:#9c7f47;--accent-soft:#f2e9d8;--teal:#6f9a9b;--teal-soft:#e6efef;--ok:#4f7a5a;--ok-soft:#e8f0e9;--bad:#a4544b;--bad-soft:#f6e7e4;--warn:#a8802f;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow:0 1px 2px #2b26220a, 0 8px 24px #2b26220f;--shadow-lift:0 2px 6px #2b26220f, 0 16px 40px #2b26221a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--fs-h1:24px;--fs-h2:18px;--fs-stem:17px;--fs-score:48px;--maxw:960px;--tap:44px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;font-size:16px;line-height:1.75}#root{flex-direction:column;min-height:100dvh;display:flex}h1,h2,h3{letter-spacing:.01em;margin:0;font-weight:700;line-height:1.35}p{margin:0}ul,ol{margin:0;padding-left:1.4em}a{color:var(--accent-deep)}img{max-width:100%;height:auto;display:block}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:none}:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;border-radius:4px}.page{width:100%;max-width:var(--maxw);padding:var(--space-5) var(--space-4) var(--space-7);flex:1 0 auto;margin:0 auto}.page--wide{max-width:1080px}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack--tight{gap:var(--space-2)}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.small{font-size:14px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border:1px solid #0000;border-radius:999px;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 2px 10px #bea16b59}.btn--primary:hover{background:var(--accent-deep)}.btn--ghost{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn--ghost:hover{background:var(--bg-soft)}.btn--quiet{color:var(--ink-soft);padding:0 var(--space-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--bg);z-index:10;display:flex;position:sticky;top:0}.topbar__title{color:var(--ink-soft);font-size:15px;font-weight:600}.linkbtn{min-height:var(--tap);padding:0 var(--space-3);color:var(--ink-soft);border-radius:var(--radius-sm);align-items:center;gap:6px;display:inline-flex}.linkbtn:hover{background:var(--bg-soft);color:var(--ink)}.linkbtn img{opacity:.75;width:16px;height:16px}.notice{border:1px solid var(--line-strong);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--accent-soft);padding:var(--space-4);color:#4a4137;font-size:14px;line-height:1.8}.notice__title{color:var(--accent-deep);margin-bottom:var(--space-2);font-size:14px;font-weight:700}@media (min-width:768px){body{font-size:17px}.page{padding:var(--space-6) var(--space-5) var(--space-7)}}.hero{background:var(--bg-soft);border-bottom:1px solid var(--line);flex-direction:column;display:flex;position:relative}.hero__art{object-fit:cover;object-position:left center;width:100%;height:200px}.hero__copy{padding:var(--space-5) var(--space-4) var(--space-6);gap:var(--space-3);flex-direction:column;align-items:flex-start;display:flex}.hero__eyebrow{letter-spacing:.14em;color:var(--accent-deep);text-transform:uppercase;font-size:13px}.hero__title{letter-spacing:.02em;font-size:34px}.hero__tagline{color:var(--ink-soft);max-width:34em}@media (min-width:768px){.hero{justify-content:center;height:340px}.hero__art{height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero__copy{width:min(46%,420px);padding:0 var(--space-6) 0 0;background:linear-gradient(90deg,#f3ede300,#f3ede3eb 28%);margin-left:auto;position:relative}.hero__title{font-size:40px}}.home{gap:var(--space-4);flex-direction:column;display:flex}.home__flash{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--teal-soft);color:#3d5b57;font-size:14px}.home__notice{margin-top:var(--space-2)}.page--textured{background-image:var(--texture), var(--deco,none);background-position:0 0,100% 0;background-repeat:repeat,no-repeat}.page__title{font-size:var(--fs-h1)}.entry-grid{gap:var(--space-3);z-index:1;display:grid;position:relative}@media (min-width:768px){.entry-grid{margin-top:calc(var(--space-6) * -1);grid-template-columns:repeat(3,1fr)}}.entry{align-items:center;gap:2px var(--space-3);padding:var(--space-4);text-align:left;grid-template-columns:1fr auto;grid-template-areas:"title arrow""desc arrow";transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.entry:hover{box-shadow:var(--shadow-lift);border-color:var(--line-strong);transform:translateY(-2px)}.entry--accent{border-color:var(--accent);background:linear-gradient(160deg,#fffdf8,#f7ecd8)}.entry__title{font-weight:700;font-size:var(--fs-h2);grid-area:title}.entry__desc{color:var(--ink-soft);grid-area:desc;font-size:14px}.entry__arrow{opacity:.5;grid-area:arrow;width:18px;height:18px}.role-grid{gap:var(--space-4);margin-top:var(--space-4);display:grid}@media (min-width:768px){.role-grid{grid-template-columns:1fr 1fr}}.role-grid__hint{margin-top:var(--space-4)}.role-card{text-align:left;flex-direction:column;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.role-card:hover{box-shadow:var(--shadow-lift);border-color:var(--accent);transform:translateY(-2px)}.role-card__art{object-fit:cover;object-position:center 18%;width:100%;height:220px}.role-card__body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.role-card__name{font-size:20px;font-weight:700}.role-card__desc{color:var(--ink-soft);font-size:15px}.role-card__pick{margin-top:var(--space-2);color:var(--accent-deep);font-size:14px;font-weight:600}.quiz{gap:var(--space-4);flex-direction:column;display:flex}.quiz__meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--ink-soft);font-size:14px;display:flex}.progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--accent), var(--accent-deep));border-radius:999px;height:100%;transition:width .25s}.question{padding:var(--space-5) var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.question__chapter{color:var(--accent-deep);letter-spacing:.06em;font-size:13px}.question__stem{font-size:var(--fs-stem);white-space:pre-wrap;font-weight:700;line-height:1.85}.options{gap:var(--space-2);flex-direction:column;display:flex}.option{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;min-height:var(--tap);align-items:flex-start;transition:border-color .15s,background .15s;display:flex}.option:hover{border-color:var(--accent);background:#fffdf8}.option input{opacity:0;pointer-events:none;position:absolute}.option__mark{border:1px solid var(--line-strong);width:26px;height:26px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;margin-top:2px;font-size:13px;font-weight:700;display:grid}.option--checked{border-color:var(--accent-deep);background:var(--accent-soft)}.option--checked .option__mark{background:var(--accent);border-color:var(--accent);color:#fff}.option__text{flex:auto;min-width:0}.grid-panel{padding:var(--space-4)}.grid-panel__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--ink-soft);font-size:14px;display:flex}.number-grid{grid-template-columns:repeat(auto-fill, minmax(var(--tap), 1fr));gap:var(--space-2);display:grid}.number-cell{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);font-variant-numeric:tabular-nums;color:var(--ink-soft);place-items:center;font-size:14px;transition:border-color .15s,background .15s,color .15s;display:grid}.number-cell--answered{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.number-cell--none{color:var(--ink-faint);border-style:dashed}.number-cell--ok{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.number-cell--bad{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.number-cell--current{border-color:var(--accent-deep);box-shadow:0 0 0 2px var(--accent-soft);color:var(--ink);font-weight:700}.quiz__actions{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.quiz__nav{gap:var(--space-2);display:flex}@media (max-width:767px){.quiz__nav .btn{flex:auto}}.result{gap:var(--space-4);flex-direction:column;display:flex}.result__art{object-fit:cover;border-radius:var(--radius);width:100%;height:200px}.result__card{padding:var(--space-5) var(--space-4)}.result__score{align-items:baseline;gap:var(--space-2);display:flex}.result__score b{font-size:var(--fs-score);color:var(--accent-deep);font-variant-numeric:tabular-nums;line-height:1}.result__stats{gap:var(--space-4);color:var(--ink-soft);margin-top:var(--space-2);flex-wrap:wrap;font-size:14px;display:flex}.result__tier{margin-top:var(--space-4);padding:var(--space-4);border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);color:#4a4137}.result__warn{margin-top:var(--space-3);color:var(--ink-soft);font-size:15px}.action-list{gap:var(--space-2);display:grid}@media (min-width:768px){.action-list{grid-template-columns:1fr 1fr}}.review{gap:var(--space-4);display:grid}@media (min-width:900px){.review{grid-template-columns:300px 1fr;align-items:start}}.review__detail{padding:var(--space-5) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.review__stem{font-size:var(--fs-stem);line-height:1.85}.review__explanation{white-space:pre-wrap;line-height:1.85}.review__nav{justify-content:space-between}.answer-line{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:15px;line-height:1.7;display:block}.answer-line--ok{background:var(--ok-soft);color:#33563c}.answer-line--bad{background:var(--bad-soft);color:#7c3a33}.answer-line--none{background:var(--bg-soft);color:var(--ink-soft)}.answer-line__label{margin-right:6px;font-weight:700;display:inline}.answer-tag{white-space:nowrap;background:#2b262212;border-radius:4px;align-items:center;gap:3px;margin-left:6px;padding:1px 6px;font-size:12px;font-style:normal;display:inline-flex}.answer-tag img{width:12px;height:12px}.section-label{color:var(--accent-deep);margin-bottom:var(--space-1);font-size:14px;font-weight:700}.legend{align-items:center;display:inline-flex}.dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin:0 4px 0 8px;display:inline-block}.dot--ok{background:var(--ok)}.dot--bad{background:var(--bad)}.dot--none{background:var(--line-strong)}.kb-hero{gap:var(--space-3);padding:var(--space-4) 0 0;flex-direction:column;display:flex}.kb-hero__art{object-fit:cover;border-radius:var(--radius);width:100%;height:150px}.kb-hero__title{font-size:var(--fs-h1)}@media (min-width:768px){.kb-hero{justify-content:center;height:200px;position:relative}.kb-hero__art{height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.kb-hero__copy{max-width:46%;padding:var(--space-3) 0 var(--space-3) var(--space-5);background:linear-gradient(90deg,#faf7f200,#faf7f2f0 30%);margin-left:auto;position:relative}}.kb{gap:var(--space-4);margin-top:var(--space-4);display:grid}@media (min-width:900px){.kb{grid-template-columns:260px 1fr;align-items:start}}.kb__tabs{gap:var(--space-2);padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.kb__tabs::-webkit-scrollbar{display:none}.kb__tab{padding:0 var(--space-3);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);min-height:var(--tap);border-radius:999px;flex:none;align-items:center;gap:6px;font-size:14px;display:inline-flex}.kb__tab img{width:18px;height:18px}.kb__tab--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.kb__nav{display:none}@media (min-width:900px){.kb__tabs{display:none}.kb__nav{padding:var(--space-3);display:block;position:sticky;top:72px}}.kb__nav-group+.kb__nav-group{margin-top:var(--space-4)}.kb__nav-title{color:var(--accent-deep);margin-bottom:var(--space-2);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.kb__nav-title img{width:16px;height:16px}.kb__nav a{min-height:var(--tap);padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--ink-soft);align-items:center;font-size:14px;text-decoration:none;display:flex}.kb__nav a:hover{background:var(--bg-soft);color:var(--ink)}.kb__nav a.is-active{background:var(--accent-soft);color:var(--accent-deep);font-weight:600}.kb__entry{padding:var(--space-5) var(--space-4);scroll-margin-top:84px}.kb__entry+.kb__entry{margin-top:var(--space-3)}.kb__entry h2{font-size:var(--fs-h2);margin-bottom:var(--space-2)}.kb__entry--highlight{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), var(--shadow)}.kb__entry--fold{padding:0}.kb__entry--fold>summary{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-4);cursor:pointer;list-style:none;display:flex}.kb__entry--fold>summary::-webkit-details-marker{display:none}.kb__summary-title{font-weight:700;font-size:var(--fs-h2)}.kb__summary-hint{color:var(--accent-deep);flex:none;font-size:13px}.kb__summary-hint:after{content:"展开"}.kb__entry--fold[open] .kb__summary-hint:after{content:"收起"}.kb__fold-body{padding:0 var(--space-4) var(--space-4)}.kb__question{color:var(--accent-deep);margin-bottom:var(--space-3);font-weight:600}.kb__body p+p,.kb__body p+ul,.kb__body ul+p{margin-top:var(--space-3)}.kb__sources{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--line-strong);color:var(--ink-faint);font-size:13px}.kb__sources li{margin-top:2px}.contact{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.contact__avatar{object-fit:cover;border:2px solid var(--accent-soft);border-radius:50%;width:104px;height:104px}.contact__title{font-size:var(--fs-h1)}.notice--left{text-align:left}.state{align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-4);text-align:center;color:var(--ink-soft);flex-direction:column;display:flex}.state__art{opacity:.6;width:96px;height:96px}.dialog-backdrop{z-index:50;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b262273;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{width:min(420px,100%);padding:var(--space-5) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.dialog__title{font-size:var(--fs-h2)}.dialog__actions{gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;display:flex}@media (max-width:480px){.dialog__actions{flex-direction:column-reverse}.dialog__actions .btn{width:100%}}.footer{padding:var(--space-5) var(--space-4);border-top:1px solid var(--line);color:var(--ink-faint);text-align:center;font-size:13px}.app-flash{max-width:var(--maxw);padding:var(--space-3) var(--space-4);background:var(--teal-soft);color:#3d5b57;border-bottom:1px solid var(--line);margin:0 auto;font-size:14px}.route--forward{animation:.26s cubic-bezier(.22,.8,.28,1) both route-in-forward}.route--back{animation:.26s cubic-bezier(.22,.8,.28,1) both route-in-back}@keyframes route-in-forward{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}@keyframes route-in-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:none}}.kb__source-note{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-left:3px solid var(--line-strong);color:var(--ink-soft);font-size:13px;line-height:1.7}.kb__sources-title{color:var(--ink-soft);margin-bottom:var(--space-1);font-weight:700}.kb__sources-hint{margin-top:var(--space-2);color:var(--ink-faint)}.contact__link{color:var(--accent-deep);text-underline-offset:4px;margin-left:.12em;text-decoration:underline;text-decoration-thickness:2px}.contact__link:hover{color:var(--accent)}
/*$vite$:1*/