/* 业主 2026-10-13 v7 部署：履约保证金 + 钱包调整（按已确认预览）。 */
:root { --dp: #e8c25e; --up: #4fd08f; --down: #f4707f; }
.dp-chip { display: inline-flex; align-items: center; gap: 5px; height: 24px; padding: 0 9px; border-radius: var(--r-pill); font-size: 12px; font-weight: 600; color: var(--dp);
  background: color-mix(in srgb, var(--dp) 12%, transparent); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--dp) 32%, transparent); white-space: nowrap; }
.dp-chip svg { width: 13px; height: 13px; }
.dp-yuan { position: relative; }
.dp-yuan::before { content: "¥"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); color: var(--text-3); font-weight: 600; pointer-events: none; }
.dp-yuan input { padding-left: 30px !important; font-weight: 600; }

/* 明细抽屉 */
.dp-detail { display: grid; gap: 16px; align-content: start; }
.dp-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.dp-tile { display: grid; gap: 6px; padding: 14px 16px; border-radius: var(--r-lg); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); }
.dp-tile span { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-3); }
.dp-tile span svg { width: 13px; height: 13px; }
.dp-tile b { font-size: 22px; font-weight: 700; color: var(--text-1); }
.dp-tile.is-dep { background: linear-gradient(140deg, rgba(232, 194, 94, .12), rgba(232, 194, 94, .03)); box-shadow: inset 0 0 0 1px rgba(232, 194, 94, .3); }
.dp-tile.is-dep span, .dp-tile.is-dep b { color: var(--dp); }
.dp-acts { display: flex; gap: 8px; }
.dp-acts button { flex: 1; }
.dp-tabs { display: flex; gap: 6px; }
.dp-tabs button { height: 30px; min-height: 30px; padding: 0 12px; border-radius: var(--r-pill); border: 0; background: var(--bg-sunken); color: var(--text-2); font-size: 13px; box-shadow: inset 0 0 0 1px var(--hairline); }
.dp-tabs button.is-on { background: var(--accent-tint); color: var(--accent); box-shadow: inset 0 0 0 1px rgba(244, 179, 207, .4); }
.dp-list { display: grid; gap: 8px; }
.dp-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: var(--r-lg); background: var(--bg-surface); box-shadow: var(--highlight), 0 0 0 1px var(--hairline); }
.dp-ico { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--bg-sunken); color: var(--text-2); }
.dp-ico svg { width: 16px; height: 16px; }
.dp-row.is-dep .dp-ico { color: var(--dp); background: rgba(232, 194, 94, .12); }
.dp-row.is-fine .dp-ico { color: var(--down); background: rgba(244, 112, 127, .12); }
.dp-main { display: grid; gap: 3px; min-width: 0; }
.dp-main strong { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--text-1); }
.dp-main strong em { font-style: normal; font-size: 11px; font-weight: 500; padding: 1px 6px; border-radius: var(--r-pill); color: var(--text-3); box-shadow: inset 0 0 0 1px var(--hairline); }
.dp-main strong em.is-dep { color: var(--dp); box-shadow: inset 0 0 0 1px rgba(232, 194, 94, .35); }
.dp-main p { margin: 0; font-size: 12.5px; color: var(--text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dp-main small { font-size: 11.5px; color: var(--text-3); }
.dp-amt { display: grid; justify-items: end; gap: 3px; }
.dp-amt b { font-size: 15px; font-weight: 700; }
.dp-amt b.up { color: var(--up); }
.dp-amt b.down { color: var(--down); }
.dp-amt small { font-size: 11.5px; color: var(--text-3); }

/* 调整窗口 */
.dp-seg { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; padding: 4px; border-radius: var(--r-pill); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); }
.dp-seg button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 34px; min-height: 34px; border: 0; border-radius: var(--r-pill); background: transparent; color: var(--text-2); font-size: 13.5px; font-weight: 600; box-shadow: none; }
.dp-seg button.is-on { background: var(--bg-raised); color: var(--text-1); box-shadow: var(--highlight), 0 0 0 1px var(--hairline-strong); }
.dp-seg button.is-on.is-up { color: var(--up); }
.dp-seg button.is-on.is-down { color: var(--down); }
.dp-seg button.is-on.is-dep { color: var(--dp); }
.dp-calc { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-radius: var(--r-lg); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); font-size: 13px; color: var(--text-3); }
.dp-calc b { font-size: 15px; color: var(--text-1); }
.dp-calc b.down { color: var(--down); }
.dp-calc svg { width: 14px; height: 14px; color: var(--text-3); }
.dp-calc .dp-flow { display: flex; align-items: center; gap: 8px; }
.dp-grid { display: grid; gap: 14px; }
.dp-who { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: var(--r-lg); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); }
.dp-who strong { font-size: 14px; color: var(--text-1); }
.dp-who small { font-size: 12px; color: var(--text-3); }
.dp-who .role-tag { margin-left: auto; }
.dp-only { display: inline-flex; align-items: center; gap: 6px; height: 34px; padding: 0 14px; border-radius: var(--r-pill); background: rgba(244, 112, 127, .12); color: var(--down); font-size: 13.5px; font-weight: 600; box-shadow: inset 0 0 0 1px rgba(244, 112, 127, .3); }
.dp-only svg { width: 14px; height: 14px; }
.wallet-grant-actions button.primary.dp-danger, .wallet-grant-actions button.primary.dp-danger:hover:not(:disabled), .wallet-grant-actions button.primary.dp-danger:active:not(:disabled) {
  background: linear-gradient(180deg, #f58a96, #e9626f) !important; color: #2a0b10 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 20px -10px rgba(233, 98, 111, .7) !important; }

/* 陪玩自己 */
.dp-mine .dp-hero { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; border-radius: var(--r-lg);
  background: linear-gradient(140deg, rgba(232, 194, 94, .14), rgba(232, 194, 94, .03)); box-shadow: inset 0 0 0 1px rgba(232, 194, 94, .3); }
.dp-mine .dp-hero span { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--dp); }
.dp-mine .dp-hero span svg { width: 15px; height: 15px; }
.dp-mine .dp-hero b { font-size: 26px; font-weight: 700; color: var(--dp); }
.dp-mine .dp-list { margin-top: 12px; }
.dp-mine .dp-tabs { margin-top: 14px; }
@media (max-width: 720px) {
  .dp-row { grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; padding: 11px 12px; }
  .dp-ico { width: 30px; height: 30px; }
}
.dp-seg button svg { width: 15px; height: 15px; }
.dp-tiles.is-single { grid-template-columns: 1fr; }
.dp-main strong em.is-state { color: var(--text-2); }
.dp-row.is-void .dp-amt b { color: var(--text-4); text-decoration: line-through; }
.dp-calc b.up { color: var(--up); }
.xy-pg .wallet-grant-backdrop { z-index: 260; }
.dp-adjust { width: min(520px, calc(100vw - 24px)); }
.dp-adjust .wallet-grant-grid { margin: 0; }
.dp-adjust textarea { min-height: 72px; }
.xy-pg .dp-adjust .wallet-grant-head { display: flex !important; flex-direction: row !important; align-items: center; justify-content: space-between; gap: 12px; }
.xy-pg .dp-adjust .wallet-grant-head > div { flex: 1 1 auto; min-width: 0; }

/* 业主 2026-10-13 v7o：订单（客服下单 → 陪玩结单 → 客服确认 → 3 天售后期） */
.order-calc { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; align-items: stretch; }
.order-calc-line { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; min-width: 0; }
.order-calc-line span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.order-calc-line b { font-size: 13.5px; font-weight: 600; color: var(--text-2); white-space: nowrap; }
.order-calc-line.is-total { padding-top: 6px; border-top: 1px solid var(--hairline); }
.order-calc-line.is-total span { color: var(--text-1); font-weight: 600; }
.order-calc-line.is-total b { font-size: 18px; color: var(--text-1); }
.order-calc-line.is-short b { color: var(--down); }
.order-form-dialog select { width: 100%; }
.pg-orders .pg-amount small { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 400; color: var(--text-4); }
.xy-dsp .cand:has(.cand-order), .xy-dsp .cand:has(.cand-picked) { grid-template-columns: auto minmax(0, 1fr) auto auto; }
.xy-dsp .cand-order { min-height: 32px; height: 32px; padding: 0 14px; font-size: 13px; }
.xy-dsp .cand-picked { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: var(--r-pill); background: var(--bg-sunken); color: var(--up); font-size: 12px; font-weight: 600; box-shadow: inset 0 0 0 1px var(--hairline); }
.report-settlement-preview.is-player { grid-template-columns: minmax(0, 1fr); }
.report-settlement-preview.is-player > div { display: flex; align-items: baseline; gap: 8px; }
.report-settlement-preview.is-player strong { margin-top: 0; font-size: 18px; }
.report-settlement-preview.is-player small { color: var(--text-4); font-size: 11.5px; }
@media (max-width: 560px) {
  .xy-dsp .cand:has(.cand-order), .xy-dsp .cand:has(.cand-picked) { grid-template-columns: auto minmax(0, 1fr) auto; }
  .xy-dsp .cand-order, .xy-dsp .cand-picked { grid-column: 2 / -1; justify-self: end; }
}
.order-form-dialog .dp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.order-form-dialog .dp-grid > .order-calc { grid-column: 1 / -1; }
.order-form-dialog .wallet-grant-actions { position: sticky; bottom: -20px; z-index: 1; margin: 0 -20px -20px; padding: 12px 20px 20px; background: #11141b; }
@media (max-width: 560px) {
  .order-form-dialog .dp-grid { grid-template-columns: minmax(0, 1fr); }
  .order-form-dialog .wallet-grant-actions { bottom: -14px; margin: 0 -14px -14px; padding: 12px 14px 14px; }
}

/* ───────── 业主 2026-10-13 v7p：下单侧板（与派单详情同一块玻璃面板，手机是底部面板）───────── */
.order-sheet .dsp-panel { width: min(600px, calc(100vw - 32px)); }
.order-sheet .dd-body { gap: 22px; }
.order-sheet .dd-head h3 { margin-top: 10px; }
.osh-sec { display: grid; gap: 12px; min-width: 0; }
.osh-sec-head { display: flex; align-items: center; gap: 10px; }
.osh-sec-head h4 { margin: 0; font-family: var(--font-serif); font-size: 15px; font-weight: 700; letter-spacing: .04em; color: var(--text-1); }
.osh-idx { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--brand, #f4b3cf); opacity: .85; }
.osh-count { margin-left: auto; display: inline-grid; place-items: center; min-width: 26px; height: 22px; padding: 0 8px; border-radius: var(--r-pill); font-size: 12px; background: var(--bg-raised); color: var(--text-2); }
.osh-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; min-width: 0; }
.osh-grid .field { min-width: 0; margin: 0; }
.osh-grid .field.full { grid-column: 1 / -1; }
.osh-grid .field select, .osh-grid .field input { width: 100%; }
.osh-chips { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.osh-chip { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 34px; min-height: 34px; padding: 0 12px; border: 0; border-radius: var(--r-pill); background: var(--bg-sunken); color: var(--text-2); font-size: 13px; font-weight: 600; cursor: pointer; box-shadow: inset 0 0 0 1px var(--hairline); transition: background var(--t-fast), color var(--t-fast), box-shadow var(--t-fast); }
.osh-chip small { font-size: 11.5px; font-weight: 500; color: var(--text-4); }
.osh-chip em { font-style: normal; font-size: 10.5px; font-weight: 600; padding: 1px 6px; border-radius: var(--r-pill); color: var(--warn, #f5c46b); box-shadow: inset 0 0 0 1px rgba(245, 196, 107, .35); }
.osh-chip.is-on, .osh-chip:has(input:checked) { background: rgba(244, 179, 207, .16); color: var(--text-1); box-shadow: inset 0 0 0 1px rgba(244, 179, 207, .55); }
.osh-chip.is-on small, .osh-chip:has(input:checked) small { color: var(--text-2); }
.osh-chip input[type="checkbox"] { position: absolute; opacity: 0; width: 1px; height: 1px; min-height: 0; pointer-events: none; }
.osh-chip:has(input:focus-visible) { outline: 2px solid var(--brand, #f4b3cf); outline-offset: 2px; }
.osh-person { height: 38px; min-height: 38px; padding: 0 12px 0 4px; }
.osh-person .xy-ava { width: 30px; height: 30px; font-size: 12px; }
.osh-prices { display: grid; gap: 8px; }
.osh-price { display: grid; grid-template-columns: minmax(0, 1fr) 132px 92px; align-items: center; gap: 10px; padding: 8px 10px; border-radius: var(--r-lg); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); }
.osh-price-who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.osh-price-who > span:last-child { display: grid; min-width: 0; }
.osh-price-who b { font-size: 13.5px; color: var(--text-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.osh-price-who small { font-size: 11.5px; color: var(--text-4); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.osh-price-in { display: flex; align-items: center; gap: 4px; min-width: 0; }
.osh-price-in .dp-yuan { flex: 1 1 auto; min-width: 0; }
.osh-price-in input { width: 100%; height: 36px; min-height: 36px; }
.osh-price-in small { font-size: 11.5px; color: var(--text-4); white-space: nowrap; }
.osh-price-sum { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.osh-price-sum b { font-size: 14px; color: var(--text-1); }
.osh-suffix { display: flex; align-items: center; gap: 6px; }
.osh-suffix input { flex: 1 1 auto; min-width: 0; }
.osh-suffix small { font-size: 12px; color: var(--text-4); white-space: nowrap; }
.osh-none { font-size: 13px; color: var(--text-4); }
.order-sheet .order-calc { margin-top: 2px; }
.order-sheet .dd-foot button[type="submit"] { flex: 2 1 0; }
@media (max-width: 979px) {
  .order-sheet .dsp-panel { width: 100%; }
}
@media (max-width: 560px) {
  .osh-grid { gap: 10px; }
  .osh-price { grid-template-columns: minmax(0, 1fr) 112px; }
  .osh-price-sum { grid-column: 1 / -1; justify-content: space-between; padding-top: 6px; border-top: 1px dashed var(--hairline); }
  .osh-price-sum::before { content: "小计"; font-size: 12px; color: var(--text-4); }
}

/* 订单行：标签 / 计时 / 局数 / 截图 / 免单记录 */
.order-tag { color: var(--text-2); }
.order-flag { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: var(--r-pill); font-size: 11px; font-weight: 600; color: var(--warn, #f5c46b); box-shadow: inset 0 0 0 1px rgba(245, 196, 107, .4); }
.order-chip { display: inline-flex; align-items: center; gap: 4px; height: 20px; min-height: 20px; padding: 0 8px; border: 0; border-radius: var(--r-pill); background: var(--bg-sunken); color: var(--text-2); font-size: 11.5px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--hairline); }
.order-chip svg { width: 12px; height: 12px; }
.order-live { display: inline-flex; align-items: center; gap: 8px; }
.order-timer { display: inline-flex; align-items: center; gap: 4px; color: var(--text-3); }
.order-timer svg { width: 13px; height: 13px; }
.order-timer b { font-weight: 600; color: var(--text-2); }
.order-timer.is-live b, .order-timer.is-live svg { color: var(--up, #7ee0b0); }
.order-rounds { display: inline-flex; align-items: center; gap: 4px; }
.order-rounds b { font-weight: 700; color: var(--text-1); }
.order-rounds b small { font-weight: 400; color: var(--text-4); }
.order-rounds button { display: inline-grid; place-items: center; width: 22px; height: 22px; min-height: 22px; padding: 0; border: 0; border-radius: 50%; background: var(--bg-sunken); color: var(--text-2); box-shadow: inset 0 0 0 1px var(--hairline); }
.order-rounds button svg { width: 12px; height: 12px; }
.order-standard { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 12px 14px; margin-bottom: 12px; border-radius: var(--r-lg); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); font-size: 13px; color: var(--text-3); }
.order-standard b { font-size: 16px; color: var(--text-1); }
.order-shots { display: grid; grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 10px; }
.order-shots > button { padding: 0; border: 0; border-radius: var(--r-md); overflow: hidden; aspect-ratio: 1; background: var(--bg-sunken); cursor: zoom-in; }
.order-shots img { display: block; width: 100%; height: 100%; object-fit: cover; }
.order-shot { position: relative; display: grid; place-items: center; aspect-ratio: 1; border-radius: var(--r-md); overflow: hidden; background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); }
.order-shot > button { position: absolute; top: 4px; right: 4px; display: grid; place-items: center; width: 22px; height: 22px; min-height: 22px; padding: 0; border: 0; border-radius: 50%; background: rgba(8, 5, 10, .6); color: #fff; }
.order-shot > button svg { width: 12px; height: 12px; }
.order-shot.is-add { gap: 4px; align-content: center; color: var(--text-3); font-size: 12px; cursor: pointer; border: 1px dashed rgba(255, 228, 240, .22); }
.order-shot.is-add input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.order-shot.is-add svg { width: 20px; height: 20px; }
.order-shot.is-busy { opacity: .6; }
.order-waives { display: grid; gap: 8px; margin: 14px 0 0; padding: 0; list-style: none; }
.order-waives li { display: grid; gap: 4px; padding: 10px 12px; border-radius: var(--r-lg); background: var(--bg-sunken); box-shadow: inset 0 0 0 1px var(--hairline); }
.order-waives li > div { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.order-waives b { font-size: 13.5px; color: var(--text-1); }
.order-waives span { font-size: 13px; color: var(--down, #f4707f); }
.order-waives small { margin-left: auto; font-size: 11.5px; color: var(--text-4); }
.order-waives p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-2); }
.order-dlg .dp-seg { width: 100%; }

/* ───────── 业主 2026-10-14 v7p：新建报备单重做（类型两段切换、金额与到手同一行）───────── */
.report-drawer-form .report-type-select { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; margin: 0; opacity: 0; pointer-events: none; }
.report-drawer-form .report-type-field { position: relative; }
.report-drawer-form .report-type-seg { max-width: 320px; }
.report-drawer-form .report-type-seg button { height: 38px; min-height: 38px; font-size: 14px; }
.report-drawer-form .report-money { position: relative; display: block; }
.report-drawer-form .report-money i { position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-style: normal; font-weight: 600; color: var(--text-4); pointer-events: none; }
.report-drawer-form .report-money input { width: 100%; padding-left: 32px; font-variant-numeric: tabular-nums; font-weight: 600; }
.report-drawer-form select { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 34px; }

/* 手机：分区不再套卡片，用细线隔开；两两一行，控件 44px 好点。 */
@media (max-width: 720px) {
  #drawer .report-drawer-form { gap: 0; }
  #drawer .report-drawer-form .drawer-form-section { padding: 18px 2px 20px; margin: 0; border: 0; border-radius: 0; background: none; box-shadow: none; border-bottom: 1px solid var(--hairline); }
  #drawer .report-drawer-form .drawer-form-section:first-child { padding-top: 4px; }
  #drawer .report-drawer-form .drawer-form-section:last-child { border-bottom: 0; }
  #drawer .report-drawer-form .drawer-form-section-head { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; }
  #drawer .report-drawer-form .drawer-form-section-head > span { width: auto; height: auto; min-width: 0; padding: 0; border-radius: 0; background: none; box-shadow: none; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: var(--brand, #f4b3cf); opacity: .85; }
  #drawer .report-drawer-form .drawer-form-section-head h4 { margin: 0; font-family: var(--font-serif); font-size: 15px; font-weight: 700; letter-spacing: .04em; color: var(--text-1); }
  #drawer .report-drawer-form .drawer-form-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
  #drawer .report-drawer-form .drawer-form-fields > .field { grid-column: auto; min-width: 0; margin: 0; }
  #drawer .report-drawer-form .drawer-form-fields > .field.full { grid-column: 1 / -1; }
  #drawer .report-drawer-form input:not([type="hidden"]):not([type="file"]), #drawer .report-drawer-form select:not(.report-type-select) { height: 44px; min-height: 44px; padding-inline: 12px; font-size: 15px; border-radius: 12px; }
  #drawer .report-drawer-form select:not(.report-type-select) { padding-right: 30px; }
  #drawer .report-drawer-form .report-money input:not([type="hidden"]):not([type="file"]) { padding-left: 30px; }
  #drawer .report-drawer-form .report-type-seg { max-width: none; }
  #drawer .report-drawer-form .field input[type="datetime-local"]:not([type="hidden"]) { display: block; width: 100%; min-width: 0; max-width: 100%; font-size: 13px; padding-inline: 10px 6px; }
  #drawer .report-drawer-form .picker-field, #drawer .report-drawer-form .picker-field > input { min-height: 44px; }
  #drawer .report-drawer-form .report-settlement-preview:not(.is-player) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #drawer .report-drawer-form textarea { min-height: 88px; font-size: 15px; border-radius: 12px; }
}

/* 业主 2026-10-14 v7p：陪玩报备的金额卡片——上面大号输入金额，细线下面一行到手。 */
#drawer .report-drawer-form .report-amount-card { padding: 14px 16px 12px; border-radius: 16px; background: rgba(255, 255, 255, .03); box-shadow: inset 0 0 0 1px var(--hairline); transition: box-shadow .15s ease; }
#drawer .report-drawer-form .report-amount-card:focus-within { box-shadow: inset 0 0 0 1px rgba(244, 179, 207, .5), 0 0 0 3px rgba(244, 179, 207, .12); }
#drawer .report-drawer-form .report-amount-card > label { margin-bottom: 0; }
#drawer .report-drawer-form .report-amount-card .report-money i { left: 0; font-size: 20px; font-weight: 600; color: var(--text-3); }
#drawer .report-drawer-form .report-amount-card .report-money input:not([type="hidden"]):not([type="file"]) { height: 52px; min-height: 52px; padding: 0 0 0 22px; border: 0; border-radius: 0; background: transparent; box-shadow: none; outline: none; font-size: 28px; font-weight: 700; letter-spacing: .01em; color: var(--text-1); -moz-appearance: textfield; }
#drawer .report-drawer-form .report-amount-card .report-money input::-webkit-inner-spin-button, #drawer .report-drawer-form .report-amount-card .report-money input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
#drawer .report-drawer-form .report-amount-card .report-settlement-preview.is-player { display: block; height: auto; min-height: 0; margin: 6px 0 0; padding: 10px 0 0; border: 0; border-top: 1px solid var(--hairline); border-radius: 0; background: none; box-shadow: none; }
#drawer .report-drawer-form .report-amount-card .report-settlement-preview.is-player > div { display: flex; align-items: baseline; gap: 8px; padding: 0; border: 0; background: none; box-shadow: none; }
#drawer .report-drawer-form .report-amount-card .report-settlement-preview.is-player span { display: inline; margin-right: auto; font-size: 13px; color: var(--text-3); }
#drawer .report-drawer-form .report-amount-card .report-settlement-preview.is-player strong { margin: 0; font-size: 18px; font-weight: 700; color: var(--brand, #f4b3cf); font-variant-numeric: tabular-nums; }
#drawer .report-drawer-form .report-amount-card .report-settlement-preview.is-player small { font-size: 12px; color: var(--text-4); }

/* 咸鱼 2026-10-27：陪玩的价格表页——店铺成品长图原样显示 */
.pg-price .ps-sheet { display: block; width: 100%; max-width: 760px; height: auto; margin: 16px auto 0; border-radius: 14px; background: #1a1319; }
/* 店长「价目表链接」：一个标签一行，左边第一张图的小缩略图（长图只露顶上一截） */
.pg-price .ps-row .ps-thumb { flex: none; width: 44px; height: 56px; object-fit: cover; object-position: top; border-radius: 8px; background: #1a1319; }
/* 价目表链接：一个标签几张图，从上往下排 */
.pg-price .ps-zoom { display: block; } /* 11-02：每张图包一层链接，点开看大图 */
.pg-price .ps-sheets .ps-zoom + .ps-zoom .ps-sheet { margin-top: 12px; }
/* 编辑标签抽屉：一张图一行（左缩略图，中间第几张 + 尺寸，右边上移 / 下移 / 删） */
#drawer .ps-img-row .site-block-head { align-items: center; gap: 12px; }
#drawer .ps-img-row .ps-thumb { flex: none; width: 44px; height: 56px; object-fit: cover; object-position: top; border-radius: 8px; background: #1a1319; }
#drawer .ps-img-name { flex: 1; min-width: 0; font-size: 14px; color: var(--text-1); }
#drawer .ps-img-name small { margin-left: 6px; color: var(--text-4); font-size: 12px; }
#drawer .ps-img-empty { margin: 0; padding: 14px 0; font-size: 13px; color: var(--text-4); }
/* 价目表链接：手机上标签行也是一行——缩略图 | 名字 + 张数 | 上移 下移 删（通用列表行在手机上会把按钮挤到第二行；电脑走 20-unify 的共用列，本来就是一行） */
@container (max-width: 620px) {
  .xy-pg.pg-price .pg-row.ps-row { grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-areas: "lead main acts"; align-items: center; gap: 0 14px; }
  .xy-pg.pg-price .pg-row.ps-row > :is(.pg-people, .pg-amount, .pg-meta, .pg-tail):empty { display: none; }
  .xy-pg.pg-price .pg-row.ps-row > .pg-acts { grid-area: acts; margin: 0; }
}
.pg-price .ps-page-title { display: flex; align-items: baseline; gap: 12px; margin: 0 4px 12px; }
.pg-price .ps-page-title > span { font-size: 13px; color: var(--text-3); }
.pg-price .ps-page-title > b { min-width: 0; font-size: 15px; font-weight: 600; color: var(--text-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pg-price .ps-page-title > button { margin-left: auto; align-self: center; }