: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:var(--font-be-vietnam-pro), var(--font-noto-sans-tc), "Noto Sans TC", sans-serif;--radius-sm:8px;--radius-md:8px;--page-pad-desktop:18px;--page-pad-mobile:16px;--page-shell-radius:20px;--panel-radius:16px;--section-gap:16px;--title-xl:28px;--title-lg:18px;--text-base:14px;--text-sm:12px}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-family-base);min-height:100vh;margin:0;padding:0;font-weight:300;overflow:hidden auto}.site-root{flex-direction:column;min-height:100vh;padding-bottom:0;display:flex}.site-main{flex-direction:column;flex:1 0 auto;display:flex}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:100%;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)}.footer-grid{grid-template-columns:1fr!important}.site-root{padding-bottom:88px}}.input{background:var(--surface2);border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);font-family:var(--font-family-base);border-radius:12px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:#c4a8f566}.btn{color:#fff;min-height:44px;font-family:var(--font-family-base);letter-spacing:.12em;cursor:pointer;background:linear-gradient(135deg,#7c4ef0 0%,#b46cd8 100%);border:none;border-radius:12px;padding:10px 14px;font-size:13px;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}.site-button{letter-spacing:.04em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s,color .16s;display:inline-flex}.site-button:focus-visible,.site-text-link:focus-visible,.workspace-action-button:focus-visible,.workspace-card-link:focus-visible{outline-offset:2px;outline:2px solid #c4a8f5d1}.site-button:hover{transform:translateY(-1px)}.site-button-primary{color:#fff;background:linear-gradient(135deg,#7c4ef0 0%,#b46cd8 100%);border:1px solid #0000;box-shadow:0 8px 24px #7c4ef047}.site-button-primary:hover{box-shadow:0 12px 30px #7c4ef061}.site-button-secondary{color:var(--text);background:#ffffff05;border:1px solid #c4a8f538;box-shadow:inset 0 0 0 1px #ffffff03}.site-button-secondary:hover{background:#ffffff0d;border-color:#c4a8f55c}.site-button-ghost{color:var(--text-muted);box-shadow:none;background:0 0;border:1px solid #0000}.site-button-ghost:hover{color:var(--text);background:#ffffff0a}.site-card{transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s}.site-card-interactive:hover{transform:translateY(-2px);background:#181426d1!important;border-color:#c4a8f542!important;box-shadow:0 18px 36px #0003!important}.site-text-link{color:var(--text-muted);letter-spacing:.08em;font-size:12px;text-decoration:none;transition:color .16s,opacity .16s}.site-text-link:hover{color:var(--text)}.mobile-bottom-nav{display:none}@media (max-width:760px){.mobile-bottom-nav{left:12px;right:12px;bottom:max(10px, env(safe-area-inset-bottom));z-index:160;display:block;position:fixed}.mobile-bottom-nav__inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#16141fe6;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px;display:grid;box-shadow:0 16px 30px #00000042}.mobile-bottom-nav__item{min-height:48px;color:var(--text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:inline-flex}.mobile-bottom-nav__item:hover,.mobile-bottom-nav__item:focus-visible{color:var(--text);background:#ffffff0d;outline:none}.mobile-bottom-nav__item.is-active{color:#fff;background:#7c4ef029}.mobile-bottom-nav__icon{font-size:14px;line-height:1}}.workspace-action-button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:#ffffff05;border:1px solid #c4a8f51a;border-radius:14px;padding:12px 12px 10px;transition:transform .16s,border-color .16s,background-color .16s}.workspace-action-button:hover{background:#ffffff0b;border-color:#c4a8f542;transform:translateY(-1px)}.workspace-card-link{color:inherit;flex-direction:column;gap:12px;text-decoration:none;display:flex}.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}