*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary:#6c63ff;--primary-light:#ede9ff;--danger:#ff4d4f;--success:#52c41a;--warning:#faad14;--text:#1a1a2e;--text-secondary:#6b7280;--bg:#f5f5f5;--card:#fff;--border:#e5e7eb;--nav-height:64px;--safe-bottom:env(safe-area-inset-bottom,0px)}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px}#root{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.page{padding:16px 16px calc(var(--nav-height) + var(--safe-bottom) + 16px);flex:1;overflow-y:auto}.card{background:var(--card);border-radius:16px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #00000014}.page-header{margin-bottom:8px;padding:16px 0 8px}.page-header h1{color:var(--text);margin:0;font-size:24px;font-weight:700}.page-header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:12px 20px;font-size:15px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff;width:100%}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.input{border:1.5px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:12px;outline:none;padding:12px 16px;font-size:16px}.input:focus{border-color:var(--primary)}.badge{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-purple{background:var(--primary-light);color:var(--primary)}.badge-red{color:var(--danger);background:#fff1f0}.badge-green{color:var(--success);background:#f6ffed}.bottom-nav{width:100%;max-width:480px;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--card);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:52px;padding-top:10px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px}.tag{background:var(--primary-light);color:var(--primary);border-radius:6px;margin:2px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-block}.divider{border:none;border-top:1px solid var(--border);margin:12px 0}.empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.empty .empty-icon{margin-bottom:12px;font-size:48px}.empty p{font-size:14px}