.reader-demo[data-astro-cid-5jr6ftni]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;--phone-w: 320px}.reader-demo__langbar[data-astro-cid-5jr6ftni]{display:flex;align-items:center;justify-content:center;gap:8px;height:32px;font-family:Inter,sans-serif;font-size:.85rem}.reader-demo__langlabel[data-astro-cid-5jr6ftni]{color:#ffffff8c;white-space:nowrap}.reader-demo__langpill[data-astro-cid-5jr6ftni]{position:relative;display:inline-flex;align-items:center;color:var(--primary, #4ade80)}.reader-demo__langselect[data-astro-cid-5jr6ftni]{appearance:none;-webkit-appearance:none;font:inherit;font-weight:600;color:inherit;background:#4ade801a;border:1px solid rgba(74,222,128,.35);border-radius:999px;padding:5px 30px 5px 14px;cursor:pointer;max-width:220px;transition:background .15s,border-color .15s}.reader-demo__langselect[data-astro-cid-5jr6ftni]:hover{background:#4ade802e;border-color:#4ade8099}.reader-demo__langselect[data-astro-cid-5jr6ftni]:focus-visible{outline:2px solid var(--primary, #4ade80);outline-offset:2px}.reader-demo__langselect[data-astro-cid-5jr6ftni]:disabled{opacity:.55;cursor:progress}.reader-demo__langselect[data-astro-cid-5jr6ftni] option[data-astro-cid-5jr6ftni]{color:#1a2332;background:#fff}.reader-demo__langarrow[data-astro-cid-5jr6ftni]{position:absolute;right:11px;pointer-events:none}.reader-demo__phone-wrap[data-astro-cid-5jr6ftni]{position:relative;display:flex;flex-direction:column;align-items:center}.reader-demo__shell[data-astro-cid-5jr6ftni]{position:absolute;width:calc(var(--phone-w) + 12px);height:calc(var(--phone-w) * 2 + 6px);top:-2px;left:-6px;z-index:20;pointer-events:none}.reader-demo__frame[data-astro-cid-5jr6ftni]{width:var(--phone-w);height:calc(var(--phone-w) * 2);background:#fff;border-radius:36px;overflow:hidden;position:relative}.reader__finger[data-astro-cid-5jr6ftni]{position:absolute;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,top .4s ease,left .4s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.reader__finger[data-astro-cid-5jr6ftni].is-visible{opacity:1}.reader__finger[data-astro-cid-5jr6ftni].is-tapping{animation:finger-tap .5s ease}.reader__finger[data-astro-cid-5jr6ftni].is-above img[data-astro-cid-5jr6ftni]{transform:scaleY(-1)}.reader__finger[data-astro-cid-5jr6ftni].is-tap-pose img[data-astro-cid-5jr6ftni]{width:26px;height:26px;transform:rotate(-24deg);transform-origin:50% 12%}@keyframes finger-tap{0%{transform:scale(1)}30%{transform:scale(.75)}60%{transform:scale(.85)}to{transform:scale(1)}}.reader[data-astro-cid-5jr6ftni]{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;overflow:hidden}.reader__header[data-astro-cid-5jr6ftni]{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid #eee;flex-shrink:0}.reader__back[data-astro-cid-5jr6ftni]{font-size:20px;color:#f97316;font-weight:600;line-height:1}.reader__title[data-astro-cid-5jr6ftni]{font-size:11px;color:#333;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader__page[data-astro-cid-5jr6ftni]{font-size:11px;color:#999}.reader__footer[data-astro-cid-5jr6ftni]{display:flex;justify-content:center;align-items:center;gap:16px;padding:8px 0;border-top:1px solid #eee;flex-shrink:0}.reader__listen[data-astro-cid-5jr6ftni]{display:flex;align-items:center;gap:4px;padding:4px 10px;border:none;border-radius:12px;font-size:10px;font-weight:600;cursor:pointer;background:#e5e7eb;color:#666;transition:all .3s}.reader__listen[data-astro-cid-5jr6ftni].is-active{background:#f97316;color:#fff}.reader__eq[data-astro-cid-5jr6ftni]{display:flex;align-items:flex-end;gap:1.5px;height:12px}.reader__eq-bar[data-astro-cid-5jr6ftni]{width:2px;background:#fff;border-radius:1px;animation:eq-bounce 1s ease-in-out infinite}.reader__eq-bar[data-astro-cid-5jr6ftni]:nth-child(1){height:4px;animation-delay:0s}.reader__eq-bar[data-astro-cid-5jr6ftni]:nth-child(2){height:8px;animation-delay:.15s}.reader__eq-bar[data-astro-cid-5jr6ftni]:nth-child(3){height:5px;animation-delay:.3s}.reader__eq-bar[data-astro-cid-5jr6ftni]:nth-child(4){height:10px;animation-delay:.45s}@keyframes eq-bounce{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.reader__content[data-astro-cid-5jr6ftni]{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 14px 20px;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;pointer-events:none}.reader__content[data-astro-cid-5jr6ftni]::-webkit-scrollbar{display:none}.reader__loading[data-astro-cid-5jr6ftni]{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px;font-weight:500}.reader__chapter{font-size:14px;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:4px;line-height:1.3}.reader__chapter-trans{font-size:11px;color:#999;text-align:center;margin-bottom:16px;line-height:1.3}.reader__subchapter{font-size:12px;font-weight:700;color:#1a1a2e;text-align:center;margin-bottom:2px}.reader__subchapter-trans{font-size:10px;color:#999;text-align:center;margin-bottom:14px;font-style:italic}.reader__pair{margin-bottom:10px}.reader__en{font-size:12px;line-height:1.5;color:#1a1a2e;transition:background .3s,color .3s;padding:2px 4px;margin:0 -4px 2px;border-radius:4px}.reader__en.is-reading{background:#f973160f;border-radius:4px}.reader__word.is-spoken{background:#f9731640;color:#c2410c;border-radius:3px;padding:1px 2px;margin:-1px -2px}.reader__trans{font-size:11px;line-height:1.4;color:#aaa;padding:0 4px}.reader__word.is-tapped{background:#f97316;color:#fff;border-radius:3px;padding:1px 3px;margin:-1px -3px}@media(max-width:768px){.reader-demo[data-astro-cid-5jr6ftni]{--phone-w: 260px}.reader-demo__frame[data-astro-cid-5jr6ftni]{border-radius:30px}}@media(max-width:480px){.reader-demo[data-astro-cid-5jr6ftni]{--phone-w: min(260px, calc(100vw - 80px) )}}.reader__trans-word{transition:background .3s,color .3s;border-radius:3px;padding:1px 2px;margin:-1px -2px}.reader__trans-word.is-trans-highlighted{background:#f9731633;color:#c2410c;border-radius:3px}