:root{--qp-color-neutral-0: #ffffff;--qp-color-neutral-50: #f8fafc;--qp-color-neutral-100: #f1f5f9;--qp-color-neutral-200: #e2e8f0;--qp-color-neutral-300: #cbd5e1;--qp-color-neutral-400: #94a3b8;--qp-color-neutral-500: #64748b;--qp-color-neutral-600: #475569;--qp-color-neutral-700: #334155;--qp-color-neutral-800: #1e293b;--qp-color-neutral-900: #0f172a;--qp-color-accent-500: #2563eb;--qp-color-accent-600: #1d4ed8;--qp-color-accent-700: #1e40af;--qp-color-accent-200: #bfdbfe;--qp-color-danger-500: #dc2626;--qp-color-success-500: #16a34a;--qp-color-warning-500: #d97706;--qp-success-muted: #dcfce7;--qp-warning-muted: #fffbeb;--qp-warning-border: #fde68a;--qp-warning-text: #92400e;--qp-danger-muted: #fef2f2;--qp-bg-page: var(--qp-color-neutral-50);--qp-bg-subtle: var(--qp-color-neutral-100);--qp-bg-surface: var(--qp-color-neutral-0);--qp-bg-elevated: var(--qp-color-neutral-0);--qp-bg-overlay: rgba(15, 23, 42, .45);--qp-bg-sidebar: var(--qp-color-neutral-900);--qp-font-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--qp-text-primary: var(--qp-color-neutral-900);--qp-text-secondary: var(--qp-color-neutral-600);--qp-text-muted: var(--qp-color-neutral-500);--qp-text-inverse: var(--qp-color-neutral-0);--qp-text-danger: var(--qp-color-danger-500);--qp-border-default: var(--qp-color-neutral-200);--qp-border-subtle: var(--qp-color-neutral-100);--qp-border-focus: var(--qp-color-accent-500);--qp-accent: var(--qp-color-accent-500);--qp-accent-hover: var(--qp-color-accent-600);--qp-accent-muted: #eff6ff;--qp-space-0: 0;--qp-space-1: 8px;--qp-space-2: 16px;--qp-space-3: 24px;--qp-space-4: 32px;--qp-space-5: 40px;--qp-space-6: 48px;--qp-radius-xs: 4px;--qp-radius-sm: 8px;--qp-radius-md: 12px;--qp-radius-lg: 16px;--qp-radius-full: 9999px;--qp-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--qp-shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--qp-layout-max-content: 480px;--qp-layout-header-h: 56px;--qp-layout-sider-w: 240px;--qp-z-sticky: 20;--qp-z-drawer: 30;--qp-z-overlay: 25}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--qp-bg-page);color:var(--qp-text-primary);font-family:var(--qp-font-sans);-webkit-font-smoothing:antialiased}a{color:var(--qp-accent);text-decoration:none}.qp-topbar{position:sticky;top:0;z-index:var(--qp-z-sticky);height:var(--qp-layout-header-h);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 var(--qp-space-2);background:var(--qp-bg-elevated);border-bottom:1px solid var(--qp-border-default)}.qp-topbar__brand{font-size:16px;font-weight:700;color:var(--qp-text-primary);letter-spacing:-.02em;white-space:nowrap;flex-shrink:0}.qp-topbar__link{font-size:13px;font-weight:500;color:var(--qp-accent);background:none;border:none;cursor:pointer;padding:var(--qp-space-1);white-space:nowrap;flex-shrink:0}.qp-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--qp-bg-page)}.qp-shell__main{--qp-shell-pad: var(--qp-space-3);flex:1;display:flex;justify-content:center;padding:var(--qp-shell-pad)}.qp-shell__inner{width:100%;max-width:var(--qp-layout-max-content);display:flex;flex-direction:column}.qp-shell__inner>*{flex-shrink:0}.qp-shell--auth .qp-shell__main{align-items:flex-start;padding-top:var(--qp-space-4)}.qp-page-intro,.qp-section{margin-bottom:var(--qp-space-3)}.qp-section__label{display:block;font-size:14px;font-weight:600;color:var(--qp-text-primary);margin-bottom:var(--qp-space-2)}.qp-section__hint{display:block;margin-bottom:var(--qp-space-2);font-size:14px;color:var(--qp-text-muted);line-height:1.5}.qp-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:var(--qp-space-1)}.qp-card__head .qp-card__label{margin-bottom:0}.qp-card__head .qp-btn{margin-top:0;width:auto;flex-shrink:0}.qp-card__label{display:block;font-size:14px;font-weight:600;color:var(--qp-text-primary);margin-bottom:var(--qp-space-1)}.qp-card__body{display:block;font-size:14px;line-height:1.55;color:var(--qp-text-primary)}.qp-card__muted{display:block;margin-top:var(--qp-space-1);font-size:13px;color:var(--qp-text-muted);line-height:1.5}.qp-textarea{width:100%;min-height:96px;padding:12px 14px;border:1px solid var(--qp-border-default);border-radius:var(--qp-radius-sm);font-size:16px;background:var(--qp-bg-subtle);color:var(--qp-text-primary);font-family:inherit;resize:vertical}.qp-textarea:focus{outline:2px solid var(--qp-accent-muted);border-color:var(--qp-accent)}.qp-auth-benefits{margin-bottom:var(--qp-space-3);padding:var(--qp-space-3);background:var(--qp-bg-subtle);border:1px solid var(--qp-border-default);border-radius:var(--qp-radius-md)}.qp-auth-benefits__title{display:block;font-size:14px;font-weight:600;margin-bottom:var(--qp-space-2);color:var(--qp-text-primary)}.qp-auth-benefits__item{display:block;font-size:14px;line-height:1.65;color:var(--qp-text-secondary);margin-top:var(--qp-space-1)}.qp-auth-action{padding:var(--qp-space-2) 0 var(--qp-space-4)}.qp-bottom-bar{position:sticky;bottom:0;z-index:var(--qp-z-sticky);margin:auto calc(-1 * var(--qp-shell-pad)) 0;padding:var(--qp-space-2) var(--qp-shell-pad) calc(var(--qp-space-2) + env(safe-area-inset-bottom,0));background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--qp-border-default);box-shadow:0 -4px 16px #0f172a0d}.qp-shell--with-footer .qp-shell__main{padding-bottom:0}.qp-shell--with-footer .qp-shell__inner{padding-bottom:var(--qp-space-3)}.qp-field-hint{display:block;font-size:13px;color:var(--qp-text-muted);margin-bottom:var(--qp-space-1)}.qp-notice{padding:12px 14px;border-radius:var(--qp-radius-sm);margin-bottom:var(--qp-space-2);font-size:14px;line-height:1.5}.qp-notice--info{background:var(--qp-accent-muted);border:1px solid var(--qp-color-accent-200);color:var(--qp-color-accent-700)}.qp-notice--warn{background:var(--qp-warning-muted);border:1px solid var(--qp-warning-border);color:var(--qp-warning-text)}.qp-goods{display:flex;gap:12px}.qp-goods__img{width:72px;height:72px;border-radius:var(--qp-radius-sm);object-fit:cover;background:var(--qp-bg-subtle);border:1px solid var(--qp-border-default);flex-shrink:0}.qp-goods__meta{flex:1;min-width:0}.qp-goods__name{font-size:15px;font-weight:600;margin:0 0 4px}.qp-goods__price{font-size:18px;font-weight:700;margin:0 0 6px}.qp-page-intro__title{margin:0 0 var(--qp-space-1);font-size:22px;font-weight:600;color:var(--qp-text-primary);line-height:1.3}.qp-page-intro__desc{margin:0 0 var(--qp-space-3);font-size:14px;line-height:1.55;color:var(--qp-text-muted)}.qp-step-bar{--qp-step-dot: 28px;--qp-step-line-gap: 4px;display:flex;justify-content:space-between;margin-bottom:var(--qp-space-3);padding:0 var(--qp-space-1)}.qp-step-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;opacity:.5;min-width:0}.qp-step-bar__item:not(:last-child):after{content:"";position:absolute;top:calc(var(--qp-step-dot) / 2);transform:translateY(-50%);left:calc(50% + var(--qp-step-dot) / 2 + var(--qp-step-line-gap));right:calc(-50% + var(--qp-step-dot) / 2 + var(--qp-step-line-gap));height:2px;background:var(--qp-border-default);z-index:0}.qp-step-bar__item--done:not(:last-child):after,.qp-step-bar__item--active:not(:last-child):after{background:var(--qp-accent)}.qp-step-bar__item--done,.qp-step-bar__item--active{opacity:1}.qp-step-bar__dot{width:var(--qp-step-dot);height:var(--qp-step-dot);display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-size:13px;font-weight:600;background:var(--qp-bg-elevated);border:2px solid var(--qp-border-default);color:var(--qp-text-muted);margin-bottom:6px;position:relative;z-index:1}.qp-step-bar__item--active .qp-step-bar__dot{background:var(--qp-accent);border-color:var(--qp-accent);color:var(--qp-text-inverse)}.qp-step-bar__item--done .qp-step-bar__dot{background:var(--qp-color-success-500);border-color:var(--qp-color-success-500);color:var(--qp-text-inverse)}.qp-step-bar__text{font-size:12px;color:var(--qp-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.qp-step-bar__item--active .qp-step-bar__text{color:var(--qp-accent);font-weight:600}.qp-card{background:var(--qp-bg-elevated);border:1px solid var(--qp-border-default);border-radius:var(--qp-radius-md);padding:var(--qp-space-3);margin-bottom:var(--qp-space-2)}.qp-card--flat{box-shadow:none}.qp-label{display:block;font-size:14px;font-weight:600;margin-bottom:var(--qp-space-1);color:var(--qp-text-primary)}.qp-field{margin-bottom:var(--qp-space-2)}.qp-field .qp-label{margin-bottom:6px}.qp-input{width:100%;padding:12px 14px;border:1px solid var(--qp-border-default);border-radius:var(--qp-radius-sm);font-size:16px;background:var(--qp-bg-subtle);color:var(--qp-text-primary)}.qp-input:focus{outline:2px solid var(--qp-accent-muted);border-color:var(--qp-accent)}.qp-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border:none;border-radius:var(--qp-radius-sm);font-size:16px;font-weight:600;cursor:pointer;background:transparent;color:var(--qp-text-primary)}.qp-btn--primary{background:var(--qp-accent);color:var(--qp-text-inverse)}.qp-btn--primary:hover{background:var(--qp-accent-hover)}.qp-btn:disabled{opacity:.55;cursor:not-allowed}.qp-btn--ghost{background:var(--qp-bg-elevated);color:var(--qp-accent);border:1px solid var(--qp-border-default)}.qp-btn--text{background:transparent;color:var(--qp-accent);border:none;min-height:auto;width:auto;padding:var(--qp-space-1) 0;font-weight:500}.qp-btn+.qp-btn{margin-top:var(--qp-space-1)}.qp-price{font-size:28px;font-weight:700;color:var(--qp-text-primary);font-variant-numeric:tabular-nums}.qp-muted{color:var(--qp-text-muted);font-size:13px}.qp-error{color:var(--qp-text-danger);font-size:14px;margin:var(--qp-space-1) 0}.qp-tag{display:inline-block;padding:4px 10px;border-radius:var(--qp-radius-full);background:var(--qp-accent-muted);color:var(--qp-accent);font-size:12px;font-weight:500}.qp-cover{width:100%;max-height:280px;object-fit:cover;border-radius:var(--qp-radius-sm);margin-bottom:var(--qp-space-2);border:1px solid var(--qp-border-default)}.qp-row-between{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--qp-space-2)}.qp-actions{display:flex;flex-direction:column;gap:var(--qp-space-1);margin-top:var(--qp-space-2)}.qp-divider-or{display:flex;align-items:center;gap:var(--qp-space-2);margin:var(--qp-space-2) 0}.qp-divider-or__line{flex:1;height:1px;background:var(--qp-border-default)}.qp-divider-or__text{font-size:12px;color:var(--qp-text-muted)}.qp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:min(420px,calc(100dvh - var(--qp-layout-header-h) - 120px));padding:var(--qp-space-5) var(--qp-space-2);text-align:center}.qp-empty-state__title{margin:0;font-size:16px;font-weight:600;color:var(--qp-text-primary)}.qp-empty-state__hint{margin:var(--qp-space-1) 0 0;font-size:14px;color:var(--qp-text-muted);line-height:1.55;max-width:320px}.qp-empty-state__btn{width:100%;max-width:280px;margin-top:var(--qp-space-3)}.qp-auth-panel{background:var(--qp-bg-elevated);border:1px solid var(--qp-border-default);border-radius:var(--qp-radius-md);padding:var(--qp-space-3)}@media (max-width: 639px){.qp-shell__main{--qp-shell-pad: var(--qp-space-2)}}