.xw-herb-progress{--herb-paper:#f7f1e6;--herb-ink:#474c43;--herb-muted:#756e63;--herb-rule:#d8cdbb;--herb-blue:#3c5f65;--herb-ochre:#a87739;--herb-fruit:#bd492e;--herb-flower:#8c6a91;isolation:isolate;width:100%;height:100%;color:var(--herb-ink);background:var(--herb-paper);font-family:Noto Serif SC,Songti SC,STSong,serif;position:relative;overflow:hidden;container-type:size}.xw-herb-progress:before{z-index:-1;content:"";opacity:.6;mix-blend-mode:multiply;background:url(/xiaowang/paper-grain-bplus.png) 0 0/256px;position:absolute;inset:0}.xw-herb-progress__art{width:60%;height:79%;position:absolute;top:8%;left:27%;overflow:visible}.xw-herb-progress__stroke{stroke-dasharray:1 1;transition:stroke-dashoffset .7s linear}.xw-herb-progress__wash{transition:opacity 1.2s}.xw-herb-progress__name{letter-spacing:.35em;writing-mode:vertical-rl;font-size:clamp(20px,4cqw,46px);font-weight:400;position:absolute;top:29%;left:12%}.xw-herb-progress__footer{justify-content:space-between;align-items:baseline;gap:2.8cqw;display:flex;position:absolute;bottom:6%;left:6%;right:6%}.xw-herb-progress__status{color:var(--herb-muted);letter-spacing:.1em;white-space:nowrap;font-size:clamp(11px,1.6cqw,14px)}.xw-herb-progress__number{font-variant-numeric:tabular-nums;letter-spacing:-.065em;text-align:right;min-width:3.4em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(19px,3.4cqw,40px);font-weight:300;line-height:1}.xw-herb-progress__number>span{color:var(--herb-muted);letter-spacing:0;margin-left:.45em;font-size:.43em}.dark .xw-herb-progress{--herb-paper:#252724;--herb-ink:#d1cbb9;--herb-muted:#a9a493;--herb-rule:#53564c;--herb-blue:#9aafa6;--herb-ochre:#d4af73;--herb-fruit:#d48d6c;--herb-flower:#baa1ba}@container (width<600px){.xw-herb-progress__stroke{--herb-stroke-scale:1.8}}@media (prefers-reduced-motion:reduce){.xw-herb-progress__stroke{transition:none;stroke-dashoffset:0!important;opacity:1!important}.xw-herb-progress__wash{transition:none;opacity:.65!important}}.xw-herb-progress[data-active=false] *{transition:none!important}.xw-herb-frame{border-radius:.75rem;overflow:hidden;container-type:inline-size}.xw-herb-frame>.xw-herb-progress{aspect-ratio:4/3;height:auto}@container (width>=640px){.xw-herb-frame>.xw-herb-progress{aspect-ratio:16/9}}.xw-herb-progress[aria-busy=false] .xw-herb-progress__stroke,.xw-herb-progress[aria-busy=false] .xw-herb-progress__wash{transition-duration:.3s}@media (prefers-reduced-motion:reduce){.xw-herb-progress[aria-busy=false] *{transition:none}}.xw-waiting{aspect-ratio:4/3;color:var(--foreground);background:var(--canvas-bg,#f7f1e6);border-radius:.75rem;transition:opacity 1s;position:relative;overflow:hidden;container-type:inline-size}@media (width>=768px){.xw-waiting{aspect-ratio:16/9}}.xw-waiting__copy{z-index:2;font-size:13px;line-height:1.8;position:absolute;top:6%;left:7%}.xw-waiting__stage{color:var(--muted-foreground);font-size:11px}.xw-waiting__art{position:absolute;inset:0}.xw-waiting__art>*{width:100%;height:100%}.xw-waiting:is([data-scene=particles],[data-compact=true]){aspect-ratio:1;background:0 0;border-radius:16px;width:min(400px,100%);transition:opacity .45s}.xw-waiting:is([data-scene=particles],[data-compact=true]) .xw-waiting__copy{pointer-events:none;font-size:16px;line-height:1.6;top:24px;left:24px;right:24px}.xw-waiting:is([data-scene=particles],[data-compact=true]) .xw-waiting__stage{font-size:16px}.xw-waiting:is([data-scene=particles],[data-compact=true]) .xw-waiting__art{inset:56px 12px 12px}.xw-particle-canvas{touch-action:pan-y;display:block}.xw-waiting__picture>*{width:100%;height:100%}.xw-waiting[data-compact=true] .xw-waiting__picture{animation:.18s ease-out both xw-waiting-picture-in}@keyframes xw-waiting-picture-in{0%{opacity:0}to{opacity:1}}.xw-waiting__switch{z-index:4;width:44px;height:44px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex;position:absolute;bottom:6px;left:6px}.xw-waiting__switch:hover{background:var(--muted);color:var(--foreground)}.xw-waiting__switch:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}.xw-waiting__switch:disabled{cursor:default;opacity:.4}.xw-waiting[data-compact=true]:not([data-scene=particles]) .xw-waiting__art{inset:56px 12px}.xw-waiting[data-compact=true] :is(.xw-herb-progress,.xw-meridian-progress,.xw-solar-progress,.xw-shanghan-progress){background:0 0}.xw-waiting[data-compact=true] :is(.xw-herb-progress,.xw-meridian-progress,.xw-solar-progress,.xw-shanghan-progress):before{display:none}.xw-waiting[data-compact=true] .xw-herb-progress__art{width:76%;height:96%;top:2%;left:12%}.xw-waiting[data-compact=true] .xw-meridian-progress__art{width:92%;height:96%;top:2%;left:4%}.xw-waiting[data-compact=true] :is(.xw-solar-progress__art,.xw-shanghan-progress__page){width:100%;height:100%;top:0;left:0}.xw-waiting[data-compact=true] .xw-meridian-progress__code{display:none}.xw-waiting[data-compact=true] .xw-meridian-progress__label{font-size:19px}@media (prefers-reduced-motion:reduce){.xw-waiting[data-compact=true] .xw-waiting__picture{animation:none}}.xw-particle-percent{z-index:3;background:var(--popover);min-width:56px;height:28px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;box-shadow:0 4px 12px #00000014, 0 0 0 .5px var(--border);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:500;line-height:1;display:flex;position:absolute;bottom:14px;right:14px}.xw-waiting :is(.xw-herb-progress__footer,.xw-herb-progress__name,.xw-meridian-progress__folio,.xw-meridian-progress__title,.xw-meridian-progress__footer,.xw-meridian-progress__glow,.xw-solar-progress__folio,.xw-solar-progress__caption,.xw-solar-progress__footer,.xw-solar-progress__seal,.xw-shanghan-progress__folio,.xw-shanghan-progress__footer,.xw-shanghan-progress__seal){display:none}.xw-waiting .xw-herb-progress__art{width:56%;height:72%;top:16%;left:24%}.xw-waiting .xw-meridian-progress__art{width:76%;height:64%;top:20%;left:14%}.xw-waiting .xw-solar-progress__art{width:75%;height:70%;top:16%;left:14%}.xw-waiting .xw-shanghan-progress__page{height:59%;top:24%}.xw-waiting__percent{font-variant-numeric:tabular-nums;font:300 clamp(18px,3cqw,30px)/1 ui-monospace,monospace;position:absolute;bottom:6%;right:7%}.xw-waiting__percent small{color:var(--muted-foreground);margin-left:4px;font-size:.5em}.xw-waiting__seal{color:#ac3c2c;opacity:0;width:30px;height:30px;position:absolute;bottom:6%;left:7%;transform:scale(1.15)}.xw-waiting[data-done=true] .xw-waiting__seal{animation:.25s ease-out .35s both xw-waiting-seal}.xw-waiting[data-done=true] .xw-waiting__art *{transition-duration:.3s}.xw-waiting[data-active=false] .xw-waiting__art *{transition:none!important;animation:none!important}@keyframes xw-waiting-seal{to{opacity:.86;transform:scale(1)}}.xw-new-lesson{animation:.8s both xw-lesson-arrive}@keyframes xw-lesson-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.xw-waiting,.xw-new-lesson{transition:none;animation:none}.xw-waiting[data-done=true] .xw-waiting__seal{opacity:.86;animation:none;transform:none}}