@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700;900&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111827;--surface:#161e30e6;--surface2:#1c253acc;--surface3:#232d41b3;--border:#94856926;--border-hover:#9485694d;--border-active:#c4af8266;--gold:#c4af82;--gold-light:#ddd0a8;--gold-dark:#8a7c5a;--text:#d6d0c4;--text-dim:#a09888;--text-muted:#706860;--text-faint:#4d463e;--teal:#7a9e8e;--red:#c97070;--purple:#8e7eaa;--font-serif:"Noto Serif TC", serif;--font-sans:"Noto Sans TC", sans-serif}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}#root{background:linear-gradient(170deg,#111827 0%,#151c2c 50%,#18202e 100%);min-height:100vh}button{font-family:var(--font-sans);cursor:pointer}textarea,input{font-family:var(--font-sans)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes barMove{0%{left:-30%}to{left:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94856933;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94856959}