[hidden]{display:none !important;}html{background-color:#4f5353;}:root{--app-gap:16px;--app-w:1320px;--app-panel:rgba(242,244,244,.76);--app-nav:rgba(255,255,255,.44);--app-glass:blur(28px) saturate(1.1);--app-sh:12 28 48;}[data-skin] body{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#4f5353 url(https://oss.heleeos.com/img/rain.webp) center / cover fixed no-repeat;}body::before{content:"";position:fixed;inset:0;z-index:0;background:rgba(20,26,32,.18);pointer-events:none;}.app{position:relative;z-index:1;width:calc(100% - var(--app-gap) * 2);max-width:var(--app-w);height:calc(100vh - var(--app-gap) * 2);display:flex;flex-direction:column;background:var(--app-panel);-webkit-backdrop-filter:var(--app-glass);backdrop-filter:var(--app-glass);border:1px solid rgba(255,255,255,.5);border-radius:var(--r-card,16px);box-shadow:0 8px 60px rgb(var(--app-sh) / .45);overflow:hidden;}.app__body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;}.page{width:100%;padding:var(--sp-6) clamp(var(--sp-4),3vw,var(--sp-8)) var(--sp-8);display:flex;flex-direction:column;gap:var(--sp-5);flex:1;}.page--drill{gap:var(--sp-6);padding-top:clamp(40px,10vh,88px);}.page--drill > .keyboard{margin-top:var(--sp-6);margin-bottom:auto;}@keyframes view-in{from{opacity:0}to{opacity:1}}.view{animation:view-in .12s ease-out;}.site-nav{flex:0 0 62px;display:flex;align-items:center;gap:var(--sp-1);padding:0 var(--sp-5) 0 var(--sp-6);background:var(--app-nav);border-bottom:1px solid rgba(255,255,255,.58);box-shadow:0 3px 10px rgb(var(--app-sh) / .10),0 1px 2px rgb(var(--app-sh) / .06);position:relative;z-index:5;}.site-nav__brand{font-size:1.05rem;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap;margin-right:var(--sp-6);}.site-nav__right{margin-left:auto;display:flex;align-items:center;gap:var(--sp-2);}.nseg{position:relative;display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--r-pill,999px);border:1px solid rgba(255,255,255,.92);box-shadow:0 1px 0 rgba(118,140,155,.26),0 1px 3px rgb(var(--app-sh) / .06);}.nseg__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:0;border-radius:var(--r-pill,999px);background:rgba(255,255,255,.70);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.45),0 1px 3px rgb(var(--app-sh) / .10),0 5px 14px rgb(var(--app-sh) / .10);pointer-events:none;}.nseg.is-ready .nseg__thumb{transition:transform .28s cubic-bezier(.22,.61,.36,1),width .28s cubic-bezier(.22,.61,.36,1);}.nseg__tab{position:relative;z-index:1;padding:8px 16px;border-radius:var(--r-pill,999px);color:#48575a;text-decoration:none;font-size:.94rem;white-space:nowrap;transition:color .18s;}.nseg__tab:hover{color:#2a3d55;}.nseg__tab.is-active{color:var(--accent);font-weight:700;}.site-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:0 var(--sp-3);padding:5px var(--sp-4);border-top:1px solid var(--line);background:var(--app-nav);font-size:11px;line-height:1.4;color:var(--mut);}.site-foot__gov{display:flex;align-items:center;gap:0 var(--sp-2);min-width:0;}.site-foot a{color:inherit;text-decoration:none;}.site-foot a:hover{color:var(--ink);text-decoration:underline;}.site-foot__sep{opacity:.45;user-select:none;}.settings-pop{position:fixed;top:70px;right:var(--sp-4);z-index:40;width:min(280px,calc(100vw - 2 * var(--sp-4)));display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface-solid,#fff);border:1px solid var(--line-strong,var(--line));border-radius:var(--radius,10px);box-shadow:var(--shadow-lg,0 10px 30px rgba(0,0,0,.12));font-size:.86rem;}.icon-btn{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.5);color:var(--ink2,var(--mut));box-shadow:0 1px 3px rgb(var(--app-sh) / .08);cursor:pointer;transition:transform .2s,color .15s,background .15s;}.icon-btn:hover{color:var(--ink);background:rgba(255,255,255,.8);}.icon-btn[aria-expanded="true"]{color:var(--accent);background:rgba(255,255,255,.9);}@media (hover:hover){.gear:hover{transform:rotate(40deg);}}.field{display:flex;flex-direction:column;gap:4px;}.field__label{color:var(--mut);font-size:.78rem;}.field__inline{display:flex;gap:var(--sp-3);flex-wrap:wrap;}.check{display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;}.check--split{border-top:1px solid var(--line);padding-top:var(--sp-3);}.settings-pop__note{margin:0;color:var(--mut);font-size:.76rem;line-height:1.6;}.settings-pop .linkish{align-self:flex-start;}.settings-common{display:flex;flex-direction:column;gap:var(--sp-3);border-top:1px solid var(--line);padding-top:var(--sp-3);}.sound-opts{display:flex;flex-direction:column;gap:var(--sp-3);}.sound-opts input[type="range"]{width:100%;accent-color:var(--accent);}.linkish{border:0;padding:0;background:none;font:inherit;font-size:.82rem;color:var(--accent);cursor:pointer;}.linkish:hover{text-decoration:underline;}.linkish--danger{color:var(--c-danger-solid,crimson);align-self:flex-start;}.belt{--cell:4.4rem;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-3);position:relative;padding-bottom:var(--sp-6);}.belt{margin-top:-12px;margin-bottom:12px;}.belt--word{--cell:7rem;}.belt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(90deg,rgba(15,30,50,.16) 0 14px,transparent 14px 22px);}.belt__done,.belt__next{display:flex;gap:var(--sp-2);overflow:hidden;min-width:0;padding:6px 0;}.belt__done{justify-content:flex-end;-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%);mask-image:linear-gradient(90deg,transparent,#000 45%);}.belt__next{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent);}.belt__cell{flex:0 0 auto;min-width:calc(var(--cell) - var(--sp-2));display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);}.belt__cell b{font-size:1.5rem;font-weight:500;line-height:1.2;color:var(--ink);}.belt__cell small{font-family:var(--font-mono);font-size:.7rem;color:var(--mut);min-height:1em;}.belt--word .belt__cell b{font-size:1.15rem;}.belt__done .belt__cell{opacity:.7;}.belt__cell.is-empty{background:none;border:1px dashed rgba(15,30,50,.14);opacity:1;}.belt__cell.is-empty > *{visibility:hidden;}.belt__done .belt__cell b{color:var(--mut);}.belt__done .belt__cell.is-miss{background:var(--c-danger-fill,#fde8e8);border-color:var(--c-danger-line,#f5b5b5);opacity:1;}.belt__done .belt__cell.is-miss b{color:var(--c-danger-solid,crimson);}.belt__cur{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:8rem;padding:18px 26px 14px;border-radius:18px;background:#fff;border:1px solid rgba(15,30,50,.08);box-shadow:0 0 0 4px rgb(var(--app-sh) / .05),0 14px 30px rgb(var(--app-sh) / .12);}@keyframes belt-step{from{transform:translateX(var(--cell));}to{transform:none;}}@keyframes belt-rail{from{background-position:22px 0;}to{background-position:0 0;}}@keyframes belt-pop{from{transform:scale(.9);opacity:.4;}to{transform:none;opacity:1;}}.belt.is-shift .belt__done > *,.belt.is-shift .belt__next > *{animation:belt-step .22s cubic-bezier(.22,.61,.36,1);}.belt.is-shift::after{animation:belt-rail .22s linear;}.belt.is-shift .belt__cur > *{animation:belt-pop .2s ease-out;}.stage{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);}.stage__char{font-size:clamp(2.6rem,6vw,3.8rem);line-height:1;margin:0;}.stage__pinyin{margin:0;color:var(--accent);font-family:var(--font-mono);font-size:.95rem;letter-spacing:.35em;text-indent:.35em;min-height:1.5em;}.stage__tip{margin:0;color:var(--mut);font-size:.8rem;}.stage__tip:empty{display:none;}.code-field{position:relative;font-family:var(--font-mono);font-size:2rem;width:3.4ch;margin-top:var(--sp-4);}.code-input{width:100%;border:0;background:none;font:inherit;line-height:1.3;text-align:center;text-transform:uppercase;letter-spacing:normal;color:var(--ink);caret-color:var(--accent);}.code-input:focus{outline:none;}.code-rail{position:absolute;bottom:0;width:1.2ch;height:2px;border-radius:2px;background:var(--line-strong,#c7ccd1);transition:height .12s,background .12s;}.code-field:focus-within .code-rail{background:var(--accent);height:3px;}.code-rail--sheng{left:.6ch;}.code-rail--yun{right:.6ch;}.code-field.is-right .code-rail{background:var(--c-green-solid,var(--accent));height:3px;}.code-field.is-wrong .code-rail{background:var(--c-danger-solid,crimson);height:3px;}.code-field.is-wrong .code-input{color:var(--c-danger-solid,crimson);}.stage__word{display:flex;gap:.15em;font-size:clamp(1.8rem,5vw,2.4rem);margin:0;}.word-input{max-width:22rem;text-align:center;}.wchar{padding:0 .04em;border-bottom:3px solid transparent;}.wchar.is-done{color:var(--mut);}.wchar.is-cursor{border-bottom-color:var(--accent);}.wchar.is-error{color:var(--c-danger-solid,crimson);}.live{display:inline-flex;align-items:baseline;gap:.4em;}.live b{font-size:1.05rem;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;}.drawer{display:flex;flex-direction:column;gap:var(--sp-3);padding-left:var(--sp-4);border-left:2px solid var(--line);}.drawer__actions{display:flex;align-items:center;gap:var(--sp-3);}.drawer__hint{color:var(--mut);font-size:.82rem;}.keyboard{--k:clamp(3.2rem,6.2vw,5.4rem);--kw:calc(var(--k) * 1.15);--kb-sheng:var(--c-blue-solid,#2f7cf6);--kb-yun:var(--c-orange-solid,#f08a24);align-self:center;display:flex;flex-direction:column;gap:calc(var(--k) * .13);padding:calc(var(--k) * .32) calc(var(--k) * .4);border-radius:20px;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 34px rgb(var(--app-sh) / .12),inset 0 1px 0 rgba(255,255,255,.9);font-family:var(--font-mono);}.kb-row{display:flex;gap:calc(var(--k) * .13);}.kb-row:nth-child(2){padding-left:calc(var(--kw) * .35);}.kb-row:nth-child(3){padding-left:calc(var(--kw) * .9);}.kb-key{position:relative;width:var(--kw);height:var(--kw);display:grid;grid-template:"cap sheng" auto "yun yun" 1fr / 1fr auto;padding:calc(var(--k) * .09) calc(var(--k) * .12);border-radius:calc(var(--k) * .18);background:linear-gradient(180deg,#ffffff,#f1f4f7);border:1px solid rgba(15,30,50,.1);box-shadow:0 3px 0 #cfd6de,0 4px 10px rgb(var(--app-sh) / .08);transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;}.kb-cap{grid-area:cap;font-size:calc(var(--k) * .27);font-weight:700;color:var(--ink);line-height:1;}.kb-sheng{grid-area:sheng;font-size:calc(var(--k) * .2);color:var(--kb-sheng);font-weight:700;line-height:1.1;}.kb-yun{grid-area:yun;align-self:end;font-size:calc(var(--k) * .2);color:var(--mut);line-height:1.15;text-align:left;}@keyframes kb-hint{0%,100%{opacity:1}25%,75%{opacity:.45}}.keyboard.is-hinting .kb-key.is-sheng,.keyboard.is-hinting .kb-key.is-yun{animation:kb-hint .45s ease-in-out 2;}.kb-key.is-sheng,.kb-key.is-yun{transform:translateY(2px);}.kb-key.is-sheng{border-color:var(--kb-sheng);background:var(--c-blue-fill,#e6f0ff);box-shadow:0 1px 0 #cfd6de,0 0 0 1px var(--kb-sheng),0 0 16px rgb(47 124 246 / .35);}.kb-key.is-yun{border-color:var(--kb-yun);background:var(--c-orange-fill,#fff1e2);box-shadow:0 1px 0 #cfd6de,0 0 0 1px var(--kb-yun),0 0 16px rgb(240 138 36 / .35);}.kb-key.is-yun .kb-yun{color:var(--kb-yun);font-weight:700;}.kb-key.is-sheng.is-yun{background:linear-gradient(135deg,var(--c-blue-fill,#e6f0ff) 0 50%,var(--c-orange-fill,#fff1e2) 50% 100%);box-shadow:0 1px 0 #cfd6de,0 0 16px rgb(47 124 246 / .3),0 0 16px rgb(240 138 36 / .3);}.is-focus .site-nav,.is-focus .settings-pop,.is-focus .site-foot{display:none !important;}.focus-mini{margin:0;text-align:center;color:var(--text-tertiary,var(--mut));font-size:.74rem;opacity:.7;}.focus-mini b{font-weight:700;color:var(--mut);}.page--home{justify-content:center;align-items:center;}.intro{max-width:34em;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);}.intro__title{margin:0 0 var(--sp-2);font-size:clamp(1.9rem,4.5vw,2.6rem);}.intro__text{margin:0;line-height:1.9;color:var(--ink);}.intro__text--mut{color:var(--mut);font-size:.9rem;}.intro__go{display:flex;gap:var(--sp-3);margin-top:var(--sp-4);}.hero{padding:var(--sp-6) 0 var(--sp-2);}.hero__title{font-size:clamp(1.8rem,5vw,2.6rem);margin:0 0 var(--sp-3);}.hero__sub{color:var(--mut);max-width:40em;line-height:1.8;margin:0;}.entries{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}.entry{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-5);background:var(--surface,#fff);border:1px solid var(--line);border-radius:var(--radius-card,var(--r-card,14px));box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.06));}.entry__title{margin:0;font-size:1.1rem;}.entry__desc{margin:0;color:var(--ink);line-height:1.75;font-size:.92rem;}.entry__meta{color:var(--mut);font-size:.8rem;margin-top:auto;padding-top:var(--sp-2);}.entry--soon{opacity:.6;border-style:dashed;box-shadow:none;}.notice__title{margin:0 0 var(--sp-2);font-size:1rem;}.notice__list{margin:0;padding-left:1.2em;color:var(--mut);line-height:1.85;font-size:.9rem;}.split{flex:1;min-height:0;display:flex;position:relative;}.celebrate{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;}.toc{flex:0 0 240px;min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);}.toc__work{margin:var(--sp-5) var(--sp-5) 0;font-size:1.05rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.toc__author{margin:4px var(--sp-5) var(--sp-3);color:var(--mut);font-size:.8rem;}.toc__author:empty{margin-bottom:var(--sp-2);}.toc__list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3) var(--sp-6);border-top:1px solid var(--line);}.toc__list:empty{border-top:0;}.toc__list > *{flex-shrink:0;}.toc__item{text-align:left;border:0;background:none;font:inherit;font-size:.86rem;line-height:1.5;color:var(--ink);padding:6px var(--sp-3);border-radius:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.toc__item:hover{background:rgba(255,255,255,.5);}.toc__item.is-active{background:rgba(255,255,255,.78);color:var(--accent);font-weight:700;}.shelf{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-8) var(--sp-4);background:rgba(40,48,56,.18);}.shelf__panel{width:min(760px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--surface-solid,#fff);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg,0 18px 50px rgba(0,0,0,.16));overflow:hidden;}.shelf__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);}.shelf__title{margin:0;font-size:1.05rem;}.shelf__close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--mut);cursor:pointer;}.shelf__close:hover{background:var(--bg-2);color:var(--ink);}.shelf__close svg{width:16px;height:16px;}.shelf__body{overflow-y:auto;padding:var(--sp-2) var(--sp-5) var(--sp-5);}.shelf__group{padding:var(--sp-3) 0;}.shelf__group + .shelf__group{border-top:1px solid var(--line);}.shelf__cat{margin:0 0 var(--sp-2);font-size:.8rem;letter-spacing:.12em;color:var(--mut);}.shelf__row{display:flex;flex-wrap:wrap;gap:var(--sp-2);}.shelf__item{border:1px solid var(--line);border-radius:999px;background:var(--bg-2);padding:5px 14px;font:inherit;font-size:.9rem;color:var(--ink);cursor:pointer;}.shelf__item:hover{border-color:var(--accent);color:var(--accent);}.shelf__item.is-active{background:var(--accent);border-color:var(--accent);color:#fff;}.shelf__item--ghost{background:none;border-style:dashed;color:var(--mut);}.split__main{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-6) clamp(var(--sp-4),3vw,var(--sp-8)) var(--sp-8);}.pop-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--line);}.pop-stats .live{flex-direction:column;align-items:flex-start;gap:0;color:var(--mut);font-size:.74rem;}.pop-stats__action{grid-column:1 / -1;justify-self:start;}.reader{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);text-align:center;}.reader__view{width:100%;flex:1;min-height:12rem;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent);}.reader__lines{position:relative;padding:1rem 0;transition:transform .35s cubic-bezier(.22,.61,.36,1);}.rline{margin:0;padding:.1em 0;color:var(--ink);opacity:.5;font-size:1.05rem;line-height:1.6;letter-spacing:.04em;word-break:break-all;transition:opacity .2s;}.rline.is-done{color:var(--mut);opacity:.45;}.rline--title{font-weight:700;}.rline--author{font-size:.92rem;}.rline--para{margin-top:.5em;}.rline[data-pinyin]::before{content:attr(data-pinyin);display:block;font-size:.55em;color:var(--mut);letter-spacing:.1em;}.reader__status{margin:0;padding-top:var(--sp-6);color:var(--mut);font-size:.9rem;}.rline.is-current{opacity:1;font-size:clamp(1.35rem,3.2vw,1.75rem);padding-top:.3em;}.rchar{padding:1px 0;border-bottom:2px solid transparent;}.rchar.is-done{color:var(--mut);}.rchar.is-cursor{border-bottom-color:var(--accent);background:var(--accent-fill);}.rchar.is-error{color:var(--c-danger-solid,crimson);background:var(--c-danger-fill,#fde8e8);}.reader__view{position:relative;cursor:text;}.rtyped{position:relative;margin:0 0 .3em;min-height:1.6em;font-size:clamp(1.15rem,2.8vw,1.5rem);line-height:1.7;letter-spacing:.04em;color:var(--ink);word-break:break-all;}.reader.is-finished .rtyped{display:none;}.ghost-input{position:absolute;inset:0;width:100%;font:inherit;text-align:center;border:0;outline:0;background:transparent;color:transparent;caret-color:transparent;opacity:0;}.tchar.is-wrong{color:var(--c-danger-solid,crimson);background:var(--c-danger-fill,#fde8e8);border-radius:2px;}.tpre{color:var(--accent);border-bottom:1px dashed var(--accent);font-size:.75em;margin:0 .1em;}@keyframes caret-blink{50%{opacity:0}}.tcaret{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:-.15em;background:var(--accent);opacity:.3;}.reader:focus-within .tcaret{opacity:1;animation:caret-blink 1s steps(1) infinite;}.reader__hint{margin:0;color:var(--mut);font-size:.8rem;}.reader:focus-within .reader__hint,.reader.is-finished .reader__hint{visibility:hidden;}.mytexts__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);}.mytexts__list li{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);border-top:1px solid var(--line);padding-top:var(--sp-2);font-size:.9rem;}.mytexts__empty{color:var(--mut);}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms !important;animation-duration:.01ms !important;}}@media (max-width:720px){.site-foot{padding:4px var(--sp-2);font-size:10px;}.site-foot__me{display:none;}.keyboard{--k:2.5rem;}.keyboard{align-items:flex-start;overflow-x:auto;width:100%;}.split{flex-direction:column;}.toc{flex:0 0 auto;max-height:34vh;border-right:0;border-bottom:1px solid var(--line);}}