*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px}#app{background:#fff;max-width:500px;min-height:100vh;margin:0 auto}a{color:inherit;text-decoration:none}:root{--primary:#4e6ef2;--primary-light:#eef0fd;--danger:#fa5151;--warning:#fa9d3b;--success:#07c160;--gray:#999;--border:#eee;--bg:#f7f8fa;--white:#fff;--text:#333;--text2:#666}.btn{cursor:pointer;border:none;border-radius:6px;outline:none;padding:10px 20px;font-size:14px;transition:opacity .2s;display:inline-block}.btn:active{opacity:.8}.btn-primary{background:var(--primary);color:#fff}.btn-full{text-align:center;width:100%;display:block}.btn-danger{background:var(--danger);color:#fff}.form-group{margin-bottom:16px}.form-group label{color:var(--text2);margin-bottom:6px;font-size:13px;display:block}.form-control{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.form-control:focus{border-color:var(--primary)}.card{background:#fff;border-radius:10px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #0000000f}.navbar{z-index:100;background:var(--primary);color:#fff;align-items:center;height:48px;padding:0 16px;display:flex;position:sticky;top:0}.navbar .navbar-title{text-align:center;flex:1;font-size:16px;font-weight:600}.navbar .navbar-back{cursor:pointer;width:32px;font-size:20px}.navbar .navbar-action{text-align:right;cursor:pointer;width:32px}.tabbar{border-top:1px solid var(--border);z-index:100;background:#fff;max-width:500px;height:56px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar-item{color:var(--gray);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;font-size:11px;transition:color .2s;display:flex}.tabbar-item.active{color:var(--primary)}.tabbar-item .icon{margin-bottom:2px;font-size:22px}.status-tag{border-radius:20px;padding:2px 8px;font-size:12px;display:inline-block}.status-1{color:#666;background:#f0f0f0}.status-2{color:#1890ff;background:#e8f4ff}.status-3{color:#fa8c16;background:#fff7e6}.status-4{color:#52c41a;background:#f6ffed}.status-5{color:#1890ff;background:#e6f7ff}.status-6{color:var(--danger);background:#fff1f0}.empty{text-align:center;color:var(--gray);padding:60px 20px;font-size:14px}.loading{text-align:center;color:var(--gray);padding:30px}.divider{background:var(--border);height:1px;margin:12px 0}.page{padding-bottom:60px}