/* 网页版底座样式：页面框、顶部栏、弹窗、提示。各页面自己的样式来自 app/ 里的 wxss */
:root { --rpx: calc(min(100vw, 480px) / 750); --nav-h: 48px; --kb: 0px; }
* { -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; height: 100%; overflow: hidden; background: #DFE7F3; }
body { font-family: -apple-system, "PingFang SC", "HarmonyOS Sans SC", "Noto Sans CJK SC", "Microsoft YaHei", "Helvetica Neue", sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
#app { position: fixed; top: 0; bottom: 0; left: 50%; width: 100%; max-width: 480px; transform: translateX(-50%); overflow: hidden; overflow: clip; background: #EEF3FB; -webkit-user-select: none; user-select: none; }
@media (min-width: 520px) { #app { box-shadow: 0 0 0 1px rgba(20,40,90,.06), 0 30px 80px rgba(20,40,90,.16); } }

/* 小程序里的基础标签 */
view, scroll-view, bill-chart, picker, form { display: block; }
text { display: inline; }
tip, custom-tab-bar { display: contents; }
image { display: inline-block; overflow: hidden; width: 320px; height: 240px; vertical-align: middle; }
image > img { display: block; width: 100%; height: 100%; }
picker { position: relative; }
.wx-picker-in { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border: 0; padding: 0; margin: 0; -webkit-appearance: none; appearance: none; cursor: pointer; font-size: 16px; }
wx-button { display: block; box-sizing: border-box; text-align: center; cursor: pointer; outline: 0; }
wx-button[disabled] { opacity: .5; pointer-events: none; }
button { -webkit-appearance: none; appearance: none; display: block; box-sizing: border-box; border: 0; border-radius: 0; background: transparent; margin: 0; padding: 0; font: inherit; color: inherit; text-align: center; line-height: inherit; cursor: pointer; }
input, textarea { -webkit-appearance: none; appearance: none; display: block; box-sizing: border-box; border: 0; outline: 0; border-radius: 0; background: transparent; margin: 0; padding: 0; font: inherit; color: inherit; min-width: 0; width: 100%; -webkit-user-select: text; user-select: text; }
textarea { resize: none; width: 300px; height: 150px; }
input::placeholder, textarea::placeholder { color: #7884A0; opacity: 1; }
[tap], .wx-back { cursor: pointer; }
canvas { display: block; }

/* 页面：每页自己滚动，顶部栏固定 */
.wx-page { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.wx-body { padding-top: calc(var(--nav-h) + env(safe-area-inset-top)); min-height: 100%; box-sizing: border-box; }
.wx-nav { position: fixed; left: 0; right: 0; top: 0; z-index: 40; height: var(--nav-h); padding-top: env(safe-area-inset-top); display: flex; align-items: center; justify-content: center; background: rgba(238,243,251,.82); -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); border-bottom: 1px solid rgba(20,40,90,.06); }
.wx-nav b { font-size: 17px; font-weight: 700; color: #141B2D; letter-spacing: .2px; }
.wx-brand { display: flex; align-items: center; gap: 9px; }
.wx-brand img { width: 28px; height: 28px; border-radius: 8px; box-shadow: 0 2px 8px rgba(10,95,232,.18); }
.wx-back { position: absolute; left: 4px; bottom: 2px; width: 44px; height: 44px; }
.wx-back::before { content: ''; position: absolute; left: 18px; top: 15px; width: 11px; height: 11px; border-left: 2.5px solid #141B2D; border-bottom: 2.5px solid #141B2D; transform: rotate(45deg); border-radius: 1px; }
.wx-back:active { opacity: .5; }

.wx-splash { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px; color: #5F6B80; font-size: 15px; }
.wx-splash img { width: 64px; height: 64px; border-radius: 18px; box-shadow: 0 10px 30px rgba(20,40,90,.12); }
.ready .wx-splash { display: none; }

/* 轻提示、加载中 */
.wx-toast { position: fixed; left: 50%; top: 46%; z-index: 3000; transform: translate(-50%, -50%) scale(.96); max-width: 76%; padding: 12px 20px; border-radius: 14px; background: rgba(20,27,45,.9); color: #fff; font-size: 15px; line-height: 1.5; text-align: center; opacity: 0; pointer-events: none; transition: opacity .18s, transform .18s; }
.wx-toast.on { opacity: 1; transform: translate(-50%, -50%); }
.wx-toast.ok::before { content: ''; display: block; width: 12px; height: 22px; margin: 4px auto 10px; border: solid #3FD0B8; border-width: 0 3px 3px 0; transform: rotate(45deg); }
.wx-loading { position: fixed; left: 50%; top: 46%; z-index: 3000; transform: translate(-50%, -50%); display: none; align-items: center; gap: 10px; padding: 14px 20px; border-radius: 14px; background: rgba(20,27,45,.9); color: #fff; font-size: 15px; }
.wx-loading.on { display: flex; }
.wx-loading i { width: 18px; height: 18px; border-radius: 50%; border: 2.5px solid rgba(255,255,255,.3); border-top-color: #fff; animation: wxSpin .8s linear infinite; }
@keyframes wxSpin { to { transform: rotate(360deg); } }

/* 弹窗：圆角大卡片、胶囊按钮，和 AA合租指南网站一个味道 */
.wx-ov { position: fixed; inset: 0; z-index: 2000; display: flex; align-items: center; justify-content: center; background: rgba(20,27,45,.42); animation: wxFade .16s ease-out; -webkit-user-select: none; user-select: none; }
@keyframes wxFade { from { opacity: 0; } to { opacity: 1; } }
.wx-modal { width: 82%; max-width: 340px; box-sizing: border-box; padding: 24px 20px 18px; border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(20,40,90,.22); animation: wxPop .22s cubic-bezier(.22,1,.36,1); }
@keyframes wxPop { from { transform: translateY(10px) scale(.96); opacity: 0; } to { transform: none; opacity: 1; } }
.wx-modal-t { font-size: 18px; font-weight: 700; color: #141B2D; text-align: center; line-height: 1.4; }
.wx-modal-c { margin-top: 10px; font-size: 15px; line-height: 1.65; color: #5F6B80; white-space: pre-wrap; word-break: break-word; max-height: 50vh; overflow-y: auto; }
.wx-modal-in { margin-top: 14px; height: 46px; padding: 0 14px; border: 1px solid #DCE3EE; border-radius: 14px; background: #F7F9FC; font-size: 16px; }
.wx-modal-b { display: flex; gap: 10px; margin-top: 20px; }
.wx-modal-b.col { flex-direction: column; }
.wx-modal-b button { flex: 1; min-height: 46px; padding: 0 14px; border-radius: 999px; font-size: 16px; font-weight: 600; }
.wx-modal-b .c { background: #EEF2F7; color: #5F6B80; }
.wx-modal-b .k { background: #0A5FE8; color: #fff !important; box-shadow: 0 8px 20px rgba(10,95,232,.24); }
.wx-modal-b button:active { transform: scale(.97); opacity: .9; }
.wx-link { margin-top: 12px; padding: 10px 12px; border-radius: 12px; background: #F3F6FB; color: #2A6AD6; font-size: 13px; line-height: 1.5; word-break: break-all; -webkit-user-select: all; user-select: all; }
.wx-ov-sheet { align-items: flex-end; }
.wx-sheet { width: 100%; box-sizing: border-box; padding: 10px 12px calc(12px + env(safe-area-inset-bottom)); border-radius: 24px 24px 0 0; background: #F3F6FB; animation: wxUp .24s cubic-bezier(.22,1,.36,1); }
@keyframes wxUp { from { transform: translateY(100%); } to { transform: none; } }
.wx-sheet-a { padding: 12px 14px 14px; font-size: 14px; line-height: 1.6; color: #5F6B80; text-align: center; }
.wx-sheet button { width: 100%; min-height: 52px; margin-top: 8px; padding: 8px 14px; border-radius: 16px; background: #fff; font-size: 16px; color: #141B2D; line-height: 1.4; }
.wx-sheet button.c { color: #5F6B80; background: transparent; }
.wx-sheet button:active { background: #E6ECF6; }
.wx-ov-prev { background: rgba(10,14,24,.94); flex-direction: column; gap: 14px; }
.wx-ov-prev img { max-width: 100%; max-height: 82%; object-fit: contain; }
.wx-prev-x { color: rgba(255,255,255,.6); font-size: 13px; }

.wx-page{
  --blue: #5264C9;
  --blue-soft: #EBEDFC;
  --teal: #238E83;
  --teal-soft: #E3F3EF;
  --ink: #252A40;
  --ink-2: #586078;
  --mute: #737C91;
  --line: #E2E5EF;
  --bg: #F1F2F9; 
  --card: #FFFFFF;
  --sub: #F0F2F9; 
  --red: #E5484D;
  --red-soft: #FDECEC;
  --amber: #E8930C;
  --amber-soft: #FFF3DC;
  --sky: #2F7BF0;
  --sky-soft: #E4EFFF;
  background: #F1F2F9;
  background-image: radial-gradient(ellipse at 0% 8%, rgba(199,185,247,.36), transparent 48%), radial-gradient(ellipse at 100% 38%, rgba(159,223,220,.28), transparent 50%);
  background-attachment: fixed;
  color: var(--ink);
  font-family: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  font-size: calc(28 * var(--rpx));
  line-height: 1.5;
}
.num{
  font-family: "DIN Alternate", "Helvetica Neue", -apple-system, sans-serif;
  font-variant-numeric: tabular-nums;
  letter-spacing: calc(-0.5 * var(--rpx));
}
.wrap{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) calc(220 * var(--rpx)); }
.wrap.swipe{ min-height: 100vh; box-sizing: border-box; }
.sw-out-l{ transform: translateX(-30%); opacity: 0; transition: transform .14s ease-in, opacity .14s ease-in; }
.sw-out-r{ transform: translateX(30%); opacity: 0; transition: transform .14s ease-in, opacity .14s ease-in; }
.sw-in-r{ animation: swInR .26s ease-out; }
.sw-in-l{ animation: swInL .26s ease-out; }
@keyframes swInR{ from { transform: translateX(30%); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes swInL{ from { transform: translateX(-30%); opacity: 0; } to { transform: none; opacity: 1; } }
.card,.zone{
  background: var(--card);
  border-radius: calc(32 * var(--rpx));
  padding: calc(28 * var(--rpx)) calc(28 * var(--rpx)) calc(32 * var(--rpx));
  margin-bottom: calc(28 * var(--rpx));
  box-shadow: 0 calc(2 * var(--rpx)) 0 rgba(30, 38, 51, .06);
}
.sec-title,.zone-h{
  display: flex;
  align-items: center;
  gap: calc(14 * var(--rpx));
  font-size: calc(32 * var(--rpx));
  font-weight: 700;
  margin-bottom: calc(24 * var(--rpx));
}
.zone-t{ flex: 1; min-width: 0; }
.sec-title::before,.zone-h .mk{
  content: ''; flex-shrink: 0;
  width: calc(26 * var(--rpx)); height: calc(26 * var(--rpx));
  background: linear-gradient(90deg, var(--blue) 0 46%, transparent 46% 58%, var(--teal) 58% 100%);
  transform: skewX(-20deg); border-radius: calc(4 * var(--rpx));
}
.sec-title .more,.zone-h .more{ margin-left: auto; font-size: calc(24 * var(--rpx)); font-weight: 400; color: var(--mute); }
.zone-n{ font-size: calc(22 * var(--rpx)); font-weight: 700; color: #fff; background: var(--red); border-radius: calc(20 * var(--rpx)); padding: calc(4 * var(--rpx)) calc(14 * var(--rpx)); line-height: 1.3; }
.btn{
  display: flex; align-items: center; justify-content: center;
  height: calc(88 * var(--rpx)); border-radius: calc(20 * var(--rpx));
  font-size: calc(30 * var(--rpx)); font-weight: 600; letter-spacing: calc(1 * var(--rpx));
  background: linear-gradient(180deg, #1A70F0 0%, #5264C9 100%); color: #fff;
  box-shadow: 0 calc(6 * var(--rpx)) 0 #0049B8, 0 calc(10 * var(--rpx)) calc(20 * var(--rpx)) rgba(1, 94, 233, .22);
  transform: translateY(0);
  transition: transform .08s, box-shadow .08s;
}
.btn.ghost{
  background: #fff; color: var(--blue);
  border: calc(2 * var(--rpx)) solid #B8D0F8; box-shadow: 0 calc(6 * var(--rpx)) 0 #D5E3FB;
}
.btn.teal{
  background: linear-gradient(180deg, #1CC2A8 0%, #238E83 100%); color: #fff;
  box-shadow: 0 calc(6 * var(--rpx)) 0 #0C8E7B, 0 calc(10 * var(--rpx)) calc(20 * var(--rpx)) rgba(17, 181, 157, .22);
}
.btn.plain{
  background: #fff; color: var(--ink-2);
  border: calc(2 * var(--rpx)) solid #D9DEE6; box-shadow: 0 calc(6 * var(--rpx)) 0 #E3E7EE;
}
.btn.amber{
  background: linear-gradient(180deg, #F5A623 0%, #E8930C 100%); color: #fff;
  box-shadow: 0 calc(6 * var(--rpx)) 0 #B86F00, 0 calc(10 * var(--rpx)) calc(20 * var(--rpx)) rgba(232, 147, 12, .22);
}
.btn.sm{ height: calc(60 * var(--rpx)); font-size: calc(26 * var(--rpx)); border-radius: calc(14 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); box-shadow: 0 calc(4 * var(--rpx)) 0 #0049B8; }
.btn.sm.ghost{ box-shadow: 0 calc(4 * var(--rpx)) 0 #D5E3FB; }
.btn.sm.plain{ box-shadow: 0 calc(4 * var(--rpx)) 0 #E3E7EE; }
.btn.sm.teal{ box-shadow: 0 calc(4 * var(--rpx)) 0 #0C8E7B; }
.btn-hover{ transform: translateY(calc(6 * var(--rpx))) !important; box-shadow: 0 0 0 transparent !important; filter: brightness(.94); }
.btn.sm.btn-hover{ transform: translateY(calc(4 * var(--rpx))) !important; }
.btn-row{ display: flex; gap: calc(16 * var(--rpx)); }
.btn-row .btn{ flex: 1; }
.cat-tile{
  width: calc(72 * var(--rpx)); height: calc(72 * var(--rpx)); border-radius: calc(20 * var(--rpx));
  background: var(--blue-soft); color: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-size: calc(30 * var(--rpx)); font-weight: 600; flex-shrink: 0;
}
.cat-tile.in{ background: var(--teal-soft); color: var(--teal); }
.cat-tile.dim{ background: #F1F3F6; color: var(--mute); }
.tag{
  display: inline-flex; align-items: center;
  font-size: calc(22 * var(--rpx)); line-height: 1; padding: calc(8 * var(--rpx)) calc(14 * var(--rpx));
  border-radius: calc(10 * var(--rpx)); background: #F1F3F6; color: var(--ink-2);
  white-space: nowrap;
}
.tag.pending{ background: var(--blue-soft); color: var(--blue); }
.tag.confirmed{ background: var(--teal-soft); color: var(--teal); }
.tag.rejected{ background: var(--red-soft); color: var(--red); }
.tag.paying,.tag.paid{ background: #FFF4E0; color: #C27A00; }
.tag.settled,.tag.void{ background: #F1F3F6; color: var(--mute); }
.tag.red{ background: var(--red-soft); color: var(--red); }
.tag.owe{ background: var(--red-soft); color: var(--red); font-weight: 600; }
.row{
  display: flex; align-items: center; gap: calc(20 * var(--rpx));
  padding: calc(24 * var(--rpx)) 0;
  border-bottom: calc(1 * var(--rpx)) solid var(--line);
}
.row:last-child{ border-bottom: none; }
.row .main{ flex: 1; min-width: 0; }
.row .t1{ font-size: calc(30 * var(--rpx)); font-weight: 500; display: flex; align-items: center; gap: calc(12 * var(--rpx)); }
.row .t2{ font-size: calc(24 * var(--rpx)); color: var(--mute); margin-top: calc(4 * var(--rpx)); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.row .amt{ font-size: calc(36 * var(--rpx)); font-weight: 600; text-align: right; }
.row .amt-sub{ font-size: calc(22 * var(--rpx)); color: var(--mute); text-align: right; }
.amt-l{ font-size: calc(20 * var(--rpx)); font-weight: 400; color: var(--mute); margin-right: calc(6 * var(--rpx)); letter-spacing: 0; }
.amt-sub .num{ color: var(--ink); font-weight: 600; font-size: calc(24 * var(--rpx)); }
.row.s-confirmed .t1,.row.s-confirmed .amt,.row.s-settled .t1,.row.s-settled .amt{ color: var(--mute); }
.row.s-rejected .t1,.row.s-rejected .amt{ color: var(--red); }
.ratio-red{ color: var(--red) !important; font-weight: 600; }
.row .t1 .cn{ flex-shrink: 0; font-weight: 600; }
.row .t1 .nt{ min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(26 * var(--rpx)); font-weight: 400; opacity: .8; }
.row .t1 .full{ flex-shrink: 0; font-size: calc(22 * var(--rpx)); line-height: 1; font-weight: 400; color: var(--blue); background: var(--blue-soft); padding: calc(8 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(8 * var(--rpx)); }
.field{
  display: flex; align-items: center; justify-content: space-between;
  min-height: calc(96 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--line);
  font-size: calc(28 * var(--rpx));
}
.field:last-child{ border-bottom: none; }
.field .label{ color: var(--ink-2); width: calc(160 * var(--rpx)); flex-shrink: 0; }
.field .val{ flex: 1; text-align: right; color: var(--ink); }
.field .val.placeholder,.ph{ color: var(--mute); }
.field input,.field textarea{ flex: 1; text-align: right; font-size: calc(28 * var(--rpx)); }
.mask{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(20, 28, 40, .45); z-index: 100; }
.mask.clear{ background: transparent; }
.sheet{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 101;
  background: #fff; border-radius: calc(36 * var(--rpx)) calc(36 * var(--rpx)) 0 0;
  padding: calc(40 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(32 * var(--rpx)) + env(safe-area-inset-bottom));
  max-height: 85vh; overflow-y: auto;
}
.sheet-title{ font-size: calc(34 * var(--rpx)); font-weight: 600; margin-bottom: calc(8 * var(--rpx)); }
.sheet-sub{ font-size: calc(24 * var(--rpx)); color: var(--mute); margin-bottom: calc(32 * var(--rpx)); }
.empty{ text-align: center; color: var(--mute); padding: calc(60 * var(--rpx)) 0; font-size: calc(26 * var(--rpx)); }
.seg{ display: flex; background: #EBEFF5; border-radius: calc(18 * var(--rpx)); padding: calc(6 * var(--rpx)); }
.seg .it{ flex: 1; text-align: center; height: calc(64 * var(--rpx)); line-height: calc(64 * var(--rpx)); border-radius: calc(14 * var(--rpx)); font-size: calc(26 * var(--rpx)); color: var(--ink-2); }
.seg .it.on{ background: #fff; color: var(--ink); font-weight: 600; box-shadow: 0 calc(2 * var(--rpx)) calc(8 * var(--rpx)) rgba(30, 38, 51, .06); }
.ta.over{ box-shadow: inset 0 0 0 calc(3 * var(--rpx)) var(--red); }
.counter{ text-align: right; font-size: calc(24 * var(--rpx)); color: var(--mute); margin: calc(-16 * var(--rpx)) 0 calc(24 * var(--rpx)); }
.counter.over{ color: var(--red); font-weight: 600; }
.proof{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); margin-bottom: calc(32 * var(--rpx)); }
.proof-add{ width: calc(140 * var(--rpx)); height: calc(140 * var(--rpx)); border-radius: calc(16 * var(--rpx)); border: calc(2 * var(--rpx)) dashed #C5CCD6; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: calc(22 * var(--rpx)); color: var(--ink-2); flex-shrink: 0; }
.proof-add .plus{ font-size: calc(40 * var(--rpx)); line-height: 1.1; color: var(--blue); }
.proof-pic{ width: calc(140 * var(--rpx)); height: calc(140 * var(--rpx)); position: relative; flex-shrink: 0; }
.proof-pic image{ width: calc(140 * var(--rpx)); height: calc(140 * var(--rpx)); border-radius: calc(16 * var(--rpx)); }
.proof-x{ position: absolute; right: calc(-14 * var(--rpx)); top: calc(-14 * var(--rpx)); width: calc(40 * var(--rpx)); height: calc(40 * var(--rpx)); line-height: calc(36 * var(--rpx)); text-align: center; border-radius: 50%; background: var(--ink); color: #fff; font-size: calc(28 * var(--rpx)); }
.proof-tip{ font-size: calc(24 * var(--rpx)); color: var(--mute); }
.aa-strip{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); margin-top: calc(20 * var(--rpx)); padding: calc(12 * var(--rpx)) calc(18 * var(--rpx)); border-radius: calc(14 * var(--rpx)); background: var(--amber-soft); color: #A86600; font-size: calc(24 * var(--rpx)); }
.aa-badge{ background: var(--amber); color: #fff; font-weight: 700; font-size: calc(22 * var(--rpx)); line-height: 1; padding: calc(7 * var(--rpx)) calc(10 * var(--rpx)); border-radius: calc(8 * var(--rpx)); letter-spacing: calc(2 * var(--rpx)); }
.aa-strip.cf{ background: var(--sky-soft); color: #1D5BBF; }
.aa-strip.cf .aa-badge{ background: var(--sky); }
.aa-strip.ask{ background: var(--red-soft); color: #B4282D; }
.aa-strip.ask .aa-badge{ background: var(--red); }
.aa-strip.oth{ background: #F1ECFD; color: #6B46C1; }
.aa-strip.oth .aa-badge{ background: #8B67E0; }
.aa-t{ font-weight: 600; }
.aa-who{ flex: 1; text-align: right; }
.aa-who .num{ font-weight: 700; font-size: calc(28 * var(--rpx)); }
.chat{ display: flex; flex-direction: column; gap: calc(14 * var(--rpx)); }
.msg{ display: flex; flex-direction: column; align-items: flex-start; max-width: 82%; }
.msg.me{ align-self: flex-end; align-items: flex-end; }
.msg-w{ font-size: calc(20 * var(--rpx)); color: var(--mute); margin-bottom: calc(4 * var(--rpx)); }
.msg-t{ margin-left: calc(10 * var(--rpx)); }
.bubble{ font-size: calc(26 * var(--rpx)); line-height: 1.5; padding: calc(12 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(6 * var(--rpx)) calc(20 * var(--rpx)) calc(20 * var(--rpx)) calc(20 * var(--rpx)); background: #F1F3F6; color: var(--ink); word-break: break-all; white-space: pre-wrap; }
.msg.me .bubble{ border-radius: calc(20 * var(--rpx)) calc(6 * var(--rpx)) calc(20 * var(--rpx)) calc(20 * var(--rpx)); background: var(--blue-soft); }
.pay-info{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin: calc(-8 * var(--rpx)) 0 calc(24 * var(--rpx)) calc(92 * var(--rpx)); padding: calc(14 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(12 * var(--rpx)); background: var(--teal-soft); font-size: calc(24 * var(--rpx)); color: var(--ink-2); }
.pay-note{ flex: 1; min-width: 0; word-break: break-all; }
.pay-img{ width: calc(88 * var(--rpx)); height: calc(88 * var(--rpx)); border-radius: calc(10 * var(--rpx)); flex-shrink: 0; }
.note-full{ font-size: calc(30 * var(--rpx)); line-height: 1.7; color: var(--ink); background: #F5F7FA; border-radius: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(28 * var(--rpx)); margin-bottom: calc(32 * var(--rpx)); word-break: break-all; white-space: pre-wrap; max-height: 50vh; overflow-y: auto; }
.yuan{ font-size: calc(22 * var(--rpx)); font-weight: 400; margin-left: calc(4 * var(--rpx)); color: var(--mute); letter-spacing: 0; }
.vip{ display: inline-block; font-size: calc(18 * var(--rpx)); line-height: 1; padding: calc(4 * var(--rpx)) calc(8 * var(--rpx)); margin-left: calc(8 * var(--rpx)); border-radius: calc(6 * var(--rpx)); background: #FFF1D6; color: #B7791F; font-weight: 600; vertical-align: middle; }
.flash{ animation: flash 0.9s ease-in-out 2; border-radius: calc(16 * var(--rpx)); }
@keyframes flash{ 50% { background: #FFF3C4; } }
.share-btn{ width: 100% !important; margin: 0; padding: 0; line-height: inherit; }
.share-btn::after{ border: none; }
.card,.zone{
  background: linear-gradient(135deg, rgba(255,255,255,.91), rgba(255,255,255,.68));
  border: calc(1 * var(--rpx)) solid rgba(255,255,255,.95);
  box-shadow: 0 calc(12 * var(--rpx)) calc(38 * var(--rpx)) rgba(55,65,106,.065), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.95);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.sec-title,.zone-h{ letter-spacing: calc(.5 * var(--rpx)); font-weight: 600; }
.sec-title::before,.zone-h .mk{ width: calc(8 * var(--rpx)); height: calc(28 * var(--rpx)); transform: none; border-radius: calc(8 * var(--rpx)); background: linear-gradient(180deg, #7C78D7, #67B8B0); }
.btn{ background: linear-gradient(130deg, #6875D6, #4D60BF); box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(78,96,191,.19), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.25); border-radius: calc(24 * var(--rpx)); transition: transform .18s, box-shadow .18s, opacity .18s; }
.btn.teal{ background: linear-gradient(130deg, #3FA89D, #25877F); box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(37,135,127,.16); }
.btn.amber{ background: linear-gradient(130deg, #E9AB49, #C88C2C); box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(183,126,42,.16); }
.btn.ghost,.btn.plain{ background: rgba(255,255,255,.7); border: calc(1 * var(--rpx)) solid rgba(130,145,188,.24); box-shadow: 0 calc(5 * var(--rpx)) calc(16 * var(--rpx)) rgba(60,73,114,.06), inset 0 calc(2 * var(--rpx)) 0 #fff; }
.btn.sm,.btn.sm.ghost,.btn.sm.plain,.btn.sm.teal{ box-shadow: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(60,73,114,.09); }
.btn-hover,.btn.sm.btn-hover{ transform: translateY(calc(2 * var(--rpx))) scale(.985) !important; opacity: .9; }
.seg{ background: rgba(217,223,239,.6); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.8); }
.seg .it{ transition: background .2s, color .2s, box-shadow .2s; }
.seg .it.on{ background: rgba(255,255,255,.95); color: var(--blue); box-shadow: 0 calc(4 * var(--rpx)) calc(14 * var(--rpx)) rgba(68,77,122,.1); }
.sheet{ background: rgba(249,250,255,.97); border-top: calc(2 * var(--rpx)) solid #fff; box-shadow: 0 calc(-16 * var(--rpx)) calc(60 * var(--rpx)) rgba(40,48,81,.12); }
.mask{ background: rgba(29,35,59,.32); }
.cat-tile{ border: calc(1 * var(--rpx)) solid rgba(255,255,255,.8); box-shadow: inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.7); }
.row,.field{ border-bottom-color: rgba(145,156,187,.16); }
.wx-page{
  --blue: #1F66EE;
  --blue-2: #3D8BFF;
  --blue-deep: #0B47C7;
  --blue-soft: #E7F0FF;
  --teal: #0E9C8A;
  --teal-2: #19C7AE;
  --teal-soft: #E1F7F2;
  --cyan: #38CFE6;
  --gold: #C99A3E;
  --gold-2: #F0C770;
  --gold-soft: #FBF3E1;
  --amber: #D9A040;
  --amber-soft: #FBF2DF;
  --ink: #142140;
  --ink-2: #48577A;
  --mute: #7884A0;
  --line: #E1E8F4;
  --bg: #EEF3FB;
  --sub: rgba(234,240,251,.75);
  --sky: #1F66EE;
  --sky-soft: #E7F0FF;
  --grad-brand: linear-gradient(120deg, #1F66EE 0%, #2E8CF5 45%, #19C7AE 100%);
  --grad-gold: linear-gradient(120deg, #F0C770 0%, #D9A040 60%, #B8852E 100%);
  background-color: #EEF3FB;
  background-image: none;
  isolation: isolate; 
}
.wx-page::before,.wx-page::after{
  content: ''; position: fixed; z-index: -1; pointer-events: none;
  width: calc(900 * var(--rpx)); height: calc(900 * var(--rpx)); border-radius: 50%;
  filter: blur(60px); opacity: .7;
}
.wx-page::before{
  left: calc(-360 * var(--rpx)); top: calc(-260 * var(--rpx));
  background: radial-gradient(circle, rgba(61,139,255,.75) 0%, rgba(56,207,230,.35) 45%, transparent 70%);
  animation: aurA 18s ease-in-out infinite alternate;
}
.wx-page::after{
  right: calc(-380 * var(--rpx)); top: calc(520 * var(--rpx));
  background: radial-gradient(circle, rgba(25,199,174,.6) 0%, rgba(240,199,112,.4) 50%, transparent 72%);
  animation: aurB 22s ease-in-out infinite alternate;
}
@keyframes aurA{ 0% { transform: translate(0,0) scale(1); } 50% { transform: translate(calc(160 * var(--rpx)),calc(120 * var(--rpx))) scale(1.12); } 100% { transform: translate(calc(60 * var(--rpx)),calc(320 * var(--rpx))) scale(.95); } }
@keyframes aurB{ 0% { transform: translate(0,0) scale(1); } 50% { transform: translate(calc(-180 * var(--rpx)),calc(-140 * var(--rpx))) scale(1.1); } 100% { transform: translate(calc(-40 * var(--rpx)),calc(260 * var(--rpx))) scale(1.05); } }
.card,.zone{
  position: relative;
  background: linear-gradient(150deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.62) 100%);
  border: calc(1 * var(--rpx)) solid rgba(255,255,255,.9);
  box-shadow: 0 calc(18 * var(--rpx)) calc(48 * var(--rpx)) rgba(31,72,160,.08), 0 calc(2 * var(--rpx)) calc(6 * var(--rpx)) rgba(31,72,160,.04), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,1);
  backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%);
  animation: riseIn .55s cubic-bezier(.2,.8,.2,1) backwards;
}
.card::before,.zone::before{
  content: ''; position: absolute; left: calc(40 * var(--rpx)); right: calc(40 * var(--rpx)); top: calc(-1 * var(--rpx)); height: calc(3 * var(--rpx)); border-radius: calc(3 * var(--rpx));
  background: linear-gradient(90deg, transparent, rgba(31,102,238,.7) 25%, rgba(25,199,174,.7) 65%, rgba(240,199,112,.8) 85%, transparent);
  opacity: .75; pointer-events: none;
}
.wrap > .card:nth-child(2),.wrap > .zone:nth-child(2){ animation-delay: .06s; }
.wrap > .card:nth-child(3),.wrap > .zone:nth-child(3){ animation-delay: .12s; }
.wrap > .card:nth-child(4),.wrap > .zone:nth-child(4){ animation-delay: .18s; }
.wrap > .card:nth-child(n+5),.wrap > .zone:nth-child(n+5){ animation-delay: .24s; }
@keyframes riseIn{ from { opacity: 0; transform: translateY(calc(28 * var(--rpx))) scale(.985); } to { opacity: 1; transform: none; } }
.sec-title,.zone-h{ color: var(--ink); font-weight: 700; letter-spacing: calc(1 * var(--rpx)); }
.sec-title::before,.zone-h .mk{
  width: calc(8 * var(--rpx)); height: calc(30 * var(--rpx)); border-radius: calc(8 * var(--rpx)); transform: none;
  background: linear-gradient(180deg, #3D8BFF, #19C7AE 70%, #F0C770);
  box-shadow: 0 0 calc(14 * var(--rpx)) rgba(56,207,230,.55);
  animation: glowPulse 2.8s ease-in-out infinite;
}
@keyframes glowPulse{ 50% { box-shadow: 0 0 calc(22 * var(--rpx)) rgba(56,207,230,.9); } }
.zone-n{ background: linear-gradient(120deg, #FF6B6F, #E5484D); box-shadow: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(229,72,77,.3); }
.btn{
  position: relative; overflow: hidden;
  border: none; border-radius: calc(26 * var(--rpx));
  color: #fff;
  background-image: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.38) 50%, transparent 62%), var(--grad-brand);
  background-size: 260% 100%, 100% 100%;
  background-position: 130% 0, 0 0;
  background-repeat: no-repeat;
  box-shadow: 0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(31,102,238,.28), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.35);
  animation: sheen 4.2s ease-in-out infinite;
  transition: transform .25s cubic-bezier(.3,1.6,.5,1), box-shadow .25s, filter .2s;
}
@keyframes sheen{ 0%, 55% { background-position: 130% 0, 0 0; } 100% { background-position: -130% 0, 0 0; } }
.btn.teal{
  background-image: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.38) 50%, transparent 62%), linear-gradient(120deg, #19C7AE 0%, #0E9C8A 100%);
  box-shadow: 0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(14,156,138,.26), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.35);
}
.btn.amber{
  color: #fff;
  background-image: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.45) 50%, transparent 62%), var(--grad-gold);
  box-shadow: 0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(201,154,62,.32), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.45);
}
.btn.ghost,.btn.plain{
  animation: none;
  background: rgba(255,255,255,.72); background-image: none;
  border: calc(1 * var(--rpx)) solid rgba(31,102,238,.22);
  box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(31,72,160,.07), inset 0 calc(2 * var(--rpx)) 0 #fff;
}
.btn.ghost{ color: var(--blue); }
.btn.plain{ color: var(--ink-2); border-color: rgba(120,132,160,.22); }
.btn.sm{ border-radius: calc(16 * var(--rpx)); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.2); }
.btn.sm.teal{ box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(14,156,138,.2); }
.btn.sm.ghost,.btn.sm.plain{ box-shadow: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(31,72,160,.07); }
.btn-hover,.btn.sm.btn-hover{
  transform: scale(.955) !important; filter: brightness(1.06) saturate(1.1); opacity: 1;
  box-shadow: 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(31,102,238,.22), 0 0 0 calc(6 * var(--rpx)) rgba(56,207,230,.16) !important;
  transition-duration: .08s;
}
.cat-tile{ background: linear-gradient(140deg, #EEF4FF, #DDE9FF); color: var(--blue); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.9); box-shadow: inset 0 calc(2 * var(--rpx)) 0 #fff, 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(31,102,238,.08); }
.cat-tile.in{ background: linear-gradient(140deg, #E8FAF6, #CFF2EA); color: var(--teal); }
.cat-tile.dim{ background: linear-gradient(140deg, #F3F5FA, #E8ECF4); color: var(--mute); }
.tag{ border-radius: calc(999 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(16 * var(--rpx)); }
.tag.paying,.tag.paid{ background: var(--gold-soft); color: #9E7424; }
.vip{ background: linear-gradient(120deg, #FBEBC4, #F0C770); color: #7A5512; box-shadow: 0 calc(2 * var(--rpx)) calc(6 * var(--rpx)) rgba(201,154,62,.25); }
.seg{ background: rgba(214,226,246,.55); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.9); border-radius: calc(22 * var(--rpx)); }
.seg .it{ transition: all .3s cubic-bezier(.3,1.4,.5,1); }
.seg .it.on{ background: #fff; color: var(--blue); box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(31,102,238,.16), inset 0 0 0 calc(1 * var(--rpx)) rgba(31,102,238,.12); animation: popIn .32s cubic-bezier(.3,1.5,.5,1); }
@keyframes popIn{ from { transform: scale(.9); opacity: .6; } to { transform: none; opacity: 1; } }
.mask{ background: rgba(12,26,58,.36); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); animation: fadeIn .25s ease-out; }
.mask.clear{ background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.sheet{
  background: linear-gradient(180deg, rgba(250,252,255,.98), rgba(243,247,255,.98));
  border-top: calc(2 * var(--rpx)) solid #fff; box-shadow: 0 calc(-20 * var(--rpx)) calc(60 * var(--rpx)) rgba(20,40,100,.16);
  animation: sheetUp .38s cubic-bezier(.2,.9,.25,1);
}
.sheet::before{ content: ''; display: block; width: calc(72 * var(--rpx)); height: calc(8 * var(--rpx)); border-radius: calc(8 * var(--rpx)); margin: calc(-20 * var(--rpx)) auto calc(24 * var(--rpx)); background: linear-gradient(90deg, #3D8BFF, #19C7AE); opacity: .5; }
@keyframes sheetUp{ from { transform: translateY(100%); } to { transform: none; } }
@keyframes fadeIn{ from { opacity: 0; } to { opacity: 1; } }
.aa-strip{ border-left: calc(6 * var(--rpx)) solid var(--amber); background: linear-gradient(100deg, #FCF1D8, rgba(252,241,216,.4)); color: #8E6519; }
.aa-badge{ background: var(--grad-gold); box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(201,154,62,.3); }
.aa-strip.cf{ border-left-color: var(--blue); background: linear-gradient(100deg, #E3EEFF, rgba(227,238,255,.4)); color: #1550C4; }
.aa-strip.cf .aa-badge{ background: var(--grad-brand); }
.aa-strip.ask{ border-left-color: var(--red); background: linear-gradient(100deg, #FDE9EA, rgba(253,233,234,.4)); }
.aa-strip.oth{ border-left-color: #8B67E0; background: linear-gradient(100deg, #F0EBFD, rgba(240,235,253,.4)); }
.bubble{ background: rgba(240,244,251,.9); }
.msg.me .bubble{ background: linear-gradient(120deg, #E3EEFF, #DDF6F1); }
.pay-info{ background: linear-gradient(100deg, var(--teal-soft), rgba(225,247,242,.4)); }
.row .t1 .full{ border-radius: calc(999 * var(--rpx)); }
.flash{ animation: flash .9s ease-in-out 2; }
@keyframes flash{ 50% { background: rgba(240,199,112,.35); } }
.row,.field{ border-bottom-color: rgba(31,72,160,.08); }
.proof-add{ border-color: rgba(31,102,238,.3); background: rgba(231,240,255,.4); }
custom-tab-bar .bar{
  position: fixed; left: 0; right: 0; bottom: 0;
  display: flex; background: #D2E4FF;
  border-top: calc(1 * var(--rpx)) solid #B5CFF5;
  padding-bottom: env(safe-area-inset-bottom);
  z-index: 50;
}
custom-tab-bar .it{
  flex: 1; height: calc(104 * var(--rpx)); position: relative;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  font-size: calc(26 * var(--rpx)); color: #4A78C2;
}
custom-tab-bar .it.on{ color: #0A3D91; font-weight: 700; }
custom-tab-bar .mark{
  width: calc(44 * var(--rpx)); height: calc(10 * var(--rpx)); margin-bottom: calc(12 * var(--rpx));
  border-radius: calc(4 * var(--rpx)); transform: skewX(-24deg);
  background: transparent;
}
custom-tab-bar .it.on .mark{ background: #0A3D91; }
custom-tab-bar .badge{
  position: absolute; top: calc(14 * var(--rpx)); left: 50%; margin-left: calc(30 * var(--rpx));
  min-width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); line-height: calc(32 * var(--rpx)); padding: 0 calc(8 * var(--rpx));
  border-radius: calc(16 * var(--rpx)); background: #E5484D; color: #fff;
  font-size: calc(20 * var(--rpx)); text-align: center; box-sizing: border-box;
}
custom-tab-bar .bar{ left: calc(20 * var(--rpx)); right: calc(20 * var(--rpx)); bottom: calc(calc(12 * var(--rpx)) + env(safe-area-inset-bottom)); padding: calc(8 * var(--rpx)); border: calc(2 * var(--rpx)) solid rgba(255,255,255,.95); border-radius: calc(32 * var(--rpx)); background: rgba(247,249,255,.9); box-shadow: 0 calc(10 * var(--rpx)) calc(38 * var(--rpx)) rgba(60,65,112,.14), inset 0 calc(2 * var(--rpx)) 0 #fff; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
custom-tab-bar .it{ height: calc(100 * var(--rpx)); color: #727C93; font-size: calc(22 * var(--rpx)); border-radius: calc(24 * var(--rpx)); transition: background .22s, color .22s, transform .22s; }
custom-tab-bar .it.on{ color: #5264C9; background: linear-gradient(135deg, rgba(223,225,252,.9), rgba(229,243,248,.8)); }
custom-tab-bar .mark{ width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); margin-bottom: calc(10 * var(--rpx)); border: calc(2 * var(--rpx)) solid currentColor; border-radius: calc(9 * var(--rpx)); transform: none; box-sizing: border-box; position: relative; }
custom-tab-bar .it.on .mark{ background: transparent; }
custom-tab-bar .mark-0{ transform: rotate(45deg); border-radius: calc(7 * var(--rpx)); width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); margin-top: calc(4 * var(--rpx)); }
custom-tab-bar .mark-1::after,custom-tab-bar .mark-2::after{ content: ''; position: absolute; left: calc(6 * var(--rpx)); right: calc(6 * var(--rpx)); top: calc(7 * var(--rpx)); height: calc(2 * var(--rpx)); background: currentColor; box-shadow: 0 calc(7 * var(--rpx)) 0 currentColor; }
custom-tab-bar .mark-2{ border-radius: 50%; }
custom-tab-bar .mark-3::after{ content: '+'; position: absolute; inset: 0; text-align: center; line-height: calc(21 * var(--rpx)); font-size: calc(24 * var(--rpx)); }
custom-tab-bar .mark-4{ border-radius: 50%; }
custom-tab-bar .mark-4::after{ content: ''; position: absolute; inset: calc(6 * var(--rpx)); border: calc(2 * var(--rpx)) solid currentColor; border-radius: 50%; }
custom-tab-bar .bar{ background: rgba(250,252,255,.78); border-color: rgba(255,255,255,.95); box-shadow: 0 calc(16 * var(--rpx)) calc(44 * var(--rpx)) rgba(20,50,120,.16), 0 0 0 calc(1 * var(--rpx)) rgba(31,102,238,.06), inset 0 calc(2 * var(--rpx)) 0 #fff; backdrop-filter: blur(26px) saturate(170%); -webkit-backdrop-filter: blur(26px) saturate(170%); animation: barIn .5s cubic-bezier(.2,.9,.25,1) backwards; }
@keyframes barIn{ from { transform: translateY(calc(40 * var(--rpx))); opacity: 0; } to { transform: none; opacity: 1; } }
custom-tab-bar .it{ color: #7884A0; transition: color .25s, transform .3s cubic-bezier(.3,1.6,.5,1); }
custom-tab-bar .it:active{ transform: scale(.92); }
custom-tab-bar .it.on{ color: #fff; font-weight: 600; background: linear-gradient(125deg, #1F66EE 0%, #2E8CF5 50%, #19C7AE 100%); box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(31,102,238,.34), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.35); animation: tabPop .42s cubic-bezier(.3,1.6,.5,1); }
custom-tab-bar .it.on .mark{ animation: iconUp .5s cubic-bezier(.3,1.6,.5,1); }
@keyframes tabPop{ 0% { transform: scale(.82); opacity: .4; } 100% { transform: none; opacity: 1; } }
@keyframes iconUp{ 0% { transform: translateY(calc(10 * var(--rpx))); } 100% { transform: none; } }
custom-tab-bar .it.on .mark-0{ animation: iconUp0 .5s cubic-bezier(.3,1.6,.5,1); }
@keyframes iconUp0{ 0% { transform: translateY(calc(10 * var(--rpx))) rotate(0); } 100% { transform: rotate(45deg); } }
custom-tab-bar .badge{ background: linear-gradient(120deg, #FF6B6F, #E5484D); box-shadow: 0 0 0 calc(3 * var(--rpx)) #fff, 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(229,72,77,.35); }
bill-chart .bc-total{ display: flex; align-items: baseline; gap: calc(12 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: var(--sub); }
bill-chart .bc-l{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); }
bill-chart .bc-v{ font-size: calc(44 * var(--rpx)); font-weight: 700; line-height: 1.1; }
bill-chart .bc-n{ margin-left: auto; font-size: calc(24 * var(--rpx)); color: var(--mute); }
bill-chart .bc-sec{ font-size: calc(24 * var(--rpx)); font-weight: 600; color: var(--ink-2); margin: calc(28 * var(--rpx)) 0 calc(12 * var(--rpx)); }
bill-chart .bc-empty{ font-size: calc(24 * var(--rpx)); color: var(--mute); }
bill-chart .bc-p{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(8 * var(--rpx)) 0; }
bill-chart .bc-pn{ width: calc(112 * var(--rpx)); flex-shrink: 0; font-size: calc(26 * var(--rpx)); font-weight: 600; overflow: hidden; white-space: nowrap; }
bill-chart .bc-pb{ flex: 1; min-width: 0; display: flex; flex-direction: column; gap: calc(8 * var(--rpx)); }
bill-chart .bc-r{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); }
bill-chart .bc-k{ font-size: calc(20 * var(--rpx)); color: var(--mute); flex-shrink: 0; }
bill-chart .bc-track{ flex: 1; min-width: 0; height: calc(18 * var(--rpx)); border-radius: calc(9 * var(--rpx)); background: #EEF1F5; overflow: hidden; }
bill-chart .bc-fill{ height: 100%; border-radius: calc(9 * var(--rpx)); background: var(--blue); }
bill-chart .bc-fill.b{ background: var(--blue); }
bill-chart .bc-fill.t{ background: var(--teal); }
bill-chart .bc-fill.soft{ opacity: .45; }
bill-chart .bc-a{ width: calc(110 * var(--rpx)); flex-shrink: 0; text-align: right; font-size: calc(24 * var(--rpx)); font-weight: 600; }
bill-chart .bc-c{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); padding: calc(8 * var(--rpx)) 0; }
bill-chart .bc-cn{ width: calc(140 * var(--rpx)); flex-shrink: 0; font-size: calc(24 * var(--rpx)); color: var(--ink); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
bill-chart .bc-pct{ width: calc(60 * var(--rpx)); flex-shrink: 0; text-align: right; font-size: calc(20 * var(--rpx)); color: var(--mute); }
bill-chart .bc-total{ background: rgba(240,242,249,.75); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.9); }
bill-chart .bc-track{ background: rgba(214,219,236,.5); }
bill-chart .bc-fill,bill-chart .bc-fill.b{ background: linear-gradient(90deg, #8A93E3, #5264C9); }
bill-chart .bc-fill.t{ background: linear-gradient(90deg, #6CC3B8, #238E83); }
bill-chart .bc-fill,bill-chart .bc-fill.b{ background: linear-gradient(90deg, #3D8BFF, #1F66EE); box-shadow: 0 0 calc(10 * var(--rpx)) rgba(31,102,238,.35); transition: width .7s cubic-bezier(.2,.9,.25,1); }
bill-chart .bc-fill.t{ background: linear-gradient(90deg, #38CFE6, #0E9C8A); box-shadow: 0 0 calc(10 * var(--rpx)) rgba(14,156,138,.3); }
tip .tip{
  position: fixed; left: calc(72 * var(--rpx)); right: calc(72 * var(--rpx)); top: 50%; transform: translateY(-50%); z-index: 201;
  background: #fff; border-radius: calc(32 * var(--rpx)); padding: calc(48 * var(--rpx)) calc(40 * var(--rpx)) calc(40 * var(--rpx)); text-align: center;
}
tip .tip-mask{ z-index: 200; }
tip .tip-ok{ width: calc(88 * var(--rpx)); height: calc(88 * var(--rpx)); border-radius: 50%; background: #E3F6F2; margin: 0 auto calc(20 * var(--rpx)); position: relative; }
tip .tip-ok::after{ content: ''; position: absolute; left: calc(32 * var(--rpx)); top: calc(20 * var(--rpx)); width: calc(18 * var(--rpx)); height: calc(34 * var(--rpx)); border: solid #11B59D; border-width: 0 calc(6 * var(--rpx)) calc(6 * var(--rpx)) 0; transform: rotate(45deg); }
tip .tip-title{ font-size: calc(34 * var(--rpx)); font-weight: 700; color: #1E2633; }
tip .tip-text{ font-size: calc(28 * var(--rpx)); color: #4A5465; line-height: 1.7; margin: calc(16 * var(--rpx)) 0 calc(32 * var(--rpx)); text-align: left; }
tip .tip-no{ display: flex; align-items: center; justify-content: center; gap: calc(12 * var(--rpx)); font-size: calc(24 * var(--rpx)); color: #9AA3B1; margin: calc(-8 * var(--rpx)) 0 calc(28 * var(--rpx)); }
tip .tip-check{ width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); border-radius: calc(6 * var(--rpx)); border: calc(3 * var(--rpx)) solid #C5CCD6; box-sizing: border-box; position: relative; }
tip .tip-check.on{ background: #015EE9; border-color: #015EE9; }
tip .tip-check.on::after{ content: ''; position: absolute; left: calc(7 * var(--rpx)); top: calc(1 * var(--rpx)); width: calc(7 * var(--rpx)); height: calc(13 * var(--rpx)); border: solid #fff; border-width: 0 calc(4 * var(--rpx)) calc(4 * var(--rpx)) 0; transform: rotate(45deg); }
tip .tip{ background: rgba(250,251,255,.94); border: calc(2 * var(--rpx)) solid #fff; box-shadow: 0 calc(24 * var(--rpx)) calc(80 * var(--rpx)) rgba(40,48,81,.18), inset 0 calc(2 * var(--rpx)) 0 #fff; backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); }
tip .tip-ok{ background: linear-gradient(135deg, #E1E4FB, #E3F3EF); }
tip .tip-ok::after{ border-color: #238E83; }
tip .tip-title{ color: #252A40; }
tip .tip-text{ color: #586078; }
tip .tip-no{ color: #737C91; }
tip .tip-check.on{ background: #5264C9; border-color: #5264C9; }
tip .tip{ animation: tipIn .38s cubic-bezier(.3,1.4,.5,1); }
@keyframes tipIn{ from { opacity: 0; transform: translateY(-46%) scale(.88); } to { opacity: 1; transform: translateY(-50%); } }
tip .tip-ok{ background: linear-gradient(135deg, #E7F0FF, #DDF6F1); box-shadow: 0 0 0 calc(10 * var(--rpx)) rgba(56,207,230,.1); }
tip .tip-ok::after{ border-color: #0E9C8A; }
tip .tip-title{ color: #142140; }
tip .tip-check.on{ background: #1F66EE; border-color: #1F66EE; }
.pg-home .stats{ display: flex; gap: calc(14 * var(--rpx)); }
.pg-home .stat{ flex: 1; text-align: center; background: var(--sub); border-radius: calc(22 * var(--rpx)); padding: calc(28 * var(--rpx)) 0 calc(22 * var(--rpx)); border: calc(3 * var(--rpx)) solid transparent; }
.pg-home .stat .n{ font-size: calc(68 * var(--rpx)); font-weight: 700; line-height: 1; color: var(--ink); }
.pg-home .stat .u{ font-size: calc(22 * var(--rpx)); font-weight: 500; margin-left: calc(6 * var(--rpx)); color: var(--mute); }
.pg-home .stat .l{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); margin-top: calc(14 * var(--rpx)); }
.pg-home .stat.teal .n{ color: var(--teal); }
.pg-home .stat.red .n{ color: var(--red); }
.pg-home .stat-on{ transform: scale(.96); background: rgba(255,255,255,.82); border-color: var(--line); }
.pg-home .add .zone-t{ font-size: calc(36 * var(--rpx)); }
.pg-home .line{
  display: flex; align-items: stretch; height: calc(100 * var(--rpx));
  border: calc(2 * var(--rpx)) solid var(--line); border-radius: calc(20 * var(--rpx)); overflow: hidden;
}
.pg-home .cell{
  display: flex; align-items: center; justify-content: center;
  border-left: calc(2 * var(--rpx)) solid var(--line); font-size: calc(28 * var(--rpx)); padding: 0 calc(12 * var(--rpx));
  flex-shrink: 0;
}
.pg-home .cell:first-child{ border-left: none; }
.pg-home .cell input{ width: 100%; height: 100%; font-size: calc(28 * var(--rpx)); text-align: center; }
.pg-home .c-cat{ width: calc(128 * var(--rpx)); gap: calc(8 * var(--rpx)); font-weight: 600; color: var(--blue); background: var(--blue-soft); }
.pg-home .c-cat text{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(88 * var(--rpx)); }
.pg-home .c-cat.empty{ color: var(--blue); }
.pg-home .caret{ width: 0; height: 0; border-left: calc(8 * var(--rpx)) solid transparent; border-right: calc(8 * var(--rpx)) solid transparent; border-top: calc(10 * var(--rpx)) solid currentColor; flex-shrink: 0; }
.pg-home .c-amt{ width: calc(116 * var(--rpx)); }
.pg-home .c-ratio{ width: calc(76 * var(--rpx)); padding: 0; font-weight: 600; color: var(--ink); font-size: calc(26 * var(--rpx)); }
.pg-home .c-ratio.warn{ color: var(--red); background: var(--red-soft); }
.pg-home .c-note{ flex: 1; min-width: 0; flex-shrink: 1; padding: 0 calc(16 * var(--rpx)); }
.pg-home .c-note input{ text-align: left; }
.pg-home .c-note{ justify-content: flex-start; }
.pg-home .c-note.active{ background: var(--blue-soft); box-shadow: inset 0 0 0 calc(3 * var(--rpx)) var(--blue); }
.pg-home .note-v{ min-width: 0; max-width: 100%; font-size: calc(28 * var(--rpx)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-home .note-ta{ height: calc(280 * var(--rpx)); }
.pg-home .c-date{ width: calc(76 * var(--rpx)); padding: 0; }
.pg-home .date-in{ height: calc(100 * var(--rpx)); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(6 * var(--rpx)); font-size: calc(20 * var(--rpx)); color: var(--ink-2); }
.pg-home .cal{ width: calc(30 * var(--rpx)); height: calc(28 * var(--rpx)); border: calc(3 * var(--rpx)) solid var(--blue); border-top-width: calc(7 * var(--rpx)); border-radius: calc(5 * var(--rpx)); box-sizing: border-box; flex-shrink: 0; }
.pg-home .extras{ display: flex; gap: calc(32 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(4 * var(--rpx)) calc(22 * var(--rpx)); }
.pg-home .ex{ display: flex; align-items: center; gap: calc(10 * var(--rpx)); font-size: calc(24 * var(--rpx)); color: var(--ink-2); }
.pg-home .ex.on{ color: var(--teal); font-weight: 600; }
.pg-home .actions .btn{ font-size: calc(27 * var(--rpx)); }
.pg-home .cat-grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(28 * var(--rpx)) 0; padding: calc(24 * var(--rpx)) 0 calc(8 * var(--rpx)); }
.pg-home .g{ display: flex; flex-direction: column; align-items: center; gap: calc(10 * var(--rpx)); font-size: calc(22 * var(--rpx)); color: var(--ink-2); }
.pg-home .g .cat-tile{ width: calc(88 * var(--rpx)); height: calc(88 * var(--rpx)); border-radius: calc(24 * var(--rpx)); font-size: calc(34 * var(--rpx)); background: rgba(233,237,247,.7); color: var(--ink-2); }
.pg-home .g.on{ color: var(--blue); font-weight: 600; }
.pg-home .g.on .cat-tile{ background: var(--blue); color: #fff; }
.pg-home .item{ border-bottom: calc(1 * var(--rpx)) solid var(--line); }
.pg-home .item:last-child{ border-bottom: none; }
.pg-home .item .row{ border-bottom: none; }
.pg-home .req-t{ font-size: calc(28 * var(--rpx)); color: var(--ink); padding: calc(20 * var(--rpx)) 0 calc(16 * var(--rpx)) calc(6 * var(--rpx)); }
.pg-home .item .req-t + .ops{ padding-left: 0; }
.pg-home .edit-chat{ background: var(--sub); border-radius: calc(18 * var(--rpx)); padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)) calc(20 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); }
.pg-home .chat-h{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-home .edit-chat .bubble{ background: rgba(255,255,255,.82); }
.pg-home .edit-chat .msg.me .bubble{ background: var(--blue-soft); }
.pg-home .ops{ display: flex; justify-content: flex-end; align-items: center; gap: calc(16 * var(--rpx)); padding: 0 0 calc(24 * var(--rpx)) calc(92 * var(--rpx)); }
.pg-home .wait{ flex: 1; font-size: calc(24 * var(--rpx)); color: var(--ink-2); }
.pg-home .strong{ font-weight: 700; color: var(--ink); font-size: calc(28 * var(--rpx)); }
.pg-home .opt{ display: flex; align-items: center; justify-content: space-between; padding: calc(28 * var(--rpx)) calc(28 * var(--rpx)); border-radius: calc(20 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--line); margin-bottom: calc(16 * var(--rpx)); }
.pg-home .opt.on{ border-color: var(--blue); background: var(--blue-soft); }
.pg-home .opt-t{ font-size: calc(30 * var(--rpx)); font-weight: 600; }
.pg-home .opt-d{ font-size: calc(24 * var(--rpx)); color: var(--mute); margin-top: calc(4 * var(--rpx)); }
.pg-home .stepper{ display: flex; align-items: center; background: rgba(255,255,255,.82); border-radius: calc(14 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--line); }
.pg-home .sb{ width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); line-height: calc(64 * var(--rpx)); text-align: center; font-size: calc(34 * var(--rpx)); color: var(--blue); }
.pg-home .sv{ min-width: calc(110 * var(--rpx)); text-align: center; font-size: calc(30 * var(--rpx)); font-weight: 700; }
.pg-home .ta{ width: 100%; height: calc(200 * var(--rpx)); box-sizing: border-box; padding: calc(24 * var(--rpx)); background: rgba(233,237,247,.7); border-radius: calc(16 * var(--rpx)); font-size: calc(28 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-home .ph-note{ color: #7A8496; }
.pg-home .c-amt{ position: relative; }
.pg-home .c-amt.active{ background: var(--blue-soft); box-shadow: inset 0 0 0 calc(3 * var(--rpx)) var(--blue); }
.pg-home .amt-v{ font-size: calc(34 * var(--rpx)); font-weight: 700; white-space: nowrap; overflow: hidden; }
.pg-home .cursor{ width: calc(3 * var(--rpx)); height: calc(36 * var(--rpx)); background: var(--blue); margin-left: calc(2 * var(--rpx)); animation: blink 1s steps(1) infinite; }
@keyframes blink{ 50% { opacity: 0; } }
.pg-home .keypad{
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 101;
  background: #E9EDF3; padding: 0 calc(12 * var(--rpx)) calc(calc(12 * var(--rpx)) + env(safe-area-inset-bottom));
  border-radius: calc(28 * var(--rpx)) calc(28 * var(--rpx)) 0 0; box-shadow: 0 calc(-8 * var(--rpx)) calc(30 * var(--rpx)) rgba(30, 38, 51, .12);
}
.pg-home .kp-head{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(16 * var(--rpx)); }
.pg-home .kp-head .cat-tile{ width: calc(60 * var(--rpx)); height: calc(60 * var(--rpx)); font-size: calc(26 * var(--rpx)); border-radius: calc(16 * var(--rpx)); }
.pg-home .kp-cat{ font-size: calc(28 * var(--rpx)); color: var(--ink-2); flex: 1; }
.pg-home .kp-amt{ font-size: calc(52 * var(--rpx)); font-weight: 700; }
.pg-home .kp-body{ display: flex; gap: calc(12 * var(--rpx)); }
.pg-home .kp-grid{ flex: 3; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(12 * var(--rpx)); }
.pg-home .kp-side{ flex: 1; display: flex; flex-direction: column; gap: calc(12 * var(--rpx)); }
.pg-home .key{
  height: calc(100 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: rgba(255,255,255,.82);
  display: flex; align-items: center; justify-content: center;
  font-size: calc(44 * var(--rpx)); font-weight: 500; color: var(--ink);
  box-shadow: 0 calc(4 * var(--rpx)) calc(12 * var(--rpx)) rgba(55,65,106,.09), inset 0 calc(2 * var(--rpx)) 0 #fff;
}
.pg-home .key.fn{ background: #D8DEE7; }
.pg-home .key.next{ flex: 1; height: auto; background: var(--blue); color: #fff; font-size: calc(30 * var(--rpx)); font-weight: 700; box-shadow: 0 calc(4 * var(--rpx)) calc(14 * var(--rpx)) rgba(78,96,191,.18); }
.pg-home .key-press{ transform: translateY(calc(4 * var(--rpx))); box-shadow: none !important; filter: brightness(.92); }
.pg-home .del-ico{ width: calc(40 * var(--rpx)); height: calc(28 * var(--rpx)); border: calc(4 * var(--rpx)) solid var(--ink); border-left: none; border-radius: 0 calc(6 * var(--rpx)) calc(6 * var(--rpx)) 0; position: relative; }
.pg-home .del-ico::before{ content: ''; position: absolute; left: calc(-15 * var(--rpx)); top: calc(1 * var(--rpx)); width: calc(18 * var(--rpx)); height: calc(18 * var(--rpx)); border: solid var(--ink); border-width: 0 0 calc(4 * var(--rpx)) calc(4 * var(--rpx)); transform: rotate(45deg); }
.pg-home .kb-ico{ width: calc(22 * var(--rpx)); height: calc(22 * var(--rpx)); border: solid var(--ink); border-width: 0 calc(4 * var(--rpx)) calc(4 * var(--rpx)) 0; transform: rotate(45deg); margin-top: calc(-10 * var(--rpx)); }
.pg-home .unbound{ font-size: calc(24 * var(--rpx)); color: #A86600; background: #FFF4E0; border-radius: calc(20 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); margin-top: calc(20 * var(--rpx)); line-height: 1.6; }
.pg-home .unbound.guest{ color: var(--ink-2); background: #E8EEF7; }
.pg-home .guest-go{ color: #0A3D91; font-weight: 600; margin-left: calc(12 * var(--rpx)); text-decoration: underline; }
.pg-home .tour{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 300; }
.pg-home .tour-hole{
  position: fixed; border-radius: calc(22 * var(--rpx));
  box-shadow: 0 0 0 calc(4 * var(--rpx)) #fff, 0 0 0 calc(3000 * var(--rpx)) rgba(10, 22, 46, .72);
  transition: top .35s ease, left .35s ease, width .35s ease, height .35s ease;
  animation: hole-pulse 1.6s ease-in-out infinite;
}
@keyframes hole-pulse{ 50% { box-shadow: 0 0 0 calc(10 * var(--rpx)) rgba(255, 255, 255, .55), 0 0 0 calc(3000 * var(--rpx)) rgba(10, 22, 46, .72); } }
.pg-home .tour-card{
  position: fixed; left: calc(32 * var(--rpx)); right: calc(32 * var(--rpx)); background: rgba(255,255,255,.82); border-radius: calc(28 * var(--rpx)); padding: calc(32 * var(--rpx)) calc(32 * var(--rpx)) calc(28 * var(--rpx));
  animation: card-in .3s ease-out;
}
@keyframes card-in{ from { opacity: 0; transform: translateY(calc(24 * var(--rpx))); } to { opacity: 1; transform: translateY(0); } }
.pg-home .tc-step{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-home .tc-t{ font-size: calc(36 * var(--rpx)); font-weight: 700; margin-top: calc(4 * var(--rpx)); }
.pg-home .tc-d{ font-size: calc(27 * var(--rpx)); color: var(--ink-2); line-height: 1.7; margin-top: calc(10 * var(--rpx)); }
.pg-home .tc-ops{ display: flex; align-items: center; justify-content: space-between; margin-top: calc(24 * var(--rpx)); }
.pg-home .tc-skip{ font-size: calc(26 * var(--rpx)); color: var(--mute); padding: calc(12 * var(--rpx)) 0; }
.pg-home .tc-ops .btn{ min-width: calc(180 * var(--rpx)); }
.pg-home .dt-link{ display: inline-block; margin: 0 calc(10 * var(--rpx)) 0 calc(12 * var(--rpx)); padding: calc(2 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(8 * var(--rpx)); font-size: calc(22 * var(--rpx)); font-weight: 600; color: var(--blue); background: var(--blue-soft); }
.pg-home .hist{ max-height: calc(240 * var(--rpx)); margin-bottom: calc(20 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: #F7F8FA; box-sizing: border-box; }
.pg-home .hist-i{ padding: calc(10 * var(--rpx)) 0; font-size: calc(26 * var(--rpx)); line-height: 1.5; border-bottom: calc(1 * var(--rpx)) solid var(--line); display: flex; flex-direction: column; }
.pg-home .hist-i:last-child{ border-bottom: none; }
.pg-home .hist-w{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-home .hist-x{ color: var(--ink-2); word-break: break-all; }
.pg-home .rc-thumb{ width: calc(44 * var(--rpx)); height: calc(44 * var(--rpx)); border-radius: calc(8 * var(--rpx)); background: #EEF1F5; }
.pg-home .rc-x{ color: var(--mute); font-size: calc(32 * var(--rpx)); font-weight: 400; padding: 0 calc(8 * var(--rpx)); line-height: 1; }
.pg-home .members{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(8 * var(--rpx)) 0 calc(4 * var(--rpx)); }
.pg-home .m{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); }
.pg-home .av{ flex-shrink: 0; width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); border-radius: calc(18 * var(--rpx)); color: #fff; font-size: calc(30 * var(--rpx)); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pg-home .av.b{ background: var(--blue); }
.pg-home .av.t{ background: var(--teal); }
.pg-home .mn{ font-size: calc(26 * var(--rpx)); color: var(--ink-2); white-space: nowrap; }
.pg-home .link{ display: flex; gap: calc(6 * var(--rpx)); }
.pg-home .link.off{ opacity: .3; }
.pg-home .lk{ width: calc(24 * var(--rpx)); height: calc(10 * var(--rpx)); border-radius: calc(4 * var(--rpx)); transform: skewX(-24deg); }
.pg-home .lk.b{ background: var(--blue); }
.pg-home .lk.t{ background: var(--teal); }
.pg-home .invite{ flex-shrink: 0; white-space: nowrap; width: auto !important; min-width: 0; margin: 0 0 0 auto; padding: 0 calc(24 * var(--rpx)); height: calc(52 * var(--rpx)); line-height: calc(52 * var(--rpx)); font-size: calc(24 * var(--rpx)); font-weight: 600; color: #fff; background: var(--blue); border-radius: calc(12 * var(--rpx)); }
.pg-home .invite::after{ border: none; }
.pg-home .av{ overflow: hidden; }
.pg-home .av.wait{ background: #C5CCD6; flex-direction: column; justify-content: flex-end; }
.pg-home .sil-h{ width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); border-radius: 50%; background: rgba(255,255,255,.82); margin-bottom: calc(4 * var(--rpx)); }
.pg-home .sil-b{ width: calc(44 * var(--rpx)); height: calc(20 * var(--rpx)); border-radius: calc(22 * var(--rpx)) calc(22 * var(--rpx)) 0 0; background: rgba(255,255,255,.82); }
.pg-home .bind-st{ margin-left: auto; font-size: calc(22 * var(--rpx)); font-weight: 600; color: var(--mute); background: var(--sub); padding: calc(4 * var(--rpx)) calc(14 * var(--rpx)); border-radius: calc(8 * var(--rpx)); }
.pg-home .bind-st.on{ color: var(--teal); background: var(--teal-soft); }
.pg-home .kp-tip{ text-align: center; font-size: calc(24 * var(--rpx)); color: var(--ink-2); padding: calc(18 * var(--rpx)) 0 0; }
.pg-home .kp-tip + .kp-head{ padding-top: calc(10 * var(--rpx)); }
.pg-home .inv-d{ font-size: calc(22 * var(--rpx)); color: var(--mute); line-height: 1.6; margin-top: calc(12 * var(--rpx)); }
.pg-home .stat{ position: relative; overflow: hidden; background: linear-gradient(160deg, rgba(255,255,255,.95), rgba(236,243,255,.7)); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.95); box-shadow: 0 calc(8 * var(--rpx)) calc(22 * var(--rpx)) rgba(31,72,160,.07), inset 0 calc(2 * var(--rpx)) 0 #fff; transition: transform .3s cubic-bezier(.3,1.6,.5,1), box-shadow .3s; }
.pg-home .stat::before{ content: ''; position: absolute; width: calc(140 * var(--rpx)); height: calc(140 * var(--rpx)); right: calc(-50 * var(--rpx)); top: calc(-50 * var(--rpx)); border-radius: 50%; background: radial-gradient(circle, rgba(61,139,255,.35), transparent 70%); animation: orb 6s ease-in-out infinite alternate; }
.pg-home .stat.teal::before{ background: radial-gradient(circle, rgba(25,199,174,.38), transparent 70%); animation-delay: -2s; }
.pg-home .stat.red::before{ background: radial-gradient(circle, rgba(240,199,112,.45), transparent 70%); animation-delay: -4s; }
@keyframes orb{ to { transform: translate(calc(-30 * var(--rpx)), calc(30 * var(--rpx))) scale(1.25); } }
.pg-home .stat .n{ position: relative; background: linear-gradient(135deg, #0B47C7, #3D8BFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-home .stat.teal .n{ background-image: linear-gradient(135deg, #0B8A7A, #19C7AE); }
.pg-home .stat.red .n{ background-image: linear-gradient(135deg, #D63A40, #FF7B6B); }
.pg-home .stat .u{ -webkit-text-fill-color: var(--mute); }
.pg-home .stat .l{ position: relative; }
.pg-home .stat-on{ transform: scale(.94); background: #fff; border-color: rgba(31,102,238,.25); box-shadow: 0 0 0 calc(6 * var(--rpx)) rgba(56,207,230,.14); }
.pg-home .line{ border: calc(1 * var(--rpx)) solid rgba(31,102,238,.16); border-radius: calc(22 * var(--rpx)); background: rgba(255,255,255,.7); box-shadow: inset 0 calc(2 * var(--rpx)) calc(6 * var(--rpx)) rgba(31,72,160,.04), 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(31,72,160,.05); }
.pg-home .cell{ border-left-color: rgba(31,102,238,.1); transition: background .25s, box-shadow .25s; }
.pg-home .c-cat{ background: linear-gradient(140deg, #EAF2FF, #D9E8FF); }
.pg-home .c-amt.active,.pg-home .c-note.active{ background: rgba(231,240,255,.9); box-shadow: inset 0 0 0 calc(3 * var(--rpx)) var(--blue), 0 0 calc(24 * var(--rpx)) rgba(56,207,230,.35); }
.pg-home .cursor{ background: linear-gradient(180deg, #3D8BFF, #19C7AE); width: calc(4 * var(--rpx)); }
.pg-home .cal{ border-color: var(--blue); }
.pg-home .ex.on{ color: var(--teal); }
.pg-home .g .cat-tile{ background: linear-gradient(140deg, rgba(240,245,253,.9), rgba(226,234,248,.8)); transition: transform .3s cubic-bezier(.3,1.6,.5,1); }
.pg-home .g.on .cat-tile{ background: var(--grad-brand); color: #fff; box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(31,102,238,.3); transform: scale(1.06); }
.pg-home .opt{ transition: all .25s; background: rgba(255,255,255,.6); }
.pg-home .opt.on{ border-color: transparent; background: linear-gradient(120deg, #E7F0FF, #E1F7F2); box-shadow: inset 0 0 0 calc(3 * var(--rpx)) var(--blue), 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(31,102,238,.12); }
.pg-home .sb{ color: var(--blue); }
.pg-home .keypad{ background: linear-gradient(180deg, rgba(240,245,253,.97), rgba(228,236,250,.97)); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); box-shadow: 0 calc(-16 * var(--rpx)) calc(50 * var(--rpx)) rgba(20,40,100,.16); animation: sheetUp .34s cubic-bezier(.2,.9,.25,1); }
.pg-home .key{ background: rgba(255,255,255,.9); transition: transform .12s; }
.pg-home .key.fn{ background: rgba(214,224,242,.9); }
.pg-home .key.next{ background: var(--grad-brand); box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(31,102,238,.3), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.3); }
.pg-home .key-press{ transform: scale(.93); filter: brightness(.96); }
.pg-home .kp-amt{ background: linear-gradient(135deg, #0B47C7, #19C7AE); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-home .av.b{ background: linear-gradient(140deg, #3D8BFF, #1F66EE); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.3); }
.pg-home .av.t{ background: linear-gradient(140deg, #19C7AE, #0E9C8A); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(14,156,138,.28); }
.pg-home .lk.b{ background: linear-gradient(90deg, #1F66EE, #3D8BFF); }
.pg-home .lk.t{ background: linear-gradient(90deg, #19C7AE, #0E9C8A); }
.pg-home .link:not(.off) .lk{ animation: linkFlow 1.6s ease-in-out infinite; }
.pg-home .link:not(.off) .lk.t{ animation-delay: .3s; }
@keyframes linkFlow{ 50% { opacity: .45; transform: skewX(-24deg) translateX(calc(4 * var(--rpx))); } }
.pg-home .invite{ background: var(--grad-gold); color: #fff; border-radius: calc(999 * var(--rpx)); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(201,154,62,.35); }
.pg-home .bind-st.on{ background: var(--teal-soft); color: var(--teal); }
.pg-home .unbound{ color: #8E6519; background: linear-gradient(100deg, #FCF1D8, rgba(252,241,216,.5)); border: calc(1 * var(--rpx)) solid rgba(217,160,64,.25); }
.pg-home .unbound.guest{ color: var(--ink-2); background: linear-gradient(100deg, #E7F0FF, rgba(225,247,242,.6)); border-color: rgba(31,102,238,.15); }
.pg-home .guest-go{ color: var(--blue); }
.pg-home .dt-link{ border-radius: calc(999 * var(--rpx)); }
.pg-home .tour-card{ background: rgba(255,255,255,.9); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: calc(1 * var(--rpx)) solid #fff; box-shadow: 0 calc(24 * var(--rpx)) calc(60 * var(--rpx)) rgba(10,22,46,.3); }
.pg-home .tour-hole{ box-shadow: 0 0 0 calc(4 * var(--rpx)) rgba(56,207,230,.9), 0 0 0 calc(3000 * var(--rpx)) rgba(8,20,48,.72); }
@keyframes hole-pulse{ 50% { box-shadow: 0 0 0 calc(12 * var(--rpx)) rgba(56,207,230,.45), 0 0 0 calc(3000 * var(--rpx)) rgba(8,20,48,.72); } }
.pg-ledger .cat-line-s{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-ledger .cat-line-s .nm{ flex: 1; min-width: 0; }
.pg-ledger .roll{ margin: calc(-6 * var(--rpx)) 0 calc(14 * var(--rpx)); font-size: calc(22 * var(--rpx)); color: var(--ink-2); background: var(--sub); border-radius: calc(12 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(16 * var(--rpx)); text-align: center; }
.pg-ledger .pair{ display: flex; justify-content: space-between; align-items: flex-end; }
.pg-ledger .who .v{ font-size: calc(52 * var(--rpx)); font-weight: 700; line-height: 1.1; }
.pg-ledger .who .l{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); margin-top: calc(2 * var(--rpx)); display: flex; align-items: center; gap: calc(10 * var(--rpx)); }
.pg-ledger .who.ot{ text-align: right; }
.pg-ledger .who.ot .l{ justify-content: flex-end; }
.pg-ledger .dot{ width: calc(16 * var(--rpx)); height: calc(16 * var(--rpx)); border-radius: calc(4 * var(--rpx)); transform: skewX(-20deg); display: inline-block; }
.pg-ledger .dot.b{ background: var(--blue); }
.pg-ledger .dot.t{ background: var(--teal); }
.pg-ledger .bar{ display: flex; height: calc(28 * var(--rpx)); margin: calc(16 * var(--rpx)) calc(6 * var(--rpx)) 0; gap: calc(10 * var(--rpx)); }
.pg-ledger .seg-b,.pg-ledger .seg-t{ height: 100%; transform: skewX(-24deg); border-radius: calc(8 * var(--rpx)); }
.pg-ledger .seg-b{ background: var(--blue); transition: width .4s ease; }
.pg-ledger .seg-t{ flex: 1; background: var(--teal); }
.pg-ledger .net{ display: flex; align-items: baseline; justify-content: center; gap: calc(14 * var(--rpx)); margin-top: calc(18 * var(--rpx)); padding-top: calc(14 * var(--rpx)); border-top: calc(1 * var(--rpx)) dashed var(--line); font-size: calc(28 * var(--rpx)); color: var(--ink-2); }
.pg-ledger .net-v{ font-size: calc(48 * var(--rpx)); font-weight: 700; color: var(--ink); }
.pg-ledger .bd-bar{ flex: 1; align-self: center; height: calc(16 * var(--rpx)); border-radius: calc(8 * var(--rpx)); background: var(--sub); margin-left: calc(16 * var(--rpx)); overflow: hidden; box-shadow: inset 0 0 0 calc(2 * var(--rpx)) #E3E8EF; }
.pg-ledger .bd-fill{ height: 100%; border-radius: calc(8 * var(--rpx)); background: linear-gradient(90deg, #11B59D, #3CCBB3); transition: width .4s ease; }
.pg-ledger .bd-fill.warn{ background: linear-gradient(90deg, #E8930C, #F5A623); }
.pg-ledger .ops3{ display: flex; gap: calc(10 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.pg-ledger .ops3 .o-v{ font-size: calc(24 * var(--rpx)); gap: calc(4 * var(--rpx)); }
.pg-ledger .ops3 .o-e{ font-size: calc(16 * var(--rpx)); padding: calc(2 * var(--rpx)) calc(6 * var(--rpx)); }
.pg-ledger .op3.memo{ position: relative; }
.pg-ledger .op3.memo.dot::after{ content: ''; position: absolute; top: calc(8 * var(--rpx)); right: calc(10 * var(--rpx)); width: calc(14 * var(--rpx)); height: calc(14 * var(--rpx)); border-radius: 50%; background: var(--red); box-shadow: 0 0 0 calc(3 * var(--rpx)) #fff; }
.pg-ledger .mm-h{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin: 0 0 calc(10 * var(--rpx)); }
.pg-ledger .mm-box{ font-size: calc(28 * var(--rpx)); line-height: 1.6; color: var(--ink); background: var(--sub); border-radius: calc(16 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); margin-bottom: calc(24 * var(--rpx)); white-space: pre-wrap; word-break: break-all; }
.pg-ledger .mm-box.new{ background: var(--blue-soft); }
.pg-ledger .mm-ta{ height: calc(260 * var(--rpx)); }
.pg-ledger .mm-fake{ overflow: hidden; line-height: 1.5; white-space: pre-wrap; word-break: break-all; color: var(--ink); }
.pg-ledger .mm-fake.ph{ color: var(--mute); }
.pg-ledger .mm-log{ margin-top: calc(28 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--line); padding-top: calc(20 * var(--rpx)); }
.pg-ledger .mm-log-h{ font-size: calc(24 * var(--rpx)); font-weight: 600; color: var(--ink-2); margin-bottom: calc(8 * var(--rpx)); }
.pg-ledger .mm-li{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); padding: calc(10 * var(--rpx)) 0; line-height: 1.5; }
.pg-ledger .mm-w{ font-weight: 600; margin-right: calc(10 * var(--rpx)); }
.pg-ledger .mm-w.b{ color: var(--blue); }
.pg-ledger .mm-w.t{ color: var(--teal); }
.pg-ledger .mm-t{ color: var(--mute); margin-right: calc(10 * var(--rpx)); }
.pg-ledger .mm-body{ margin-top: calc(6 * var(--rpx)); color: var(--ink); background: var(--sub); border-radius: calc(10 * var(--rpx)); padding: calc(10 * var(--rpx)) calc(16 * var(--rpx)); white-space: pre-wrap; word-break: break-all; }
.pg-ledger .op3{
  flex: 1; min-width: 0; padding: calc(10 * var(--rpx)) 0 calc(12 * var(--rpx)); border-radius: calc(18 * var(--rpx)); text-align: center;
  background: linear-gradient(180deg, #1A70F0 0%, #015EE9 100%); border: calc(2 * var(--rpx)) solid var(--blue); color: #fff; box-shadow: 0 calc(5 * var(--rpx)) 0 #0049B8;
}
.pg-ledger .op3.now{ background: linear-gradient(180deg, #F5A623 0%, #E8930C 100%); border-color: #E8930C; box-shadow: 0 calc(5 * var(--rpx)) 0 #B86F00; }
.pg-ledger .o-l{ font-size: calc(20 * var(--rpx)); color: rgba(255, 255, 255, .8); }
.pg-ledger .o-v{ display: flex; align-items: center; justify-content: center; gap: calc(6 * var(--rpx)); font-size: calc(26 * var(--rpx)); font-weight: 700; margin-top: calc(2 * var(--rpx)); white-space: nowrap; }
.pg-ledger .o-e{ font-size: calc(18 * var(--rpx)); font-weight: 600; color: #fff; background: rgba(255, 255, 255, .22); padding: calc(3 * var(--rpx)) calc(8 * var(--rpx)); border-radius: calc(6 * var(--rpx)); }
.pg-ledger .bd-in{ display: flex; align-items: baseline; gap: calc(8 * var(--rpx)); padding: calc(12 * var(--rpx)) 0; border-bottom: calc(2 * var(--rpx)) solid var(--ink); margin-bottom: calc(24 * var(--rpx)); }
.pg-ledger .bd-in .yen{ font-size: calc(40 * var(--rpx)); font-weight: 600; }
.pg-ledger .bd-input{ flex: 1; height: calc(88 * var(--rpx)); font-size: calc(64 * var(--rpx)); font-weight: 700; }
.pg-ledger .bd-quick{ display: flex; gap: calc(12 * var(--rpx)); margin-bottom: calc(32 * var(--rpx)); }
.pg-ledger .bq{ flex: 1; height: calc(64 * var(--rpx)); line-height: calc(64 * var(--rpx)); text-align: center; border-radius: calc(14 * var(--rpx)); background: rgba(233,237,247,.7); font-size: calc(26 * var(--rpx)); }
.pg-ledger .bq.on{ background: var(--blue); color: #fff; font-weight: 700; }
.pg-ledger .days{ display: grid; grid-template-columns: repeat(7, 1fr); gap: calc(12 * var(--rpx)); margin-bottom: calc(32 * var(--rpx)); }
.pg-ledger .day{ height: calc(76 * var(--rpx)); line-height: calc(76 * var(--rpx)); text-align: center; border-radius: calc(16 * var(--rpx)); background: rgba(233,237,247,.7); font-size: calc(28 * var(--rpx)); }
.pg-ledger .day.on{ background: var(--blue); color: #fff; font-weight: 700; }
.pg-ledger .bd-row{ display: flex; align-items: center; gap: calc(14 * var(--rpx)); height: calc(44 * var(--rpx)); }
.pg-ledger .bd-name{ width: calc(72 * var(--rpx)); flex-shrink: 0; font-size: calc(26 * var(--rpx)); font-weight: 700; }
.pg-ledger .bd-row .bd-bar{ margin-left: 0; height: calc(14 * var(--rpx)); }
.pg-ledger .bd-sp{ flex-shrink: 0; min-width: calc(150 * var(--rpx)); text-align: right; font-size: calc(22 * var(--rpx)); color: var(--ink-2); }
.pg-ledger .bd-sp .num{ font-size: calc(24 * var(--rpx)); font-weight: 600; color: var(--ink); }
.pg-ledger .bd-sp.red,.pg-ledger .bd-sp.red .num{ color: var(--red); }
.pg-ledger .bd-fill.full{ background: var(--red); }
.pg-ledger .list .seg{ margin-bottom: calc(12 * var(--rpx)); }
.pg-ledger .flow{ border-radius: calc(16 * var(--rpx)); background: #FAFBFC; box-shadow: inset 0 0 0 calc(2 * var(--rpx)) #EEF1F5; }
.pg-ledger .flow .row{ height: calc(120 * var(--rpx)); box-sizing: border-box; padding: 0 calc(16 * var(--rpx)); gap: calc(16 * var(--rpx)); }
.pg-ledger .flow .row .cat-tile{ width: calc(60 * var(--rpx)); height: calc(60 * var(--rpx)); border-radius: calc(16 * var(--rpx)); font-size: calc(26 * var(--rpx)); }
.pg-ledger .flow .row .t1{ font-size: calc(28 * var(--rpx)); gap: calc(10 * var(--rpx)); }
.pg-ledger .flow .row .t2{ font-size: calc(22 * var(--rpx)); }
.pg-ledger .flow .row .amt{ font-size: calc(32 * var(--rpx)); }
.pg-ledger .flow-tip{ font-size: calc(22 * var(--rpx)); color: var(--mute); text-align: center; margin-top: calc(12 * var(--rpx)); }
.pg-ledger .right{ display: flex; flex-direction: column; align-items: flex-end; gap: calc(6 * var(--rpx)); flex-shrink: 0; }
.pg-ledger .go-btn{ font-size: calc(20 * var(--rpx)); font-weight: 600; line-height: 1; padding: calc(8 * var(--rpx)) calc(16 * var(--rpx)); border-radius: calc(22 * var(--rpx)); color: var(--blue); border: calc(2 * var(--rpx)) solid #B8D0F8; background: rgba(255,255,255,.82); }
.pg-ledger .go-btn.on{ color: #fff; background: var(--blue); border-color: var(--blue); }
.pg-ledger .row.s-void .t1 .cn,.pg-ledger .row.s-void .amt{ color: var(--mute); text-decoration: line-through; }
.pg-ledger .change-mine{ margin-top: calc(14 * var(--rpx)); font-size: calc(22 * var(--rpx)); color: var(--ink-2); background: var(--sub); border-radius: calc(12 * var(--rpx)); padding: calc(12 * var(--rpx)) calc(18 * var(--rpx)); text-align: center; }
.pg-ledger .tag.voided{ background: rgba(255,255,255,.82); color: var(--red); box-shadow: inset 0 0 0 calc(2 * var(--rpx)) var(--red); font-weight: 600; }
.pg-ledger .void-t2{ color: var(--red); }
.pg-ledger .ta{ width: 100%; box-sizing: border-box; padding: calc(24 * var(--rpx)); background: rgba(233,237,247,.7); border-radius: calc(16 * var(--rpx)); font-size: calc(28 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-ledger .op3{ background: linear-gradient(130deg, #6875D6, #4D60BF); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.35); box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(78,96,191,.18), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.25); }
.pg-ledger .op3.now{ background: linear-gradient(130deg, #E9AB49, #C88C2C); border-color: rgba(255,255,255,.35); box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(183,126,42,.16); }
.pg-ledger .go-btn{ border-color: rgba(130,145,188,.3); }
.pg-ledger .who .v{ background: linear-gradient(135deg, #0B47C7, #3D8BFF); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-ledger .who.ot .v{ background-image: linear-gradient(135deg, #0B8A7A, #19C7AE); }
.pg-ledger .dot.b{ background: linear-gradient(135deg, #3D8BFF, #1F66EE); }
.pg-ledger .dot.t{ background: linear-gradient(135deg, #19C7AE, #0E9C8A); }
.pg-ledger .seg-b,.pg-ledger .seg-t{ position: relative; overflow: hidden; }
.pg-ledger .seg-b{ background: linear-gradient(90deg, #0B47C7, #3D8BFF); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.3); transition: width .6s cubic-bezier(.2,.9,.25,1); }
.pg-ledger .seg-t{ background: linear-gradient(90deg, #19C7AE, #0E9C8A); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(14,156,138,.26); }
.pg-ledger .seg-b::after,.pg-ledger .seg-t::after{ content: ""; position: absolute; top: 0; bottom: 0; width: 60%; left: -60%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); animation: barShine 3.2s ease-in-out infinite; }
.pg-ledger .seg-t::after{ animation-delay: 1.6s; }
@keyframes barShine{ 0% { left: -60%; } 60%, 100% { left: 120%; } }
.pg-ledger .net-v{ background: linear-gradient(120deg, #1F66EE, #19C7AE); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-ledger .bd-bar{ background: rgba(214,226,246,.6); box-shadow: inset 0 calc(1 * var(--rpx)) calc(3 * var(--rpx)) rgba(31,72,160,.1); }
.pg-ledger .bd-fill{ background: linear-gradient(90deg, #0E9C8A, #19C7AE, #38CFE6); transition: width .7s cubic-bezier(.2,.9,.25,1); }
.pg-ledger .bd-fill.warn{ background: linear-gradient(90deg, #B8852E, #D9A040, #F0C770); }
.pg-ledger .op3{ background: var(--grad-brand); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.4); box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(31,102,238,.24), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.3); transition: transform .25s cubic-bezier(.3,1.6,.5,1); }
.pg-ledger .op3:active{ transform: scale(.94); }
.pg-ledger .op3.now{ background: var(--grad-gold); border-color: rgba(255,255,255,.45); box-shadow: 0 calc(10 * var(--rpx)) calc(24 * var(--rpx)) rgba(201,154,62,.3), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.4); }
.pg-ledger .op3.memo.dot::after{ animation: dotPing 1.6s ease-out infinite; }
@keyframes dotPing{ 0% { box-shadow: 0 0 0 calc(3 * var(--rpx)) #fff, 0 0 0 calc(3 * var(--rpx)) rgba(229,72,77,.6); } 100% { box-shadow: 0 0 0 calc(3 * var(--rpx)) #fff, 0 0 0 calc(16 * var(--rpx)) rgba(229,72,77,0); } }
.pg-ledger .bq.on,.pg-ledger .day.on{ background: var(--grad-brand); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.25); }
.pg-ledger .go-btn.on{ background: var(--grad-brand); border-color: transparent; }
.pg-ledger .flow{ background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 calc(1 * var(--rpx)) rgba(31,102,238,.1); }
.pg-ledger .mm-box.new{ background: linear-gradient(120deg, #E7F0FF, #E1F7F2); }
.pg-private .ranges{ display: flex; gap: calc(12 * var(--rpx)); margin-bottom: calc(36 * var(--rpx)); }
.pg-private .rg{ height: calc(56 * var(--rpx)); padding: 0 calc(22 * var(--rpx)); display: flex; align-items: center; gap: calc(8 * var(--rpx)); font-size: calc(24 * var(--rpx)); border-radius: calc(28 * var(--rpx)); background: rgba(233,237,247,.7); color: var(--ink-2); white-space: nowrap; }
.pg-private .rg.on{ background: var(--ink); color: #fff; font-weight: 600; }
.pg-private .cal{ width: calc(22 * var(--rpx)); height: calc(20 * var(--rpx)); border: calc(3 * var(--rpx)) solid currentColor; border-top-width: calc(6 * var(--rpx)); border-radius: calc(4 * var(--rpx)); box-sizing: border-box; }
.pg-private .pie-wrap{ display: flex; align-items: center; gap: calc(40 * var(--rpx)); }
.pg-private .pie{ width: calc(260 * var(--rpx)); height: calc(260 * var(--rpx)); border-radius: 50%; flex-shrink: 0; }
.pg-private .legend{ flex: 1; min-width: 0; }
.pg-private .lg{ display: flex; align-items: center; gap: calc(14 * var(--rpx)); height: calc(48 * var(--rpx)); font-size: calc(26 * var(--rpx)); }
.pg-private .lg-dot{ width: calc(18 * var(--rpx)); height: calc(18 * var(--rpx)); border-radius: calc(5 * var(--rpx)); flex-shrink: 0; }
.pg-private .lg-n{ flex: 1; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pg-private .lg-v{ font-weight: 600; }
.pg-private .lg-empty{ font-size: calc(24 * var(--rpx)); color: var(--mute); }
.pg-private .total{ text-align: center; margin-top: calc(36 * var(--rpx)); padding-top: calc(28 * var(--rpx)); border-top: calc(1 * var(--rpx)) dashed var(--line); }
.pg-private .total-l{ font-size: calc(24 * var(--rpx)); color: var(--mute); }
.pg-private .total-v{ font-size: calc(80 * var(--rpx)); font-weight: 700; line-height: 1.15; }
.pg-private .total-v .yen{ font-size: calc(40 * var(--rpx)); margin-right: calc(6 * var(--rpx)); }
.pg-private .fab{
  position: fixed; right: calc(32 * var(--rpx)); bottom: calc(calc(140 * var(--rpx)) + env(safe-area-inset-bottom));
  height: calc(96 * var(--rpx)); padding: 0 calc(44 * var(--rpx)); line-height: calc(96 * var(--rpx)); border-radius: calc(48 * var(--rpx));
  background: var(--blue); color: #fff; font-size: calc(30 * var(--rpx)); font-weight: 600;
  box-shadow: 0 calc(12 * var(--rpx)) calc(32 * var(--rpx)) rgba(1, 94, 233, .28);
}
.pg-private .grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(20 * var(--rpx)) 0; margin-bottom: calc(16 * var(--rpx)); max-height: calc(420 * var(--rpx)); overflow-y: auto; }
.pg-private .g{ display: flex; flex-direction: column; align-items: center; gap: calc(8 * var(--rpx)); font-size: calc(22 * var(--rpx)); color: var(--ink-2); }
.pg-private .g .cat-tile{ background: rgba(233,237,247,.7); color: var(--ink-2); }
.pg-private .g.on{ color: var(--ink); font-weight: 600; }
.pg-private .g.on .cat-tile{ background: var(--blue); color: #fff; }
.pg-private .amount{ display: flex; align-items: baseline; gap: calc(8 * var(--rpx)); padding: calc(20 * var(--rpx)) 0 calc(12 * var(--rpx)); border-bottom: calc(2 * var(--rpx)) solid var(--ink); }
.pg-private .yen{ font-size: calc(40 * var(--rpx)); font-weight: 600; }
.pg-private .amount-in{ flex: 1; height: calc(88 * var(--rpx)); font-size: calc(68 * var(--rpx)); font-weight: 700; }
.pg-private .rg{ transition: all .25s; }
.pg-private .rg.on{ background: linear-gradient(120deg, #142140, #1F3A78); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(20,33,64,.25); }
.pg-private .fab{ background: var(--grad-brand); box-shadow: 0 calc(14 * var(--rpx)) calc(34 * var(--rpx)) rgba(31,102,238,.38), 0 0 0 calc(8 * var(--rpx)) rgba(56,207,230,.12); animation: fabFloat 3.2s ease-in-out infinite; }
@keyframes fabFloat{ 50% { transform: translateY(calc(-8 * var(--rpx))); box-shadow: 0 calc(22 * var(--rpx)) calc(40 * var(--rpx)) rgba(31,102,238,.3), 0 0 0 calc(14 * var(--rpx)) rgba(56,207,230,.06); } }
.pg-private .g .cat-tile{ background: linear-gradient(140deg, rgba(240,245,253,.9), rgba(226,234,248,.8)); transition: transform .3s cubic-bezier(.3,1.6,.5,1); }
.pg-private .g.on .cat-tile{ background: var(--grad-brand); box-shadow: 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)) rgba(31,102,238,.3); transform: scale(1.06); }
.pg-private .amount{ border-bottom: calc(3 * var(--rpx)) solid var(--blue); }
.pg-private .total-v{ background: linear-gradient(120deg, #0B47C7, #1F66EE 50%, #19C7AE); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-rent{
  background-color: #EEF3FB;
  background-image: none;
}
.pg-rent .tool-card{ position: relative; overflow: hidden; border-radius: calc(36 * var(--rpx)); margin-bottom: calc(32 * var(--rpx)); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.38); color: #FFF; box-shadow: 0 calc(16 * var(--rpx)) calc(36 * var(--rpx)) rgba(53,76,155,.18); }
.pg-rent .rent-tool{ background: linear-gradient(125deg, #6480E4 0%, var(--blue) 58%, #4055B7 100%); }
.pg-rent .utility-tool{ background: linear-gradient(125deg, #36B5A5 0%, var(--teal) 65%, #187E78 100%); box-shadow: 0 calc(16 * var(--rpx)) calc(36 * var(--rpx)) rgba(24,122,112,.17); }
.pg-rent .tool-entry{ position: relative; overflow: hidden; padding: calc(30 * var(--rpx)) calc(32 * var(--rpx)) calc(28 * var(--rpx)); }
.pg-rent .tool-entry::before{ content: ''; position: absolute; width: calc(340 * var(--rpx)); height: calc(430 * var(--rpx)); right: calc(-110 * var(--rpx)); top: calc(70 * var(--rpx)); border-radius: calc(110 * var(--rpx)); background: rgba(255,255,255,.10); transform: rotate(22deg); pointer-events: none; }
.pg-rent .tool-entry::after{ content: ''; position: absolute; width: calc(420 * var(--rpx)); height: calc(420 * var(--rpx)); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.16); border-radius: 50%; right: calc(-170 * var(--rpx)); top: calc(-180 * var(--rpx)); pointer-events: none; }
.pg-rent .tool-topline,.pg-rent .tool-main,.pg-rent .tool-launch{ position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }
.pg-rent .tool-number{ font-size: calc(21 * var(--rpx)); letter-spacing: calc(3 * var(--rpx)); font-weight: 600; color: rgba(255,255,255,.84); }
.pg-rent .tool-pill{ font-size: calc(20 * var(--rpx)); background: rgba(255,255,255,.12); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.3); border-radius: calc(30 * var(--rpx)); padding: calc(7 * var(--rpx)) calc(16 * var(--rpx)); }
.pg-rent .tool-main{ padding: calc(28 * var(--rpx)) 0 calc(30 * var(--rpx)); gap: calc(16 * var(--rpx)); }
.pg-rent .tool-heading{ flex: 1; min-width: 0; }
.pg-rent .tool-title{ font-size: calc(42 * var(--rpx)); color: #FFF; font-weight: 700; letter-spacing: calc(1 * var(--rpx)); }
.pg-rent .tool-subtitle{ margin-top: calc(10 * var(--rpx)); font-size: calc(25 * var(--rpx)); letter-spacing: calc(8 * var(--rpx)); color: rgba(255,255,255,.85); }
.pg-rent .calculator-art{ width: calc(126 * var(--rpx)); flex-shrink: 0; padding: calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.6); border-radius: calc(24 * var(--rpx)); background: linear-gradient(145deg, #FFF, #E6EDF9); box-shadow: 0 calc(10 * var(--rpx)) calc(22 * var(--rpx)) rgba(23,42,107,.19); transform: rotate(-8deg); }
.pg-rent .calc-screen{ border: calc(1 * var(--rpx)) solid #C8D6EB; border-radius: calc(9 * var(--rpx)); padding: calc(9 * var(--rpx)) calc(8 * var(--rpx)); font-size: calc(24 * var(--rpx)); text-align: right; background: #E3EBF6; color: #3C527A; }
.pg-rent .calc-keys{ display: grid; grid-template-columns: 1fr 1fr; gap: calc(9 * var(--rpx)); margin-top: calc(12 * var(--rpx)); }
.pg-rent .calc-keys text{ display: block; height: calc(40 * var(--rpx)); border-radius: calc(9 * var(--rpx)); text-align: center; line-height: calc(40 * var(--rpx)); background: var(--blue); color: #FFF; font-size: calc(26 * var(--rpx)); font-weight: 600; box-shadow: inset 0 calc(1 * var(--rpx)) 0 rgba(255,255,255,.25); }
.pg-rent .calc-keys text:nth-child(even){ background: var(--teal); }
.pg-rent .tool-launch{ padding: calc(17 * var(--rpx)) calc(23 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: rgba(255,255,255,.15); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.32); font-size: calc(27 * var(--rpx)); font-weight: 600; color: #FFF; }
.pg-rent .launch-arrow{ font-size: calc(34 * var(--rpx)); line-height: 1; }
.pg-rent .tool-hover .tool-launch{ background: rgba(255,255,255,.27); }
.pg-rent .tool-manual{ position: relative; padding: calc(18 * var(--rpx)) calc(32 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid rgba(255,255,255,.23); background: rgba(14,39,85,.10); color: #FFF; font-size: calc(24 * var(--rpx)); line-height: 1.85; }
.pg-rent .manual-title{ display: flex; align-items: center; justify-content: space-between; min-height: calc(48 * var(--rpx)); font-size: calc(26 * var(--rpx)); font-weight: 600; }
.pg-rent .manual-toggle{ font-size: calc(22 * var(--rpx)); font-weight: 400; color: rgba(255,255,255,.85); }
.pg-rent .manual-content > view{ margin-top: calc(14 * var(--rpx)); }
.pg-rent .manual-formula{ padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(14 * var(--rpx)); background: rgba(255,255,255,.14); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.2); font-weight: 600; }
.pg-rent .tool-card{ animation: riseIn .6s cubic-bezier(.2,.8,.2,1) backwards; transition: transform .3s cubic-bezier(.3,1.5,.5,1); }
.pg-rent .tool-card + .tool-card{ animation-delay: .1s; }
.pg-rent .rent-tool{ background: linear-gradient(125deg, #3D8BFF 0%, #1F66EE 50%, #0B47C7 100%); box-shadow: 0 calc(20 * var(--rpx)) calc(44 * var(--rpx)) rgba(31,102,238,.3); }
.pg-rent .utility-tool{ background: linear-gradient(125deg, #38CFE6 0%, #19C7AE 45%, #0E9C8A 100%); box-shadow: 0 calc(20 * var(--rpx)) calc(44 * var(--rpx)) rgba(14,156,138,.26); }
.pg-rent .tool-entry::before{ background: linear-gradient(160deg, rgba(255,255,255,.2), rgba(255,255,255,.02)); animation: toolDrift 9s ease-in-out infinite alternate; }
@keyframes toolDrift{ from { transform: rotate(22deg); } to { transform: rotate(30deg) translate(calc(-30 * var(--rpx)), calc(-20 * var(--rpx))); } }
.pg-rent .tool-entry::after{ border-color: rgba(240,199,112,.4); }
.pg-rent .calculator-art{ animation: calcFloat 4s ease-in-out infinite; }
@keyframes calcFloat{ 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(-4deg) translateY(calc(-10 * var(--rpx))); } }
.pg-rent .calc-keys text{ background: linear-gradient(140deg, #3D8BFF, #1F66EE); }
.pg-rent .calc-keys text:nth-child(even){ background: linear-gradient(140deg, #19C7AE, #0E9C8A); }
.pg-rent .calc-keys text:nth-child(4){ background: linear-gradient(140deg, #F0C770, #D9A040); }
.pg-rent .tool-pill{ background: rgba(240,199,112,.22); border-color: rgba(240,199,112,.55); color: #FFF4D6; }
.pg-rent .tool-launch{ transition: background .2s, transform .25s cubic-bezier(.3,1.6,.5,1); }
.pg-rent .tool-hover{ transform: scale(.98); }
.pg-rent .tool-hover .tool-launch{ transform: translateX(calc(6 * var(--rpx))); }
.pg-settings .wrap{ padding-top: calc(16 * var(--rpx)); }
.pg-settings .card{ margin-bottom: calc(20 * var(--rpx)); }
.pg-settings .group{ padding: calc(4 * var(--rpx)) calc(28 * var(--rpx)); }
.pg-settings .group .sec-title{ margin: calc(20 * var(--rpx)) 0 0; }
.pg-settings .group .field{ min-height: calc(84 * var(--rpx)); }
.pg-settings .field .arr{ width: calc(14 * var(--rpx)); height: calc(14 * var(--rpx)); border: solid #C5CCD6; border-width: calc(3 * var(--rpx)) calc(3 * var(--rpx)) 0 0; transform: rotate(45deg); margin-left: calc(16 * var(--rpx)); }
.pg-settings .leave{ text-align: center; color: var(--red); font-size: calc(28 * var(--rpx)); padding: calc(24 * var(--rpx)) 0 calc(8 * var(--rpx)); }
.pg-settings .leave.in{ color: #1F66EE; font-weight: 600; }
.pg-settings .foot{ text-align: center; color: var(--mute); font-size: calc(22 * var(--rpx)); }
.pg-settings .group .field .label{ width: auto; margin-right: calc(24 * var(--rpx)); }
.pg-settings .field.nob{ border-bottom: none; }
.pg-settings .desc{ font-size: calc(22 * var(--rpx)); color: var(--mute); line-height: 1.6; padding: 0 0 calc(18 * var(--rpx)); margin-top: calc(-10 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--line); }
.pg-settings .desc.last{ border-bottom: none; }
.pg-settings .val.go-vip{ color: var(--blue); font-weight: 600; }
.pg-settings .stepper{ display: flex; align-items: center; background: rgba(255,255,255,.82); border-radius: calc(14 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--line); }
.pg-settings .sb{ width: calc(80 * var(--rpx)); height: calc(80 * var(--rpx)); line-height: calc(80 * var(--rpx)); text-align: center; font-size: calc(40 * var(--rpx)); color: var(--blue); }
.pg-settings .sv{ min-width: calc(140 * var(--rpx)); text-align: center; font-size: calc(36 * var(--rpx)); font-weight: 700; }
.pg-settings .auto-st{ margin-left: auto; }
.pg-settings .auto-st .sb{ width: calc(64 * var(--rpx)); height: calc(60 * var(--rpx)); line-height: calc(60 * var(--rpx)); font-size: calc(36 * var(--rpx)); font-weight: 600; }
.pg-settings .auto-st .sb.off{ color: #C5CCD6; }
.pg-settings .auto-st .sv{ min-width: calc(150 * var(--rpx)); font-size: calc(26 * var(--rpx)); }
.pg-settings .sb-on{ background: var(--blue-soft); }
.pg-settings .export-canvas{ position: fixed; left: -2000px; top: 0; width: 750px; }
.pg-settings .profile{ min-height: calc(120 * var(--rpx)) !important; }
.pg-settings .pf-av{ flex-shrink: 0; width: calc(80 * var(--rpx)); height: calc(80 * var(--rpx)); border-radius: calc(20 * var(--rpx)); margin-right: calc(20 * var(--rpx)); background: var(--blue); }
.pg-settings .pf-av.ch{ color: #fff; font-size: calc(36 * var(--rpx)); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pg-settings .pf-main{ flex-shrink: 0; }
.pg-settings .pf-t{ font-size: calc(30 * var(--rpx)); font-weight: 600; }
.pg-settings .pf-d{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin-top: calc(4 * var(--rpx)); }
.pg-settings .profile .val{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-settings .val.go-set{ color: var(--blue); font-weight: 600; }
.pg-settings .desc.right{ text-align: right; }
.pg-settings wx-button.field{ display: flex; width: auto !important; margin: 0; padding: 0; background: transparent; border-radius: 0; font-size: calc(28 * var(--rpx)); line-height: normal; text-align: left; color: var(--ink); }
.pg-settings wx-button.field::after{ border: none; }
.pg-settings .row-on{ background: var(--sub) !important; }
@import "./background.wxss";

.lead{}
.pg-rent-split .lead-b{ flex-shrink: 0; font-size: calc(20 * var(--rpx)); font-weight: 700; color: var(--teal); background: #fff; border-radius: calc(8 * var(--rpx)); padding: calc(4 * var(--rpx)) calc(10 * var(--rpx)); margin-top: calc(6 * var(--rpx)); }
.pg-rent-split .lb{ font-size: calc(26 * var(--rpx)); color: var(--ink-2); margin: calc(8 * var(--rpx)) 0 calc(12 * var(--rpx)); }
.pg-rent-split .inp{ height: calc(88 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: var(--sub); font-size: calc(30 * var(--rpx)); }
.pg-rent-split .hint{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin-top: calc(10 * var(--rpx)); line-height: 1.6; }
.pg-rent-split .gap{ height: calc(24 * var(--rpx)); }
.pg-rent-split .grp{ border-radius: calc(24 * var(--rpx)); margin-bottom: calc(24 * var(--rpx)); overflow: hidden; background: #F3FBF9; border: calc(2 * var(--rpx)) solid #D6F0EA; }
.pg-rent-split .grp-h{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); background: var(--teal-soft); }
.pg-rent-split .grp-n{ font-size: calc(30 * var(--rpx)); font-weight: 700; color: #0C7F6E; flex-shrink: 0; }
.pg-rent-split .grp-in{ flex: 1; min-width: 0; height: calc(68 * var(--rpx)); padding: 0 calc(20 * var(--rpx)); background: #fff; border-radius: calc(14 * var(--rpx)); font-size: calc(26 * var(--rpx)); }
.pg-rent-split .grp-del{ flex-shrink: 0; font-size: calc(24 * var(--rpx)); color: var(--red); background: #fff; border-radius: calc(12 * var(--rpx)); padding: calc(12 * var(--rpx)) calc(16 * var(--rpx)); line-height: 1; }
.pg-rent-split .grp-b{ padding: calc(8 * var(--rpx)) calc(20 * var(--rpx)) calc(24 * var(--rpx)); }
.pg-rent-split .grp-b .inp{ background: #fff; }
.pg-rent-split .grp-b .lb{ font-weight: 600; color: #0C7F6E; margin-top: calc(20 * var(--rpx)); }
.pg-rent-split .grp.c1{ background: #F3F7FE; border-color: #DCE7FB; }
.pg-rent-split .grp.c1 .grp-h{ background: var(--blue-soft); }
.pg-rent-split .grp.c1 .grp-n,.pg-rent-split .grp.c1 .grp-b .lb{ color: #0A4DB8; }
.pg-rent-split .grp.c2{ background: #F7F4FE; border-color: #E6DEFA; }
.pg-rent-split .grp.c2 .grp-h{ background: #EEE8FD; }
.pg-rent-split .grp.c2 .grp-n,.pg-rent-split .grp.c2 .grp-b .lb{ color: #6B46C1; }
.pg-rent-split .grp.c3{ background: #FFF9F0; border-color: #F8E6C6; }
.pg-rent-split .grp.c3 .grp-h{ background: var(--amber-soft); }
.pg-rent-split .grp.c3 .grp-n,.pg-rent-split .grp.c3 .grp-b .lb{ color: #A86600; }
.pg-rent-split .ppl{ display: flex; flex-wrap: wrap; gap: calc(16 * var(--rpx)) calc(32 * var(--rpx)); }
.pg-rent-split .stp{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); font-size: calc(26 * var(--rpx)); color: var(--ink-2); }
.pg-rent-split .stp-b{ width: calc(60 * var(--rpx)); height: calc(60 * var(--rpx)); line-height: calc(56 * var(--rpx)); text-align: center; border-radius: 50%; background: #fff; border: calc(2 * var(--rpx)) solid #D9DEE6; font-size: calc(34 * var(--rpx)); color: var(--blue); }
.pg-rent-split .stp-b.off{ color: #C5CCD6; }
.pg-rent-split .stp-v{ min-width: calc(40 * var(--rpx)); text-align: center; font-size: calc(32 * var(--rpx)); font-weight: 700; color: var(--ink); }
.pg-rent-split .chips{ display: flex; flex-wrap: wrap; gap: calc(14 * var(--rpx)); }
.pg-rent-split .chip{ height: calc(64 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); display: flex; align-items: center; border-radius: calc(32 * var(--rpx)); background: #fff; border: calc(2 * var(--rpx)) solid #E1E6EE; font-size: calc(26 * var(--rpx)); color: var(--ink-2); }
.pg-rent-split .chip.on{ border-color: var(--teal); color: #0C7F6E; font-weight: 600; background: #fff; }
.pg-rent-split .chip.on::before{ content: '✓'; margin-right: calc(6 * var(--rpx)); }
.pg-rent-split .chip.dis{ opacity: .4; }
.pg-rent-split .grp.c1 .chip.on{ border-color: var(--blue); color: #0A4DB8; }
.pg-rent-split .grp.c2 .chip.on{ border-color: #8B67E0; color: #6B46C1; }
.pg-rent-split .grp.c3 .chip.on{ border-color: var(--amber); color: #A86600; }
.pg-rent-split .more-t{ display: flex; align-items: center; justify-content: space-between; margin-top: calc(24 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); background: rgba(255, 255, 255, .7); border-radius: calc(16 * var(--rpx)); font-size: calc(26 * var(--rpx)); font-weight: 600; color: var(--ink-2); }
.pg-rent-split .tri{ font-size: calc(20 * var(--rpx)); color: var(--mute); }
.pg-rent-split .add{ display: inline-flex; align-items: center; height: calc(72 * var(--rpx)); padding: 0 calc(32 * var(--rpx)); border-radius: calc(36 * var(--rpx)); border: calc(2 * var(--rpx)) dashed var(--teal); color: var(--teal); font-size: calc(26 * var(--rpx)); }
.pg-rent-split .res-tip{ padding: calc(32 * var(--rpx)) calc(28 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: linear-gradient(180deg, #1A70F0 0%, #0050CC 100%); color: #fff; font-size: calc(30 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-rent-split .res-sum{ font-size: calc(24 * var(--rpx)); color: var(--mute); margin: calc(-8 * var(--rpx)) 0 calc(16 * var(--rpx)); }
.pg-rent-split .res{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--line); }
.pg-rent-split .res:last-of-type{ border-bottom: none; }
.pg-rent-split .res-dot{ width: calc(16 * var(--rpx)); height: calc(56 * var(--rpx)); border-radius: calc(6 * var(--rpx)); flex-shrink: 0; background: var(--teal); transform: skewX(-12deg); }
.pg-rent-split .res-dot.c1{ background: var(--blue); }
.pg-rent-split .res-dot.c2{ background: #8B67E0; }
.pg-rent-split .res-dot.c3{ background: var(--amber); }
.pg-rent-split .res-m{ flex: 1; min-width: 0; }
.pg-rent-split .res-n{ font-size: calc(30 * var(--rpx)); font-weight: 600; }
.pg-rent-split .res-d{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin-top: calc(4 * var(--rpx)); }
.pg-rent-split .res-v{ text-align: right; }
.pg-rent-split .res-a{ font-size: calc(40 * var(--rpx)); font-weight: 700; color: var(--blue); }
.pg-rent-split .res-p{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-rent-split .how-t{ display: flex; align-items: center; justify-content: space-between; font-size: calc(28 * var(--rpx)); font-weight: 600; }
.pg-rent-split .how-b{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); line-height: 1.8; margin-top: calc(16 * var(--rpx)); }
.pg-rent-split .card{ border: calc(1 * var(--rpx)) solid rgba(157,177,213,.38); background: rgba(255,255,255,.95); box-shadow: 0 calc(10 * var(--rpx)) calc(28 * var(--rpx)) rgba(47,70,118,.08); }
.pg-rent-split .sec-title{ color: #203D62; font-weight: 700; }
.pg-rent-split .grp,.pg-rent-split .grp.c1,.pg-rent-split .grp.c2,.pg-rent-split .grp.c3{ border-radius: calc(22 * var(--rpx)); border-width: calc(2 * var(--rpx)); box-shadow: 0 calc(5 * var(--rpx)) calc(14 * var(--rpx)) rgba(35,59,86,.05); }
.pg-rent-split .grp.c0{ background: #EFF6FF; border-color: #8CB5E4; }
.pg-rent-split .grp.c1{ background: #EFFAF8; border-color: #80C8C0; }
.pg-rent-split .grp.c2{ background: #FFFAE9; border-color: #DEC36D; }
.pg-rent-split .grp.c3{ background: #FFF2F6; border-color: #DEA2B7; }
.pg-rent-split .grp.c0 .grp-h{ background: #C3DDF9; border-bottom: calc(2 * var(--rpx)) solid #8CB5E4; }
.pg-rent-split .grp.c1 .grp-h{ background: #BFE8E1; border-bottom: calc(2 * var(--rpx)) solid #80C8C0; }
.pg-rent-split .grp.c2 .grp-h{ background: #F5E3A4; border-bottom: calc(2 * var(--rpx)) solid #DEC36D; }
.pg-rent-split .grp.c3 .grp-h{ background: #F4CCDB; border-bottom: calc(2 * var(--rpx)) solid #DEA2B7; }
.pg-rent-split .grp.c0 .grp-n,.pg-rent-split .grp.c0 .lb{ color: #214F82; }
.pg-rent-split .grp.c1 .grp-n,.pg-rent-split .grp.c1 .lb{ color: #19655D; }
.pg-rent-split .grp.c2 .grp-n,.pg-rent-split .grp.c2 .lb{ color: #775610; }
.pg-rent-split .grp.c3 .grp-n,.pg-rent-split .grp.c3 .lb{ color: #8B3C58; }
.pg-rent-split .inp,.pg-rent-split .grp-b .inp,.pg-rent-split .grp-in{ background: #FFF; border: calc(1 * var(--rpx)) solid #B9C9DF; box-shadow: inset 0 calc(2 * var(--rpx)) calc(4 * var(--rpx)) rgba(35,59,86,.04); color: #20334E; }
.pg-rent-split .stp-b{ border-radius: calc(14 * var(--rpx)); background: var(--blue); border-color: transparent; color: #FFF; box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(82,100,201,.18); font-weight: 600; }
.pg-rent-split .stp-b.off{ background: #EDF0F4; color: #8D99AA; box-shadow: none; border-color: #CBD3DE; }
.pg-rent-split .res-tip{ background: #DBE8FA; border: calc(2 * var(--rpx)) solid #8CABD3; color: #26476F; }
.pg-rent-split .res{ flex-wrap: wrap; align-items: flex-start; gap: calc(14 * var(--rpx)); background: #F0F5FC; border: calc(2 * var(--rpx)) solid #B4C8E2; border-radius: calc(20 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(18 * var(--rpx)); margin: calc(18 * var(--rpx)) 0; }
.pg-rent-split .res-m{ min-width: 0; flex-basis: calc(100% - calc(32 * var(--rpx))); }
.pg-rent-split .res-v{ margin-left: auto; }
.pg-rent-split .res-sum{ color: #405675; font-size: calc(24 * var(--rpx)); line-height: 1.8; margin: 0 0 calc(20 * var(--rpx)); }
.pg-rent-split .res-d{ color: #40516A; word-break: break-all; }
.pg-rent-split .formula-line{ font-size: calc(24 * var(--rpx)); line-height: 1.8; padding: calc(8 * var(--rpx)) 0; }
.pg-rent-split .formula-total{ padding: calc(16 * var(--rpx)); margin-top: calc(12 * var(--rpx)); border-radius: calc(12 * var(--rpx)); background: #D2E3FB; color: #153F75; font-size: calc(27 * var(--rpx)); font-weight: 700; }
.pg-rent-split .res-dot.c0{ background: #3978B9; }
.pg-rent-split .res-dot.c1{ background: #238B7E; }
.pg-rent-split .res-dot.c2{ background: #B08A24; }
.pg-rent-split .res-dot.c3{ background: #BE6285; }
.pg-rent-split .conditions{ display: flex; flex-direction: column; gap: calc(12 * var(--rpx)); }
.pg-rent-split .condition{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(92 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(12 * var(--rpx)); border: calc(1 * var(--rpx)) solid #E2E6EF; border-radius: calc(18 * var(--rpx)); background: #FFFFFF; transition: background .2s, border-color .2s; }
.pg-rent-split .condition.selected{ background: #DCE9FC; border-color: #7399CE; }
.pg-rent-split .condition-pick{ display: flex; gap: calc(12 * var(--rpx)); align-items: center; flex: 1; min-width: 0; min-height: calc(80 * var(--rpx)); }
.pg-rent-split .condition-check{ flex-shrink: 0; width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); line-height: calc(32 * var(--rpx)); border: calc(1 * var(--rpx)) solid #C5CDDF; border-radius: 50%; text-align: center; color: #7B86A2; font-size: calc(24 * var(--rpx)); }
.pg-rent-split .selected .condition-check{ color: #fff; background: var(--blue); border-color: var(--blue); }
.pg-rent-split .condition-label{ display: flex; flex-direction: column; font-size: calc(24 * var(--rpx)); color: var(--ink); }
.pg-rent-split .condition-suggest{ color: #737C91; font-size: calc(20 * var(--rpx)); margin-top: calc(3 * var(--rpx)); }
.pg-rent-split .condition-idle{ color: #737C91; font-size: calc(22 * var(--rpx)); padding-right: calc(12 * var(--rpx)); }
.pg-rent-split .weight-control{ display: flex; align-items: center; gap: calc(3 * var(--rpx)); flex-shrink: 0; }
.pg-rent-split .weight-btn{ margin: 0; padding: 0; width: calc(60 * var(--rpx)); height: calc(64 * var(--rpx)); line-height: calc(62 * var(--rpx)); border-radius: calc(16 * var(--rpx)); font-size: calc(32 * var(--rpx)); font-weight: 400; color: var(--blue); background: rgba(255,255,255,.92); box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(68,77,120,.07); }
.pg-rent-split .weight-btn::after{ border: calc(1 * var(--rpx)) solid rgba(130,145,188,.2); border-radius: calc(16 * var(--rpx)); }
.pg-rent-split .weight-press{ opacity: .65; transform: scale(.94); }
.pg-rent-split .weight-value{ min-width: calc(78 * var(--rpx)); text-align: center; font-size: calc(26 * var(--rpx)); color: var(--blue); font-weight: 600; }
.pg-rent-split .result-conditions{ display: flex; flex-wrap: wrap; gap: calc(8 * var(--rpx)); margin: calc(12 * var(--rpx)) 0; }
.pg-rent-split .result-condition{ padding: calc(5 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(10 * var(--rpx)); font-size: calc(22 * var(--rpx)); color: #4D5DB4; background: #ECEFFC; }
.pg-rent-split .result-condition.minus{ color: #287F75; background: #E6F3EF; }
.pg-rent-split .weight-control .weight-btn{ width: calc(60 * var(--rpx)) !important; min-width: calc(60 * var(--rpx)) !important; max-width: calc(60 * var(--rpx)) !important; flex: 0 0 calc(60 * var(--rpx)); padding: 0 !important; margin: 0 !important; }
.pg-rent-split .weight-btn{ text-align: center; border: calc(1 * var(--rpx)) solid rgba(130,145,188,.2); box-sizing: border-box; }
.pg-rent-split .weight-btn{ background: var(--blue); color: #FFF; border-color: transparent; box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(82,100,201,.18); font-weight: 700; }
.pg-rent-split .hint,.pg-rent-split .condition-suggest,.pg-rent-split .condition-idle{ color: #53647B; }
.pg-rent-split .seg{ background: #DBE5F3; border: calc(2 * var(--rpx)) solid #9DB4D2; }
.pg-rent-split .seg .it.on,.pg-rent-split .btn{ background: linear-gradient(125deg, #6579DC, var(--blue)); color: #FFF; box-shadow: 0 calc(6 * var(--rpx)) calc(14 * var(--rpx)) rgba(82,100,201,.18); }
.pg-rent-split .add{ background: var(--teal-soft); border: calc(1 * var(--rpx)) solid #7DBCB2; color: #196F65; font-weight: 600; }
.pg-rent-split .stp-b:last-child,.pg-rent-split .weight-btn:last-child{ background: var(--teal); border-color: transparent; color: #FFF; box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(35,142,131,.16); }
.pg-rent-split .stp-b.off{ background: #E6EBF3; color: #8D99AA; border-color: #D0D9E5; box-shadow: none; }
.pg-rent-split .condition.selected{ background: #EDF0FF; border-color: #A2AEE0; }
.pg-rent-split .res{ border-width: calc(1 * var(--rpx)); border-color: #C6D5E8; background: linear-gradient(135deg, #F2F6FF, #F1F8F7); }
.pg-rent-split .formula-total{ background: linear-gradient(110deg, #E0E7FF, #DEEFEA); color: #344C85; }
.pg-rent-split .inp.total-input{ border: calc(3 * var(--rpx)) solid #5264C9; background: #EEF1FF; box-sizing: border-box; font-weight: 600; }
.pg-rent-split .formula-line{ font-size: calc(27 * var(--rpx)); line-height: 1.7; }
.pg-rent-split .card{ border: calc(1 * var(--rpx)) solid rgba(255,255,255,.95); background: linear-gradient(150deg, rgba(255,255,255,.92), rgba(255,255,255,.7)); box-shadow: 0 calc(18 * var(--rpx)) calc(48 * var(--rpx)) rgba(31,72,160,.08), inset 0 calc(2 * var(--rpx)) 0 #fff; }
.pg-rent-split .sec-title{ color: var(--ink); }
.pg-rent-split .btn{ background-image: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.38) 50%, transparent 62%), var(--grad-brand); background-size: 260% 100%, 100% 100%; background-repeat: no-repeat; box-shadow: 0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(31,102,238,.28), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.35); }
.pg-rent-split .btn.ghost,.pg-rent-split .btn.plain{ background: rgba(255,255,255,.72); background-image: none; color: var(--blue); box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(31,72,160,.07), inset 0 calc(2 * var(--rpx)) 0 #fff; }
.pg-rent-split .seg{ background: rgba(214,226,246,.55); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.9); }
.pg-rent-split .seg .it.on{ background: var(--grad-brand); color: #fff; box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.28); }
.pg-rent-split .stp-b,.pg-rent-split .weight-btn{ background: linear-gradient(140deg, #3D8BFF, #1F66EE); box-shadow: 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(31,102,238,.25); transition: transform .2s cubic-bezier(.3,1.6,.5,1); }
.pg-rent-split .stp-b:last-child,.pg-rent-split .weight-btn:last-child{ background: linear-gradient(140deg, #19C7AE, #0E9C8A); box-shadow: 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(14,156,138,.25); }
.pg-rent-split .stp-b:active,.pg-rent-split .weight-btn:active{ transform: scale(.88); }
.pg-rent-split .stp-b.off{ background: #E6EBF3; box-shadow: none; }
.pg-rent-split .condition{ transition: all .25s cubic-bezier(.3,1.4,.5,1); }
.pg-rent-split .condition.selected{ background: linear-gradient(120deg, #E7F0FF, #E1F7F2); border-color: rgba(31,102,238,.4); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.1); }
.pg-rent-split .selected .condition-check{ background: var(--grad-brand); border-color: transparent; animation: popIn .3s cubic-bezier(.3,1.6,.5,1); }
.pg-rent-split .chip{ transition: all .2s; }
.pg-rent-split .res-tip{ background: linear-gradient(120deg, #E3EEFF, #DDF6F1); border: calc(1 * var(--rpx)) solid rgba(31,102,238,.2); color: #173A7A; }
.pg-rent-split .res{ background: linear-gradient(135deg, rgba(231,240,255,.8), rgba(225,247,242,.7)); border-color: rgba(31,102,238,.15); animation: riseIn .45s cubic-bezier(.2,.8,.2,1) backwards; }
.pg-rent-split .res-a{ background: linear-gradient(120deg, #0B47C7, #1F66EE 50%, #19C7AE); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-rent-split .formula-total{ background: linear-gradient(110deg, #FBF3E1, #F6E4B8); color: #6E4E12; border-left: calc(6 * var(--rpx)) solid #D9A040; }
.pg-rent-split .inp.total-input{ border: calc(3 * var(--rpx)) solid var(--blue); background: #EEF4FF; box-shadow: 0 0 0 calc(6 * var(--rpx)) rgba(56,207,230,.15); }
.pg-rent-split .add{ background: var(--teal-soft); border: calc(1 * var(--rpx)) dashed rgba(14,156,138,.5); color: var(--teal); }
.pg-rent-split .result-condition{ color: var(--blue); background: var(--blue-soft); }
.pg-rent-split .result-condition.minus{ color: var(--teal); background: var(--teal-soft); }
@import "./background.wxss";

.lead{}
.pg-rent-utility .lead-b{ flex-shrink: 0; font-size: calc(20 * var(--rpx)); font-weight: 700; color: var(--teal); background: #fff; border-radius: calc(8 * var(--rpx)); padding: calc(4 * var(--rpx)) calc(10 * var(--rpx)); margin-top: calc(6 * var(--rpx)); }
.pg-rent-utility .lb{ font-size: calc(26 * var(--rpx)); color: var(--ink-2); margin: calc(8 * var(--rpx)) 0 calc(12 * var(--rpx)); }
.pg-rent-utility .inp{ height: calc(88 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: var(--sub); font-size: calc(30 * var(--rpx)); }
.pg-rent-utility .hint{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin-top: calc(10 * var(--rpx)); line-height: 1.6; }
.pg-rent-utility .gap{ height: calc(24 * var(--rpx)); }
.pg-rent-utility .grp{ border-radius: calc(24 * var(--rpx)); margin-bottom: calc(24 * var(--rpx)); overflow: hidden; background: #F3FBF9; border: calc(2 * var(--rpx)) solid #D6F0EA; }
.pg-rent-utility .grp-h{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); background: var(--teal-soft); }
.pg-rent-utility .grp-n{ font-size: calc(30 * var(--rpx)); font-weight: 700; color: #0C7F6E; flex-shrink: 0; }
.pg-rent-utility .grp-in{ flex: 1; min-width: 0; height: calc(68 * var(--rpx)); padding: 0 calc(20 * var(--rpx)); background: #fff; border-radius: calc(14 * var(--rpx)); font-size: calc(26 * var(--rpx)); }
.pg-rent-utility .grp-del{ flex-shrink: 0; font-size: calc(24 * var(--rpx)); color: var(--red); background: #fff; border-radius: calc(12 * var(--rpx)); padding: calc(12 * var(--rpx)) calc(16 * var(--rpx)); line-height: 1; }
.pg-rent-utility .grp-b{ padding: calc(8 * var(--rpx)) calc(20 * var(--rpx)) calc(24 * var(--rpx)); }
.pg-rent-utility .grp-b .inp{ background: #fff; }
.pg-rent-utility .grp-b .lb{ font-weight: 600; color: #0C7F6E; margin-top: calc(20 * var(--rpx)); }
.pg-rent-utility .grp.c1{ background: #F3F7FE; border-color: #DCE7FB; }
.pg-rent-utility .grp.c1 .grp-h{ background: var(--blue-soft); }
.pg-rent-utility .grp.c1 .grp-n,.pg-rent-utility .grp.c1 .grp-b .lb{ color: #0A4DB8; }
.pg-rent-utility .grp.c2{ background: #F7F4FE; border-color: #E6DEFA; }
.pg-rent-utility .grp.c2 .grp-h{ background: #EEE8FD; }
.pg-rent-utility .grp.c2 .grp-n,.pg-rent-utility .grp.c2 .grp-b .lb{ color: #6B46C1; }
.pg-rent-utility .grp.c3{ background: #FFF9F0; border-color: #F8E6C6; }
.pg-rent-utility .grp.c3 .grp-h{ background: var(--amber-soft); }
.pg-rent-utility .grp.c3 .grp-n,.pg-rent-utility .grp.c3 .grp-b .lb{ color: #A86600; }
.pg-rent-utility .ppl{ display: flex; flex-wrap: wrap; gap: calc(16 * var(--rpx)) calc(32 * var(--rpx)); }
.pg-rent-utility .stp{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); font-size: calc(26 * var(--rpx)); color: var(--ink-2); }
.pg-rent-utility .stp-b{ width: calc(60 * var(--rpx)); height: calc(60 * var(--rpx)); line-height: calc(56 * var(--rpx)); text-align: center; border-radius: 50%; background: #fff; border: calc(2 * var(--rpx)) solid #D9DEE6; font-size: calc(34 * var(--rpx)); color: var(--blue); }
.pg-rent-utility .stp-b.off{ color: #C5CCD6; }
.pg-rent-utility .stp-v{ min-width: calc(40 * var(--rpx)); text-align: center; font-size: calc(32 * var(--rpx)); font-weight: 700; color: var(--ink); }
.pg-rent-utility .chips{ display: flex; flex-wrap: wrap; gap: calc(14 * var(--rpx)); }
.pg-rent-utility .chip{ height: calc(64 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); display: flex; align-items: center; border-radius: calc(32 * var(--rpx)); background: #fff; border: calc(2 * var(--rpx)) solid #E1E6EE; font-size: calc(26 * var(--rpx)); color: var(--ink-2); }
.pg-rent-utility .chip.on{ border-color: var(--teal); color: #0C7F6E; font-weight: 600; background: #fff; }
.pg-rent-utility .chip.on::before{ content: '✓'; margin-right: calc(6 * var(--rpx)); }
.pg-rent-utility .chip.dis{ opacity: .4; }
.pg-rent-utility .grp.c1 .chip.on{ border-color: var(--blue); color: #0A4DB8; }
.pg-rent-utility .grp.c2 .chip.on{ border-color: #8B67E0; color: #6B46C1; }
.pg-rent-utility .grp.c3 .chip.on{ border-color: var(--amber); color: #A86600; }
.pg-rent-utility .more-t{ display: flex; align-items: center; justify-content: space-between; margin-top: calc(24 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); background: rgba(255, 255, 255, .7); border-radius: calc(16 * var(--rpx)); font-size: calc(26 * var(--rpx)); font-weight: 600; color: var(--ink-2); }
.pg-rent-utility .tri{ font-size: calc(20 * var(--rpx)); color: var(--mute); }
.pg-rent-utility .add{ display: inline-flex; align-items: center; height: calc(72 * var(--rpx)); padding: 0 calc(32 * var(--rpx)); border-radius: calc(36 * var(--rpx)); border: calc(2 * var(--rpx)) dashed var(--teal); color: var(--teal); font-size: calc(26 * var(--rpx)); }
.pg-rent-utility .res-tip{ padding: calc(32 * var(--rpx)) calc(28 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: linear-gradient(180deg, #1A70F0 0%, #0050CC 100%); color: #fff; font-size: calc(30 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-rent-utility .res-sum{ font-size: calc(24 * var(--rpx)); color: var(--mute); margin: calc(-8 * var(--rpx)) 0 calc(16 * var(--rpx)); }
.pg-rent-utility .res{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--line); }
.pg-rent-utility .res:last-of-type{ border-bottom: none; }
.pg-rent-utility .res-dot{ width: calc(16 * var(--rpx)); height: calc(56 * var(--rpx)); border-radius: calc(6 * var(--rpx)); flex-shrink: 0; background: var(--teal); transform: skewX(-12deg); }
.pg-rent-utility .res-dot.c1{ background: var(--blue); }
.pg-rent-utility .res-dot.c2{ background: #8B67E0; }
.pg-rent-utility .res-dot.c3{ background: var(--amber); }
.pg-rent-utility .res-m{ flex: 1; min-width: 0; }
.pg-rent-utility .res-n{ font-size: calc(30 * var(--rpx)); font-weight: 600; }
.pg-rent-utility .res-d{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin-top: calc(4 * var(--rpx)); }
.pg-rent-utility .res-v{ text-align: right; }
.pg-rent-utility .res-a{ font-size: calc(40 * var(--rpx)); font-weight: 700; color: var(--blue); }
.pg-rent-utility .res-p{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-rent-utility .how-t{ display: flex; align-items: center; justify-content: space-between; font-size: calc(28 * var(--rpx)); font-weight: 600; }
.pg-rent-utility .how-b{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); line-height: 1.8; margin-top: calc(16 * var(--rpx)); }
.pg-rent-utility .card{ border: calc(1 * var(--rpx)) solid rgba(157,177,213,.38); background: rgba(255,255,255,.95); box-shadow: 0 calc(10 * var(--rpx)) calc(28 * var(--rpx)) rgba(47,70,118,.08); }
.pg-rent-utility .sec-title{ color: #203D62; font-weight: 700; }
.pg-rent-utility .grp,.pg-rent-utility .grp.c1,.pg-rent-utility .grp.c2,.pg-rent-utility .grp.c3{ border-radius: calc(22 * var(--rpx)); border-width: calc(2 * var(--rpx)); box-shadow: 0 calc(5 * var(--rpx)) calc(14 * var(--rpx)) rgba(35,59,86,.05); }
.pg-rent-utility .grp.c0{ background: #EFF6FF; border-color: #8CB5E4; }
.pg-rent-utility .grp.c1{ background: #EFFAF8; border-color: #80C8C0; }
.pg-rent-utility .grp.c2{ background: #FFFAE9; border-color: #DEC36D; }
.pg-rent-utility .grp.c3{ background: #FFF2F6; border-color: #DEA2B7; }
.pg-rent-utility .grp.c0 .grp-h{ background: #C3DDF9; border-bottom: calc(2 * var(--rpx)) solid #8CB5E4; }
.pg-rent-utility .grp.c1 .grp-h{ background: #BFE8E1; border-bottom: calc(2 * var(--rpx)) solid #80C8C0; }
.pg-rent-utility .grp.c2 .grp-h{ background: #F5E3A4; border-bottom: calc(2 * var(--rpx)) solid #DEC36D; }
.pg-rent-utility .grp.c3 .grp-h{ background: #F4CCDB; border-bottom: calc(2 * var(--rpx)) solid #DEA2B7; }
.pg-rent-utility .grp.c0 .grp-n,.pg-rent-utility .grp.c0 .lb{ color: #214F82; }
.pg-rent-utility .grp.c1 .grp-n,.pg-rent-utility .grp.c1 .lb{ color: #19655D; }
.pg-rent-utility .grp.c2 .grp-n,.pg-rent-utility .grp.c2 .lb{ color: #775610; }
.pg-rent-utility .grp.c3 .grp-n,.pg-rent-utility .grp.c3 .lb{ color: #8B3C58; }
.pg-rent-utility .inp,.pg-rent-utility .grp-b .inp,.pg-rent-utility .grp-in{ background: #FFF; border: calc(1 * var(--rpx)) solid #B9C9DF; box-shadow: inset 0 calc(2 * var(--rpx)) calc(4 * var(--rpx)) rgba(35,59,86,.04); color: #20334E; }
.pg-rent-utility .stp-b{ border-radius: calc(14 * var(--rpx)); background: var(--blue); border-color: transparent; color: #FFF; box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(82,100,201,.18); font-weight: 600; }
.pg-rent-utility .stp-b.off{ background: #EDF0F4; color: #8D99AA; box-shadow: none; border-color: #CBD3DE; }
.pg-rent-utility .res-tip{ background: #DBE8FA; border: calc(2 * var(--rpx)) solid #8CABD3; color: #26476F; }
.pg-rent-utility .res{ flex-wrap: wrap; align-items: flex-start; gap: calc(14 * var(--rpx)); background: #F0F5FC; border: calc(2 * var(--rpx)) solid #B4C8E2; border-radius: calc(20 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(18 * var(--rpx)); margin: calc(18 * var(--rpx)) 0; }
.pg-rent-utility .res-m{ min-width: 0; flex-basis: calc(100% - calc(32 * var(--rpx))); }
.pg-rent-utility .res-v{ margin-left: auto; }
.pg-rent-utility .res-sum{ color: #405675; font-size: calc(24 * var(--rpx)); line-height: 1.8; margin: 0 0 calc(20 * var(--rpx)); }
.pg-rent-utility .res-d{ color: #40516A; word-break: break-all; }
.pg-rent-utility .formula-line{ font-size: calc(24 * var(--rpx)); line-height: 1.8; padding: calc(8 * var(--rpx)) 0; }
.pg-rent-utility .formula-total{ padding: calc(16 * var(--rpx)); margin-top: calc(12 * var(--rpx)); border-radius: calc(12 * var(--rpx)); background: #D2E3FB; color: #153F75; font-size: calc(27 * var(--rpx)); font-weight: 700; }
.pg-rent-utility .res-dot.c0{ background: #3978B9; }
.pg-rent-utility .res-dot.c1{ background: #238B7E; }
.pg-rent-utility .res-dot.c2{ background: #B08A24; }
.pg-rent-utility .res-dot.c3{ background: #BE6285; }
.pg-rent-utility .conditions{ display: flex; flex-direction: column; gap: calc(12 * var(--rpx)); }
.pg-rent-utility .condition{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(92 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(12 * var(--rpx)); border: calc(1 * var(--rpx)) solid #E2E6EF; border-radius: calc(18 * var(--rpx)); background: #FFFFFF; transition: background .2s, border-color .2s; }
.pg-rent-utility .condition.selected{ background: #DCE9FC; border-color: #7399CE; }
.pg-rent-utility .condition-pick{ display: flex; gap: calc(12 * var(--rpx)); align-items: center; flex: 1; min-width: 0; min-height: calc(80 * var(--rpx)); }
.pg-rent-utility .condition-check{ flex-shrink: 0; width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); line-height: calc(32 * var(--rpx)); border: calc(1 * var(--rpx)) solid #C5CDDF; border-radius: 50%; text-align: center; color: #7B86A2; font-size: calc(24 * var(--rpx)); }
.pg-rent-utility .selected .condition-check{ color: #fff; background: var(--blue); border-color: var(--blue); }
.pg-rent-utility .condition-label{ display: flex; flex-direction: column; font-size: calc(24 * var(--rpx)); color: var(--ink); }
.pg-rent-utility .condition-suggest{ color: #737C91; font-size: calc(20 * var(--rpx)); margin-top: calc(3 * var(--rpx)); }
.pg-rent-utility .condition-idle{ color: #737C91; font-size: calc(22 * var(--rpx)); padding-right: calc(12 * var(--rpx)); }
.pg-rent-utility .weight-control{ display: flex; align-items: center; gap: calc(3 * var(--rpx)); flex-shrink: 0; }
.pg-rent-utility .weight-btn{ margin: 0; padding: 0; width: calc(60 * var(--rpx)); height: calc(64 * var(--rpx)); line-height: calc(62 * var(--rpx)); border-radius: calc(16 * var(--rpx)); font-size: calc(32 * var(--rpx)); font-weight: 400; color: var(--blue); background: rgba(255,255,255,.92); box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(68,77,120,.07); }
.pg-rent-utility .weight-btn::after{ border: calc(1 * var(--rpx)) solid rgba(130,145,188,.2); border-radius: calc(16 * var(--rpx)); }
.pg-rent-utility .weight-press{ opacity: .65; transform: scale(.94); }
.pg-rent-utility .weight-value{ min-width: calc(78 * var(--rpx)); text-align: center; font-size: calc(26 * var(--rpx)); color: var(--blue); font-weight: 600; }
.pg-rent-utility .result-conditions{ display: flex; flex-wrap: wrap; gap: calc(8 * var(--rpx)); margin: calc(12 * var(--rpx)) 0; }
.pg-rent-utility .result-condition{ padding: calc(5 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(10 * var(--rpx)); font-size: calc(22 * var(--rpx)); color: #4D5DB4; background: #ECEFFC; }
.pg-rent-utility .result-condition.minus{ color: #287F75; background: #E6F3EF; }
.pg-rent-utility .weight-control .weight-btn{ width: calc(60 * var(--rpx)) !important; min-width: calc(60 * var(--rpx)) !important; max-width: calc(60 * var(--rpx)) !important; flex: 0 0 calc(60 * var(--rpx)); padding: 0 !important; margin: 0 !important; }
.pg-rent-utility .weight-btn{ text-align: center; border: calc(1 * var(--rpx)) solid rgba(130,145,188,.2); box-sizing: border-box; }
.pg-rent-utility .weight-btn{ background: var(--blue); color: #FFF; border-color: transparent; box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(82,100,201,.18); font-weight: 700; }
.pg-rent-utility .hint,.pg-rent-utility .condition-suggest,.pg-rent-utility .condition-idle{ color: #53647B; }
.pg-rent-utility .seg{ background: #DBE5F3; border: calc(2 * var(--rpx)) solid #9DB4D2; }
.pg-rent-utility .seg .it.on,.pg-rent-utility .btn{ background: linear-gradient(125deg, #6579DC, var(--blue)); color: #FFF; box-shadow: 0 calc(6 * var(--rpx)) calc(14 * var(--rpx)) rgba(82,100,201,.18); }
.pg-rent-utility .add{ background: var(--teal-soft); border: calc(1 * var(--rpx)) solid #7DBCB2; color: #196F65; font-weight: 600; }
.pg-rent-utility .stp-b:last-child,.pg-rent-utility .weight-btn:last-child{ background: var(--teal); border-color: transparent; color: #FFF; box-shadow: 0 calc(3 * var(--rpx)) calc(8 * var(--rpx)) rgba(35,142,131,.16); }
.pg-rent-utility .stp-b.off{ background: #E6EBF3; color: #8D99AA; border-color: #D0D9E5; box-shadow: none; }
.pg-rent-utility .condition.selected{ background: #EDF0FF; border-color: #A2AEE0; }
.pg-rent-utility .res{ border-width: calc(1 * var(--rpx)); border-color: #C6D5E8; background: linear-gradient(135deg, #F2F6FF, #F1F8F7); }
.pg-rent-utility .formula-total{ background: linear-gradient(110deg, #E0E7FF, #DEEFEA); color: #344C85; }
.pg-rent-utility .inp.total-input{ border: calc(3 * var(--rpx)) solid #5264C9; background: #EEF1FF; box-sizing: border-box; font-weight: 600; }
.pg-rent-utility .formula-line{ font-size: calc(27 * var(--rpx)); line-height: 1.7; }
.pg-rent-utility .card{ border: calc(1 * var(--rpx)) solid rgba(255,255,255,.95); background: linear-gradient(150deg, rgba(255,255,255,.92), rgba(255,255,255,.7)); box-shadow: 0 calc(18 * var(--rpx)) calc(48 * var(--rpx)) rgba(31,72,160,.08), inset 0 calc(2 * var(--rpx)) 0 #fff; }
.pg-rent-utility .sec-title{ color: var(--ink); }
.pg-rent-utility .btn{ background-image: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.38) 50%, transparent 62%), var(--grad-brand); background-size: 260% 100%, 100% 100%; background-repeat: no-repeat; box-shadow: 0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(31,102,238,.28), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.35); }
.pg-rent-utility .btn.ghost,.pg-rent-utility .btn.plain{ background: rgba(255,255,255,.72); background-image: none; color: var(--blue); box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(31,72,160,.07), inset 0 calc(2 * var(--rpx)) 0 #fff; }
.pg-rent-utility .seg{ background: rgba(214,226,246,.55); border: calc(1 * var(--rpx)) solid rgba(255,255,255,.9); }
.pg-rent-utility .seg .it.on{ background: var(--grad-brand); color: #fff; box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.28); }
.pg-rent-utility .stp-b,.pg-rent-utility .weight-btn{ background: linear-gradient(140deg, #3D8BFF, #1F66EE); box-shadow: 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(31,102,238,.25); transition: transform .2s cubic-bezier(.3,1.6,.5,1); }
.pg-rent-utility .stp-b:last-child,.pg-rent-utility .weight-btn:last-child{ background: linear-gradient(140deg, #19C7AE, #0E9C8A); box-shadow: 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(14,156,138,.25); }
.pg-rent-utility .stp-b:active,.pg-rent-utility .weight-btn:active{ transform: scale(.88); }
.pg-rent-utility .stp-b.off{ background: #E6EBF3; box-shadow: none; }
.pg-rent-utility .condition{ transition: all .25s cubic-bezier(.3,1.4,.5,1); }
.pg-rent-utility .condition.selected{ background: linear-gradient(120deg, #E7F0FF, #E1F7F2); border-color: rgba(31,102,238,.4); box-shadow: 0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(31,102,238,.1); }
.pg-rent-utility .selected .condition-check{ background: var(--grad-brand); border-color: transparent; animation: popIn .3s cubic-bezier(.3,1.6,.5,1); }
.pg-rent-utility .chip{ transition: all .2s; }
.pg-rent-utility .res-tip{ background: linear-gradient(120deg, #E3EEFF, #DDF6F1); border: calc(1 * var(--rpx)) solid rgba(31,102,238,.2); color: #173A7A; }
.pg-rent-utility .res{ background: linear-gradient(135deg, rgba(231,240,255,.8), rgba(225,247,242,.7)); border-color: rgba(31,102,238,.15); animation: riseIn .45s cubic-bezier(.2,.8,.2,1) backwards; }
.pg-rent-utility .res-a{ background: linear-gradient(120deg, #0B47C7, #1F66EE 50%, #19C7AE); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.pg-rent-utility .formula-total{ background: linear-gradient(110deg, #FBF3E1, #F6E4B8); color: #6E4E12; border-left: calc(6 * var(--rpx)) solid #D9A040; }
.pg-rent-utility .inp.total-input{ border: calc(3 * var(--rpx)) solid var(--blue); background: #EEF4FF; box-shadow: 0 0 0 calc(6 * var(--rpx)) rgba(56,207,230,.15); }
.pg-rent-utility .add{ background: var(--teal-soft); border: calc(1 * var(--rpx)) dashed rgba(14,156,138,.5); color: var(--teal); }
.pg-rent-utility .result-condition{ color: var(--blue); background: var(--blue-soft); }
.pg-rent-utility .result-condition.minus{ color: var(--teal); background: var(--teal-soft); }
.pg-detail .top{ background: rgba(255,255,255,.82); border-radius: calc(32 * var(--rpx)); padding: calc(32 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-detail .cat-line{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); }
.pg-detail .cat-n{ font-size: calc(30 * var(--rpx)); font-weight: 600; flex: 1; }
.pg-detail .big{ font-size: calc(96 * var(--rpx)); font-weight: 700; line-height: 1.1; margin-top: calc(28 * var(--rpx)); }
.pg-detail .note{ font-size: calc(28 * var(--rpx)); color: var(--ink-2); margin-top: calc(8 * var(--rpx)); word-break: break-all; white-space: pre-wrap; }
.pg-detail .top.s-confirmed .big,.pg-detail .top.s-settled .big{ color: var(--mute); }
.pg-detail .top.s-rejected .big{ color: var(--red); }
.pg-detail .rej{ margin-top: calc(28 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: var(--red-soft); color: var(--red); font-size: calc(26 * var(--rpx)); }
.pg-detail .steps{ display: flex; gap: calc(10 * var(--rpx)); margin-top: calc(36 * var(--rpx)); }
.pg-detail .st{ flex: 1; }
.pg-detail .st-bar{ height: calc(12 * var(--rpx)); border-radius: calc(4 * var(--rpx)); background: #EBEFF5; transform: skewX(-24deg); }
.pg-detail .st.done .st-bar{ background: var(--teal); }
.pg-detail .st.cur .st-bar{ background: var(--blue); }
.pg-detail .st-t{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin-top: calc(12 * var(--rpx)); }
.pg-detail .st.cur .st-t{ color: var(--ink); font-weight: 600; }
.pg-detail .info{ padding-top: calc(4 * var(--rpx)); padding-bottom: calc(4 * var(--rpx)); }
.pg-detail .rcpt{ width: calc(96 * var(--rpx)); height: calc(96 * var(--rpx)); border-radius: calc(12 * var(--rpx)); }
.pg-detail .mod{ border: calc(2 * var(--rpx)) solid var(--red); }
.pg-detail .mod-l{ font-size: calc(28 * var(--rpx)); margin-top: calc(8 * var(--rpx)); }
.pg-detail .mod-l.mute{ color: var(--mute); font-size: calc(24 * var(--rpx)); }
.pg-detail .old{ color: var(--mute); text-decoration: line-through; }
.pg-detail .new{ color: var(--red); font-weight: 700; }
.pg-detail .ops{ margin-bottom: calc(24 * var(--rpx)); }
.pg-detail .say{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding-top: calc(20 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--line); }
.pg-detail .say-in{ flex: 1; height: calc(72 * var(--rpx)); padding: 0 calc(20 * var(--rpx)); border-radius: calc(14 * var(--rpx)); background: rgba(233,237,247,.7); font-size: calc(26 * var(--rpx)); }
.pg-detail .waiting,.pg-detail .sealed{ text-align: center; font-size: calc(26 * var(--rpx)); color: var(--ink-2); background: rgba(255,255,255,.82); border-radius: calc(20 * var(--rpx)); padding: calc(28 * var(--rpx)); }
.pg-detail .tl{ padding-left: calc(8 * var(--rpx)); }
.pg-detail .tl-i{ display: flex; gap: calc(24 * var(--rpx)); position: relative; padding-bottom: calc(28 * var(--rpx)); }
.pg-detail .tl-i::before{ content: ''; position: absolute; left: calc(7 * var(--rpx)); top: calc(24 * var(--rpx)); bottom: 0; width: calc(2 * var(--rpx)); background: var(--line); }
.pg-detail .tl-i:last-child::before{ display: none; }
.pg-detail .tl-dot{ width: calc(16 * var(--rpx)); height: calc(16 * var(--rpx)); border-radius: 50%; margin-top: calc(12 * var(--rpx)); flex-shrink: 0; }
.pg-detail .tl-dot.b{ background: var(--blue); }
.pg-detail .tl-dot.t{ background: var(--teal); }
.pg-detail .tl-t{ font-size: calc(28 * var(--rpx)); }
.pg-detail .tl-w{ font-weight: 600; margin-right: calc(8 * var(--rpx)); }
.pg-detail .tl-time{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-detail .stepper{ display: flex; align-items: center; border-radius: calc(14 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--line); }
.pg-detail .sb{ width: calc(64 * var(--rpx)); height: calc(60 * var(--rpx)); line-height: calc(60 * var(--rpx)); text-align: center; font-size: calc(34 * var(--rpx)); color: var(--blue); }
.pg-detail .sv{ min-width: calc(110 * var(--rpx)); text-align: center; font-size: calc(28 * var(--rpx)); font-weight: 700; }
.pg-detail .ta{ width: 100%; height: calc(180 * var(--rpx)); box-sizing: border-box; padding: calc(24 * var(--rpx)); background: rgba(233,237,247,.7); border-radius: calc(16 * var(--rpx)); font-size: calc(28 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-detail .field .label{ width: calc(240 * var(--rpx)); }
.pg-detail .auto-cf{ margin-top: calc(16 * var(--rpx)); font-size: calc(24 * var(--rpx)); color: var(--teal); background: var(--teal-soft); border-radius: calc(14 * var(--rpx)); padding: calc(14 * var(--rpx)) calc(20 * var(--rpx)); }
.pg-detail .save{ margin-left: auto; margin-right: calc(20 * var(--rpx)); font-size: calc(24 * var(--rpx)); font-weight: 600; color: var(--blue); background: var(--blue-soft); padding: calc(10 * var(--rpx)) calc(18 * var(--rpx)); border-radius: calc(24 * var(--rpx)); }
.pg-detail .voided{ margin-top: calc(28 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: rgba(233,237,247,.7); color: var(--ink-2); font-size: calc(26 * var(--rpx)); }
.pg-detail .top.s-void .big{ color: var(--mute); text-decoration: line-through; }
.pg-detail .tl-dot.g{ background: var(--mute); }
.pg-detail .tl-h{ display: flex; align-items: baseline; gap: calc(12 * var(--rpx)); }
.pg-detail .tl-h .tl-time{ font-size: calc(22 * var(--rpx)); }
.pg-detail .tl-say{ display: inline-block; margin-top: calc(8 * var(--rpx)); padding: calc(14 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(4 * var(--rpx)) calc(18 * var(--rpx)) calc(18 * var(--rpx)) calc(18 * var(--rpx)); background: var(--teal-soft); font-size: calc(26 * var(--rpx)); line-height: 1.5; word-break: break-all; white-space: pre-wrap; }
.pg-detail .tl-say.me{ background: var(--blue-soft); }
.pg-detail .tl-c{ min-width: 0; flex: 1; }
.pg-detail .void-flag{ display: inline-block; margin-top: calc(16 * var(--rpx)); padding: calc(8 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(10 * var(--rpx)); background: var(--red-soft); color: var(--red); font-size: calc(26 * var(--rpx)); font-weight: 700; }
.pg-detail .val.struck{ color: var(--mute); }
.pg-detail .top{ background: linear-gradient(150deg, rgba(255,255,255,.9), rgba(255,255,255,.65)); border: calc(1 * var(--rpx)) solid #fff; box-shadow: 0 calc(18 * var(--rpx)) calc(48 * var(--rpx)) rgba(31,72,160,.08), inset 0 calc(2 * var(--rpx)) 0 #fff; animation: riseIn .55s cubic-bezier(.2,.8,.2,1) backwards; }
.pg-settle .top{ background: rgba(255,255,255,.82); border-radius: calc(32 * var(--rpx)); padding: calc(40 * var(--rpx)) calc(32 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); text-align: center; position: relative; }
.pg-settle .kind{ font-size: calc(24 * var(--rpx)); color: var(--mute); }
.pg-settle .flow{ display: flex; align-items: center; justify-content: center; gap: calc(24 * var(--rpx)); margin-top: calc(32 * var(--rpx)); }
.pg-settle .p{ font-size: calc(32 * var(--rpx)); font-weight: 600; }
.pg-settle .arrow{ display: flex; gap: calc(6 * var(--rpx)); }
.pg-settle .ar-b,.pg-settle .ar-t{ width: calc(44 * var(--rpx)); height: calc(12 * var(--rpx)); border-radius: calc(4 * var(--rpx)); transform: skewX(-24deg); }
.pg-settle .ar-b{ background: var(--blue); }
.pg-settle .ar-t{ background: var(--teal); }
.pg-settle .big{ font-size: calc(100 * var(--rpx)); font-weight: 700; line-height: 1.15; margin-top: calc(12 * var(--rpx)); }
.pg-settle .big.even{ color: var(--teal); margin-top: calc(32 * var(--rpx)); }
.pg-settle .once{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); }
.pg-settle .stt{ position: absolute; top: calc(32 * var(--rpx)); right: calc(32 * var(--rpx)); }
.pg-settle .ops{ margin-bottom: calc(24 * var(--rpx)); }
.pg-settle .waiting{ text-align: center; font-size: calc(26 * var(--rpx)); color: var(--ink-2); background: rgba(255,255,255,.82); border-radius: calc(20 * var(--rpx)); padding: calc(28 * var(--rpx)); }
.pg-settle .tbl{ border-radius: calc(16 * var(--rpx)); overflow: hidden; border: calc(1 * var(--rpx)) solid var(--line); }
.pg-settle .tr{ display: flex; align-items: center; height: calc(84 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--line); font-size: calc(28 * var(--rpx)); }
.pg-settle .tr:last-child{ border-bottom: none; }
.pg-settle .th{ background: rgba(235,239,249,.7); font-size: calc(24 * var(--rpx)); color: var(--mute); height: calc(68 * var(--rpx)); }
.pg-settle .c0{ width: calc(120 * var(--rpx)); padding-left: calc(24 * var(--rpx)); font-weight: 600; }
.pg-settle .c{ flex: 1; text-align: right; padding-right: calc(24 * var(--rpx)); }
.pg-settle .pos{ color: var(--teal); font-weight: 700; }
.pg-settle .neg{ color: var(--red); font-weight: 700; }
.pg-settle .explain{ font-size: calc(22 * var(--rpx)); color: var(--mute); margin-top: calc(16 * var(--rpx)); }
.pg-settle .log{ font-size: calc(26 * var(--rpx)); padding: calc(14 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--line); display: flex; gap: calc(10 * var(--rpx)); }
.pg-settle .log:last-child{ border-bottom: none; }
.pg-settle .lw{ font-weight: 600; }
.pg-settle .lt{ margin-left: auto; color: var(--mute); font-size: calc(22 * var(--rpx)); }
.pg-settle .ta{ width: 100%; height: calc(180 * var(--rpx)); box-sizing: border-box; padding: calc(24 * var(--rpx)); background: rgba(233,237,247,.7); border-radius: calc(16 * var(--rpx)); font-size: calc(28 * var(--rpx)); margin-bottom: calc(28 * var(--rpx)); }
.pg-settle .top{ background: linear-gradient(150deg, rgba(255,255,255,.9), rgba(255,255,255,.65)); border: calc(1 * var(--rpx)) solid #fff; box-shadow: 0 calc(18 * var(--rpx)) calc(48 * var(--rpx)) rgba(31,72,160,.08), inset 0 calc(2 * var(--rpx)) 0 #fff; animation: riseIn .55s cubic-bezier(.2,.8,.2,1) backwards; }
.pg-settle .once.who{ margin-top: calc(6 * var(--rpx)); font-size: calc(30 * var(--rpx)); font-weight: 700; color: var(--ink); }
.pg-settle .nr{ margin-bottom: calc(20 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(24 * var(--rpx)); border-radius: calc(18 * var(--rpx)); border-left: calc(6 * var(--rpx)) solid var(--red); background: linear-gradient(100deg, #FDE9EA, rgba(253,233,234,.45)); }
.pg-settle .nr-t{ font-size: calc(28 * var(--rpx)); font-weight: 700; color: #B4282D; }
.pg-settle .nr-m{ margin-top: calc(8 * var(--rpx)); font-size: calc(26 * var(--rpx)); color: var(--ink-2); line-height: 1.6; word-break: break-all; white-space: pre-wrap; }
.pg-settle .nr-time{ margin-left: calc(12 * var(--rpx)); font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-rules .wrap{ padding-bottom: calc(60 * var(--rpx)); }
.pg-rules .intro{ font-size: calc(28 * var(--rpx)); line-height: 1.7; color: var(--ink); background: var(--blue-soft); border-radius: calc(24 * var(--rpx)); padding: calc(28 * var(--rpx)) calc(32 * var(--rpx)); margin-bottom: calc(24 * var(--rpx)); }
.pg-rules .p{ font-size: calc(27 * var(--rpx)); line-height: 1.75; color: var(--ink-2); padding-left: calc(24 * var(--rpx)); position: relative; margin-bottom: calc(12 * var(--rpx)); }
.pg-rules .p:last-child{ margin-bottom: 0; }
.pg-rules .p::before{ content: ''; position: absolute; left: 0; top: calc(20 * var(--rpx)); width: calc(8 * var(--rpx)); height: calc(8 * var(--rpx)); border-radius: 50%; background: var(--blue); }
.pg-member .wrap{ padding-top: calc(16 * var(--rpx)); padding-bottom: calc(40 * var(--rpx)); }
.pg-member .hero{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); background: linear-gradient(135deg, #1E2633 0%, #34405A 100%); color: #fff; border-radius: calc(28 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(28 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); }
.pg-member .crown{ width: calc(52 * var(--rpx)); height: calc(34 * var(--rpx)); background: #F5C66B; flex-shrink: 0; clip-path: polygon(0 100%, 0 20%, 25% 60%, 50% 0, 75% 60%, 100% 20%, 100% 100%); }
.pg-member .h-m{ flex: 1; min-width: 0; }
.pg-member .h-t{ font-size: calc(34 * var(--rpx)); font-weight: 700; }
.pg-member .h-s{ font-size: calc(22 * var(--rpx)); color: rgba(255, 255, 255, .7); margin-top: calc(2 * var(--rpx)); }
.pg-member .perks{ padding: calc(8 * var(--rpx)) calc(28 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); }
.pg-member .perk{ display: flex; align-items: center; gap: calc(18 * var(--rpx)); padding: calc(14 * var(--rpx)) 0; }
.pg-member .perk + .perk{ border-top: calc(1 * var(--rpx)) solid var(--line); }
.pg-member .perk-ic{ width: calc(60 * var(--rpx)); height: calc(60 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: #FFF1D6; color: #B7791F; font-size: calc(26 * var(--rpx)); font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.pg-member .perk-m{ flex: 1; min-width: 0; }
.pg-member .perk-t{ font-size: calc(28 * var(--rpx)); font-weight: 600; }
.pg-member .perk-d{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-member .plans{ display: flex; gap: calc(16 * var(--rpx)); margin: calc(28 * var(--rpx)) 0 calc(24 * var(--rpx)); }
.pg-member .plan{ flex: 1; background: rgba(255,255,255,.82); border: calc(3 * var(--rpx)) solid var(--line); border-radius: calc(22 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(22 * var(--rpx)) calc(18 * var(--rpx)); position: relative; }
.pg-member .plan.on{ border-color: #E0A93B; background: #FFFAF0; }
.pg-member .plan-tag{ position: absolute; top: calc(-18 * var(--rpx)); left: calc(22 * var(--rpx)); background: var(--red); color: #fff; font-size: calc(20 * var(--rpx)); line-height: 1; padding: calc(8 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(10 * var(--rpx)) calc(10 * var(--rpx)) calc(10 * var(--rpx)) 0; }
.pg-member .plan-n{ font-size: calc(24 * var(--rpx)); color: var(--ink-2); }
.pg-member .plan-p{ font-size: calc(52 * var(--rpx)); font-weight: 700; line-height: 1.2; }
.pg-member .plan-p .yen{ font-size: calc(28 * var(--rpx)); margin-right: calc(4 * var(--rpx)); }
.pg-member .plan-u{ font-size: calc(22 * var(--rpx)); font-weight: 400; color: var(--mute); margin-left: calc(4 * var(--rpx)); }
.pg-member .plan-s{ font-size: calc(22 * var(--rpx)); color: var(--mute); }
.pg-member .buy{ background: linear-gradient(180deg, #F2BE5C 0%, #E0A93B 100%); color: #3A2A08; box-shadow: 0 calc(6 * var(--rpx)) 0 #B98420, 0 calc(10 * var(--rpx)) calc(20 * var(--rpx)) rgba(224, 169, 59, .25); }
.pg-member .foot{ text-align: center; color: var(--mute); font-size: calc(22 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.pg-member .foot + .foot{ margin-top: calc(4 * var(--rpx)); }
.pg-member .pop{ position: fixed; left: calc(56 * var(--rpx)); right: calc(56 * var(--rpx)); top: 50%; transform: translateY(-50%); z-index: 101; background: rgba(255,255,255,.82); border-radius: calc(32 * var(--rpx)); padding: calc(44 * var(--rpx)) calc(40 * var(--rpx)) calc(36 * var(--rpx)); }
.pg-member .pop-t{ font-size: calc(34 * var(--rpx)); font-weight: 700; text-align: center; }
.pg-member .pop-d{ font-size: calc(26 * var(--rpx)); color: var(--ink-2); text-align: center; margin: calc(12 * var(--rpx)) 0 calc(32 * var(--rpx)); }
.pg-member .pop .btn + .btn{ margin-top: calc(20 * var(--rpx)); }
.pg-member .hero{ position: relative; overflow: hidden; background: linear-gradient(130deg, #0E1A3A 0%, #15306B 55%, #0F5E66 100%); box-shadow: 0 calc(18 * var(--rpx)) calc(40 * var(--rpx)) rgba(14,26,58,.3); }
.pg-member .hero::before{ content: ""; position: absolute; width: calc(300 * var(--rpx)); height: calc(300 * var(--rpx)); right: calc(-80 * var(--rpx)); top: calc(-140 * var(--rpx)); border-radius: 50%; background: radial-gradient(circle, rgba(240,199,112,.55), transparent 70%); animation: orbGold 5s ease-in-out infinite alternate; pointer-events: none; }
.pg-member .hero::after{ content: ""; position: absolute; top: 0; bottom: 0; left: -40%; width: 30%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.18), transparent); transform: skewX(-20deg); animation: heroSweep 4.5s ease-in-out infinite; pointer-events: none; }
@keyframes orbGold{ to { transform: translate(calc(-60 * var(--rpx)), calc(40 * var(--rpx))) scale(1.2); } }
@keyframes heroSweep{ 0% { left: -40%; } 55%, 100% { left: 130%; } }
.pg-member .hero > view{ position: relative; z-index: 1; }
.pg-member .crown{ background: linear-gradient(180deg, #FBE3A6, #D9A040); }
.pg-member .perk-ic{ background: linear-gradient(140deg, #FBEFD2, #F3D898); color: #8E6519; box-shadow: inset 0 calc(2 * var(--rpx)) 0 #fff; }
.pg-member .plan{ background: rgba(255,255,255,.75); border: calc(2 * var(--rpx)) solid rgba(31,102,238,.12); transition: all .3s cubic-bezier(.3,1.5,.5,1); }
.pg-member .plan.on{ border-color: #D9A040; background: linear-gradient(150deg, #FFFBF1, #FBEFD2); box-shadow: 0 calc(12 * var(--rpx)) calc(30 * var(--rpx)) rgba(201,154,62,.25), 0 0 0 calc(6 * var(--rpx)) rgba(240,199,112,.18); transform: translateY(calc(-6 * var(--rpx))); }
.pg-member .plan.on .plan-p{ color: #8E6519; }
.pg-member .plan-tag{ background: linear-gradient(120deg, #FF6B6F, #E5484D); box-shadow: 0 calc(4 * var(--rpx)) calc(10 * var(--rpx)) rgba(229,72,77,.3); }
.pg-member .buy{ color: #3A2808; background-image: linear-gradient(110deg, transparent 38%, rgba(255,255,255,.55) 50%, transparent 62%), linear-gradient(120deg, #F7D488 0%, #E2B055 55%, #C9922F 100%); box-shadow: 0 calc(12 * var(--rpx)) calc(28 * var(--rpx)) rgba(201,154,62,.38), inset 0 calc(2 * var(--rpx)) 0 rgba(255,255,255,.5); }
.pg-member .pop{ background: rgba(255,255,255,.94); border: calc(1 * var(--rpx)) solid #fff; box-shadow: 0 calc(30 * var(--rpx)) calc(70 * var(--rpx)) rgba(14,26,58,.25); }
.pg-welcome .box{ display: flex; flex-direction: column; align-items: center; padding: calc(56 * var(--rpx)) calc(56 * var(--rpx)) calc(80 * var(--rpx)); }
.pg-welcome .logo{ width: calc(128 * var(--rpx)); height: calc(128 * var(--rpx)); border-radius: calc(34 * var(--rpx)); background: rgba(255,255,255,.82); box-shadow: 0 calc(16 * var(--rpx)) calc(40 * var(--rpx)) rgba(20,40,90,.12); }
.pg-welcome .t{ font-size: calc(42 * var(--rpx)); font-weight: 700; margin-top: calc(24 * var(--rpx)); }
.pg-welcome .s{ font-size: calc(26 * var(--rpx)); color: var(--ink-2); margin-top: calc(6 * var(--rpx)); }
.pg-welcome .seg{ display: flex; width: 100%; box-sizing: border-box; margin-top: calc(44 * var(--rpx)); padding: calc(8 * var(--rpx)); border-radius: calc(999 * var(--rpx)); background: rgba(255,255,255,.7); border: calc(2 * var(--rpx)) solid rgba(255,255,255,.9); }
.pg-welcome .seg-i{ flex: 1; height: calc(72 * var(--rpx)); display: flex; align-items: center; justify-content: center; border-radius: calc(999 * var(--rpx)); font-size: calc(28 * var(--rpx)); color: var(--ink-2); transition: background .2s, color .2s; }
.pg-welcome .seg-i.on{ background: #fff; color: var(--blue); font-weight: 700; box-shadow: 0 calc(6 * var(--rpx)) calc(18 * var(--rpx)) rgba(20,40,90,.1); }
.pg-welcome .fm{ width: 100%; display: flex; flex-direction: column; margin-top: calc(28 * var(--rpx)); }
.pg-welcome .lab{ font-size: calc(26 * var(--rpx)); font-weight: 600; color: var(--ink); margin: calc(24 * var(--rpx)) calc(8 * var(--rpx)) calc(12 * var(--rpx)); }
.pg-welcome .opt{ font-weight: 400; color: var(--mute); margin-left: calc(14 * var(--rpx)); font-size: calc(22 * var(--rpx)); }
.pg-welcome .in{ height: calc(96 * var(--rpx)); padding: 0 calc(28 * var(--rpx)); background: rgba(255,255,255,.9); border: calc(2 * var(--rpx)) solid var(--line); border-radius: calc(24 * var(--rpx)); font-size: calc(32 * var(--rpx)); transition: border-color .2s, box-shadow .2s; }
.pg-welcome .in:focus{ border-color: var(--blue); box-shadow: 0 0 0 calc(6 * var(--rpx)) rgba(31,102,238,.12); }
.pg-welcome .err{ margin: calc(20 * var(--rpx)) calc(8 * var(--rpx)) 0; padding: calc(16 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: var(--red-soft); color: var(--red); font-size: calc(26 * var(--rpx)); line-height: 1.5; }
.pg-welcome .go{ width: 100%; margin-top: calc(40 * var(--rpx)); padding: 0; line-height: normal; }
.pg-welcome .forgot{ font-size: calc(26 * var(--rpx)); color: var(--blue); padding: calc(24 * var(--rpx)) calc(40 * var(--rpx)) 0; }
.pg-welcome .later{ font-size: calc(28 * var(--rpx)); color: var(--ink-2); padding: calc(28 * var(--rpx)) calc(40 * var(--rpx)); margin-top: calc(4 * var(--rpx)); }
.pg-welcome .later-on{ opacity: .6; }
.pg-welcome .note{ font-size: calc(22 * var(--rpx)); color: var(--mute); line-height: 1.6; text-align: center; }
.pg-profile .wrap{ padding-top: calc(16 * var(--rpx)); }
.pg-profile .group{ padding: calc(4 * var(--rpx)) calc(28 * var(--rpx)); }
.pg-profile .group .field{ min-height: calc(96 * var(--rpx)); }
.pg-profile .field.nob{ border-bottom: none; }
.pg-profile .group .field .label{ width: auto; margin-right: calc(24 * var(--rpx)); }
.pg-profile .field .arr{ width: calc(14 * var(--rpx)); height: calc(14 * var(--rpx)); border: solid #C5CCD6; border-width: calc(3 * var(--rpx)) calc(3 * var(--rpx)) 0 0; transform: rotate(45deg); margin-left: calc(16 * var(--rpx)); }
.pg-profile wx-button.field{ display: flex; width: auto !important; margin: 0; padding: 0; background: transparent; border-radius: 0; font-size: calc(28 * var(--rpx)); line-height: normal; text-align: left; color: var(--ink); }
.pg-profile wx-button.field::after{ border: none; }
.pg-profile .row-on{ background: var(--sub) !important; }
.pg-profile .av-row{ min-height: calc(140 * var(--rpx)) !important; }
.pg-profile .pf-av{ margin-left: auto; width: calc(96 * var(--rpx)); height: calc(96 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: var(--blue); }
.pg-profile .pf-av.ch{ color: #fff; font-size: calc(40 * var(--rpx)); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.pg-profile .name-in{ flex: 1; text-align: right; font-size: calc(28 * var(--rpx)); }
.pg-profile .go{ margin-left: calc(16 * var(--rpx)); font-size: calc(24 * var(--rpx)); font-weight: 600; color: var(--blue); }
.pg-feedback .wrap{ padding-top: calc(16 * var(--rpx)); }
.pg-feedback .group{ padding: calc(4 * var(--rpx)) calc(28 * var(--rpx)) calc(28 * var(--rpx)); }
.pg-feedback .group .sec-title{ margin: calc(20 * var(--rpx)) 0 calc(16 * var(--rpx)); }
.pg-feedback .fb-text{ width: 100%; height: calc(300 * var(--rpx)); box-sizing: border-box; padding: calc(20 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: var(--sub); font-size: calc(28 * var(--rpx)); line-height: 1.6; color: var(--ink); }
.pg-feedback .fb-count{ text-align: right; font-size: calc(22 * var(--rpx)); color: var(--mute); margin: calc(8 * var(--rpx)) 0 calc(20 * var(--rpx)); }
.pg-feedback .lb{ font-size: calc(26 * var(--rpx)); color: var(--mute); margin-bottom: calc(12 * var(--rpx)); }
.pg-feedback .inp{ height: calc(88 * var(--rpx)); padding: 0 calc(20 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: var(--sub); font-size: calc(28 * var(--rpx)); }
.pg-feedback .btn{ margin: calc(32 * var(--rpx)) 0 0; }
.pg-feedback .btn.off{ opacity: .5; }