.web-page {
  --ink: #29231f;
  --muted: #7d746d;
  --green: #ff6a00;
  --green-2: #dc5200;
  --cream: #f6f4f1;
  --paper: #ffffff;
  --gold: #b97500;
  --red: #d7442f;
  --brand: #ff6a00;
  --brand-soft: #fff0e4;
  background: var(--cream);
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: calc(var(--rpx) * 28);
  overflow-x: hidden;
}
.page { width:100%; max-width:100vw; padding: calc(var(--rpx) * 28) calc(var(--rpx) * 28) calc(var(--rpx) * 68); box-sizing: border-box; min-height: 100vh; overflow-x:hidden; }
.hero { background: linear-gradient(145deg, #ff7a18, #f05b00); color: #fff; border-radius: calc(var(--rpx) * 30); padding: calc(var(--rpx) * 38); box-shadow: 0 calc(var(--rpx) * 16) calc(var(--rpx) * 40) rgba(225,83,0,.2); }
.eyebrow { font-size: calc(var(--rpx) * 22); letter-spacing: calc(var(--rpx) * 3); color: rgba(255,255,255,.82); }
.hero-title { font-size: calc(var(--rpx) * 48); font-weight: 650; margin-top: calc(var(--rpx) * 10); }
.hero-sub { color: rgba(255,255,255,.7); margin-top: calc(var(--rpx) * 10); line-height: 1.7; }
.card { background: var(--paper); border: calc(var(--rpx) * 1) solid rgba(45,34,25,.055); border-radius: calc(var(--rpx) * 24); padding: calc(var(--rpx) * 28); margin-top: calc(var(--rpx) * 24); box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 30) rgba(65,45,28,.055); }
.card-title { display: flex; justify-content: space-between; align-items: center; font-size: calc(var(--rpx) * 31); font-weight: 600; margin-bottom: calc(var(--rpx) * 22); }
.section-title { margin: calc(var(--rpx) * 38) calc(var(--rpx) * 4) calc(var(--rpx) * 10); font-size: calc(var(--rpx) * 32); font-weight: 650; }
.subtle { color: var(--muted); font-size: calc(var(--rpx) * 24); line-height: 1.6; }
.money { font-size: calc(var(--rpx) * 42); font-weight: 680; letter-spacing: calc(var(--rpx) * -1); }
.money-sm { font-size: calc(var(--rpx) * 30); font-weight: 650; }
.gold { color: var(--gold); }
.red { color: var(--red); }
.green { color: var(--green-2); }
.row { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 16); }
.row-start { display: flex; align-items: flex-start; gap: calc(var(--rpx) * 18); }
.grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--rpx) * 18); }
.grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(var(--rpx) * 14); }
.grid-2 > div,.grid-3 > div { min-width:0; max-width:100%; }
.identity-actions { display:flex;align-items:center;gap:calc(var(--rpx) * 10);width:100%; }
.identity-actions .btn { flex:1;min-width:0;padding:0 calc(var(--rpx) * 6);font-size:calc(var(--rpx) * 21);white-space:nowrap; }
.identity-actions .btn + .btn { margin-top:0; }
.metric { background: #faf7f3; border: calc(var(--rpx) * 1) solid #f0e9e2; border-radius: calc(var(--rpx) * 18); padding: calc(var(--rpx) * 22); }
.metric-value { font-size: calc(var(--rpx) * 34); font-weight: 680; margin-top: calc(var(--rpx) * 6); }
.metric-link { position:relative; padding-bottom:calc(var(--rpx) * 42); }
.metric-more { position:absolute; left:calc(var(--rpx) * 22); bottom:calc(var(--rpx) * 16); font-size:calc(var(--rpx) * 21); color:var(--brand); }
.tag { display: inline-block; padding: calc(var(--rpx) * 8) calc(var(--rpx) * 16); border-radius: calc(var(--rpx) * 999); font-size: calc(var(--rpx) * 22); background: var(--brand-soft); color: var(--green-2); }
.tag.warn { background: #fff0cc; color: #9a5b00; }
.tag.danger { background: #f5e2de; color: var(--red); }
.demo-badge { display: inline-block; padding: calc(var(--rpx) * 5) calc(var(--rpx) * 12); border: calc(var(--rpx) * 1) solid #b99c6f; color: #8a6a35; border-radius: calc(var(--rpx) * 999); font-size: calc(var(--rpx) * 19); letter-spacing: calc(var(--rpx) * 1); }
.divider { height: calc(var(--rpx) * 1); background: #ebe4d8; margin: calc(var(--rpx) * 22) 0; }
.list-row { padding: calc(var(--rpx) * 22) 0; border-bottom: calc(var(--rpx) * 1) solid #eee8dc; }
.list-row:last-child { border-bottom: 0; }
.icon-box { width: calc(var(--rpx) * 68); height: calc(var(--rpx) * 68); border-radius: calc(var(--rpx) * 18); background: var(--brand-soft); display: flex; align-items: center; justify-content: center; color: var(--brand); font-size: calc(var(--rpx) * 30); font-weight:700; flex: none; }
.link { color: var(--green-2); font-size: calc(var(--rpx) * 25); }
.btn { box-sizing:border-box;max-width:100%;background: var(--green); color: #fff; border-radius: calc(var(--rpx) * 18); font-size: calc(var(--rpx) * 28); line-height: calc(var(--rpx) * 88); height: calc(var(--rpx) * 88); padding: 0 calc(var(--rpx) * 28); }
.btn::after { border: 0; }
.btn.secondary { background: var(--brand-soft); color: var(--green-2); }
.btn.ghost { background: transparent; color: var(--green-2); border: calc(var(--rpx) * 1) solid #e8c3a8; }
.btn.danger { background: var(--red); color: #fff; }
.btn.small { display: inline-flex; align-items: center; justify-content: center; height: calc(var(--rpx) * 62); line-height: calc(var(--rpx) * 62); padding: 0 calc(var(--rpx) * 20); font-size: calc(var(--rpx) * 24); border-radius: calc(var(--rpx) * 14); margin: 0; }
.btn + .btn { margin-top: calc(var(--rpx) * 16); }
.inline-actions { display: flex; flex-wrap: wrap; gap: calc(var(--rpx) * 14); }
.inline-actions .btn + .btn { margin-top: 0; }
.field { margin-top: calc(var(--rpx) * 22); }
.label { display: block; font-size: calc(var(--rpx) * 24); color: #616d68; margin-bottom: calc(var(--rpx) * 10); }
.input,.picker,.textarea { box-sizing: border-box; width: 100%; background: #faf8f5; border: calc(var(--rpx) * 1) solid #e9e1da; border-radius: calc(var(--rpx) * 16); padding: calc(var(--rpx) * 20); min-height: calc(var(--rpx) * 76); }
.textarea { min-height: calc(var(--rpx) * 150); }
.empty { padding: calc(var(--rpx) * 70) calc(var(--rpx) * 30); text-align: center; color: var(--muted); }
.empty-mark { width: calc(var(--rpx) * 88); height: calc(var(--rpx) * 88); margin: 0 auto calc(var(--rpx) * 20); border-radius: 50%; background: var(--brand-soft); color: var(--brand); font-size: calc(var(--rpx) * 38); display:flex;align-items:center;justify-content:center;line-height:1;font-family:Arial,sans-serif; }
.loading { padding: calc(var(--rpx) * 80); text-align: center; color: var(--muted); }
.timeline { border-left: calc(var(--rpx) * 2) solid #d8ded8; padding-left: calc(var(--rpx) * 24); margin-left: calc(var(--rpx) * 10); }
.timeline-item { position: relative; padding: 0 0 calc(var(--rpx) * 28); }
.timeline-item::before { content: ''; position: absolute; left: calc(var(--rpx) * -31); top: calc(var(--rpx) * 8); width: calc(var(--rpx) * 12); height: calc(var(--rpx) * 12); background: var(--gold); border-radius: 50%; }
.qr { width: calc(var(--rpx) * 320); height: calc(var(--rpx) * 320); margin: calc(var(--rpx) * 25) auto; padding: calc(var(--rpx) * 18); box-sizing: border-box; background-color: #fff; background-image: linear-gradient(90deg,#173c36 calc(var(--rpx) * 10),transparent calc(var(--rpx) * 10)),linear-gradient(#173c36 calc(var(--rpx) * 10),transparent calc(var(--rpx) * 10)); background-size: calc(var(--rpx) * 34) calc(var(--rpx) * 34); border: calc(var(--rpx) * 14) solid #fff; outline: calc(var(--rpx) * 2) solid #d7d0c4; display: flex; align-items: center; justify-content: center; }
.qr-center { background: var(--paper); color: var(--green); border: calc(var(--rpx) * 8) solid var(--green); font-size: calc(var(--rpx) * 36); font-weight: 700; padding: calc(var(--rpx) * 18); }
.qr-image { display: block; width: calc(var(--rpx) * 320); height: calc(var(--rpx) * 320); margin: calc(var(--rpx) * 24) auto; background: #fff; border-radius: calc(var(--rpx) * 18); }
.sticky-actions { position: sticky; bottom: calc(var(--rpx) * 20); padding: calc(var(--rpx) * 18); background: rgba(246,244,241,.96); border:calc(var(--rpx) * 1) solid rgba(80,55,35,.06);box-shadow:0 calc(var(--rpx) * 12) calc(var(--rpx) * 36) rgba(55,35,20,.1); border-radius: calc(var(--rpx) * 22); margin-top: calc(var(--rpx) * 28); }
.safe-note { background: #f1e9dc; border-left: calc(var(--rpx) * 6) solid var(--gold); border-radius: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 18); color: #6e604c; font-size: calc(var(--rpx) * 23); line-height: 1.6; }
.success-note { background: #fff1e6; border-left-color: var(--brand); color: #9b3c00; }
.danger-note { background: #f5e2de; border-left-color: var(--red); color: #7f3d35; }
.canvas { width: 100%; height: calc(var(--rpx) * 300); background: #fff; border: calc(var(--rpx) * 2) dashed #c8bfae; border-radius: calc(var(--rpx) * 18); }
.steps { display: flex; justify-content: space-between; gap: calc(var(--rpx) * 10); padding: calc(var(--rpx) * 20); }
.step { flex: 1; text-align: center; color: var(--muted); font-size: calc(var(--rpx) * 22); }
.step span { display: block; width: calc(var(--rpx) * 42); height: calc(var(--rpx) * 42); line-height: calc(var(--rpx) * 42); margin: 0 auto calc(var(--rpx) * 8); border-radius: 50%; background: #ebe5da; }
.step.active { color: var(--green); font-weight: 600; }
.step.active span { background: var(--green); color: #fff; }
.action-group { padding: calc(var(--rpx) * 20); border: calc(var(--rpx) * 1) solid #e8e0d2; border-radius: calc(var(--rpx) * 18); margin-top: calc(var(--rpx) * 18); }
.action-group-title { font-weight: 600; margin-bottom: calc(var(--rpx) * 8); }
.confirm-row { display: flex; align-items: center; gap: calc(var(--rpx) * 14); padding: calc(var(--rpx) * 18) 0; }
.photo-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--rpx) * 12); }
.photo-cell { position:relative;height:calc(var(--rpx) * 170); }
.photo-cell img { width:100%;height:100%;border-radius:calc(var(--rpx) * 14);background:#eee8dc; }
.photo-cell span { position:absolute;right:calc(var(--rpx) * -8);top:calc(var(--rpx) * -8);width:calc(var(--rpx) * 40);height:calc(var(--rpx) * 40);line-height:calc(var(--rpx) * 38);text-align:center;border-radius:50%;background:#a34e43;color:#fff;font-size:calc(var(--rpx) * 30); }
.member-upload-cell { display:flex;align-items:center;justify-content:center;border:calc(var(--rpx) * 1) dashed #efc7aa;border-radius:calc(var(--rpx) * 14);background:#fffaf6;overflow:visible; }
.member-upload-cell .btn { width:100%;height:100%;margin:0;border:0;display:flex;align-items:center;justify-content:center;white-space:normal;line-height:1.4; }
.order-share-button { margin:calc(var(--rpx) * 20) 0 0;width:auto;min-width:calc(var(--rpx) * 180); }
.customer-match-list { margin:0 0 calc(var(--rpx) * 20);border:calc(var(--rpx) * 1) solid #f1dfd1;border-radius:calc(var(--rpx) * 18);padding:0 calc(var(--rpx) * 18);background:#fffaf6; }
.finance-forecast { margin-top:calc(var(--rpx) * 16);color:#a64b12;font-weight:600; }
.compact-photo-grid { margin-top:calc(var(--rpx) * 16);grid-template-columns:repeat(4,minmax(0,1fr)); }
.compact-photo-grid .photo-cell { height:calc(var(--rpx) * 128); }
.today-finance-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--rpx) * 16); }
.finance-metric { min-width:0; }
.payment-breakdown { margin-top:calc(var(--rpx) * 16);padding-top:calc(var(--rpx) * 12);border-top:calc(var(--rpx) * 1) solid #ede5dd; }
.payment-breakdown-row { display:flex;justify-content:space-between;gap:calc(var(--rpx) * 10);color:var(--muted);font-size:calc(var(--rpx) * 21);line-height:1.8; }
.payment-breakdown-row span { min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.payment-empty { color:var(--muted);font-size:calc(var(--rpx) * 21);line-height:1.8; }
.gross-profit-metric { grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 20); }
.brand { color: var(--brand); }
.compact-title { font-size: calc(var(--rpx) * 38); }
.order-hero { padding-bottom: calc(var(--rpx) * 34); }
.order-customer-line { color: rgba(255,255,255,.78); }
.order-contact-actions { display: flex; align-items: center; gap: calc(var(--rpx) * 14); margin-top: calc(var(--rpx) * 12); }
.order-contact-action { display: inline-flex; align-items: center; justify-content: center; min-width: calc(var(--rpx) * 96); height: calc(var(--rpx) * 48); padding: 0 calc(var(--rpx) * 18); box-sizing: border-box; border: calc(var(--rpx) * 1) solid rgba(255,255,255,.34); border-radius: calc(var(--rpx) * 24); color: #fff; font-size: calc(var(--rpx) * 23); background: rgba(255,255,255,.1); }
.detail-tabs { margin-top: calc(var(--rpx) * 22); white-space: nowrap; }
.detail-tabs-inner { display: flex; gap: calc(var(--rpx) * 10); padding: calc(var(--rpx) * 8); border-radius: calc(var(--rpx) * 20); background: #ebe7e2; }
.detail-tab { flex: 1; min-width: calc(var(--rpx) * 120); height: calc(var(--rpx) * 68); line-height: calc(var(--rpx) * 68); text-align: center; border-radius: calc(var(--rpx) * 14); color: #776e67; font-size: calc(var(--rpx) * 25); }
.detail-tab.active { background: #fff; color: var(--brand); font-weight: 650; box-shadow: 0 calc(var(--rpx) * 5) calc(var(--rpx) * 16) rgba(67,45,28,.08); }
.info-row { display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--rpx) * 20);padding:calc(var(--rpx) * 18) 0;border-bottom:calc(var(--rpx) * 1) solid #f0ebe6; }
.info-row:last-child { border-bottom:0; }
.info-row span:first-child { color:var(--muted);font-size:calc(var(--rpx) * 24); }
.label-preview { white-space:pre-line;background:#faf7f3;border:calc(var(--rpx) * 1) dashed #dfd3c8;border-radius:calc(var(--rpx) * 16);padding:calc(var(--rpx) * 22);line-height:1.8;font-size:calc(var(--rpx) * 24); }
.success-card { padding-top:calc(var(--rpx) * 42);padding-bottom:calc(var(--rpx) * 38); }
.success-title { text-align:center;font-size:calc(var(--rpx) * 34);font-weight:650;margin-bottom:calc(var(--rpx) * 12); }
.center-text { text-align:center; }
.centered-actions { justify-content:center;margin-top:calc(var(--rpx) * 22); }
.footer-actions { margin:calc(var(--rpx) * 28) calc(var(--rpx) * 4); }
.finance-grid { display:block; }
.dashboard-metrics { display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--rpx) * 16); }
.due-alert { display:flex;align-items:center;gap:calc(var(--rpx) * 18);margin-top:calc(var(--rpx) * 22);padding:calc(var(--rpx) * 24);border-radius:calc(var(--rpx) * 20);background:#fff1c9;color:#8e5200;border:calc(var(--rpx) * 1) solid #f2d282; }
.due-alert-title { font-weight:700;font-size:calc(var(--rpx) * 29);margin-bottom:calc(var(--rpx) * 5); }
.due-soon { background:#fff1c9!important;color:#8e5200!important;border-color:#f2d282!important; }
.due-today,.due-overdue { background:#fde6e1!important;color:#a83324!important;border-color:#efb8ae!important; }
.due-normal { color:inherit; }
.order-card.due-soon { border-left:calc(var(--rpx) * 8) solid #e99a00; }
.order-card.due-today,.order-card.due-overdue { border-left:calc(var(--rpx) * 8) solid var(--red); }
.location-display { margin-top:calc(var(--rpx) * 12);padding:calc(var(--rpx) * 18) calc(var(--rpx) * 20);border-radius:calc(var(--rpx) * 14);background:#faf7f3;color:#4e443d;font-weight:600; }
.stock-confirm-btn { margin-top:calc(var(--rpx) * 20);width:100%; }
.segmented-scroll { width:100%;max-width:100%;margin-top:calc(var(--rpx) * 24); }
.segmented-tabs { box-sizing:border-box;width:100%;display:flex;align-items:center;gap:calc(var(--rpx) * 8);margin-top:calc(var(--rpx) * 24);padding:calc(var(--rpx) * 8);background:#ebe7e2;border-radius:calc(var(--rpx) * 20); }
.segmented-scroll .segmented-tabs { margin-top:0;min-width:100%;width:max-content; }
.segment { box-sizing:border-box;flex:1;min-width:0;padding:0 calc(var(--rpx) * 16);height:calc(var(--rpx) * 68);line-height:calc(var(--rpx) * 68);text-align:center;white-space:nowrap;border-radius:calc(var(--rpx) * 14);color:#776e67;font-size:calc(var(--rpx) * 25); }
.segment.active { background:#fff;color:var(--brand);font-weight:650;box-shadow:0 calc(var(--rpx) * 5) calc(var(--rpx) * 16) rgba(67,45,28,.08); }
.staff-order-tabs .segment { min-width:calc(var(--rpx) * 150); }
.management-tabs .segment { min-width:calc(var(--rpx) * 130); }
.draft-tabs .segment { min-width:calc(var(--rpx) * 180); }
.finance-tabs .segment { min-width:calc(var(--rpx) * 165); }
.finance-detail-card { margin-top:calc(var(--rpx) * 16); }
.store-account-card { border-top:calc(var(--rpx) * 8) solid var(--brand); }
.store-account-head { display:flex;align-items:flex-start;justify-content:space-between;gap:calc(var(--rpx) * 18);margin-bottom:calc(var(--rpx) * 22); }
.store-account-title { margin-bottom:calc(var(--rpx) * 4); }
.store-finance-grid .metric { padding:calc(var(--rpx) * 18) calc(var(--rpx) * 12); }
.store-money { margin-top:calc(var(--rpx) * 8);font-size:calc(var(--rpx) * 27);font-weight:680;line-height:1.25;overflow-wrap:anywhere; }
.store-method-row { display:flex;justify-content:space-between;gap:calc(var(--rpx) * 16);padding-top:calc(var(--rpx) * 12);font-size:calc(var(--rpx) * 22);color:var(--muted); }
.store-method-row span:first-child { color:var(--ink);flex:none; }
.store-method-row span:last-child { text-align:right; }
.total-account-card { background:#fff8f2;border-color:#ffd7bd; }
.pagination { display:grid;grid-template-columns:auto minmax(calc(var(--rpx) * 72),auto) auto;align-items:center;justify-content:center;column-gap:calc(var(--rpx) * 20);width:100%;box-sizing:border-box;margin-top:calc(var(--rpx) * 24);padding:calc(var(--rpx) * 12) 0; }
.pagination .btn { width:auto;min-width:calc(var(--rpx) * 112);max-width:calc(var(--rpx) * 128);height:calc(var(--rpx) * 58);line-height:calc(var(--rpx) * 58);padding:0 calc(var(--rpx) * 14);margin:0;white-space:nowrap; }
.pagination-index { min-width:calc(var(--rpx) * 72);line-height:calc(var(--rpx) * 58);text-align:center;white-space:nowrap; }
.order-pager { display:grid;grid-template-columns:auto minmax(calc(var(--rpx) * 72),auto) auto;align-items:center;justify-content:center;column-gap:calc(var(--rpx) * 20);width:100%;box-sizing:border-box;margin-top:calc(var(--rpx) * 24);padding:calc(var(--rpx) * 12) 0; }
.order-pager .btn { width:auto;min-width:calc(var(--rpx) * 112);max-width:calc(var(--rpx) * 128);height:calc(var(--rpx) * 58);line-height:calc(var(--rpx) * 58);padding:0 calc(var(--rpx) * 14);margin:0;white-space:nowrap; }
.order-page-index { min-width:calc(var(--rpx) * 72);line-height:calc(var(--rpx) * 58);text-align:center;white-space:nowrap; }
.search-bar { display:flex;align-items:center;gap:calc(var(--rpx) * 14);width:100%;min-width:0; }
.search-bar .input { flex:1;width:auto;min-width:0; }
.search-bar .btn { flex:none; }
.row > .input { width:auto;min-width:0; }
.row > .btn { flex:none; }
.restore-btn { margin-top:calc(var(--rpx) * 18)!important; }
.appointment-link { cursor:pointer; }
.home-actions { display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--rpx) * 18);margin-top:calc(var(--rpx) * 28); }
.home-actions .btn { margin:0; }
.create-mode-tabs { min-width:0!important; }
.create-mode-tabs .segment { padding:0 calc(var(--rpx) * 6);font-size:calc(var(--rpx) * 23); }
.customer-claim-panel { display:flex;align-items:center;gap:calc(var(--rpx) * 18);margin-top:calc(var(--rpx) * 22);padding:calc(var(--rpx) * 22);border-radius:calc(var(--rpx) * 18);background:var(--brand-soft);border:calc(var(--rpx) * 1) solid #ffd2b2; }
.claim-icon { width:calc(var(--rpx) * 70);height:calc(var(--rpx) * 70);flex:none;display:flex;align-items:center;justify-content:center;border-radius:calc(var(--rpx) * 18);background:var(--brand);color:#fff;font-size:calc(var(--rpx) * 30);font-weight:700; }
.claim-title { font-size:calc(var(--rpx) * 28);font-weight:650;margin-bottom:calc(var(--rpx) * 5); }
.member-summary { display:flex;align-items:center;justify-content:space-between;padding:calc(var(--rpx) * 8) calc(var(--rpx) * 4) 0; }
.member-summary-title { font-size:calc(var(--rpx) * 36);font-weight:680;margin-bottom:calc(var(--rpx) * 4); }
.member-search-card { margin-top:calc(var(--rpx) * 18);padding:calc(var(--rpx) * 22); }
.member-search-bar .btn { width:calc(var(--rpx) * 120);padding:0 calc(var(--rpx) * 14); }
.member-list-card { padding:calc(var(--rpx) * 24);margin-top:calc(var(--rpx) * 18); }
.member-list-main { align-items:flex-start; }
.member-list-copy { min-width:0;flex:1; }
.member-list-name { font-size:calc(var(--rpx) * 31);font-weight:650;margin-bottom:calc(var(--rpx) * 5); }
.member-list-footer { display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 16);margin-top:calc(var(--rpx) * 16);padding-top:calc(var(--rpx) * 14);border-top:calc(var(--rpx) * 1) solid #f0ebe6;color:var(--muted);font-size:calc(var(--rpx) * 23); }
.detail-heading { display:flex;align-items:center;justify-content:space-between;gap:calc(var(--rpx) * 16);margin:calc(var(--rpx) * 4) calc(var(--rpx) * 4) 0; }
.member-detail-card { margin-top:calc(var(--rpx) * 18); }
.member-phone-list { display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--rpx) * 6); }
.member-delete-zone { margin-top:calc(var(--rpx) * 36);padding-top:calc(var(--rpx) * 26);border-top:calc(var(--rpx) * 1) solid #e6ddd5; }
.member-delete-zone .btn { width:100%; }

.web-page { --hero:#dc5200; --line:#eadfd5; --line-strong:#d8c6b6; --surface:#faf7f3; --surface-strong:#ebe7e2; --success:#2c7856; --danger:#d7442f; --danger-soft:#fff0ec; }

.page-heading { margin:calc(var(--rpx) * 4) 0 calc(var(--rpx) * 24); }
.page-heading-title { font-size:calc(var(--rpx) * 42); font-weight:700; line-height:1.4; }
.page-heading-copy { font-size:calc(var(--rpx) * 26); color:var(--muted); line-height:1.65; margin-top:calc(var(--rpx) * 8); }
.error-state { padding:calc(var(--rpx) * 28); border:calc(var(--rpx) * 1) solid #e4b0a9; border-radius:calc(var(--rpx) * 20); background:var(--danger-soft); margin:calc(var(--rpx) * 24) 0; }
.error-title { color:var(--danger); font-weight:650; font-size:calc(var(--rpx) * 30); margin-bottom:calc(var(--rpx) * 12); }
.error-state .btn { margin-top:calc(var(--rpx) * 22); }
.demo-return { margin:0 0 calc(var(--rpx) * 24); min-height:44px; padding:calc(var(--rpx) * 12) 0; background:transparent; color:var(--brand); justify-content:flex-start; font-size:calc(var(--rpx) * 26); }
.demo-return::after { border:0; }
.touch-link { display:inline-flex; align-items:center; min-height:44px; }
.amount { font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
button::after { border-radius:inherit; }

@media (max-width:340px) {
  .subtle,.label,.tag,.link,.payment-breakdown-row,.payment-empty,.demo-badge { font-size:13px; }
  .input,.picker,.textarea,.btn,.btn.small,.identity-actions .btn { font-size:14px; }
  .row { flex-wrap:wrap; }
  .search-bar,.order-contact-actions { flex-wrap:nowrap; }
}

/* WeChat v2 gives default buttons a 184px width. Explicit component selectors
   keep grid children within their tracks instead of clipping adjacent controls. */
button.btn { width:100%; min-width:0; }
button.btn.small { width:auto; }
.role-tabs > button.role-tab { width:100%; min-width:0; }
button.demo-feature-link,button.demo-disclosure { width:100%; min-width:0; }
.inline-actions > button.btn { width:auto; }

.photo-cell.editable-photo { height:auto; display:flex; flex-direction:column; overflow:hidden; border:calc(var(--rpx) * 1) solid var(--line); border-radius:calc(var(--rpx) * 14); }
.editable-photo > img { display:block; height:calc(var(--rpx) * 170); flex:none; border-radius:0; }
.compact-photo-grid .editable-photo > img { height:calc(var(--rpx) * 128); }
button.photo-remove { display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:100%; min-height:44px; margin:0; padding:calc(var(--rpx) * 8) calc(var(--rpx) * 2); background:var(--paper); color:var(--danger); border:0; border-top:calc(var(--rpx) * 1) solid var(--line); border-radius:0; font-size:calc(var(--rpx) * 24); line-height:1.4; }
button.photo-remove::after { border:0; }
.member-upload-cell.editable-photo .btn { min-height:calc(var(--rpx) * 170); }
.save-progress { position:fixed; left:calc(var(--rpx) * 28); right:calc(var(--rpx) * 28); bottom:calc(calc(var(--rpx) * 16) + env(safe-area-inset-bottom)); z-index:20; padding:calc(var(--rpx) * 20); background:var(--hero); color:#fff; text-align:center; font-size:calc(var(--rpx) * 28); border-radius:calc(var(--rpx) * 16); }
.write-review .btn { margin-top:calc(var(--rpx) * 20); }

[data-page="pages/demo/index"] .demo-page { padding-top:calc(var(--rpx) * 36); }
[data-page="pages/demo/index"] .demo-heading { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 20); }
[data-page="pages/demo/index"] .demo-kicker { color:var(--muted); font-size:calc(var(--rpx) * 24); }
[data-page="pages/demo/index"] .demo-title { font-size:calc(var(--rpx) * 58); line-height:1.3; font-weight:750; letter-spacing:calc(var(--rpx) * 2); color:var(--hero); margin-top:calc(var(--rpx) * 6); }
[data-page="pages/demo/index"] .demo-label { border:calc(var(--rpx) * 1) solid var(--line-strong); color:var(--brand); border-radius:calc(var(--rpx) * 10); padding:calc(var(--rpx) * 8) calc(var(--rpx) * 14); font-size:calc(var(--rpx) * 24); }
[data-page="pages/demo/index"] .demo-intro { color:var(--muted); font-size:calc(var(--rpx) * 28); margin:calc(var(--rpx) * 16) 0 calc(var(--rpx) * 28); }
[data-page="pages/demo/index"] .demo-identity { margin-top:0; }
[data-page="pages/demo/index"] .demo-section-heading { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 16); }
[data-page="pages/demo/index"] .demo-section-heading .card-title { margin-bottom:0; }
[data-page="pages/demo/index"] .demo-section-heading .section-title { margin:calc(var(--rpx) * 16) 0 calc(var(--rpx) * 20); }
[data-page="pages/demo/index"] .demo-online { color:var(--success); font-size:calc(var(--rpx) * 24); white-space:nowrap; }
[data-page="pages/demo/index"] .role-tabs { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:calc(var(--rpx) * 6); padding:calc(var(--rpx) * 6); margin-top:calc(var(--rpx) * 24); border-radius:calc(var(--rpx) * 16); background:var(--surface-strong); }
[data-page="pages/demo/index"] .role-tab { display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:calc(var(--rpx) * 10) calc(var(--rpx) * 4); background:transparent; color:var(--muted); font-size:calc(var(--rpx) * 26); line-height:1.4; border-radius:calc(var(--rpx) * 12); }
[data-page="pages/demo/index"] .role-tab::after { border:0; }
[data-page="pages/demo/index"] .role-tab.active { color:#fff; background:var(--brand); font-weight:600; }
[data-page="pages/demo/index"] .demo-picker { justify-content:space-between; gap:calc(var(--rpx) * 16); }
[data-page="pages/demo/index"] .demo-picker span:first-child { min-width:0; overflow-wrap:anywhere; }
[data-page="pages/demo/index"] .demo-caption { margin-top:calc(var(--rpx) * 16); }
[data-page="pages/demo/index"] .demo-enter { width:100%; margin-top:calc(var(--rpx) * 24); justify-content:space-between; padding:calc(var(--rpx) * 22) calc(var(--rpx) * 28); }
[data-page="pages/demo/index"] .demo-arrow { font-size:calc(var(--rpx) * 32); }
[data-page="pages/demo/index"] .demo-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(var(--rpx) * 12); padding:calc(var(--rpx) * 28) 0; margin:calc(var(--rpx) * 4) 0 calc(var(--rpx) * 12); border-bottom:calc(var(--rpx) * 1) solid var(--line); }
[data-page="pages/demo/index"] .demo-stat-value { color:var(--ink); font-size:calc(var(--rpx) * 36); font-weight:700; font-variant-numeric:tabular-nums; }
[data-page="pages/demo/index"] .demo-stat-label { color:var(--muted); font-size:calc(var(--rpx) * 23); margin-top:calc(var(--rpx) * 4); }
[data-page="pages/demo/index"] .demo-feature-list { border:calc(var(--rpx) * 1) solid var(--line); border-radius:calc(var(--rpx) * 20); overflow:hidden; background:var(--paper); }
[data-page="pages/demo/index"] .demo-feature-link { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 20); width:100%; min-height:44px; padding:calc(var(--rpx) * 24); margin:0; text-align:left; line-height:1.5; background:var(--paper); border-bottom:calc(var(--rpx) * 1) solid var(--line); border-radius:0; }
[data-page="pages/demo/index"] .demo-feature-link::after { border:0; }
[data-page="pages/demo/index"] .demo-feature-link:last-child { border-bottom:0; }
[data-page="pages/demo/index"] .demo-feature-copy { min-width:0; flex:1; }
[data-page="pages/demo/index"] .demo-feature-title { font-size:calc(var(--rpx) * 29); font-weight:600; color:var(--ink); margin-bottom:calc(var(--rpx) * 4); }
[data-page="pages/demo/index"] .demo-feature-arrow { font-size:calc(var(--rpx) * 32); color:var(--brand); }
[data-page="pages/demo/index"] .demo-note { margin-top:calc(var(--rpx) * 28); font-size:calc(var(--rpx) * 25); line-height:1.7; color:var(--muted); }
[data-page="pages/demo/index"] .demo-note-title { color:var(--ink); font-weight:600; margin-bottom:calc(var(--rpx) * 8); }
[data-page="pages/demo/index"] .demo-note-gap { margin-top:calc(var(--rpx) * 8); }
[data-page="pages/demo/index"] .demo-disclosure { width:100%; display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:calc(var(--rpx) * 22) 0; margin:calc(var(--rpx) * 16) 0 0; background:transparent; border-top:calc(var(--rpx) * 1) solid var(--line); border-radius:0; color:var(--brand); font-size:calc(var(--rpx) * 26); text-align:left; }
[data-page="pages/demo/index"] .demo-disclosure::after { border:0; }
[data-page="pages/demo/index"] .demo-tools { margin-top:calc(var(--rpx) * 8); }
[data-page="pages/demo/index"] .demo-action { margin-top:calc(var(--rpx) * 18); width:100%; font-size:calc(var(--rpx) * 26); }
[data-page="pages/demo/index"] .demo-overview { margin-top:calc(var(--rpx) * 12); }
[data-page="pages/demo/index"] .demo-reset-zone { border-top:calc(var(--rpx) * 1) solid var(--line); padding-top:calc(var(--rpx) * 28); margin-top:calc(var(--rpx) * 28); }
[data-page="pages/demo/index"] .demo-reset-zone .btn { color:var(--danger); }
[data-page="pages/demo/index"] .demo-reset-zone .subtle { text-align:center; margin-top:calc(var(--rpx) * 12); }
[data-page="pages/demo/index"] .demo-footer { text-align:center; font-size:calc(var(--rpx) * 24); color:var(--muted); line-height:1.7; margin:calc(var(--rpx) * 28) calc(var(--rpx) * 8) 0; }
@media (max-width:340px) { [data-page="pages/demo/index"] .demo-stat-label { font-size:calc(var(--rpx) * 24); } [data-page="pages/demo/index"] .role-tab { font-size:calc(var(--rpx) * 28); } }

[data-page="pages/demo/index"] .demo-heading > div { flex:1; min-width:0; }
[data-page="pages/demo/index"] .demo-title { overflow-wrap:anywhere; }
[data-page="pages/demo/index"] .demo-label { flex-shrink:0; }

[data-page="pages/history/index"] .history-head{display:flex;align-items:flex-end;justify-content:space-between;margin:calc(var(--rpx) * 8) calc(var(--rpx) * 2) calc(var(--rpx) * 26)}
[data-page="pages/history/index"] .history-title{font-size:calc(var(--rpx) * 44);font-weight:700;color:#29231f;letter-spacing:calc(var(--rpx) * 1)}
[data-page="pages/history/index"] .history-count{font-size:calc(var(--rpx) * 25);color:#7d8986}
[data-page="pages/history/index"] .history-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:calc(var(--rpx) * 8);background:#ebe7e2;border-radius:calc(var(--rpx) * 20);margin-bottom:calc(var(--rpx) * 28)}
[data-page="pages/history/index"] .history-tab{height:calc(var(--rpx) * 72);display:flex;align-items:center;justify-content:center;gap:calc(var(--rpx) * 10);border-radius:calc(var(--rpx) * 15);color:#66736f;font-size:calc(var(--rpx) * 27)}
[data-page="pages/history/index"] .history-tab.active{background:#fff;color:#ff6a00;font-weight:600;box-shadow:0 calc(var(--rpx) * 4) calc(var(--rpx) * 16) rgba(72,45,26,.08)}
[data-page="pages/history/index"] .tab-count{min-width:calc(var(--rpx) * 30);height:calc(var(--rpx) * 30);padding:0 calc(var(--rpx) * 8);line-height:calc(var(--rpx) * 30);text-align:center;border-radius:calc(var(--rpx) * 15);background:rgba(21,63,56,.08);font-size:calc(var(--rpx) * 21)}
[data-page="pages/history/index"] .history-tab.active .tab-count{background:#ff6a00;color:#fff}
[data-page="pages/history/index"] .history-list{display:flex;flex-direction:column;gap:calc(var(--rpx) * 22)}
[data-page="pages/history/index"] .history-card{background:#fff;border-radius:calc(var(--rpx) * 24);padding:calc(var(--rpx) * 28);box-shadow:0 calc(var(--rpx) * 8) calc(var(--rpx) * 28) rgba(18,48,43,.06)}
[data-page="pages/history/index"] .history-row,[data-page="pages/history/index"] .history-detail,[data-page="pages/history/index"] .history-foot{display:flex;align-items:center;justify-content:space-between}
[data-page="pages/history/index"] .order-no{font-size:calc(var(--rpx) * 23);color:#84908d;letter-spacing:calc(var(--rpx) * .5)}
[data-page="pages/history/index"] .history-name{font-size:calc(var(--rpx) * 33);font-weight:650;color:#172d29;margin:calc(var(--rpx) * 22) 0 calc(var(--rpx) * 26)}
[data-page="pages/history/index"] .history-detail{align-items:flex-start}
[data-page="pages/history/index"] .detail-label{font-size:calc(var(--rpx) * 23);color:#89938f;margin-bottom:calc(var(--rpx) * 7)}
[data-page="pages/history/index"] .detail-value{font-size:calc(var(--rpx) * 28);color:#273b37}
[data-page="pages/history/index"] .detail-value.money{font-size:calc(var(--rpx) * 34);font-weight:700;color:#dc5200}
[data-page="pages/history/index"] .detail-right{text-align:right}
[data-page="pages/history/index"] .remaining{font-size:calc(var(--rpx) * 22);color:#9a7650;margin-top:calc(var(--rpx) * 6)}
[data-page="pages/history/index"] .history-foot{border-top:calc(var(--rpx) * 1) solid #edf0ef;margin-top:calc(var(--rpx) * 25);padding-top:calc(var(--rpx) * 20);font-size:calc(var(--rpx) * 23);color:#82908c}
[data-page="pages/history/index"] .history-empty{background:#fff;border-radius:calc(var(--rpx) * 24);padding:calc(var(--rpx) * 80) calc(var(--rpx) * 30);text-align:center;color:#89938f}

[data-page="pages/draft-confirm/index"] .list-row span:last-child { max-width: 64%; text-align: right; word-break: break-all; }

[data-page="pages/staff-dashboard/index"] .dashboard-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(var(--rpx) * 14); }
[data-page="pages/staff-dashboard/index"] .dashboard-metrics .metric:first-child { grid-column:span 2; background:var(--hero); color:#fff; }
[data-page="pages/staff-dashboard/index"] .dashboard-metrics .metric:first-child .subtle,[data-page="pages/staff-dashboard/index"] .dashboard-metrics .metric:first-child .metric-more { color:#d8eae4; }
[data-page="pages/staff-dashboard/index"] .dashboard-metrics .metric { min-height:calc(var(--rpx) * 132); padding:calc(var(--rpx) * 20) calc(var(--rpx) * 18) calc(var(--rpx) * 46); }
[data-page="pages/staff-dashboard/index"] .dashboard-metrics .metric-value { font-size:calc(var(--rpx) * 40); }
[data-page="pages/staff-dashboard/index"] .dashboard-metrics .metric-more { left:calc(var(--rpx) * 18); }
[data-page="pages/staff-dashboard/index"] .dashboard-metrics .subtle { font-size:calc(var(--rpx) * 24); }
[data-page="pages/staff-dashboard/index"] .dashboard-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:calc(var(--rpx) * 14); }
[data-page="pages/staff-dashboard/index"] .dashboard-shortcut { box-sizing:border-box; min-width:0; padding:calc(var(--rpx) * 24) calc(var(--rpx) * 12); border:calc(var(--rpx) * 1) solid var(--line); border-radius:calc(var(--rpx) * 18); background:var(--paper); font-size:calc(var(--rpx) * 26); text-align:center; }
[data-page="pages/staff-dashboard/index"] .dashboard-shortcut .icon-box { margin:auto; width:calc(var(--rpx) * 64); height:calc(var(--rpx) * 64); border-radius:calc(var(--rpx) * 16); font-size:calc(var(--rpx) * 28); }
[data-page="pages/staff-dashboard/index"] .today-finance-grid { margin-top:calc(var(--rpx) * 20); }

[data-page="pages/staff-management/index"] .invite-card { border: calc(var(--rpx) * 2) solid #d5bd8c; }
[data-page="pages/staff-management/index"] .invite-code { margin: calc(var(--rpx) * 12) 0; color: var(--green); font-size: calc(var(--rpx) * 46); font-weight: 700; letter-spacing: calc(var(--rpx) * 7); }

[data-page="pages/staff-orders/index"] .order-search-panel { padding:calc(var(--rpx) * 24); background:var(--paper); border:calc(var(--rpx) * 1) solid var(--line); border-radius:calc(var(--rpx) * 20); }
[data-page="pages/staff-orders/index"] .order-search-panel .search-bar { gap:calc(var(--rpx) * 12); }
[data-page="pages/staff-orders/index"] .order-search-panel .input { padding:calc(var(--rpx) * 16); font-size:calc(var(--rpx) * 26); }
[data-page="pages/staff-orders/index"] .order-type-picker { justify-content:space-between; }
[data-page="pages/staff-orders/index"] .order-search-panel .segmented-scroll { margin-top:calc(var(--rpx) * 18); }
[data-page="pages/staff-orders/index"] .order-search-panel .segmented-tabs { padding:calc(var(--rpx) * 4); }
[data-page="pages/staff-orders/index"] .order-results-summary { display:flex; justify-content:space-between; color:var(--muted); font-size:calc(var(--rpx) * 24); margin:calc(var(--rpx) * 28) calc(var(--rpx) * 4) 0; }
[data-page="pages/staff-orders/index"] .order-card { margin-top:calc(var(--rpx) * 18); }
[data-page="pages/staff-orders/index"] .order-id { color:var(--muted); font-size:calc(var(--rpx) * 25); font-variant-numeric:tabular-nums; }
[data-page="pages/staff-orders/index"] .order-name { font-size:calc(var(--rpx) * 32); font-weight:650; margin-top:calc(var(--rpx) * 18); }
[data-page="pages/staff-orders/index"] .order-item-title { font-size:calc(var(--rpx) * 27); line-height:1.6; margin-top:calc(var(--rpx) * 6); overflow-wrap:anywhere; }
[data-page="pages/staff-orders/index"] .order-amount-row { display:flex; align-items:baseline; justify-content:space-between; gap:calc(var(--rpx) * 20); margin:calc(var(--rpx) * 18) 0; padding:calc(var(--rpx) * 18) 0; border-top:calc(var(--rpx) * 1) solid var(--line); border-bottom:calc(var(--rpx) * 1) solid var(--line); }
[data-page="pages/staff-orders/index"] .order-amount { color:var(--ink); font-size:calc(var(--rpx) * 34); font-weight:700; }
[data-page="pages/staff-orders/index"] .order-dates { display:flex; justify-content:space-between; gap:calc(var(--rpx) * 12); color:var(--muted); font-size:calc(var(--rpx) * 24); line-height:1.7; margin-top:calc(var(--rpx) * 8); }
[data-page="pages/staff-orders/index"] .order-dates span { min-width:0; }
[data-page="pages/staff-orders/index"] .order-dates span:last-child { text-align:right; flex-shrink:0; background:transparent; }
[data-page="pages/staff-orders/index"] .order-footer { display:flex; align-items:center; justify-content:space-between; gap:calc(var(--rpx) * 14); margin-top:calc(var(--rpx) * 14); }
[data-page="pages/staff-orders/index"] .order-footer .link { font-size:calc(var(--rpx) * 24); }
@media (max-width:340px) { [data-page="pages/staff-orders/index"] .order-dates { flex-wrap:wrap; } [data-page="pages/staff-orders/index"] .order-footer { flex-wrap:wrap; gap:calc(var(--rpx) * 4); } }
[data-page="pages/staff-orders/index"] .order-filter-hint { font-size:calc(var(--rpx) * 24); color:var(--muted); margin-top:calc(var(--rpx) * 12); }

[data-page="pages/staff-finance/index"] .ledger-switch { display:flex; gap:calc(var(--rpx) * 16); margin-top:calc(var(--rpx) * 24); }
[data-page="pages/staff-finance/index"] .ledger-tab { flex:1; min-width:0; padding:calc(var(--rpx) * 24) calc(var(--rpx) * 10); border-radius:calc(var(--rpx) * 20); text-align:center; background:#fff; color:#75685e; border:calc(var(--rpx) * 2) solid #eadfd5; font-size:calc(var(--rpx) * 30); font-weight:600; }
[data-page="pages/staff-finance/index"] .ledger-tab.selected { color:#fff; background:#ee6500; border-color:#ee6500; }
[data-page="pages/staff-finance/index"] .ledger-amounts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:calc(var(--rpx) * 20); margin:calc(var(--rpx) * 26) 0; }
[data-page="pages/staff-finance/index"] .ledger-money { font-size:calc(var(--rpx) * 36); font-weight:700; margin-top:calc(var(--rpx) * 10); word-break:break-all; }
[data-page="pages/staff-finance/index"] .ledger-lines { border-top:calc(var(--rpx) * 1) solid #f0ece8; padding-top:calc(var(--rpx) * 14); }
[data-page="pages/staff-finance/index"] .ledger-line,[data-page="pages/staff-finance/index"] .ledger-balance { display:flex; justify-content:space-between; align-items:flex-start; gap:calc(var(--rpx) * 16); padding:calc(var(--rpx) * 12) 0; font-size:calc(var(--rpx) * 26); }
[data-page="pages/staff-finance/index"] .ledger-line span:first-child,[data-page="pages/staff-finance/index"] .ledger-balance span:first-child { flex:1; min-width:0; }
[data-page="pages/staff-finance/index"] .ledger-line span:last-child,[data-page="pages/staff-finance/index"] .ledger-balance span:last-child { flex:0 1 48%; text-align:right; word-break:break-all; }
[data-page="pages/staff-finance/index"] .ledger-balance { margin-top:calc(var(--rpx) * 18); padding:calc(var(--rpx) * 20) calc(var(--rpx) * 16); background:#fff4e9; border-radius:calc(var(--rpx) * 14); color:#9b4400; }
[data-page="pages/staff-finance/index"] .finance-detail-card .row { gap:calc(var(--rpx) * 20); align-items:flex-start; }
[data-page="pages/staff-finance/index"] .finance-detail-card .row span { min-width:0; word-break:break-all; }
[data-page="pages/staff-finance/index"] .finance-detail-card .row span:last-child { text-align:right; }
[data-page="pages/staff-finance/index"] .store-method-row { align-items:flex-start; gap:calc(var(--rpx) * 16); }
[data-page="pages/staff-finance/index"] .store-method-row>div { text-align:right; min-width:0; }
[data-page="pages/staff-finance/index"] .hero-subtitle { font-size:calc(var(--rpx) * 26); margin-top:calc(var(--rpx) * 12); opacity:.9; }