:root{--bg:#141824;--bg-soft:#1b2030;--panel:#20263a;--panel-hover:#252c44;--border:#2c3450;--text:#e8eaf2;--text-dim:#9aa2bd;--text-faint:#5c6380;--accent:#ff4d88;--accent-soft:#ff7aa8;--danger:#ff5c5c;--ok:#34d399;--radius:14px;--py-letter-w:22px;--py-letter-h:36px;--py-letter-gap:2px;--py-font:20px;--row-gap:28px;--punct-w:28px;--punct-font:24px;--hanzi-font:24px;--tone-font:13px}@media(min-width:1600px){:root{--py-letter-w:26px;--py-letter-h:42px;--py-letter-gap:3px;--py-font:24px;--row-gap:36px;--punct-w:32px;--punct-font:28px;--hanzi-font:28px;--tone-font:15px}}@media(min-width:2000px){:root{--py-letter-w:30px;--py-letter-h:48px;--py-letter-gap:3px;--py-font:28px;--row-gap:42px;--punct-w:36px;--punct-font:32px;--hanzi-font:32px;--tone-font:17px}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,rgba(255,77,136,.08),transparent 60%),radial-gradient(1000px 500px at 85% 110%,rgba(99,102,241,.08),transparent 60%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;user-select:none}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-track{background:transparent}.hidden-input{background:transparent;border:none;font-size:16px;height:1px;left:-9999px;opacity:0;outline:none;position:fixed;top:0;width:1px}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.shake{animation:shake .25s ease}@keyframes wrongBlink{0%,to{box-shadow:0 0 #ff5c5c99;opacity:1}50%{box-shadow:0 0 14px 4px #ff5c5c8c;opacity:.55}}@keyframes pop{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-in{animation:pop .28s cubic-bezier(.2,.9,.3,1.2)}.toast[data-v-f8a71fd3]{align-items:flex-start;background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 48px #00000073;display:flex;gap:12px;padding:14px 16px;position:fixed;right:24px;top:84px;width:320px;z-index:200}.toast-icon[data-v-f8a71fd3]{flex-shrink:0;font-size:22px;line-height:1}.toast-body[data-v-f8a71fd3]{flex:1;min-width:0}.toast-title[data-v-f8a71fd3]{font-size:15px;font-weight:700;margin-bottom:4px}.toast-msg[data-v-f8a71fd3]{line-height:1.6;max-height:160px;overflow-y:auto}.toast-close[data-v-f8a71fd3],.toast-msg[data-v-f8a71fd3]{color:var(--text-dim);font-size:12px}.toast-close[data-v-f8a71fd3]{background:var(--bg-soft);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:26px;transition:all .15s;width:26px}.toast-close[data-v-f8a71fd3]:hover{background:var(--border);color:var(--text)}.toast.warning[data-v-f8a71fd3]{border-color:#f59e0ba6}.toast.warning .toast-icon[data-v-f8a71fd3]{filter:drop-shadow(0 0 8px rgba(245,158,11,.55))}.toast.warning .toast-title[data-v-f8a71fd3]{color:#fbbf24}.toast-enter-active[data-v-f8a71fd3]{transition:all .35s cubic-bezier(.2,.9,.3,1.2)}.toast-leave-active[data-v-f8a71fd3]{transition:all .25s ease}.toast-enter-from[data-v-f8a71fd3],.toast-leave-to[data-v-f8a71fd3]{opacity:0;transform:translate(120%)}