:root{--zp-color-primary: #2f6bff;--zp-color-primary-strong: #2558dd;--zp-color-primary-soft: #eaf1ff;--zp-color-success: #16c79a;--zp-color-success-soft: #e9fbf5;--zp-color-danger: #ff5a5f;--zp-color-danger-soft: #fff0f1;--zp-color-warning: #ff9438;--zp-color-warning-soft: #fff2e7;--zp-color-bg: #f4f7fb;--zp-color-surface: #ffffff;--zp-color-surface-subtle: #f7faff;--zp-color-line: #dfe8f5;--zp-color-line-strong: #cbd8ea;--zp-color-text: #07162f;--zp-color-text-muted: #50627f;--zp-color-text-soft: #7b8aa3;--zp-shadow-card: 0 16px 34px rgba(35, 58, 105, .08);--zp-shadow-modal: 0 30px 80px rgba(15, 23, 42, .28);--zp-radius-sm: 6px;--zp-radius-md: 8px;--zp-radius-lg: 12px;--zp-font-family: Inter, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--zp-page-max: 1496px}html,body,#app{min-height:100%}body{margin:0;background:var(--zp-color-bg);color:var(--zp-color-text);font-family:var(--zp-font-family);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.zp-shell{position:sticky;top:0;z-index:30;height:72px;border-bottom:1px solid var(--zp-color-line);background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zp-shell__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--zp-page-max);margin:0 auto;padding:0 32px}.zp-shell__left,.zp-shell__right,.zp-shell__nav{display:flex;align-items:center}.zp-shell__left{gap:34px}.zp-shell__right{gap:20px}.zp-shell__brand{color:var(--zp-color-primary);font-size:29px;font-weight:900;letter-spacing:0;white-space:nowrap}.zp-shell__nav{gap:28px}.zp-shell__nav-link{display:inline-flex;align-items:center;height:72px;color:#1f2e46;font-size:16px;font-weight:700;border-bottom:3px solid transparent}.zp-shell__nav-link.is-active{color:var(--zp-color-primary);border-bottom-color:var(--zp-color-primary)}.zp-shell__login{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 18px;border:0;border-radius:var(--zp-radius-md);background:#12c28d;color:#fff;font-weight:800}.zp-shell__amount{color:var(--zp-color-text);font-size:17px;font-weight:900;white-space:nowrap}.zp-shell__user{min-width:60px;padding:8px 14px;border-radius:999px;background:#edf3ff;color:#20314d;text-align:center;font-weight:700}.zp-layout{min-height:100vh;background:var(--zp-color-bg)}.zp-page{max-width:var(--zp-page-max);margin:0 auto;padding:30px 40px 64px}.zp-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.zp-page__meta{color:var(--zp-color-text-muted);font-size:16px}.zp-page__title{margin:2px 0 4px;color:var(--zp-color-text);font-size:38px;font-weight:900;line-height:1.08;letter-spacing:0}.zp-page__subtitle{margin:0;color:var(--zp-color-text-muted);font-size:16px}.zp-trust-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:14px;padding-bottom:5px}.zp-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 13px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap}.zp-badge--success{background:var(--zp-color-success-soft);color:#079573}.zp-badge--warning{background:var(--zp-color-warning-soft);color:#e77008}.zp-badge--primary{background:var(--zp-color-primary-soft);color:var(--zp-color-primary)}.zp-card{border:1px solid var(--zp-color-line);border-radius:var(--zp-radius-md);background:var(--zp-color-surface);box-shadow:var(--zp-shadow-card)}.zp-card__title{margin:0 0 16px;color:var(--zp-color-text);font-size:24px;font-weight:900;letter-spacing:0}.zp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 18px;border:1px solid transparent;border-radius:var(--zp-radius-md);background:#fff;color:var(--zp-color-primary);font-weight:800;white-space:nowrap}.zp-button--primary{border-color:var(--zp-color-primary);background:var(--zp-color-primary);color:#fff}.zp-button--primary:hover{background:var(--zp-color-primary-strong)}.zp-button--outline{border-color:#bcd0ff;background:#fff;color:var(--zp-color-primary)}.zp-button--danger{border-color:var(--zp-color-danger);background:var(--zp-color-danger);color:#fff}.zp-button--warning{border-color:var(--zp-color-warning);background:var(--zp-color-warning);color:#fff}.zp-button--ghost{border-color:var(--zp-color-line);color:var(--zp-color-text-muted)}.zp-button:disabled,.zp-button.is-disabled{border-color:#d9e2f0;background:#dfe7f3;color:#8b9ab2;cursor:not-allowed}.zp-icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--zp-color-line);border-radius:999px;background:#fff;color:var(--zp-color-text-muted)}.zp-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap}.zp-status--success{background:var(--zp-color-success-soft);color:#079573}.zp-status--primary{background:var(--zp-color-primary-soft);color:var(--zp-color-primary)}.zp-status--muted{background:#edf2f8;color:var(--zp-color-text-muted)}.zp-status--warning{background:var(--zp-color-warning-soft);color:#e77008}.zp-status--danger{background:var(--zp-color-danger-soft);color:var(--zp-color-danger)}.zp-table{width:100%;border-collapse:collapse}.zp-table th{height:44px;background:#f5f8fc;color:var(--zp-color-text-muted);font-size:14px;font-weight:800;text-align:left}.zp-table th,.zp-table td{padding:13px 12px;border-bottom:1px solid var(--zp-color-line)}.zp-table td{color:var(--zp-color-text);font-size:15px;vertical-align:middle}.zp-muted{color:var(--zp-color-text-muted)}.zp-soft-note{border-radius:var(--zp-radius-md);background:#f0f4fa;color:#344866}.zp-warning-note{border-radius:var(--zp-radius-md);background:var(--zp-color-warning-soft);color:#d96800}.zp-qr{display:grid;grid-template-columns:repeat(21,7px);grid-auto-rows:7px;gap:1px;width:max-content;padding:10px;border:1px solid var(--zp-color-line-strong);background:#fff}.zp-qr__dot{width:7px;height:7px;background:transparent}.zp-qr__dot.is-on{background:#121b2e}@media(max-width:980px){.zp-shell{height:auto;position:static}.zp-shell__inner,.zp-shell__left,.zp-shell__right{align-items:flex-start;flex-direction:column}.zp-shell__inner{gap:14px;padding:18px 20px}.zp-shell__left,.zp-shell__nav,.zp-shell__right{gap:14px}.zp-shell__nav{flex-wrap:wrap}.zp-shell__nav-link{height:34px}.zp-page{padding:24px 18px 48px}.zp-page__header{align-items:flex-start;flex-direction:column}.zp-page__title{font-size:32px}}.prototype-grid{display:grid;grid-template-columns:minmax(0,1fr) 358px;align-items:start;gap:24px}.prototype-grid--pay{grid-template-columns:520px minmax(0,1fr)}.upload-panel,.config-panel,.task-panel,.summary-panel,.payment-panel{padding:24px 22px 26px}.upload-dropzone{display:flex;align-items:center;justify-content:center;min-height:176px;margin-bottom:20px;border:2px dashed #9dbbff;border-radius:var(--zp-radius-md);background:#f8fbff;text-align:center}.upload-dropzone__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:10px;border-radius:16px;background:var(--zp-color-primary);color:#fff}.upload-dropzone__title{margin:0 0 6px;color:var(--zp-color-text);font-size:18px;font-weight:900}.upload-dropzone__hint{margin:0 0 12px;color:var(--zp-color-text)}.file-title{color:var(--zp-color-text);font-weight:900}.file-meta{color:var(--zp-color-text-muted);font-size:13px}.progress-track{width:142px;height:8px;overflow:hidden;border-radius:999px;background:#e9eef6}.progress-fill{height:100%;border-radius:inherit;background:var(--zp-color-primary)}.progress-fill--success{background:var(--zp-color-success)}.file-actions,.panel-actions,.task-actions{display:flex;align-items:center;gap:10px}.panel-actions{justify-content:flex-end;margin-top:22px}.privacy-row{display:flex;align-items:center;gap:10px;margin-top:14px;color:#30415d}.privacy-row input,.check-tile input{width:15px;height:15px;accent-color:var(--zp-color-primary)}.summary-panel{position:sticky;top:92px}.summary-stack{display:grid;gap:10px}.summary-metric{min-height:92px;padding:16px;border:1px solid var(--zp-color-line);border-radius:var(--zp-radius-md);background:#fff}.summary-metric__value{color:var(--zp-color-primary);font-size:31px;font-weight:900;line-height:1.1}.summary-metric__value--success{color:var(--zp-color-success)}.summary-metric__value--warning{color:var(--zp-color-warning)}.summary-metric__label{color:var(--zp-color-text-muted)}.summary-note{margin-top:14px;padding:14px;color:#344866;line-height:1.7}.option-section+.option-section{margin-top:20px}.option-section__title{margin:0 0 12px;color:var(--zp-color-text);font-size:22px;font-weight:900}.option-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.option-grid--wide{grid-template-columns:repeat(3,minmax(0,1fr))}.check-tile{display:flex;align-items:center;gap:6px;min-height:48px;padding:0 14px;border:1px solid var(--zp-color-line);border-radius:var(--zp-radius-md);background:#fbfdff;color:var(--zp-color-text);font-weight:900}.check-tile__tip{color:#08a67d;font-size:12px;font-weight:900}.segmented{display:inline-grid;grid-template-columns:repeat(3,76px);overflow:hidden;border:1px solid #bcd0ff;border-radius:var(--zp-radius-md)}.segmented__item{height:42px;border:0;background:#fff;color:var(--zp-color-text);font-weight:900}.segmented__item.is-active{background:var(--zp-color-primary);color:#fff}.keyword-input{display:block;width:100%;min-height:100px;padding:14px;border:1px solid #cbd9f1;border-radius:var(--zp-radius-md);resize:vertical}.keyword-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.keyword-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 13px;border-radius:999px;background:var(--zp-color-primary-soft);color:var(--zp-color-primary);font-weight:800}.config-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.payment-panel{min-height:406px}.order-lines{display:grid;gap:0}.order-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;border-bottom:1px solid var(--zp-color-line);color:var(--zp-color-text)}.order-row__right{font-weight:900}.order-row--share{color:#e9780b}.order-total{display:flex;align-items:baseline;gap:8px;margin:22px 0 16px}.order-total__label{font-size:20px}.order-total__amount{color:var(--zp-color-primary);font-size:42px;font-weight:900;line-height:1}.pay-note{padding:13px 14px;margin-bottom:12px}.pay-actions{display:flex;gap:10px}.pay-qr-area{display:grid;justify-items:center;margin-top:18px}.pay-qr-area .zp-qr{grid-template-columns:repeat(21,8px);grid-auto-rows:8px}.pay-qr-area .zp-qr__dot{width:8px;height:8px}.pay-qr-caption{margin-top:8px;color:var(--zp-color-text-muted)}.pay-countdown{margin:12px 0 14px;color:var(--zp-color-warning);font-weight:900;text-align:center}.pay-state-row{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.pay-state{min-height:38px;padding:0 15px;border:1px solid var(--zp-color-line);border-radius:999px;background:#fff;color:var(--zp-color-text-muted)}.pay-state.is-active{border-color:var(--zp-color-primary);color:var(--zp-color-primary)}.payment-actions{display:flex;justify-content:flex-end;gap:14px}.task-panel{padding-bottom:18px}.task-tabs{display:flex;gap:10px;margin-bottom:16px}.task-tab{min-height:38px;padding:0 15px;border:0;border-radius:999px;background:#eef3fa;color:#30415d;font-weight:900}.task-tab.is-active{background:var(--zp-color-primary-soft);color:var(--zp-color-primary)}.task-name{font-weight:900}.task-subtitle{color:var(--zp-color-text-muted);font-size:13px}.task-footer-note{margin-top:16px;padding:14px}@media(max-width:1180px){.prototype-grid,.prototype-grid--pay{grid-template-columns:1fr}.summary-panel{position:static}}@media(max-width:760px){.option-grid,.option-grid--wide{grid-template-columns:1fr}.zp-table{min-width:760px}.upload-panel,.config-panel,.task-panel,.summary-panel,.payment-panel{overflow-x:auto}.panel-actions,.config-actions,.payment-actions,.pay-actions,.task-actions{align-items:stretch;flex-direction:column}}*{box-sizing:border-box}body{margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#07142d;background:#f3f6fa}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}.disabledish{opacity:.62}.app-shell{min-height:100vh}.visually-hidden-input{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:36px;height:72px;padding:0 32px;background:#fff;border-bottom:1px solid #dfe7f0}.brand{border:0;background:transparent;color:#2563ff;font-size:28px;font-weight:800}nav{display:flex;align-items:center;gap:10px;flex:1}nav button{height:72px;padding:0 14px;border:0;border-bottom:3px solid transparent;background:transparent;color:#233451;font-weight:700}nav button.active{color:#2563ff;border-bottom-color:#2563ff}.top-actions,.button-row,.panel-foot,.row-actions,.share-actions,.share-points{display:flex;align-items:center;gap:10px}.button-row,.row-actions{flex-wrap:wrap}.top-actions{justify-content:flex-end}.top-actions strong{min-width:80px;text-align:center;font-size:18px}.workspace{max-width:1536px;margin:0 auto;padding:28px 40px 72px}.home-grid{display:grid;grid-template-columns:minmax(440px,.72fr) minmax(680px,1fr);gap:28px}.hero-copy{padding-top:54px}.hero-copy h1{max-width:660px;margin:0;font-size:60px;line-height:1.24;letter-spacing:0}.hero-copy p,.page-title p,.panel-head p,.summary p,.hint,.doc-toolbar,.result-row span,.help-step span,.dropzone span,.pay-qr>span,.qr-card span,.form-card label,.modal-card p,.share-page p{color:#5d6c84}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:18px;margin:44px 0 28px}.metric-card{min-height:122px;padding:22px 12px;display:grid;place-items:center;gap:8px;background:#fff;border:1px solid #dfe7f0;border-radius:8px;box-shadow:0 12px 28px #23345112}.metric-card svg{color:#2563ff}.metric-card:nth-child(2) svg,.metric-card:nth-child(2) b{color:#14bc87}.metric-card:nth-child(3) svg,.metric-card:nth-child(3) b{color:#f68a19}.metric-card:nth-child(4) svg,.metric-card:nth-child(4) b{color:#8757e8}.surface,.share-strip{background:#fff;border:1px solid #dfe7f0;border-radius:8px;box-shadow:0 16px 40px #1e304f14}.surface{padding:24px}.upload-panel.compact{padding:30px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}h1,h2,h3,p{letter-spacing:0}h2{margin:0 0 14px;font-size:24px}h3{margin:0 0 18px}.dropzone{min-height:110px;margin:18px 0 22px;display:flex;align-items:center;justify-content:center;gap:16px;padding:24px;border:2px dashed #a9c2ff;border-radius:8px;background:#fbfdff;text-align:center}.dropzone svg{color:#2563ff}.dropzone.disabled{min-height:320px;flex-direction:column;border-color:#c7d1e1;background:#f6f8fb}.file-table{width:100%;border-collapse:collapse}.file-table th{background:#f5f7fa;color:#5d6c84;font-size:14px;text-align:left}.file-table th,.file-table td{padding:14px 12px;border-bottom:1px solid #e6edf5}.file-table small{display:block;margin-top:4px;color:#7c8aa1}.file-table b,.file-table td,.file-table th{overflow-wrap:anywhere}.action-table th:last-child,.action-table td:last-child{min-width:150px}.status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eef3fb;color:#526175;font-size:13px;font-weight:800;white-space:nowrap}.status.success,.summary-box.success,.hint.success{background:#e8fbf4;color:#0a9f72}.status.warning{background:#fff0df;color:#e97913}.status.muted{background:#edf2f7;color:#64748b}.progress{display:inline-block;width:108px;height:8px;margin-left:10px;overflow:hidden;border-radius:999px;background:#e7ecf3;vertical-align:middle}.progress.wide{width:140px;margin-left:0}.progress.huge{width:100%;height:10px;margin:12px 0 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#2563ff,#14bc87);border-radius:inherit}.panel-foot{justify-content:flex-end;margin-top:20px}.primary,.outline,.danger,.warning,.wechat,.avatar{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:8px;border:1px solid transparent;font-weight:800}.primary{background:#2563ff;border-color:#2563ff;color:#fff}.primary.ghost{background:#eef4ff;color:#2563ff}.primary.large{min-width:330px;height:60px;margin-top:18px;font-size:22px}.outline{background:#fff;border-color:#bdd1ff;color:#2563ff}.outline.green,.wechat{border-color:#14bc87;color:#14a979}.wechat{background:#14bc87;color:#fff;min-width:132px}.danger{background:#ff5b66;border-color:#ff5b66;color:#fff}.warning{background:#ff9b3d;border-color:#ff9b3d;color:#fff}.tiny{min-height:32px;padding:6px 10px;font-size:13px}.full{width:100%}.avatar{min-width:60px;background:#eef3fb;color:#233451}.share-strip{grid-column:1 / -1;display:grid;grid-template-columns:1fr 180px 300px;gap:24px;align-items:center;margin-top:8px;padding:22px 28px;background:#eef5ff}.share-points{margin-top:18px;gap:24px}.share-points span,.notice-list span{display:inline-flex;align-items:center;gap:8px;color:#43516a;font-weight:700}.qr-card,.pay-qr,.failed-center,.deleted-state{display:grid;place-items:center;text-align:center}.qr-card{padding:12px;background:#fff;border-radius:8px;border:1px solid #dfe7f0}.qr{width:112px;height:112px;border:1px solid #dfe7f0;background:linear-gradient(90deg,#101828 10px,transparent 10px) 0 0 / 24px 24px,linear-gradient(#101828 10px,transparent 10px) 0 0 / 24px 24px,#fff}.large-qr{width:174px;height:174px;margin:12px auto;background-size:32px 32px}.share-actions{flex-direction:column;align-items:stretch}.page-stack{display:grid;gap:18px}.page-title{position:relative}.page-title span{color:#5d6c84}.page-title h1{margin:4px 0 8px;font-size:36px;line-height:1.1}.tagline{position:absolute;right:40px;top:118px;display:flex;gap:10px}.tagline span,.filter-pills button,.state-pills span{padding:8px 12px;border-radius:999px;background:#e8fbf4;color:#0a9f72;border:0;font-weight:800}.tagline .orange,.summary-box.orange,.orange-text{color:#ee7a13}.split,.two-col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.main-pane{min-width:0}.summary{display:grid;gap:12px;padding:8px}.summary-box{min-height:86px;display:grid;align-content:center;gap:4px;padding:18px;border:1px solid #dfe7f0;border-radius:8px;background:#fff}.summary-box b{color:#2563ff;font-size:28px}.summary-box.muted b{color:#7c8aa1}.summary>p,.hint{padding:14px;border-radius:8px;background:#f1f5f9}.segmented,.filter-pills,.state-pills{display:inline-flex;gap:6px;padding:4px;background:#eef3fb;border-radius:8px}.segmented button,.filter-pills button{min-height:36px;padding:8px 14px;border:0;border-radius:6px;background:transparent;color:#233451;font-weight:800}.segmented button.selected,.filter-pills button.selected,.state-pills span.selected{background:#2563ff;color:#fff}.segmented.fit{width:fit-content}.checkline{display:flex;gap:10px;align-items:center;margin-top:18px;color:#35445e}.state-panel{min-height:390px;display:grid;align-content:center;gap:20px;padding:26px;border:1px solid #e6edf5;border-radius:8px;background:#fbfdff}.upload-progress,.result-row,.success-banner{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #dfe7f0;border-radius:8px;background:#fff}.upload-progress{display:grid}.error-list{display:grid;gap:10px}.error-list p{display:flex;align-items:center;gap:10px;margin:0;padding:14px;border-radius:8px;background:#fff3f1;color:#a83f1e}.config-pane textarea,.form-card input,.modal-card input{width:100%;border:1px solid #cbd9ee;border-radius:8px;padding:12px}.config-pane textarea{resize:vertical;min-height:100px}.option-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-bottom:22px}.option-grid.compact-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}.option-grid label{min-height:48px;display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #d7e3f5;border-radius:8px;background:#fbfdff;font-weight:800}.option-grid em{color:#14bc87;font-size:12px;font-style:normal}.hint.warning-soft{margin:16px 0;background:#fff0df;color:#d8680d}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#eaf1ff;color:#2563ff;font-weight:800}.chips button{border:0;background:transparent;color:inherit}.preview-grid,.payment-grid,.refund-layout{display:grid;grid-template-columns:1fr 1fr 320px;gap:22px;align-items:start}.doc-view{border:1px solid #dfe7f0;border-radius:8px;overflow:hidden;background:#f8fafc}.doc-toolbar{display:flex;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #dfe7f0}.paper{min-height:420px;margin:22px;padding:34px;background:#fff;box-shadow:0 12px 24px #1e304f14}.paper.clean p{color:#111827;font-weight:800}.payment-grid{grid-template-columns:360px 1fr}.pay-detail p{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e6edf5}.total{margin:22px 0;font-size:20px}.total strong{color:#2563ff;font-size:42px}.pay-qr{min-height:430px}.countdown{margin:8px 0 14px;color:#ff8a20}.state-pills{margin-bottom:18px;background:transparent}.state-pills span{background:#fff;color:#526175;border:1px solid #d7e3f5}.state-pills.vertical{display:grid}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.process-step{padding:18px;border:1px solid #dfe7f0;border-radius:8px;background:#fbfdff}.process-step b,.process-step span{display:block}.process-step span{margin-top:8px;color:#5d6c84}.done-pane{display:grid;gap:18px}.success-banner{background:#e8fbf4}.success-banner svg,.failed-center svg,.deleted-state svg{color:#14bc87}.result-row{justify-content:space-between}.result-row>div{flex:1}.refund-layout{grid-template-columns:1fr 320px}.failed-center,.deleted-state{min-height:420px}.failed-center svg,.deleted-state svg{color:#ff5b66}.filter-pills{margin-bottom:18px}.login-layout,.share-page{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:center}.form-card{max-width:520px;display:grid;gap:14px}.form-card label,.modal-card label{display:grid;gap:8px}.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.help-step{display:grid;gap:12px;align-content:start;min-height:210px;padding:18px;border:1px solid #dfe7f0;border-radius:8px;background:#fbfdff}.help-step svg{color:#2563ff}.wrap{flex-wrap:wrap}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.end{justify-content:flex-end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:28px;background:#0f172a70}.modal-card{width:min(720px,100%);max-height:calc(100vh - 56px);overflow:auto;padding:28px;background:#fff;border-radius:8px;box-shadow:0 22px 60px #0f172a38}.wide-modal{width:min(920px,100%)}.share-modal{width:min(840px,100%)}.notice-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.notice-list span{padding:12px;background:#f1f5f9;border-radius:8px}.coupon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.coupon-grid button{min-height:116px;display:grid;gap:8px;align-content:center;text-align:left;padding:16px;border:1px solid #d7e3f5;border-radius:8px;background:#fbfdff}.coupon-grid button.selected{border-color:#2563ff;background:#eef4ff}.coupon-grid b{color:#2563ff;font-size:26px}.share-modal-grid{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start}.steps p{margin:0 0 14px;color:#5d6c84;font-weight:800}.steps .done{color:#14a979}.steps .active{color:#2563ff}.mobile-relay{display:none}.mobile-relay-card{width:min(430px,calc(100vw - 36px));display:grid;gap:14px;justify-items:stretch;padding:22px;border:1px solid #d7e3f5;border-radius:8px;background:#fff;box-shadow:0 18px 50px #0f172a24}.mobile-relay-card svg,.mobile-status-list svg{color:#2563ff}.mobile-relay-head{display:grid;gap:10px;justify-items:start}.mobile-relay-head>span{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef4ff;color:#2563ff;font-size:13px;font-weight:800}.mobile-relay-card h1,.mobile-relay-card h2{margin:0;color:#101828}.mobile-relay-card h1{font-size:28px;line-height:1.18}.mobile-relay-card h2{font-size:21px}.mobile-relay-card p,.mobile-relay-panel span{margin:0;color:#5d6c84;line-height:1.7}.mobile-relay-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:4px;border-radius:8px;background:#eef3fb}.mobile-relay-tabs button{min-height:36px;border:0;border-radius:6px;background:transparent;color:#233451;font-weight:800}.mobile-relay-tabs button.selected{background:#2563ff;color:#fff}.mobile-relay-panel{display:grid;gap:14px}.mobile-status-list,.mobile-share-state{display:grid;gap:8px}.mobile-status-list span{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#f3f7fc;color:#43516a;font-weight:700}.mobile-share-state{padding:14px;border:1px solid #d7e3f5;border-radius:8px;background:#fbfdff}.mobile-share-state b{color:#2563ff;font-size:20px}.mobile-task-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid #dfe7f0;border-radius:8px;background:#fbfdff}.mobile-task-row div{display:grid;gap:4px;min-width:0}.mobile-task-row b,.mobile-task-row span{overflow-wrap:anywhere}.timeline{display:grid;gap:10px;margin-top:10px}.timeline span{padding:12px 14px;border-left:3px solid #d7e3f5;background:#f8fbff;color:#526175}.timeline .done{border-color:#14bc87}.timeline .active{border-color:#2563ff;color:#174ed9;font-weight:800}.empty-state{min-height:220px;display:grid;place-items:center;gap:8px;margin:18px 0;border:1px dashed #c7d7f4;border-radius:8px;background:#f8fbff;color:#5d6c84;text-align:center}.empty-state b{color:#233451;font-size:20px}.inline-empty{min-height:96px;margin:12px 0 18px}.toast{position:fixed;right:24px;bottom:24px;z-index:80;max-width:360px;padding:13px 16px;border:1px solid #c7d7f4;border-radius:8px;background:#101828;color:#fff;box-shadow:0 14px 40px #0f172a33;font-weight:800}@media(max-width:1100px){.topbar{height:auto;flex-wrap:wrap;padding:14px 18px}nav button{height:42px}.workspace{padding:22px 18px 56px}.home-grid,.split,.two-col,.preview-grid,.payment-grid,.refund-layout,.login-layout,.share-page,.share-strip{grid-template-columns:1fr}.hero-copy h1{font-size:38px}.metric-row,.process-grid,.help-grid,.option-grid,.option-grid.compact-grid,.notice-list,.coupon-grid,.share-modal-grid{grid-template-columns:1fr}.tagline{position:static;flex-wrap:wrap}.task-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:720px){.app-shell>.topbar,.app-shell>.workspace,.app-shell>.modal-backdrop{display:none}.mobile-relay{min-height:100vh;display:grid;align-items:start;justify-items:center;padding:18px;background:linear-gradient(180deg,#2563ff14,#14bc8714),#f6f9fd}.mobile-relay-card{margin:0 auto}.mobile-relay-card .large-qr{width:148px;height:148px;background-size:28px 28px}.mobile-relay-card .button-row{align-items:stretch}.mobile-relay-card .button-row button{flex:1 1 132px}.toast{right:16px;left:16px;bottom:16px;max-width:none}}