:root{--purple:#4f46e5;--purple-light:#6366f1;--purple-bg:#eef2ff;--green:#16a34a;--green-bg:#dcfce7;--orange:#ea580c;--orange-bg:#ffedd5;--red:#dc2626;--yellow:#ca8a04;--bg-page:#f9fafb;--bg-card:#fff;--bg-input:#f3f4f6;--border:#f3f4f6;--border-input:#e5e7eb;--text-1:#111827;--text-2:#6b7280;--text-3:#9ca3af;--text-4:#c0c4cc;--shadow-card:0 1px 6px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Geist Sans,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}a{color:var(--purple-light);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#00000003;border-radius:10px}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}.btn{border:.5px solid var(--border-input);color:var(--text-2);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{color:#374151;border-color:#d1d5db}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--purple);border-color:var(--purple);color:#fff;box-shadow:0 2px 8px #4f46e54d}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 4px 14px #4f46e566}.btn-ghost{color:#6b7280;background:#fff;border:.5px solid #e5e7eb}.btn-ghost:hover:not(:disabled){color:#374151;border-color:#d1d5db}.btn-outline{color:#4b5563;background:#fff;border:1px solid #e5e7eb}.btn-outline:hover:not(:disabled){color:#4f46e5;border-color:#6366f1}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-sm{padding:4px 12px;font-size:13px}.pill{cursor:pointer;color:#6b7280;background:#fff;border:.5px solid #e5e7eb;border-radius:999px;align-items:center;padding:5px 14px;font-size:13px;transition:all .2s;display:inline-flex}.pill:hover{color:var(--purple);border-color:#c7d2fe}.pill.active{background:var(--purple-bg);color:var(--purple);border-color:#c7d2fe}.card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:12px;padding:20px 24px;transition:border-color .2s}.card:hover{border-color:#e9d5ff}.input{border:.5px solid var(--border-input);width:100%;color:var(--text-1);background:#fff;border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11f}.input::placeholder{color:var(--text-3)}textarea.input{resize:vertical;min-height:80px}.tag{border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;display:inline-flex}.tag-blue{color:#2563eb;background:#eff6ff}.tag-orange{background:var(--orange-bg);color:var(--orange)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.tag-red{color:var(--red);background:#fef2f2}.badge{border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge-purple{color:#9333ea;background:#f3e8ff}.badge-gray{color:#6b7280;background:#f3f4f6}.badge-success{color:#059669;background:#ecfdf5}.badge-warning{color:#ea580c;background:#fff7ed}.badge-danger{color:#dc2626;background:#fef2f2}.badge-blue{color:#2563eb;background:#eff6ff}.tabs{border-bottom:1px solid var(--border);gap:2px;display:flex}.tab{color:var(--text-2);cursor:pointer;border-bottom:2px solid #0000;padding:8px 16px;font-size:15px;transition:all .2s}.tab:hover{color:#4b5563}.tab.active{color:var(--purple);border-bottom-color:var(--purple)}.divider{background:var(--border);height:1px;margin:16px 0}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:560px;max-height:85vh;padding:24px;animation:.25s slideUp;overflow-y:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes popIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.3s fadeIn}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.spinner{border:2px solid var(--border);border-top-color:var(--purple);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}