@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-0:#14141f;--bg-1:#1a1a2e;--bg-2:#16213e;--panel:#ffffff0a;--panel-border:#ffffff1a;--text:#eee;--text-dim:#8892a4;--accent:#f39c12;--accent-2:#e74c3c;--accent-3:#3498db;--accent-4:#2ecc71;--accent-5:#9b59b6;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--hanzi-font:"Noto Sans TC", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--mono);background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-2) 100%);color:var(--text);min-height:100vh;line-height:1.6}a{color:var(--accent-3)}.app-shell{max-width:980px;margin:0 auto;padding:24px 20px 60px}.top-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.top-nav .brand{color:var(--accent);letter-spacing:.5px;font-size:1rem;font-weight:600;text-decoration:none}.top-nav .links{gap:8px;display:flex}.top-nav .links a{color:var(--text-dim);border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:all .15s}.top-nav .links a:hover{color:var(--text);border-color:var(--panel-border);background:var(--panel)}.top-nav .links a.active{color:var(--bg-0);background:var(--accent)}h1{color:var(--text);margin:0 0 6px;font-size:1.5rem}.subtitle{color:var(--text-dim);margin:0 0 24px;font-size:.9rem}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;margin-bottom:20px;padding:20px}button{cursor:pointer;font-family:inherit}.btn{background:linear-gradient(135deg, var(--accent-2), #c0392b);color:#fff;border:none;border-radius:20px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #e74c3c59}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn.secondary{background:#ffffff14}.btn.active{background:linear-gradient(135deg, var(--accent-4), #1e8449)}.status-line{color:var(--text-dim);font-size:.8rem}.status-line.error{color:var(--accent-2)}textarea,input[type=text]{font-family:var(--hanzi-font), var(--mono);border:1px solid var(--panel-border);color:var(--text);background:#00000040;border-radius:10px;width:100%;padding:12px 14px;font-size:1.1rem}textarea:focus,input[type=text]:focus{outline:1px solid var(--accent)}footer{text-align:center;border-top:1px solid var(--panel-border);color:var(--text-dim);margin-top:50px;padding-top:24px;font-size:.75rem}