:root {
  --page-width: min(100vw, 520px);
  --rpx: calc(var(--page-width) / 750);
  --nav-height: 44px;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, "Microsoft YaHei", sans-serif;
  background: #f4f7fa;
  scrollbar-width: none;
}
* { box-sizing: border-box; }
body, h1, h2, p, fieldset { margin: 0; }
fieldset { min-width: 0; padding: 0; border: 0; }
button, input { font: inherit; color: inherit; }
button { margin: 0; padding: 0; border: 0; background: transparent; cursor: pointer; }
button:disabled { cursor: default; }
a { color: inherit; text-decoration: none; }
img { object-fit: contain; }
[hidden] { display: none !important; }
#app { width: var(--page-width); min-height: 100dvh; margin: 0 auto; padding-top: var(--nav-height); }
.navigation { position: fixed; z-index: 110; inset: 0 0 auto; width: var(--page-width); height: var(--nav-height); margin: auto; background: #fff; display: flex; align-items: center; justify-content: center; font-size: calc(28 * var(--rpx)); font-weight: 600; color: #1f1f1f; }
.nav-index { justify-content: flex-start; padding-inline: calc(32 * var(--rpx)); gap: calc(16 * var(--rpx)); background: #f7faff; }
.nav-logo { width: calc(56 * var(--rpx)); height: calc(56 * var(--rpx)); }
.nav-logo, .nav-share { flex-shrink: 0; }
.nav-company { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-share { margin-left: auto; padding: 5px 9px; border: 1px solid #c6dcfc; border-radius: 6px; color: #215fae; background: #fff; }
.share-panel { display: grid; gap: 12px; padding: 16px; font-size: 14px; }
.share-link { min-width: 0; width: 100%; padding: 8px; border: 1px solid #c6dcfc; border-radius: 6px; }
.share-copy { justify-self: start; padding: 7px 14px; border-radius: 6px; background: #2e76e6; color: #fff; }
.share-status:empty { display: none; }
.nav-return { position: absolute; left: calc(16 * var(--rpx)); width: calc(72 * var(--rpx)); height: var(--nav-height); display: grid; place-items: center; }
.nav-return img { width: calc(16.5505 * var(--rpx)); height: calc(25.2613 * var(--rpx)); transform: rotate(180deg); }
.nav-report { border-bottom: 1px solid #0000000f; }
.mp-index .hero img { object-fit: fill; }
.mp-agreement > form > fieldset > .body { padding-top: calc(160 * var(--rpx)); padding-bottom: calc(154 * var(--rpx) + env(safe-area-inset-bottom)); }
.mp-agreement .flow-header, .mp-agreement .footer, .mp-agreement .sign-mask, .mp-report .footer { width: var(--page-width); margin-inline: auto; }
.mp-agreement .flow-header { top: var(--nav-height); }
.mp-agreement label.field, .mp-report label.field, .field-label { display: block; }
.field-input { border: 0; }
.mp-agreement .field-input::placeholder { color: #a2afc0; }
.mp-agreement .primary { text-align: center; }
.mp-agreement .signature-entry { width: 100%; }
.mp-agreement .native-checkbox { margin: 0 calc(6 * var(--rpx)) 0 0; pointer-events: auto; accent-color: #2e76e6; }
.mp-agreement .check-label a { color: #2e76e6; }
.mp-agreement .sign-mask { z-index: 120; }
.mp-agreement .sign-canvas { display: block; touch-action: none; }
.mp-phone-verify { background: #f3f4f5; }
.mp-phone-verify .verification-body { padding-top: calc(32 * var(--rpx)); }
.mp-phone-verify .next-button { display: block; width: 100%; }
.mp-phone-verify input::placeholder { color: #a4a6a8; }
.mp-report > form > fieldset > .body { padding-bottom: calc(240 * var(--rpx) + env(safe-area-inset-bottom)); }
.mp-report .field-input:focus { background: #fff; border-color: #07c160; outline: none; }
.mp-report .field-input::placeholder { color: #b2b8c0; }
.mp-report .seg-item { cursor: pointer; }
.mp-report .seg-item:has(input:checked) { background: #e9f9f0; border-color: #07c160; }
.mp-report .seg-item input { accent-color: #07c160; margin: 0 calc(10 * var(--rpx)) 0 0; }
.mp-report .tips-icon { width: calc(30 * var(--rpx)); }
.mp-report .agree input { margin-top: 0; margin-left: 0; accent-color: #07c160; }
.mp-report .agree-label a { color: #07a653; font-weight: 600; }
.mp-report .btn { width: 100%; display: block; }
.message { color: #b42326; margin-block: 8px; }
.message:empty { display: none; }
.document-dialog { width: var(--page-width); max-width: 100%; max-height: 100dvh; padding: 0; border: 0; color: #1f1f1f; }
.document-dialog::backdrop { background: #0007; }
.dialog-head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; background: #fff; border-bottom: 1px solid #edf1f6; }
.dialog-head h2 { font-size: calc(32 * var(--rpx)); }
.dialog-head button { color: #2877ed; }
.document-dialog .large-photo { display: block; width: 100%; max-height: 80dvh; object-fit: contain; }
.document-dialog .document-signature { object-fit: contain; }
.product-photo { max-width: 100%; }