:root{--jh-paper:#f7f3e7;--jh-workspace:#f5f4ef;--jh-surface:#ffffff;--jh-surface-soft:#fafbf9;--jh-ink:#304455;--jh-text:#364754;--jh-muted:#71818b;--jh-line:#e4e8e6;--jh-blue:#009dcd;--jh-blue-dark:#007faf;--jh-blue-soft:#e1f5fb;--jh-green:#00c993;--jh-green-dark:#168363;--jh-green-soft:#e3f7ee;--jh-yellow:#f4c44e;--jh-yellow-soft:#fff3cd;--jh-error:#b8463c;--jh-error-soft:#fff0eb;--jh-font:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;--jh-font-en:"Lexend",var(--jh-font);--jh-r-sm:8px;--jh-r-md:14px;--jh-r-lg:22px;--jh-shadow:0 4px 18px rgb(48 68 85/5%);--jh-shadow-float:0 12px 36px rgb(48 68 85/13%);--jh-space-1:4px;--jh-space-2:8px;--jh-space-3:12px;--jh-space-4:16px;--jh-space-5:24px;--jh-space-6:32px;--jh-space-7:48px}.jh-panel{background:var(--jh-surface);border:1px solid var(--jh-line);border-radius:var(--jh-r-lg)}.jh-button{min-height:42px;border-radius:var(--jh-r-sm);padding:10px 16px;font:600 14px var(--jh-font);border:1px solid var(--jh-line);background:white;color:var(--jh-ink);cursor:pointer}.jh-button-primary{background:var(--jh-blue-dark);color:white;border-color:transparent}.jh-button:disabled{opacity:.42;cursor:not-allowed}.jh-button:focus-visible,.jh-input:focus-visible{outline:3px solid var(--jh-yellow);outline-offset:3px}.jh-input{min-height:42px;padding:9px 12px;border:1px solid #cdd6d8;border-radius:var(--jh-r-sm);background:white;color:var(--jh-ink);font:14px var(--jh-font)}.jh-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;font-size:12px;line-height:1.3;background:var(--jh-surface-soft);color:var(--jh-muted)}.jh-tag-published{background:var(--jh-green-soft);color:var(--jh-green-dark)}.jh-tag-active{background:var(--jh-blue-soft);color:var(--jh-blue-dark)}.jh-empty{padding:56px 24px;text-align:center;color:var(--jh-muted)}.jh-error{padding:12px 16px;border-radius:var(--jh-r-sm);color:var(--jh-error);background:var(--jh-error-soft)}.jh-reader{background:var(--jh-paper);color:var(--jh-ink);min-height:100dvh}.jh-reader-sentence{color:var(--jh-blue-dark);font:400 20px/1.45 var(--jh-font-en);overflow-wrap:anywhere}.jh-reader-dock{position:relative;isolation:isolate;height:110px;padding-bottom:env(safe-area-inset-bottom)}.jh-reader-dock-pill{position:absolute;inset:16px 0;border-radius:48px;background:white;box-shadow:var(--jh-shadow-float);z-index:1}.jh-reader-mic{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:92px;height:92px;border:6px solid white;border-radius:50%;background:var(--jh-blue);color:white;box-shadow:0 4px 14px rgb(0 127 175/20%);z-index:3}@media (min-width:768px){.jh-reader-sentence{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}