@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161e;--bg-hover:#1e1e2a;--bg-active:#22223a;--border:#2a2a3a;--border-light:#383850;--text-primary:#e8e8f0;--text-secondary:#a0a0b8;--text-muted:#6060788;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-glow:#7c3aed40;--gold:#f59e0b;--gold-light:#f59e0b26;--teal:#0ea5e9;--teal-light:#0ea5e926;--rose:#f43f5e;--rose-light:#f43f5e1f;--green:#10b981;--green-light:#10b9811f;--act1:#f59e0b;--act1-bg:#f59e0b12;--act1-border:#f59e0b4d;--act2a:#3b82f6;--act2a-bg:#3b82f612;--act2a-border:#3b82f64d;--act2b:#ef4444;--act2b-bg:#ef444412;--act2b-border:#ef44444d;--act3:#10b981;--act3-bg:#10b98112;--act3-border:#10b9814d;--sidebar-width:240px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 16px #00000080;--shadow-lg:0 8px 40px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Noto Sans TC,Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:var(--text-primary);font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-spin{animation:1s linear infinite spin}.animate-fade-in{animation:.25s forwards fadeIn}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.sf-prose{color:var(--text-secondary);line-height:1.8}.sf-prose p{margin-bottom:1em}.sf-prose strong{color:var(--text-primary);font-weight:600}.sf-input{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .18s}.sf-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.sf-input::placeholder{color:var(--text-muted)}textarea.sf-input{resize:vertical;min-height:100px}.sf-btn{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .18s;display:inline-flex}.sf-btn:disabled{opacity:.5;cursor:not-allowed}.sf-btn-primary{background:var(--accent);color:#fff}.sf-btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.sf-btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.sf-btn-ghost:hover:not(:disabled){border-color:var(--border-light);background:var(--bg-hover);color:var(--text-primary)}.sf-btn-danger{background:var(--rose);color:#fff}.sf-btn-danger:hover:not(:disabled){background:#e11d48}.sf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.sf-badge{border-radius:99px;align-items:center;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-flex}.sf-page{max-width:1200px;margin:0 auto;padding:28px 32px;animation:.25s fadeIn}.sf-page-header{margin-bottom:28px}.sf-page-title{letter-spacing:-.02em;font-size:1.6rem;font-weight:800}.sf-page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9rem}.sf-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.sf-empty{text-align:center;color:var(--text-muted);padding:64px 24px}.sf-empty-icon{margin-bottom:16px;font-size:3rem}.sf-empty-title{color:var(--text-secondary);margin-bottom:8px;font-size:1.1rem;font-weight:600}.sf-empty-desc{font-size:.88rem}.sf-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.sf-action-card{border-radius:var(--radius-lg);cursor:pointer;align-items:center;gap:16px;padding:24px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.sf-action-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.sf-action-card-purple{background:linear-gradient(135deg,#7c3aed26,#a855f71a);border:1px solid #7c3aed59}.sf-action-card-teal{background:linear-gradient(135deg,#0ea5e91f,#06b6d414);border:1px solid #0ea5e94d}.sf-recent-item{border-radius:var(--radius);background:var(--bg-hover);color:inherit;border:1px solid #0000;justify-content:space-between;align-items:center;padding:12px;text-decoration:none;transition:border-color .15s;display:flex}.sf-recent-item:hover{border-color:var(--border)}