@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;600;700&family=Noto+Sans+TC:wght@300;400;500&family=Noto+Serif+JP:wght@400;600&display=swap";
:root{--bg:#0d0b14;--surface:#13101e;--surface2:#1a1628;--surface3:#201c30;--border:#2b2440;--border2:#352d50;--text:#ede8f5;--text-muted:#a89fc0;--text-dim:#6a5f88;--accent:#c4a8f5;--accent2:#e07bbd;--ruby-color:#a88ee0;--tag-n5:#5a9b6e;--tag-n4:#5b7fc4;--tag-n3:#9f6ec4;--tag-n2:#c46e8a;--tag-n1:#c49b6e;--background:var(--bg);--foreground:var(--text);--foreground-muted:var(--text-muted);--primary:var(--accent);--primary-hover:var(--accent2);--error:#e07bbd;--font-family-base:"Noto Sans TC", sans-serif;--radius-sm:4px;--radius-md:6px;--page-pad-desktop:18px;--page-pad-mobile:12px;--page-shell-radius:20px;--panel-radius:16px;--section-gap:16px;--title-xl:28px;--title-lg:18px;--text-base:14px;--text-sm:12px}body{background:var(--bg);color:var(--text);font-family:var(--font-family-base);flex-direction:column;height:100vh;margin:0;padding:0;font-weight:300;display:flex;overflow:hidden}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#783cc80f 0%,#0000 70%);border-radius:50%;width:700px;height:700px;position:fixed;top:-200px;left:-200px}*{box-sizing:border-box}.page-scroll-shell{height:100vh;padding:var(--page-pad-desktop);overflow-y:auto}.page-frame{border:1px solid var(--border);border-radius:var(--page-shell-radius);background:#0e0c16eb;min-height:100%;overflow:hidden}.panel-card{border:1px solid var(--border2);border-radius:var(--panel-radius);background:#1a16286b}.section-label{color:var(--text-dim);font-size:var(--text-sm);letter-spacing:.12em;text-transform:uppercase}@media (max-width:720px){.page-scroll-shell{padding:var(--page-pad-mobile)}}.input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:4px;outline:none;padding:7px 10px;font-family:Noto Sans TC,sans-serif;font-size:12px;transition:border-color .2s}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:#c4a8f566}.btn{color:#fff;letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#7c4ef0 0%,#b46cd8 100%);border:none;border-radius:5px;padding:10px;font-family:Noto Sans TC,sans-serif;font-size:12px;font-weight:500;transition:all .2s;box-shadow:0 4px 16px #7c4ef04d}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #7c4ef080}.btn:disabled{background:var(--surface2);color:var(--text-dim);box-shadow:none;cursor:not-allowed}.btn-secondary{border:1px solid var(--border);color:var(--text);box-shadow:none;background-color:#0000}.btn-secondary:hover:not(:disabled){box-shadow:none;background-color:#ffffff0d}.animate-fade-in{animation:.3s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}ruby{ruby-position:over;-webkit-ruby-position:over;display:inline-ruby;vertical-align:baseline}rt{color:#c4a8f5;letter-spacing:.08em;padding-bottom:.2em;font-family:Noto Sans TC,sans-serif;font-size:10px;font-weight:500;line-height:1}.word-token{cursor:pointer;vertical-align:bottom;border-radius:3px;padding:0 3px 2px;transition:background .12s;display:inline-block;position:relative}.word-token:hover{background:#c4a8f538}.word-token.selected{background:#c4a8f52e}.word-token.hl-n5{border-bottom:2px solid #5a9b6ed9}.word-token.hl-n4{border-bottom:2px solid #5b7fc4d9}.word-token.hl-n3{border-bottom:2px solid #9f6ec4d9}.word-token.hl-n2{border-bottom:2px solid #c46e8ad9}.word-token.hl-n1{border-bottom:2px solid #c49b6ed9}