.qr-upload[data-v-0f804f24]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;border:1.5px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--muted);font-size:13px;cursor:pointer;transition:border-color var(--motion-fast)}.qr-upload[data-v-0f804f24]:hover{border-color:var(--primary);color:var(--primary-strong)}.qr-preview[data-v-0f804f24]{width:120px;height:120px;object-fit:contain;border-radius:8px}.pay-type[data-v-0f804f24]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0;background:var(--bg);border:1.5px solid var(--border);color:var(--text);font-weight:600}.pay-type.active[data-v-0f804f24]{border-color:var(--primary);background:#03a9f414;color:var(--primary-strong)}.pay-icon[data-v-0f804f24]{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.pay-icon.wx[data-v-0f804f24]{background:#07c160}.pay-icon.zfb[data-v-0f804f24]{background:#1677ff}:root{--primary: #03A9F4;--primary-strong: #0288D1;--secondary: #00E676;--secondary-strong: #00C853;--secondary-soft: #E6FFF5;--primary-soft: #E1F5FE;--primary-grad: linear-gradient(135deg, #29B6F6 0%, #03A9F4 55%, #0288D1 100%);--orange: #f59e0b;--orange-dark: #d97706;--orange-soft: #fef3e2;--text: #0f172a;--muted: #64748b;--bg: #f3f5f9;--card: #ffffff;--border: #e4e9f2;--border-strong: #d3dcea;--danger: #ef4444;--danger-soft: #fef2f2;--success: #16a34a;--success-soft: #f0fdf4;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .05);--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 6px 18px -4px rgba(16, 24, 40, .08);--shadow-lg: 0 4px 10px rgba(16, 24, 40, .06), 0 16px 40px -12px rgba(16, 24, 40, .16);--shadow-blue: 0 6px 18px -6px rgba(3, 169, 244, .38);--nav-bg: #ffffff;--nav-bg-grad: linear-gradient(180deg, #ffffff 0%, #f4f9ff 100%);--nav-text: #5b6b85;--nav-text-active: #0288D1;--motion-fast: .15s;--motion-base: .24s;--motion-slow: .42s}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.app-layout{display:flex;min-height:100vh}.main{flex:1;min-width:0;margin-left:232px;padding:28px 32px 60px;max-width:1180px}.page-title{font-size:22px;font-weight:800;margin-bottom:4px}.page-sub{color:var(--muted);margin-bottom:22px;font-size:14px}.main-nav{position:fixed;top:0;left:0;bottom:0;width:232px;background:var(--nav-bg-grad);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 12px;z-index:100;overflow-y:auto}.nav-logo{display:flex;align-items:center;gap:10px;padding:6px 10px 20px;cursor:pointer}.nav-logo-mark{width:36px;height:36px;border-radius:10px;background:var(--primary-grad);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:17px;box-shadow:var(--shadow-blue)}.nav-logo-text b{color:#0f172a;font-size:16px;display:block;line-height:1.25}.nav-logo-text small{color:var(--secondary-strong);font-size:11px;font-weight:600}.nav-section-title{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;padding:16px 10px 6px}.nav-links a,.nav-link{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;color:var(--nav-text);font-size:14px;font-weight:500;transition:all var(--motion-fast);margin-bottom:2px}.nav-links a:hover{color:var(--primary-strong);background:#03a9f412}.nav-links a.active{color:var(--nav-text-active);background:linear-gradient(135deg,#03a9f424,#00e6761a);box-shadow:inset 0 0 0 1px #03a9f447;border-left:3px solid var(--secondary)}.nav-links a svg{flex-shrink:0}.nav-user{margin-top:auto;display:flex;align-items:center;gap:10px;background:#03a9f40d;border:1px solid rgba(3,169,244,.12);border-radius:12px;padding:10px 12px}.nav-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-grad);color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-user-info{flex:1;min-width:0}.nav-user-info b{display:block;color:#0f172a;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-info small{color:var(--nav-text);font-size:12px}.nav-logout{background:none;border:none;color:var(--nav-text);padding:6px;border-radius:8px;display:flex;transition:all var(--motion-fast)}.nav-logout:hover{color:#ef4444;background:#ef444414}.nav-login-box{margin-top:auto}.nav-login-box .btn{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;transition:all var(--motion-fast);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn.primary{background:var(--primary-grad);color:#fff;box-shadow:var(--shadow-blue)}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -6px #03a9f480}.btn.ghost{background:#f1f5f9;color:var(--text)}.btn.ghost:hover:not(:disabled){background:#e2e8f0}.btn.outline{background:#fff;color:var(--primary);border:1.5px solid var(--primary)}.btn.outline:hover:not(:disabled){background:var(--primary-soft)}.btn.danger{background:var(--danger);color:#fff}.btn.danger:hover:not(:disabled){background:#dc2626}.btn.success{background:var(--success);color:#fff}.btn.success:hover:not(:disabled){background:#15803d}.btn.warning{background:var(--orange);color:#fff}.btn.warning:hover:not(:disabled){background:var(--orange-dark)}.btn.block{width:100%}.btn.sm{padding:6px 12px;font-size:12.5px;border-radius:8px}.btn.lg{padding:12px 24px;font-size:15px}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#334155}.form-group .hint{font-size:12px;color:var(--muted);margin-top:5px}.input,.select,.textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;background:#fbfcfe;transition:all var(--motion-fast);color:var(--text)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #03a9f41f}.textarea{min-height:130px;resize:vertical}.input-group{position:relative}.input-group .prefix{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600;z-index:1}.input-group .input{padding-left:30px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(228,233,242,.7);padding:24px}.card h3{font-size:16px;font-weight:700;margin-bottom:4px}.card .sub{color:var(--muted);font-size:13px;margin-bottom:16px}.task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.task-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid rgba(228,233,242,.8);padding:18px 20px;display:flex;flex-direction:column;gap:9px;transition:all var(--motion-base);cursor:pointer}.task-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#03a9f466}.task-title{font-size:15px;font-weight:700;line-height:1.45;color:var(--text)}.task-desc{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.task-meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.task-meta .meta-item{display:inline-flex;align-items:center;gap:4px}.task-footer{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.reward-tag{background:var(--orange-soft);color:var(--orange-dark);font-weight:800;font-size:16px;padding:3px 11px;border-radius:8px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.reward-tag small{font-weight:600;font-size:11px}.badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;display:inline-block;white-space:nowrap;flex-shrink:0}.badge-open{background:var(--success-soft);color:#15803d}.badge-claimed{background:var(--primary-soft);color:#0369a1}.badge-completed{background:var(--orange-soft);color:var(--orange-dark)}.badge-confirmed{background:#e9edf3;color:#475569}.badge-cancelled{background:var(--danger-soft);color:#b91c1c}.badge-pending{background:var(--orange-soft);color:var(--orange-dark)}.badge-approved{background:var(--success-soft);color:#15803d}.badge-rejected{background:var(--danger-soft);color:#b91c1c}.badge-success{background:var(--success-soft);color:#15803d}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:14px 18px;margin-bottom:20px}.filter-bar .input{width:230px}.filter-bar .select{width:140px}.filter-bar .spacer{flex:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid rgba(228,233,242,.8);padding:18px 20px}.stat-card .label{font-size:12.5px;color:var(--muted);margin-bottom:6px}.stat-card .value{font-size:24px;font-weight:800}.stat-card .value.gold{color:var(--orange-dark)}.stat-card .value.green{color:var(--success)}.stat-card .value.blue{color:var(--primary-strong)}.stat-card.hero{background:var(--primary-grad);color:#fff;border:none}.stat-card.hero .label{color:#fffc}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--muted);font-size:12.5px;background:#f8fafc;white-space:nowrap}tr:hover td{background:#fafcfe}.cell-strong{font-weight:700}.cell-gold{font-weight:700;color:var(--orange-dark)}.cell-muted{color:var(--muted);font-size:12.5px}.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:300;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-box{background:#fff;border-radius:18px;width:100%;max-width:520px;padding:26px 28px;box-shadow:0 24px 60px #0f172a4d;animation:popIn var(--motion-base) cubic-bezier(.34,1.56,.64,1);max-height:86vh;overflow-y:auto}.dialog-box h3{font-size:17px;font-weight:700;margin-bottom:8px}.dialog-box .dialog-body{color:var(--muted);font-size:14px;white-space:pre-wrap}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}@keyframes popIn{0%{transform:scale(.94) translateY(10px);opacity:0}to{transform:none;opacity:1}}.toast-wrap{position:fixed;top:20px;right:20px;z-index:400;display:flex;flex-direction:column;gap:10px}.toast{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:12px 18px;font-size:13.5px;font-weight:500;display:flex;align-items:center;gap:9px;border-left:4px solid var(--primary);animation:toastIn var(--motion-base) cubic-bezier(.34,1.56,.64,1);max-width:360px}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--orange)}.toast .toast-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0}.toast.success .toast-dot{background:var(--success)}.toast.error .toast-dot{background:var(--danger)}.toast.warning .toast-dot{background:var(--orange)}@keyframes toastIn{0%{transform:translate(30px);opacity:0}to{transform:none;opacity:1}}.empty{text-align:center;padding:56px 20px;color:var(--muted)}.empty .empty-icon{margin-bottom:12px;opacity:.55}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f4fd,#f0f7ff,#eef6fc);padding:30px 16px}.auth-card{width:100%;max-width:400px}.auth-logo{text-align:center;margin-bottom:22px}.auth-logo .mark{width:52px;height:52px;border-radius:14px;background:var(--primary-grad);color:#fff;font-size:24px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-blue);margin-bottom:10px}.auth-logo h1{font-size:22px;font-weight:800}.auth-logo p{color:var(--muted);font-size:13px}.auth-tabs{display:flex;background:#eef4fa;border-radius:12px;padding:4px;margin-bottom:22px}.auth-tabs button{flex:1;padding:10px;border:none;background:transparent;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted);transition:all var(--motion-fast)}.auth-tabs button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.verify-row{display:flex;gap:10px;align-items:center}.verify-row .input{flex:1}.verify-row .btn{flex-shrink:0;min-width:108px}.captcha-img{height:40px;width:120px;border-radius:9px;cursor:pointer;border:1.5px solid var(--border-strong);background:#f8fafc;flex-shrink:0;object-fit:cover}.auth-switch{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:13.5px}.auth-switch a{color:var(--primary);cursor:pointer;font-weight:600}.auth-switch .sep{color:var(--border-strong)}.pager{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:24px}.pager .page-info{font-size:13px;color:var(--muted)}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.quick-amounts .btn{border:1.5px solid var(--border-strong);background:#fff;color:var(--text)}.quick-amounts .btn.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.fade-enter-active,.fade-leave-active{transition:opacity var(--motion-fast),transform var(--motion-fast)}.fade-enter-from{opacity:0;transform:translateY(6px)}.fade-leave-to{opacity:0;transform:translateY(-4px)}@media (max-width: 900px){.app-layout{flex-direction:column}.main{margin-left:0;padding:18px 14px 44px;width:100%}.main-nav{transform:translate(-100%);transition:transform var(--motion-base)}.main-nav.is-open{transform:translate(0)}.mobile-topbar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90;width:100%;flex-shrink:0}.mobile-topbar .menu-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#f1f5f9;color:var(--text);border:none}.mobile-topbar .brand{font-weight:800;font-size:16px;flex:1}.mobile-topbar .u{font-size:13px;color:var(--muted)}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:95}.filter-bar{padding:12px 14px}.filter-bar .input,.filter-bar .select{width:100%}.filter-bar .btn{flex:1;min-width:88px}.filter-bar .spacer{display:none}.filter-bar>span{width:100%;text-align:right}.main{padding:18px 14px 44px}.task-grid{grid-template-columns:1fr}.page-title{font-size:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}.card{padding:16px}.table-wrap{-webkit-overflow-scrolling:touch}.dialog-box{padding:20px 18px;max-width:96vw}}@media (min-width: 901px){.mobile-topbar{display:none}}.switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border-strong);transition:.3s;border-radius:24px}.switch .slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;transition:.3s;border-radius:50%}.switch input:checked+.slider{background:var(--primary)}.switch input:checked+.slider:before{transform:translate(20px)}