.quick-theme{--q-primary:#c8102e;--q-primary-press:#9c0c24;--q-soft:#fff1e6;--q-line:#f0d9cc;--q-ink:#1f2328;--q-sub:#4b5160;--q-band:linear-gradient(120deg, #c8102e 0%, #e0122b 45%, #e25a0b 100%);--q-ok:#2f6b4f;--q-page:#fff;color:var(--q-ink);-webkit-tap-highlight-color:transparent;font-size:17px}.quick-theme .q-band{background:var(--q-band);color:#fff;padding-top:calc(env(safe-area-inset-top) + 16px)}.quick-theme .q-safe-top{padding-top:env(safe-area-inset-top)}.quick-theme .q-safe-top .q-band{padding-top:16px}.quick-theme .q-safe-top .min-h-screen{min-height:calc(100vh - env(safe-area-inset-top))}.quick-theme .q-btn,.quick-theme .q-btn-2{text-align:center;-webkit-user-select:none;user-select:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;transition:transform 80ms,background-color 80ms,border-color 80ms;display:flex}.quick-theme .q-btn:active:not(:disabled),.quick-theme .q-btn-2:active:not(:disabled){transform:scale(.97)}.quick-theme .q-btn{color:#fff;background:var(--q-primary);min-height:56px;font-size:18px;font-weight:700}.quick-theme .q-btn:active:not(:disabled){background:var(--q-primary-press)}.quick-theme .q-btn-2{min-height:52px;color:var(--q-ink);border:2px solid var(--q-line);background:#fff;font-size:17px;font-weight:600}.quick-theme .q-btn-2:active:not(:disabled){background:var(--q-soft)}.quick-theme .q-btn:disabled,.quick-theme .q-btn-2:disabled{opacity:.5}.quick-theme .q-btn[aria-busy=true],.quick-theme .q-btn-2[aria-busy=true]{opacity:.85}.quick-theme .q-sticky{z-index:10;padding:12px 20px calc(env(safe-area-inset-bottom) + 16px);background:linear-gradient(#fff0,#fff 25%);margin:0 -20px;position:sticky;bottom:0}.quick-theme .q-tab-pad{padding-bottom:calc(64px + env(safe-area-inset-bottom) + 24px)}.quick-theme .q-field{border:2px solid var(--q-line);width:100%;min-height:52px;color:var(--q-ink);background:#fff;border-radius:14px;padding:12px 16px;font-size:17px}.quick-theme .q-field:focus{border-color:var(--q-primary);outline:none}.quick-theme .q-label{color:var(--q-sub);margin-bottom:6px;font-size:15px;font-weight:600;display:block}.quick-theme .q-sub{color:var(--q-sub);font-size:15px}.quick-theme .q-card{border:2px solid var(--q-line);background:#fff;border-radius:20px}.quick-theme .q-spin{border:2.5px solid;border-right-color:#0000;border-radius:9999px;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite q-spin}@keyframes q-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.quick-theme .q-spin{animation-duration:2s}}
