:root{--ink:#1a1a1a;--ink-soft:#2c2c2c;--ink-faint:#404040;--rice:#f5efe0;--rice-warm:#ebe3cf;--rice-deep:#e0d6bd;--cinnabar:#a8322e;--cinnabar-soft:#c8543e;--jade:#4a6b54;--gold-dim:#8a6d2f;--ash:#6a6a6a;--rice-translucent:#f5efe0d9;--font-display:"华文行楷", "STXingkai", "楷体", "KaiTi", "STKaiti", "华文楷体", serif;--font-body:"华文宋体", "STSong", "宋体", "SimSun", "Songti SC", serif;--font-accent:"华文隶书", "STLiti", "隶书", "LiSu", "华文行楷", serif;--t-fast:.4s;--t-base:.8s;--t-slow:1.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem}*{box-sizing:border-box}html{font-size:clamp(17px,1vw + 11px,23px)}html,body{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;width:100%;max-width:100vw;overflow-x:hidden}html,body,#root{height:100%}body{background:var(--rice);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-align:center;margin:0;padding:0;font-size:1rem;font-weight:500;line-height:1.8}#root{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;width:100%;max-width:100vw;overflow-x:hidden}body:before{content:"";opacity:.5;pointer-events:none;z-index:0;background-image:url(/MindMirror/patterns/rice-paper.svg);background-repeat:repeat;background-size:240px 240px;position:fixed;top:0;bottom:0;left:0;right:0}#root{z-index:1;position:relative}h1,h2,h3{font-family:var(--font-display);letter-spacing:.15em;color:var(--ink);text-align:center;margin:0 0 var(--sp-4) 0;font-weight:600}h1{font-size:3.5rem;line-height:1.2}h2{font-size:2.25rem;line-height:1.3}h3{font-size:1.75rem;line-height:1.4}p{margin:0 0 var(--sp-4) 0;text-align:center;font-size:1.125rem;line-height:1.8}.jx-btn{justify-content:center;align-items:center;gap:var(--sp-2);min-width:10rem;padding:var(--sp-4) var(--sp-8);border:2px solid var(--ink);color:var(--ink);font-family:var(--font-display);letter-spacing:.2em;cursor:pointer;transition:background var(--t-base) var(--ease-out), color var(--t-base) var(--ease-out), border-color var(--t-base) var(--ease-out), transform var(--t-base) var(--ease-out), box-shadow var(--t-base) var(--ease-out);-webkit-user-select:none;user-select:none;text-align:center;background:0 0;border-radius:2px;font-size:1.25rem;font-weight:500;display:inline-flex;position:relative}.jx-btn:hover{background:var(--cinnabar);color:var(--rice);border-color:var(--cinnabar);transform:translateY(-1px);box-shadow:0 4px 12px #a8322e33}.jx-btn:active{transform:translateY(0)}.jx-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.jx-btn-primary{background:var(--ink);color:var(--rice)}.jx-btn-primary:hover{background:var(--cinnabar);border-color:var(--cinnabar);color:var(--rice)}.jx-btn-ghost{color:var(--ink-faint);background:0 0;border:none}.jx-btn-ghost:hover{color:var(--cinnabar);box-shadow:none;background:0 0;transform:none}.jx-seal{background:var(--cinnabar);width:2.25rem;height:2.25rem;color:var(--rice);font-family:var(--font-display);letter-spacing:0;border-radius:3px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #a8322e4d,inset 0 0 0 1px #f5efe033}.jx-verse{gap:var(--sp-2);padding:var(--sp-3) 0;text-align:center;flex-direction:column;display:flex}.jx-verse .ancient{font-family:var(--font-display);color:var(--ink);letter-spacing:.1em;font-size:1.5rem;font-weight:500}.jx-verse .gloss{font-family:var(--font-body);color:var(--ink-faint);font-size:1rem;line-height:1.6}.jx-container{max-width:56rem;padding:var(--sp-8) var(--sp-6);text-align:center;margin:0 auto}.jx-container-narrow{max-width:36rem;padding:var(--sp-8) var(--sp-6);text-align:center;margin:0 auto}.jx-fade-enter{animation:jx-fade-in var(--t-slow) var(--ease-in-out) both}@keyframes jx-fade-in{0%{opacity:0;transform:translateY(20px)}30%{opacity:.3}to{opacity:1;transform:translateY(0)}}.jx-page-enter{animation:jx-page-flip-in 1.2s var(--ease-in-out) both}@keyframes jx-page-flip-in{0%{opacity:0;filter:blur(4px);transform:perspective(1200px)rotateY(-15deg)translate(-40px)}40%{opacity:.6;filter:blur(2px)}to{opacity:1;filter:blur();transform:perspective(1200px)rotateY(0)translate(0)}}.jx-fade-in{animation:jx-fade-in .6s var(--ease-out) both}.jx-scroll-reveal{animation:jx-scroll-open var(--t-slow) var(--ease-in-out) both}@keyframes jx-scroll-open{0%{opacity:0;clip-path:inset(0 50%);transform:scaleY(.8)}50%{opacity:.7;transform:scaleY(.95)}to{opacity:1;clip-path:inset(0);transform:scaleY(1)}}.jx-ink-spread{animation:jx-ink-spread-in 1s var(--ease-out) both}@keyframes jx-ink-spread-in{0%{opacity:0;filter:blur(8px);transform:scale(.9)}60%{filter:blur(2px)}to{opacity:1;filter:blur();transform:scale(1)}}.jx-bamboo-unfold{animation:jx-bamboo-unfold 1.4s var(--ease-in-out) both}@keyframes jx-bamboo-unfold{0%{opacity:0;transform-origin:0;transform:scaleX(.3)}50%{opacity:.8;transform:scaleX(.8)}to{opacity:1;transform:scaleX(1)}}.jx-progress{background:var(--rice-deep);width:100%;height:2px;position:relative;overflow:hidden}.jx-progress-fill{background:var(--jade);transition:width var(--t-base) var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:auto}.jx-chip{padding:var(--sp-1) var(--sp-3);font-family:var(--font-display);letter-spacing:.1em;background:var(--rice-warm);color:var(--ink-soft);border-radius:2px;font-size:.875rem;display:inline-block}.jx-chip-cinnabar{background:var(--cinnabar);color:var(--rice)}.jx-chip-jade{background:var(--jade);color:var(--rice)}@keyframes jx-radar-draw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}.jx-radar-user{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:jx-radar-draw 1.5s var(--ease-out) .2s forwards}@keyframes jx-radar-fade{0%{opacity:0}to{opacity:1}}.jx-radar-figure{opacity:0;animation:jx-radar-fade 1s var(--ease-in-out) .8s forwards}@media (max-width:480px){:root{--sp-4:.875rem;--sp-6:1.25rem;--sp-8:1.5rem}.jx-btn{padding:var(--sp-3) var(--sp-6);letter-spacing:.15em;min-width:8rem;font-size:1rem}.jx-container,.jx-container-narrow{padding:var(--sp-6) var(--sp-4);max-width:100%;overflow-x:hidden}header button{gap:.25rem!important;padding:.25rem .375rem!important;font-size:.875rem!important}header nav{gap:.25rem!important}header nav>span{padding:0 .25rem!important;font-size:.75rem!important}.jx-ref-grid{grid-template-columns:minmax(0,1fr)!important}.jx-ref-grid>svg.jx-radar{max-width:16rem;margin:0 auto}.jx-alt-grid{grid-template-columns:minmax(0,1fr)!important}.jx-primary-grid{text-align:center;grid-template-columns:minmax(0,1fr)!important}.jx-primary-grid .jx-portrait{margin:0 auto}.jx-verse .ancient{word-break:break-word;font-size:1.125rem}.jx-verse .gloss{word-break:break-word;font-size:.9rem}*{max-width:100%}}@media (min-width:481px) and (max-width:768px){.jx-container{padding:var(--sp-6) var(--sp-4)}}@media (min-width:769px) and (max-width:1024px){.jx-container{padding:var(--sp-8) var(--sp-6)}}@media (max-width:320px){h2{font-size:1.25rem}h3{font-size:1.125rem}p{font-size:.95rem}.jx-btn{padding:var(--sp-2) var(--sp-4);min-width:7rem;font-size:.95rem}.jx-container,.jx-container-narrow{padding:var(--sp-4) var(--sp-3);max-width:100%;overflow-x:hidden}*{max-width:100%}}button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px;box-shadow:0 0 0 4px #a8322e26}[role=radio]:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px;box-shadow:0 0 0 4px #a8322e26}[role=tab]:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px;box-shadow:0 0 0 4px #a8322e26}button:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.jx-opt-letter{background:var(--rice-warm);width:2rem;height:2rem;color:var(--ink);border:1px solid var(--rice-deep);font-family:var(--font-display);letter-spacing:0;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;margin-right:.75rem;font-size:1rem;display:inline-flex}.jx-opt-row{align-items:flex-start;gap:0;width:100%;display:flex}[data-role=option][aria-checked=true] .jx-opt-letter{background:var(--cinnabar);color:var(--rice);border-color:var(--cinnabar)}.jx-mark{font-family:var(--font-display);color:var(--cinnabar);letter-spacing:0;line-height:1;display:block}.jx-hint{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.05em;padding:.5rem .75rem;font-size:.875rem;display:inline-block}:root[data-theme=dark]{--ink:#e8e2d0;--ink-soft:#d0cab8;--ink-faint:#9a9080;--rice:#0e141a;--rice-warm:#1a232c;--rice-deep:#283342;--cinnabar:#d8584a;--cinnabar-soft:#e07060;--jade:#6aaa8a;--gold-dim:#c8a868;--ash:#9a9aa0;--rice-translucent:#0e141ad9}:root[data-theme=dark] body{background:var(--rice);color:var(--ink)}:root[data-theme=dark] body:before{opacity:.3;filter:invert(.85)hue-rotate(180deg)}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3{color:var(--ink)}:root[data-theme=dark] .jx-btn{border-color:var(--ink-soft);color:var(--ink)}:root[data-theme=dark] .jx-btn-primary{background:var(--ink);color:var(--rice)}:root[data-theme=dark] .jx-btn-primary:hover{background:var(--cinnabar);color:var(--rice)}:root[data-theme=dark] .jx-btn-ghost{color:var(--ink-faint)}:root[data-theme=dark] .jx-btn-ghost:hover{color:var(--cinnabar)}:root[data-theme=dark] .jx-seal{background:var(--cinnabar);color:var(--rice)}:root[data-theme=dark] .jx-verse .ancient{color:var(--ink)}:root[data-theme=dark] .jx-verse .gloss{color:var(--ink-faint)}:root[data-theme=dark] .jx-blurb{background:var(--rice-warm)!important;border-left-color:var(--cinnabar)!important;color:var(--ink)!important}:root[data-theme=dark] .jx-progress{background:var(--rice-deep)}:root[data-theme=dark] .jx-progress-fill{background:var(--jade)}:root[data-theme=dark] .jx-opt-letter{background:var(--rice-warm);color:var(--ink);border-color:var(--rice-deep)}:root[data-theme=dark] [data-role=option][aria-checked=true] .jx-opt-letter{background:var(--cinnabar);color:var(--rice)}:root[data-theme=dark] button:focus-visible{outline-color:var(--cinnabar);box-shadow:0 0 0 4px #d8584a40}:root[data-theme=dark] [role=radio]:focus-visible{outline-color:var(--cinnabar);box-shadow:0 0 0 4px #d8584a40}:root[data-theme=dark] [role=tab]:focus-visible{outline-color:var(--cinnabar);box-shadow:0 0 0 4px #d8584a40}:root[data-theme=dark] .jx-trait-highlight{border-left:2px solid var(--cinnabar);background:linear-gradient(90deg,#d8584a14 0%,#d8584a05 100%);padding-left:.5rem}:root[data-theme=dark] svg.jx-radar circle,:root[data-theme=dark] svg.jx-radar line{stroke:var(--ink-soft)}.jx-seal-large{animation:jx-seal-print .8s var(--ease-out) both;font-size:clamp(4rem,12vw,8rem);display:inline-block}@keyframes jx-seal-print{0%{opacity:0;transform:scale(2.5)}60%{opacity:1;transform:scale(.92)}80%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.jx-trait-highlight{border-left:2px solid var(--cinnabar);background:linear-gradient(90deg,#a8322e0f 0%,#a8322e03 100%);padding-left:.5rem;transition:background .6s}.jx-loading{border:2px solid var(--rice-deep);border-top-color:var(--cinnabar);border-radius:50%;width:1.5rem;height:1.5rem;animation:.8s linear infinite jx-spin;display:inline-block}@keyframes jx-spin{to{transform:rotate(360deg)}}.jx-empty{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--ink-faint);font-family:var(--font-display);letter-spacing:.1em}.jx-error{text-align:center;padding:var(--sp-8);border:1.5px dashed var(--cinnabar);background:var(--rice-warm);color:var(--cinnabar);font-family:var(--font-display)}@keyframes jx-stamp-in{0%{opacity:0;transform:scale(2.2)rotate(-8deg)}50%{opacity:1;transform:scale(.9)rotate(2deg)}to{transform:scale(1)rotate(0)}}.jx-stamp-in{animation:jx-stamp-in .6s var(--ease-out) both}@keyframes jx-roll-open{0%{clip-path:inset(0 0 0 50%);opacity:0}to{clip-path:inset(0);opacity:1}}.jx-roll-open{animation:jx-roll-open .7s var(--ease-in-out) both}@keyframes jx-fade-stagger{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.jx-stagger>*{opacity:0;animation:jx-fade-stagger .5s var(--ease-out) forwards}.jx-stagger>:first-child{animation-delay:60ms}.jx-stagger>:nth-child(2){animation-delay:.14s}.jx-stagger>:nth-child(3){animation-delay:.22s}.jx-stagger>:nth-child(4){animation-delay:.3s}.jx-stagger>:nth-child(5){animation-delay:.38s}.jx-stagger>:nth-child(6){animation-delay:.46s}.jx-stagger>:nth-child(7){animation-delay:.54s}.jx-stagger>:nth-child(8){animation-delay:.62s}.jx-stagger>:nth-child(9){animation-delay:.7s}.jx-stagger>:nth-child(10){animation-delay:.78s}.jx-stagger>:nth-child(11){animation-delay:.86s}.jx-stagger>:nth-child(12){animation-delay:.94s}.jx-stagger>:nth-child(n+13){opacity:1;animation:none}.jx-cinnabar-stamp{transition:transform .2s var(--ease-out), background .2s}.jx-cinnabar-stamp:hover{transform:scale(1.06)}.jx-skip-link{z-index:1000;background:var(--cinnabar);color:var(--rice);font-family:var(--font-display);border:2px solid var(--rice);transition:top .2s var(--ease-out);padding:.75rem 1rem;font-size:.875rem;text-decoration:none;position:absolute;top:-100px;left:.5rem}.jx-skip-link:focus{outline:2px solid var(--ink);outline-offset:2px;top:.5rem}.jx-skip-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px;top:.5rem}main:focus{outline:none}:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px}@media (prefers-contrast:more){:root{--ink:#000;--ink-soft:#1a1a1a;--ink-faint:#3a3a3a}:root[data-theme=dark]{--ink:#fff;--ink-soft:#f0f0f0;--ink-faint:#d0d0d0}}.jx-alt-close{transform:scale(1.02);box-shadow:0 4px 12px #a8322e26}.jx-alt-close:hover{transform:scale(1.04);box-shadow:0 6px 16px #a8322e33}.jx-btn-skip{padding:var(--sp-2) var(--sp-4);opacity:.7;font-size:.875rem}.jx-btn-skip:hover{opacity:1;background:var(--rice-warm)}.jx-backtrack-hint{animation:jx-pulse 2s var(--ease-in-out) infinite}@keyframes jx-pulse{0%,to{opacity:.8}50%{opacity:.5}}.jx-keyboard-hint{background:var(--rice-warm);border:1px solid var(--rice-deep);color:var(--ink-faint);font-size:.75rem;font-family:var(--font-display);opacity:0;transition:opacity .3s var(--ease-out);pointer-events:none;z-index:50;word-break:break-word;border-radius:2px;max-width:200px;padding:.5rem .75rem;position:fixed;bottom:1rem;right:1rem}.jx-keyboard-hint.visible{opacity:.9}button:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px;border-radius:2px;box-shadow:0 0 0 4px #a8322e26}[role=radio]:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px;border-radius:2px;box-shadow:0 0 0 4px #a8322e26}[role=tab]:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px;border-radius:2px;box-shadow:0 0 0 4px #a8322e26}a:focus-visible{outline:2px solid var(--cinnabar);outline-offset:2px;border-radius:2px;box-shadow:0 0 0 4px #a8322e26}@media (hover:none) and (pointer:coarse){.jx-btn{min-width:44px;min-height:44px}[data-role=option]{min-height:56px}}@media print{body:before,.jx-btn,.jx-skip-link,.jx-keyboard-hint{display:none}.jx-container,.jx-container-narrow{max-width:100%;padding:0}*{color:#000!important;background:#fff!important}}