html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}canvas{display:block}body{color:#fff8d8;background:#020106;font-family:Arial,Microsoft YaHei,sans-serif}.intro-overlay{z-index:10;cursor:pointer;opacity:1;background:#000;place-items:center;transition:opacity 1.6s;display:grid;position:fixed;inset:0}.intro-overlay.is-hidden{opacity:0;pointer-events:none}.intro-text{color:#fff;letter-spacing:.28em;text-shadow:0 0 8px #ffffff57,0 0 22px #ffffff1f;font-family:Times New Roman,Songti SC,SimSun,serif;font-size:clamp(18px,3.2vw,32px);font-weight:400;animation:3.4s ease-in-out infinite intro-breathe}@keyframes intro-breathe{0%,to{opacity:.36;transform:translateY(0)}50%{opacity:.92;transform:translateY(-1px)}}.panel{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:0 0;background:#04050eb8;border:1px solid #ffd85c33;border-radius:8px;gap:12px;width:min(260px,100vw - 36px);padding:16px;transition:opacity .16s,transform .16s,visibility .16s;display:grid;position:fixed;top:64px;left:18px;box-shadow:0 0 36px #ffab4029}.panel.is-collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.96)translateY(-6px)}.panel-toggle{z-index:3;color:#ffeebeb8;cursor:pointer;opacity:.62;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c141057;border:1px solid #ffda8029;border-radius:6px;height:26px;padding:0 10px;font-size:12px;font-weight:400;transition:opacity .16s,background .16s;position:fixed;top:18px;left:18px;box-shadow:0 0 12px #ffab4014}.panel-toggle:hover{opacity:.9;background:#3022187a}.panel h1{margin:0;font-size:16px;font-weight:700;line-height:1.3}.panel label{gap:6px;font-size:13px;display:grid}.panel input{accent-color:#ffd85c;width:100%}@media (width<=640px){.panel{gap:8px;padding:12px;top:58px;left:12px}.panel-toggle{top:12px;left:12px}}