.page-view{
  --c-bg: #F7F7F5;
  --c-card: #FFFFFF;
  --c-ink-1: #1A1A1A;
  --c-ink-2: #666663;
  --c-ink-3: #9B9B96;
  --c-line: #EBEBE6;
  --c-brand: #1A1A1A;
  --c-accent: #8C6D3F;
  --c-ok: #3D7A52;
  --c-ok-bg: #EBF2ED;
  --c-warn: #A67C2E;
  --c-warn-bg: #F7F0E0;
  --c-risk: #B04A3C;
  --c-risk-bg: #F8ECEA;
  --c-mute: #8A8A84;
  --c-mute-bg: #F0F0EC;
  --radius-card: calc(16 * var(--rpx));
  --radius-small: calc(8 * var(--rpx));
}
.page-view{ background: #F5F4F0; color: #182C2B; font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', sans-serif; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); }
.page-view wx-view,.page-view wx-text,.page-view button,.page-view input,.page-view textarea{ box-sizing: border-box; }
.page-view button{ margin: 0; padding: 0; border-radius: 0; background: transparent; line-height: 1.3; font-size: inherit; color: inherit; }
.page-view button::after{ border: 0; }
.page-view .screen{ min-height: 100vh; padding: calc(36 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(64 * var(--rpx)) + env(safe-area-inset-bottom)); }
.page-view .eyebrow{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); letter-spacing: calc(3 * var(--rpx)); font-weight: 700; color: #64847D; }
.page-view .h1{ display: block; font-size: max(11px, calc(54 * var(--rpx) * var(--font-scale, 1))); line-height: 1.16; font-weight: 760; letter-spacing: calc(-2 * var(--rpx)); color: #172B2A; }
.page-view .h2{ display: block; font-size: max(11px, calc(36 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 730; color: #182C2B; }
.page-view .body{ font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; color: #60706D; }
.page-view .muted{ color: #7B8884; }
.page-view .card{ background: #FFFFFF; border: calc(1 * var(--rpx)) solid #E7EBE5; border-radius: calc(28 * var(--rpx)); box-shadow: 0 calc(12 * var(--rpx)) calc(36 * var(--rpx)) rgba(24, 50, 43, .045); }
.page-view .primary-btn{ display: flex; align-items: center; justify-content: center; min-height: calc(86 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(30 * var(--rpx)); border-radius: calc(19 * var(--rpx)); background: #173F3A; color: #FFFFFF; font-size: max(11px, calc(27 * var(--rpx) * var(--font-scale, 1))); font-weight: 690; }
.page-view .secondary-btn{ display: flex; align-items: center; justify-content: center; min-height: calc(78 * var(--rpx)); padding: calc(16 * var(--rpx)) calc(28 * var(--rpx)); border: calc(1 * var(--rpx)) solid #C6D8D1; border-radius: calc(18 * var(--rpx)); background: #F7FBF8; color: #17453F; font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); font-weight: 650; }
.page-view .quiet-btn{ color: #28685C; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 670; }
.page-view .section-head{ display: flex; align-items: baseline; justify-content: space-between; gap: calc(20 * var(--rpx)); margin: calc(42 * var(--rpx)) 0 calc(20 * var(--rpx)); }
.page-view .section-title{ font-size: max(11px, calc(31 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; color: #1A302D; }
.page-view .section-side{ font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); color: #8A9590; }
.page-view .pill{ display: inline-flex; align-items: center; padding: calc(8 * var(--rpx)) calc(15 * var(--rpx)); border-radius: calc(100 * var(--rpx)); background: #E7F2ED; color: #296657; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 680; white-space: nowrap; }
.page-view .pill.amber{ background: #FFF3DD; color: #9B671F; }
.page-view .pill.gray{ background: #F0F2EF; color: #6D7974; }
.page-view .divider{ height: calc(1 * var(--rpx)); background: #EDF0EC; }
.page-view .field{ width: 100%; min-height: calc(82 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border: calc(1 * var(--rpx)) solid #DFE6E0; border-radius: calc(18 * var(--rpx)); background: #FFFFFF; font-size: max(11px, calc(27 * var(--rpx) * var(--font-scale, 1))); color: #1C3330; }
.page-view .textarea{ width: 100%; min-height: calc(166 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(24 * var(--rpx)); border: calc(1 * var(--rpx)) solid #DFE6E0; border-radius: calc(18 * var(--rpx)); background: #FFFFFF; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); color: #1C3330; line-height: 1.55; }
.page-view .demo-note{ font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; color: #98A29D; }
.page-view[data-page="entry"] .entry-screen{ min-height: 100vh; padding: calc(54 * var(--rpx)) calc(42 * var(--rpx)) calc(calc(62 * var(--rpx)) + env(safe-area-inset-bottom)); background: #EDEFE8; display: flex; flex-direction: column; }
.page-view[data-page="entry"] .entry-top{ display: flex; align-items: center; gap: calc(18 * var(--rpx)); }
.page-view[data-page="entry"] .entry-symbol{ position: relative; width: calc(48 * var(--rpx)); height: calc(48 * var(--rpx)); border-radius: calc(15 * var(--rpx)); background: #173F3A; }
.page-view[data-page="entry"] .symbol-line{ position: absolute; width: calc(20 * var(--rpx)); height: calc(5 * var(--rpx)); border-radius: calc(4 * var(--rpx)); background: #D7B987; left: calc(13 * var(--rpx)); top: calc(23 * var(--rpx)); transform: rotate(-35deg); }
.page-view[data-page="entry"] .symbol-dot{ position: absolute; width: calc(9 * var(--rpx)); height: calc(9 * var(--rpx)); border-radius: 50%; background: #D7B987; right: calc(8 * var(--rpx)); top: calc(9 * var(--rpx)); }
.page-view[data-page="entry"] .entry-brand{ font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 740; letter-spacing: calc(2 * var(--rpx)); color: #244942; }
.page-view[data-page="entry"] .entry-main{ flex: 1; padding-top: calc(105 * var(--rpx)); }
.page-view[data-page="entry"] .entry-title{ display: block; margin-top: calc(22 * var(--rpx)); font-size: max(11px, calc(66 * var(--rpx) * var(--font-scale, 1))); line-height: 1.25; letter-spacing: calc(-3 * var(--rpx)); font-weight: 760; color: #193B36; }
.page-view[data-page="entry"] .entry-sub{ display: block; max-width: calc(570 * var(--rpx)); margin-top: calc(28 * var(--rpx)); color: #647B72; font-size: max(11px, calc(27 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="entry"] .identity-card,.page-view[data-page="entry"] .project-card,.page-view[data-page="entry"] .denied-card{ margin-top: calc(90 * var(--rpx)); border: calc(1 * var(--rpx)) solid #E0E6DA; border-radius: calc(29 * var(--rpx)); background: #FFFFFF; box-shadow: 0 calc(25 * var(--rpx)) calc(65 * var(--rpx)) rgba(33, 70, 55, .07); }
.page-view[data-page="entry"] .identity-card{ padding: calc(31 * var(--rpx)); }
.page-view[data-page="entry"] .identity-overline{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; letter-spacing: calc(2 * var(--rpx)); color: #82978C; }
.page-view[data-page="entry"] .identity-person{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); margin: calc(27 * var(--rpx)) 0; }
.page-view[data-page="entry"] .identity-avatar{ display: flex; align-items: center; justify-content: center; width: calc(75 * var(--rpx)); height: calc(75 * var(--rpx)); border-radius: calc(24 * var(--rpx)); background: #DDECE3; color: #245447; font-size: max(11px, calc(31 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="entry"] .identity-name,.page-view[data-page="entry"] .identity-role{ display: block; }
.page-view[data-page="entry"] .identity-name{ font-size: max(11px, calc(30 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; color: #1B3933; }
.page-view[data-page="entry"] .identity-role{ margin-top: calc(8 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); color: #86948E; }
.page-view[data-page="entry"] .identity-check{ margin-left: auto; color: #24745F; font-size: max(11px, calc(30 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="entry"] .entry-divider{ height: calc(1 * var(--rpx)); background: #EDF1EB; }
.page-view[data-page="entry"] .identity-hint{ display: block; margin-top: calc(23 * var(--rpx)); color: #8C9B92; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="entry"] .entry-cta{ margin-top: calc(30 * var(--rpx)); justify-content: space-between; min-height: calc(94 * var(--rpx)); padding: 0 calc(31 * var(--rpx)); border-radius: calc(22 * var(--rpx)); }
.page-view[data-page="entry"] .cta-arrow{ font-size: max(11px, calc(34 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="entry"] .project-choices{ margin-top: calc(74 * var(--rpx)); }
.page-view[data-page="entry"] .project-card{ display: flex; align-items: center; gap: calc(23 * var(--rpx)); margin-top: calc(14 * var(--rpx)); padding: calc(28 * var(--rpx)); box-shadow: none; }
.page-view[data-page="entry"] .project-card.selected{ border-color: #85B49B; box-shadow: 0 calc(15 * var(--rpx)) calc(40 * var(--rpx)) rgba(33, 70, 55, .08); }
.page-view[data-page="entry"] .project-monogram{ display: flex; align-items: center; justify-content: center; width: calc(77 * var(--rpx)); height: calc(77 * var(--rpx)); border-radius: calc(23 * var(--rpx)); background: #E5EDE3; color: #295448; font-size: max(11px, calc(34 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="entry"] .project-info{ flex: 1; }
.page-view[data-page="entry"] .project-name,.page-view[data-page="entry"] .project-meta{ display: block; }
.page-view[data-page="entry"] .project-name{ font-size: max(11px, calc(29 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="entry"] .project-meta{ margin-top: calc(8 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); color: #82928A; }
.page-view[data-page="entry"] .project-tick{ color: #287A63; font-size: max(11px, calc(30 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="entry"] .denied-card{ padding: calc(35 * var(--rpx)); }
.page-view[data-page="entry"] .denied-title,.page-view[data-page="entry"] .denied-copy{ display: block; }
.page-view[data-page="entry"] .denied-title{ font-size: max(11px, calc(30 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="entry"] .denied-copy{ margin: calc(14 * var(--rpx)) 0 calc(28 * var(--rpx)); color: #73827B; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="entry"] .entry-link{ display: block; margin: calc(32 * var(--rpx)) auto 0; color: #35695C; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="entry"] .secondary-link{ margin-top: calc(18 * var(--rpx)); color: #9BA79E; }
.page-view[data-page="entry"] .entry-foot{ display: block; margin-top: auto; text-align: center; color: #9FAEA3; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"]{ background: var(--c-bg); color: var(--c-ink-1); }
.page-view[data-page="today"] .today-screen{ padding-bottom: calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); font-family: -apple-system, 'PingFang SC', sans-serif; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; font-variant-numeric: tabular-nums; }
.page-view[data-page="today"] .work-header{ display: flex; align-items: center; justify-content: space-between; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="today"] .work-project{ display: block; font-size: max(11px, calc(32 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 600; }
.page-view[data-page="today"] .work-advisor{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .work-account{ margin: 0; display: flex; align-items: center; justify-content: flex-end; gap: calc(8 * var(--rpx)); flex: 0 0 calc(112 * var(--rpx)); width: calc(112 * var(--rpx)); min-height: calc(72 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .account-icon{ width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); background: var(--c-ink-2); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="today"] .work-overview{ padding: 0 calc(32 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="today"] .overview-date{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); padding: calc(16 * var(--rpx)) 0 calc(24 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .overview-mode{ flex-shrink: 0; }
.page-view[data-page="today"] .overview-stats{ display: flex; }
.page-view[data-page="today"] .overview-stats > wx-view{ flex: 1; padding-left: calc(32 * var(--rpx)); border-left: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="today"] .overview-stats > wx-view:first-child{ padding-left: 0; border: 0; }
.page-view[data-page="today"] .stat-number{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(32 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 600; }
.page-view[data-page="today"] .stat-label{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .lead-overview{ color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .work-section{ margin-top: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; background: var(--c-card); }
.page-view[data-page="today"] .work-section-head{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); padding-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="today"] .work-section-title{ font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 600; }
.page-view[data-page="today"] .work-section-meta{ flex-shrink: 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .task-row{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="today"] .task-number{ align-self: flex-start; flex: 0 0 calc(32 * var(--rpx)); margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="today"] .task-main{ flex: 1; min-width: 0; }
.page-view[data-page="today"] .task-type{ display: block; color: var(--c-accent); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .task-title{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="today"] .task-note{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="today"] .chevron{ flex: 0 0 calc(24 * var(--rpx)); width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); background: var(--c-ink-3); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="today"] .visit-row{ display: flex; align-items: flex-start; gap: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="today"] .visit-time{ flex: 0 0 calc(64 * var(--rpx)); margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="today"] .visit-main{ flex: 1; min-width: 0; }
.page-view[data-page="today"] .visit-heading{ display: flex; align-items: baseline; justify-content: space-between; gap: calc(16 * var(--rpx)); }
.page-view[data-page="today"] .visit-name{ min-width: 0; overflow-wrap: anywhere; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="today"] .visit-state{ flex-shrink: 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .visit-summary{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .visit-kind{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .visit-row > .chevron{ margin-top: calc(8 * var(--rpx)); }
.page-view[data-page="today"] .source-section{ padding-bottom: calc(24 * var(--rpx)); }
.page-view[data-page="today"] .source-row{ display: flex; align-items: flex-start; gap: calc(24 * var(--rpx)); padding: calc(16 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="today"] .source-label{ flex: 0 0 calc(112 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .source-value{ flex: 1; min-width: 0; color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); overflow-wrap: anywhere; }
.page-view[data-page="today"] .source-note{ display: block; padding-bottom: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .source-section > .source-note{ padding-top: calc(16 * var(--rpx)); padding-bottom: 0; }
.page-view[data-page="today"] .text-action{ display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: calc(88 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .product-name{ display: block; margin-bottom: calc(16 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="today"] .close-button{ padding: calc(8 * var(--rpx)) calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .lead-row{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="today"] .lead-heading{ display: flex; justify-content: space-between; gap: calc(16 * var(--rpx)); }
.page-view[data-page="today"] .lead-name{ font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="today"] .lead-blocker{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .lead-next{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .work-foot{ display: block; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .work-account:active,.page-view[data-page="today"] .task-row:active,.page-view[data-page="today"] .visit-row:active,.page-view[data-page="today"] .lead-row:active,.page-view[data-page="today"] .text-action:active,.page-view[data-page="today"] .close-button:active{ opacity: .6; }
.page-view[data-page="today"] .project-cover{ position: relative; width: 100%; height: calc(520 * var(--rpx)); overflow: hidden; background: var(--c-ink-1); border-radius: 0; }
.page-view[data-page="today"] .project-cover-image{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-view[data-page="today"] .project-cover-shade{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(8,18,23,.28); }
.page-view[data-page="today"] .project-cover-copy{ position: absolute; left: calc(48 * var(--rpx)); right: calc(48 * var(--rpx)); bottom: calc(48 * var(--rpx)); color: var(--c-card); }
.page-view[data-page="today"] .project-cover-location{ display: block; margin-bottom: calc(16 * var(--rpx)); color: rgba(255,255,255,.72); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); letter-spacing: calc(8 * var(--rpx)); }
.page-view[data-page="today"] .project-cover-name{ display: block; color: var(--c-card); font-size: max(11px, calc(56 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 400; letter-spacing: calc(8 * var(--rpx)); }
.page-view[data-page="today"] .project-cover-subtitle{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-card); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); letter-spacing: calc(8 * var(--rpx)); }
.page-view[data-page="today"] .project-cover-advisor{ display: block; margin-top: calc(24 * var(--rpx)); color: rgba(255,255,255,.66); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); letter-spacing: calc(4 * var(--rpx)); }
.page-view[data-page="today"] .project-overview{ padding: calc(32 * var(--rpx)) calc(32 * var(--rpx)) calc(24 * var(--rpx)); margin: 0; border-radius: 0; }
.page-view[data-page="today"] .overview-heading{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); margin-bottom: calc(24 * var(--rpx)); }
.page-view[data-page="today"] .overview-heading-label{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); color: var(--c-accent); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); letter-spacing: calc(8 * var(--rpx)); }
.page-view[data-page="today"] .overview-rule{ width: calc(32 * var(--rpx)); height: calc(1 * var(--rpx)); background: var(--c-accent); }
.page-view[data-page="today"] .overview-account{ margin: 0; display: flex; align-items: center; justify-content: flex-end; gap: calc(8 * var(--rpx)); flex: 0 0 calc(160 * var(--rpx)); width: calc(160 * var(--rpx)); min-height: calc(48 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .overview-account .chevron{ width: calc(20 * var(--rpx)); height: calc(20 * var(--rpx)); flex-basis: calc(20 * var(--rpx)); }
.page-view[data-page="today"] .project-overview .overview-stats{ padding: calc(8 * var(--rpx)) 0; }
.page-view[data-page="today"] .project-overview .overview-stats > wx-view{ padding: calc(8 * var(--rpx)) 0; text-align: center; }
.page-view[data-page="today"] .project-overview .stat-number{ color: var(--c-ink-1); font-family: Georgia, 'Times New Roman', serif; font-size: max(11px, calc(48 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; line-height: 1.3; }
.page-view[data-page="today"] .project-overview .stat-label{ margin-top: calc(16 * var(--rpx)); color: var(--c-accent); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); letter-spacing: calc(4 * var(--rpx)); }
.page-view[data-page="today"] .overview-period{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding-top: calc(16 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="today"] .overview-account:active{ opacity: .6; }
.page-view[data-page="today"] .work-product-entry{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="today"] .work-product-entry > wx-view:first-child{ flex: 1; min-width: 0; }
.page-view[data-page="today"] .work-product-title{ display: block; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; color: var(--c-ink-1); }
.page-view[data-page="today"] .work-product-copy{ display: block; margin-top: calc(6 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="today"] .work-product-action{ color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"]{ background: var(--c-bg); color: var(--c-ink-1); }
.page-view[data-page="clients"] .clients-screen{ padding-bottom: calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); font-family: -apple-system, 'PingFang SC', sans-serif; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; font-variant-numeric: tabular-nums; }
.page-view[data-page="clients"] .clients-toolbar{ display: flex; align-items: center; justify-content: space-between; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .project-title{ display: block; font-size: max(11px, calc(32 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 600; }
.page-view[data-page="clients"] .advisor-line{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .search-area{ padding: 0 calc(32 * var(--rpx)) calc(24 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .search-wrap{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); height: calc(72 * var(--rpx)); padding: 0 calc(24 * var(--rpx)); border-radius: calc(8 * var(--rpx)); background: var(--c-bg); }
.page-view[data-page="clients"] .search-icon{ width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); flex: 0 0 calc(28 * var(--rpx)); background: var(--c-ink-3); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='m15.5 15.5 5 5' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="clients"] .search-input{ flex: 1; min-width: 0; height: calc(72 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .search-placeholder{ color: var(--c-ink-3); }
.page-view[data-page="clients"] .list-heading{ display: flex; align-items: center; justify-content: space-between; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .list-heading-main{ display: flex; align-items: baseline; gap: calc(8 * var(--rpx)); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="clients"] .list-count{ color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="clients"] .list-heading-note{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .client-list{ padding: 0 calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .client-row{ padding: calc(24 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="clients"] .client-row:last-child{ border-bottom: 0; }
.page-view[data-page="clients"] .client-top{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); }
.page-view[data-page="clients"] .client-name{ min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; line-height: 1.3; }
.page-view[data-page="clients"] .client-grade{ flex-shrink: 0; color: var(--c-ink-2); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .client-sub{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .sub-divider{ width: calc(1 * var(--rpx)); height: calc(16 * var(--rpx)); background: var(--c-line); }
.page-view[data-page="clients"] .client-product{ display: block; margin-top: calc(16 * var(--rpx)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .client-concern{ display: flex; align-items: flex-start; gap: calc(8 * var(--rpx)); margin-top: calc(8 * var(--rpx)); }
.page-view[data-page="clients"] .concern-mark{ flex: 0 0 calc(8 * var(--rpx)); width: calc(8 * var(--rpx)); height: calc(8 * var(--rpx)); margin-top: calc(16 * var(--rpx)); background: var(--c-accent); }
.page-view[data-page="clients"] .concern-copy{ display: -webkit-box; flex: 1; min-width: 0; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="clients"] .client-next{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="clients"] .next-label{ flex: 0 0 auto; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .next-value{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="clients"] .chevron{ width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); flex: 0 0 calc(24 * var(--rpx)); background: var(--c-ink-3); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="clients"] .empty-state{ padding: calc(48 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .empty-title{ display: block; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="clients"] .empty-copy{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .sample-section{ margin-top: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .sample-heading{ display: flex; align-items: center; justify-content: space-between; margin-bottom: calc(8 * var(--rpx)); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="clients"] .sample-badge{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="clients"] .sample-row{ display: flex; gap: calc(24 * var(--rpx)); padding: calc(16 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="clients"] .sample-key{ flex: 0 0 calc(128 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .sample-value{ flex: 1; min-width: 0; color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="clients"] .sample-value wx-text{ display: block; }
.page-view[data-page="clients"] .sample-note{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .reference-section{ margin-top: calc(16 * var(--rpx)); padding: 0 calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .reference-toggle{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; }
.page-view[data-page="clients"] .reference-toggle > wx-view:first-child{ flex: 1; }
.page-view[data-page="clients"] .reference-title{ display: block; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="clients"] .reference-note{ display: block; margin-top: calc(8 * var(--rpx)); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="clients"] .reference-state{ font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); }
.page-view[data-page="clients"] .reference-toggle .expanded{ transform: rotate(90deg); }
.page-view[data-page="clients"] .reference-client{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="clients"] .reference-person{ display: flex; align-items: baseline; justify-content: space-between; gap: calc(16 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="clients"] .reference-person wx-text:last-child{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="clients"] .reference-summary{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .reference-report{ display: flex; align-items: center; justify-content: space-between; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .source-foot{ display: block; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .house-entry{ display: flex; align-items: center; justify-content: space-between; margin-top: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .house-label{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .house-name{ display: block; margin-top: calc(8 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="clients"] .filter-row{ display: flex; width: 100%; padding: 0 calc(32 * var(--rpx)); background: var(--c-card); white-space: nowrap; }
.page-view[data-page="clients"] .filter-chip{ display: inline-flex; align-items: center; min-height: calc(72 * var(--rpx)); margin-right: calc(32 * var(--rpx)); border-bottom: calc(4 * var(--rpx)) solid transparent; color: var(--c-ink-3); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .filter-chip.active{ border-bottom-color: var(--c-brand); color: var(--c-ink-1); font-weight: 600; }
.page-view[data-page="clients"] .house-hint{ padding: calc(16 * var(--rpx)) calc(32 * var(--rpx)); color: var(--c-ink-3); background: var(--c-card); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .client-row:active,.page-view[data-page="clients"] .reference-toggle:active,.page-view[data-page="clients"] .reference-client:active,.page-view[data-page="clients"] .house-entry:active,.page-view[data-page="clients"] .filter-chip:active{ opacity: .6; }
.page-view[data-page="clients"] .client-feedback{ display: block; margin-top: calc(12 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="clients"] .product-entry{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); margin-top: calc(16 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .product-entry > wx-view:first-child{ flex: 1; }
.page-view[data-page="clients"] .product-entry-title{ display: block; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="clients"] .product-entry-copy{ display: block; margin-top: calc(4 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .product-entry-action{ color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .turn-down{ transform: rotate(90deg); }
.page-view[data-page="clients"] .product-panel{ padding: 0 calc(32 * var(--rpx)) calc(24 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="clients"] .product-options{ display: grid; grid-template-columns: 1fr 1fr; gap: calc(12 * var(--rpx)); }
.page-view[data-page="clients"] .product-option{ padding: calc(18 * var(--rpx)) calc(12 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(6 * var(--rpx)); text-align: center; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .product-option.chosen{ border-color: var(--c-brand); background: #F1F3EF; color: var(--c-ink-1); font-weight: 600; }
.page-view[data-page="clients"] .product-facts{ padding: calc(24 * var(--rpx)) 0 calc(16 * var(--rpx)); }
.page-view[data-page="clients"] .product-fact-title,.page-view[data-page="clients"] .product-fact-terrace,.page-view[data-page="clients"] .product-fact-note,.page-view[data-page="clients"] .product-boundary{ display: block; }
.page-view[data-page="clients"] .product-fact-title{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .product-fact-terrace{ margin-top: calc(8 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="clients"] .product-fact-note{ margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="clients"] .product-boundary{ padding-top: calc(16 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="clients"] .business-filters{ display: flex; width: 100%; padding: 0 calc(32 * var(--rpx)); background: var(--c-card); white-space: nowrap; }
.page-view[data-page="clients"] .business-filter{ display: inline-flex; flex-shrink: 0; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(88 * var(--rpx)); margin-right: calc(32 * var(--rpx)); border-bottom: calc(4 * var(--rpx)) solid transparent; color: var(--c-ink-3); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .business-filter.active{ border-bottom-color: var(--c-brand); color: var(--c-ink-1); font-weight: 600; }
.page-view[data-page="clients"] .filter-count{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="clients"] .client-business-tags{ display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="clients"] .client-business-tag{ max-width: 100%; padding: calc(5 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(4 * var(--rpx)); background: #F4F3EF; color: #686455; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="clients"] .client-business-tag.reviewed{ color: #3F6350; background: #F0F4F0; }
.page-view[data-page="clients"] .fit-note{ display: flex; flex-direction: column; gap: calc(4 * var(--rpx)); margin-top: calc(16 * var(--rpx)); padding: calc(16 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="clients"] .fit-state{ color: var(--c-ink-1); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="clients"] .fit-reason{ color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="clients"] .fit-different .fit-state{ color: var(--c-ink-3); }
.page-view[data-page="clients"] .client-feedback-next{ display: block; margin-top: calc(4 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="clients"] .collection-switch{ display: flex; gap: calc(32 * var(--rpx)); padding: 0 calc(32 * var(--rpx)); background: #fff; }
.page-view[data-page="clients"] .collection-tab{ padding: calc(22 * var(--rpx)) 0 calc(18 * var(--rpx)); border-bottom: calc(3 * var(--rpx)) solid transparent; color: var(--c-ink-3); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="clients"] .collection-tab.active{ border-color: var(--c-ink-1); color: var(--c-ink-1); font-weight: 600; }
.page-view[data-page="assistant"]{ height: 100%; overflow: hidden; background: var(--c-card); color: var(--c-ink-1); }
.page-view[data-page="assistant"] .assistant-screen{ display: flex; flex-direction: column; height: 100%; overflow: hidden; background: var(--c-card); font-family: -apple-system, 'PingFang SC', sans-serif; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; font-variant-numeric: tabular-nums; }
.page-view[data-page="assistant"] .scope-bar{ display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); padding: calc(16 * var(--rpx)) calc(32 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .scope-version{ color: var(--c-accent); }
.page-view[data-page="assistant"] .conversation{ flex: 1; height: 0; min-height: 0; -webkit-overflow-scrolling: touch; }
.page-view[data-page="assistant"] .welcome{ padding: calc(96 * var(--rpx)) calc(40 * var(--rpx)) calc(48 * var(--rpx)); }
.page-view[data-page="assistant"] .welcome-title{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(32 * var(--rpx) * var(--font-scale, 1))); line-height: 1.4; font-weight: 600; }
.page-view[data-page="assistant"] .welcome-description{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .suggestions{ margin-top: calc(48 * var(--rpx)); }
.page-view[data-page="assistant"] .assistant-screen .suggestion{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); width: 100%; min-height: calc(88 * var(--rpx)); margin: 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); text-align: left; }
.page-view[data-page="assistant"] .welcome-scope{ display: block; margin-top: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .messages{ padding: calc(32 * var(--rpx)) calc(32 * var(--rpx)) 0; }
.page-view[data-page="assistant"] .message{ margin-bottom: calc(48 * var(--rpx)); }
.page-view[data-page="assistant"] .message-user{ display: flex; justify-content: flex-end; }
.page-view[data-page="assistant"] .user-bubble{ max-width: 88%; padding: calc(24 * var(--rpx)); border-radius: calc(16 * var(--rpx)); background: var(--c-mute-bg); }
.page-view[data-page="assistant"] .message-text{ display: block; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; }
.page-view[data-page="assistant"] .assistant-name{ display: block; margin-bottom: calc(16 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .answer-text{ line-height: 1.8; }
.page-view[data-page="assistant"] .message-files{ margin-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="assistant"] .message-file{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(8 * var(--rpx)) 0; }
.page-view[data-page="assistant"] .message-file .document-icon{ flex-basis: calc(32 * var(--rpx)); width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); }
.page-view[data-page="assistant"] .file-copy{ flex: 1; min-width: 0; }
.page-view[data-page="assistant"] .file-name{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .file-detail{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="assistant"] .answer-sources{ margin-top: calc(24 * var(--rpx)); }
.page-view[data-page="assistant"] .assistant-screen .sources-toggle{ display: inline-flex; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(48 * var(--rpx)); margin: 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .source-items{ margin-top: calc(8 * var(--rpx)); padding-left: calc(16 * var(--rpx)); border-left: calc(2 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="assistant"] .source-item{ margin-bottom: calc(24 * var(--rpx)); }
.page-view[data-page="assistant"] .source-item:last-child{ margin-bottom: 0; }
.page-view[data-page="assistant"] .source-title{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .source-quote{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="assistant"] .answer-clients{ display: flex; flex-wrap: wrap; gap: calc(8 * var(--rpx)) calc(24 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="assistant"] .assistant-screen .client-link{ display: inline-flex; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(48 * var(--rpx)); margin: 0; color: var(--c-accent); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .assistant-screen .copy-answer{ display: inline-flex; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(48 * var(--rpx)); margin: calc(16 * var(--rpx)) 0 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .assistant-screen .copy-answer .chat-icon{ width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); flex-basis: calc(24 * var(--rpx)); }
.page-view[data-page="assistant"] .answer-status{ padding: 0 0 calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .message-end{ height: calc(16 * var(--rpx)); }
.page-view[data-page="assistant"] .composer-area{ flex: 0 0 auto; padding: calc(8 * var(--rpx)) calc(24 * var(--rpx)) calc(16 * var(--rpx)); background: var(--c-card); padding-bottom: calc(calc(32 * var(--rpx)) + env(safe-area-inset-bottom)); }
.page-view[data-page="assistant"] .composer{ padding: calc(24 * var(--rpx)) calc(24 * var(--rpx)) calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(16 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="assistant"] .composer-input{ display: block; box-sizing: border-box; width: 100%; min-height: calc(64 * var(--rpx)); max-height: calc(192 * var(--rpx)); padding: 0; color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="assistant"] .composer-placeholder{ color: var(--c-ink-3); }
.page-view[data-page="assistant"] .composer-actions{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="assistant"] .assistant-screen .attach-button{ display: flex; align-items: center; justify-content: center; flex: 0 0 calc(64 * var(--rpx)); width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); margin: 0; border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(999 * var(--rpx)); }
.page-view[data-page="assistant"] .assistant-screen .client-context{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); height: calc(56 * var(--rpx)); max-width: calc(272 * var(--rpx)); margin: 0; padding: 0 calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .assistant-screen .client-context wx-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-view[data-page="assistant"] .composer-spacer{ flex: 1; }
.page-view[data-page="assistant"] .assistant-screen .send-button{ display: flex; align-items: center; justify-content: center; flex: 0 0 calc(64 * var(--rpx)); width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); margin: 0; border-radius: calc(999 * var(--rpx)); background: var(--c-mute-bg); }
.page-view[data-page="assistant"] .assistant-screen .send-button .send-icon{ background: var(--c-ink-3); }
.page-view[data-page="assistant"] .assistant-screen .send-ready{ background: var(--c-brand); }
.page-view[data-page="assistant"] .assistant-screen .send-ready .send-icon{ background: var(--c-card); }
.page-view[data-page="assistant"] .composer-note{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); text-align: center; }
.page-view[data-page="assistant"] .pending-files{ display: flex; flex-direction: column; gap: calc(8 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="assistant"] .pending-file{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); padding: calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); background: var(--c-bg); }
.page-view[data-page="assistant"] .pending-file .document-icon{ flex-basis: calc(32 * var(--rpx)); width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); }
.page-view[data-page="assistant"] .file-error .file-detail{ color: var(--c-risk); }
.page-view[data-page="assistant"] .assistant-screen .remove-file{ display: flex; align-items: center; justify-content: center; flex: 0 0 calc(48 * var(--rpx)); width: calc(48 * var(--rpx)); height: calc(48 * var(--rpx)); margin: 0; }
.page-view[data-page="assistant"] .chat-icon{ flex: 0 0 calc(28 * var(--rpx)); width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); background: currentColor; color: var(--c-ink-2); }
.page-view[data-page="assistant"] .plus-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="assistant"] .send-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 20V4m-7 7 7-7 7 7' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="assistant"] .chevron-down{ flex-basis: calc(20 * var(--rpx)); width: calc(20 * var(--rpx)); height: calc(20 * var(--rpx)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="assistant"] .is-open{ transform: rotate(180deg); }
.page-view[data-page="assistant"] .arrow-right,.page-view[data-page="assistant"] .small-arrow{ flex-basis: calc(24 * var(--rpx)); width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="assistant"] .document-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h7M9 16h5' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="assistant"] .close-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="assistant"] .copy-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 8h11v13H9zM5 16H3V3h11v2' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="assistant"] .modal-layer{ position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; }
.page-view[data-page="assistant"] .modal-backdrop{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.24); }
.page-view[data-page="assistant"] .history-panel{ position: absolute; top: 0; bottom: 0; left: 0; display: flex; flex-direction: column; width: calc(640 * var(--rpx)); padding: calc(calc(32 * var(--rpx)) + env(safe-area-inset-top)) calc(32 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="assistant"] .panel-heading{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); min-height: calc(64 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="assistant"] .modal-layer .panel-close{ display: flex; align-items: center; justify-content: center; width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); flex: 0 0 calc(64 * var(--rpx)); margin: 0; }
.page-view[data-page="assistant"] .modal-layer .new-conversation{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); width: 100%; min-height: calc(88 * var(--rpx)); margin: calc(24 * var(--rpx)) 0; padding: 0 calc(24 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .history-list{ flex: 1; min-height: 0; height: 0; }
.page-view[data-page="assistant"] .modal-layer .history-row{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); width: 100%; min-height: calc(88 * var(--rpx)); margin: 0; padding: calc(16 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); text-align: left; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .modal-layer .history-row wx-text{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-view[data-page="assistant"] .modal-layer .history-row.selected,.page-view[data-page="assistant"] .modal-layer .client-picker-row.selected{ background: var(--c-mute-bg); }
.page-view[data-page="assistant"] .history-foot{ padding-top: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .panel-empty{ padding: calc(32 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .bottom-panel{ position: absolute; right: 0; bottom: 0; left: 0; max-height: 80vh; overflow-y: auto; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(32 * var(--rpx)) + env(safe-area-inset-bottom)); border-radius: calc(16 * var(--rpx)) calc(16 * var(--rpx)) 0 0; background: var(--c-card); }
.page-view[data-page="assistant"] .panel-description{ display: block; margin: calc(16 * var(--rpx)) 0 calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .modal-layer .client-picker-row{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); width: 100%; min-height: calc(88 * var(--rpx)); margin: 0; padding: 0 calc(16 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); text-align: left; }
.page-view[data-page="assistant"] .picker-meta{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .paste-name{ height: calc(80 * var(--rpx)); padding: 0 calc(16 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .paste-input{ box-sizing: border-box; width: 100%; height: calc(320 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding: calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="assistant"] .modal-layer .paste-confirm{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(80 * var(--rpx)); margin-top: calc(24 * var(--rpx)); border-radius: calc(8 * var(--rpx)); background: var(--c-brand); color: var(--c-card); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="assistant"] .assistant-screen .suggestion:active,.page-view[data-page="assistant"] .assistant-screen .sources-toggle:active,.page-view[data-page="assistant"] .assistant-screen .copy-answer:active,.page-view[data-page="assistant"] .assistant-screen .client-link:active,.page-view[data-page="assistant"] .assistant-screen .attach-button:active,.page-view[data-page="assistant"] .assistant-screen .client-context:active,.page-view[data-page="assistant"] .assistant-screen .send-button:active,.page-view[data-page="assistant"] .modal-layer .history-row:active,.page-view[data-page="assistant"] .modal-layer .client-picker-row:active,.page-view[data-page="assistant"] .modal-layer .paste-confirm:active,.page-view[data-page="assistant"] .modal-layer .new-conversation:active{ opacity: .6; }
.page-view[data-page="assistant"] .assistant-screen button,.page-view[data-page="assistant"] .modal-layer button{ padding: 0; border-radius: 0; background: transparent; line-height: 1.5; font-weight: 400; }
.component-assistant-header .assistant-header{ background: var(--c-card); color: var(--c-ink-1); }
.component-assistant-header .header-row{ display: flex; align-items: center; box-sizing: border-box; gap: calc(8 * var(--rpx)); padding-left: calc(16 * var(--rpx)); }
.component-assistant-header .assistant-header .header-action{ display: flex; justify-content: center; align-items: center; flex: 0 0 calc(64 * var(--rpx)); width: calc(64 * var(--rpx)); height: calc(72 * var(--rpx)); margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.component-assistant-header .assistant-header .header-action::after{ border: 0; }
.component-assistant-header .header-copy{ flex: 1; min-width: 0; padding: 0 calc(8 * var(--rpx)); }
.component-assistant-header .header-title{ display: block; font-size: max(11px, calc(32 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; line-height: 1.3; }
.component-assistant-header .header-subtitle{ display: block; margin-top: calc(8 * var(--rpx)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; }
.component-assistant-header .header-icon{ width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); background: var(--c-ink-1); }
.component-assistant-header .menu-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.component-assistant-header .new-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11v7a2 2 0 0 1-2 2H4V6a2 2 0 0 1 2-2h7M16 2v8M12 6h8' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.component-assistant-header .assistant-header .header-action:active{ opacity: .6; }
.page-view[data-page="materials"]{ background: #FFFFFF; color: var(--c-ink-1); }
.page-view[data-page="materials"] .materials-screen{ padding: 0 calc(32 * var(--rpx)) calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); font-family: -apple-system, 'PingFang SC', sans-serif; }
.page-view[data-page="materials"] .materials-toolbar{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); min-height: calc(88 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="materials"] .materials-scope{ color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .materials-screen .add-material{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(80 * var(--rpx)); margin: 0; color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .add-material .plus-icon{ width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); }
.page-view[data-page="materials"] .material-section{ margin-top: calc(40 * var(--rpx)); }
.page-view[data-page="materials"] .material-section-head{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); }
.page-view[data-page="materials"] .materials-screen .section-title{ color: var(--c-ink-1); font-size: max(11px, calc(30 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; font-weight: 600; }
.page-view[data-page="materials"] .materials-screen .section-more{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); width: auto; min-height: calc(64 * var(--rpx)); margin: 0; padding: 0; background: transparent; color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="materials"] .section-more .more-open{ transform: rotate(-90deg); }
.page-view[data-page="materials"] .section-count{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .personal-row{ display: flex; align-items: center; gap: calc(24 * var(--rpx)); width: 100%; min-height: calc(148 * var(--rpx)); margin: 0; padding: calc(28 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); text-align: left; }
.page-view[data-page="materials"] .personal-meta{ display: flex; align-items: baseline; justify-content: space-between; gap: calc(24 * var(--rpx)); }
.page-view[data-page="materials"] .personal-name{ color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; font-weight: 500; }
.page-view[data-page="materials"] .personal-title{ display: block; margin-top: calc(12 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.65; }
.page-view[data-page="materials"] .personal-copy,.page-view[data-page="materials"] .library-copy{ flex: 1; min-width: 0; }
.page-view[data-page="materials"] .material-name{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.65; font-weight: 400; overflow-wrap: anywhere; }
.page-view[data-page="materials"] .material-state{ flex: 0 0 auto; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .library-section{ margin-top: calc(40 * var(--rpx)); }
.page-view[data-page="materials"] .library-section .material-section-head{ margin-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="materials"] .library-row{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); width: 100%; min-height: calc(120 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); text-align: left; }
.page-view[data-page="materials"] .library-thumbnail,.page-view[data-page="materials"] .library-file{ flex: 0 0 calc(72 * var(--rpx)); width: calc(72 * var(--rpx)); height: calc(80 * var(--rpx)); }
.page-view[data-page="materials"] .library-file{ display: flex; align-items: center; justify-content: center; flex-direction: column; gap: calc(4 * var(--rpx)); background: #F5F5F1; color: var(--c-ink-3); }
.page-view[data-page="materials"] .library-file .document-icon{ width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); }
.page-view[data-page="materials"] .file-extension{ font-size: max(10px, calc(14 * var(--rpx) * var(--font-scale, 1))); text-transform: uppercase; }
.page-view[data-page="materials"] .empty-file{ background: #FAFAF8; }
.page-view[data-page="materials"] .library-detail{ display: block; margin-top: calc(4 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="materials"] .library-state{ flex: 0 0 auto; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .add-state{ color: var(--c-accent); }
.page-view[data-page="materials"] .library-footnote{ display: block; margin-top: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="materials"] .material-icon{ flex: 0 0 auto; width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); background: currentColor; }
.page-view[data-page="materials"] .arrow-icon{ width: calc(20 * var(--rpx)); height: calc(20 * var(--rpx)); color: #B8B8B1; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="materials"] .plus-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 4v16M4 12h16' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="materials"] .chevron-icon{ width: calc(20 * var(--rpx)); height: calc(20 * var(--rpx)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="materials"] .document-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 12h7M9 16h5' fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="materials"] .close-icon{ -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="materials"] .material-modal{ position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; }
.page-view[data-page="materials"] .modal-shade{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.24); }
.page-view[data-page="materials"] .material-sheet{ position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; max-height: 84vh; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(24 * var(--rpx)) + env(safe-area-inset-bottom)); border-radius: calc(16 * var(--rpx)) calc(16 * var(--rpx)) 0 0; background: #FFFFFF; }
.page-view[data-page="materials"] .sheet-heading{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); min-height: calc(64 * var(--rpx)); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="materials"] .sheet-heading > wx-text{ flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-view[data-page="materials"] .sheet-close{ display: flex; align-items: center; justify-content: center; flex: 0 0 calc(64 * var(--rpx)); width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); margin: 0; color: var(--c-ink-2); }
.page-view[data-page="materials"] .sheet-body{ max-height: 48vh; }
.page-view[data-page="materials"] .sheet-label{ display: block; margin: calc(24 * var(--rpx)) 0 calc(12 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .sheet-text,.page-view[data-page="materials"] .sheet-title{ display: block; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="materials"] .sheet-state{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-accent); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="materials"] .check-row{ display: flex; gap: calc(16 * var(--rpx)); padding: calc(16 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.65; }
.page-view[data-page="materials"] .check-index{ flex: 0 0 calc(24 * var(--rpx)); color: var(--c-ink-3); }
.page-view[data-page="materials"] .sheet-note{ display: block; padding: calc(24 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="materials"] .sheet-primary,.page-view[data-page="materials"] .sheet-secondary{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(80 * var(--rpx)); margin: calc(16 * var(--rpx)) 0 0; border-radius: calc(8 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .sheet-primary{ background: var(--c-brand); color: #FFFFFF; }
.page-view[data-page="materials"] .sheet-primary[disabled]{ background: var(--c-mute-bg); color: var(--c-ink-3); }
.page-view[data-page="materials"] .sheet-secondary{ margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); }
.page-view[data-page="materials"] .text-preview{ height: 40vh; margin-top: calc(24 * var(--rpx)); padding: calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="materials"] .preview-content{ white-space: pre-wrap; overflow-wrap: anywhere; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; }
.page-view[data-page="materials"] .add-material:active,.page-view[data-page="materials"] .personal-row:active,.page-view[data-page="materials"] .library-row:active,.page-view[data-page="materials"] .all-clients:active,.page-view[data-page="materials"] .sheet-primary:active,.page-view[data-page="materials"] .sheet-secondary:active{ opacity: .6; }
.page-view[data-page="materials"] .material-row-active{ opacity: .6; }
.page-view[data-page="materials"] .materials-screen .add-material{ width: auto; padding: 0; background: transparent; font-weight: 400; }
.page-view[data-page="materials"] .material-sheet .sheet-primary{ width: 100%; margin-left: 0; margin-right: 0; }
.page-view[data-page="materials"] .material-sheet .sheet-secondary{ width: 100%; margin-left: 0; margin-right: 0; background: transparent; font-weight: 400; }
.page-view[data-page="materials"] .material-sheet .sheet-close{ width: calc(64 * var(--rpx)); padding: 0; background: transparent; }
.page-view[data-page="materials"] .personal-reference{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(20 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="materials"] .personal-reference > wx-view:first-child{ flex: 1; }
.page-view[data-page="materials"] .personal-reference-name{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="materials"] .personal-reference-state{ display: block; margin-top: calc(4 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .knowledge-preview{ height: 45vh; padding: 0; border: 0; }
.page-view[data-page="materials"] .knowledge-label{ display: block; margin: calc(24 * var(--rpx)) 0 calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="materials"] .knowledge-label:first-child{ margin-top: 0; }
.page-view[data-page="materials"] .knowledge-copy,.page-view[data-page="materials"] .knowledge-question{ display: block; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.85; }
.page-view[data-page="materials"] .knowledge-point{ display: flex; gap: calc(16 * var(--rpx)); padding: calc(12 * var(--rpx)) 0; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.85; }
.page-view[data-page="materials"] .knowledge-point > wx-text:first-child{ flex: 0 0 calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); padding-top: calc(3 * var(--rpx)); }
.page-view[data-page="materials"] .knowledge-point > wx-text:last-child{ flex: 1; min-width: 0; }
.page-view[data-page="materials"] .knowledge-question{ padding: calc(20 * var(--rpx)); border-left: calc(3 * var(--rpx)) solid #B4AD95; background: #F8F7F3; }
.page-view[data-page="materials"] .knowledge-source{ display: block; padding-bottom: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; }
.page-view[data-page="materials"] .content-needs{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="materials"] .content-needs-note{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="materials"] .content-need-row{ padding-top: calc(24 * var(--rpx)); }
.page-view[data-page="materials"] .content-need-heading{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-1); }
.page-view[data-page="materials"] .content-need-copy{ flex: 0 0 auto; padding: calc(12 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .content-need-clients{ display: block; margin-top: calc(4 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .content-need-output{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; }
.page-view[data-page="materials"] .material-product-context{ margin: calc(12 * var(--rpx)) 0 calc(16 * var(--rpx)); padding: calc(16 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="materials"] .material-product-context > wx-view{ display: flex; justify-content: space-between; gap: calc(20 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="materials"] .material-product-context > wx-view wx-text:last-child{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); flex: 0 0 auto; }
.page-view[data-page="materials"] .material-product-context > wx-text{ display: block; margin-top: calc(8 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; color: var(--c-ink-2); }
.page-view[data-page="product-match"]{ background: var(--c-bg); color: var(--c-ink-1); }
.page-view[data-page="product-match"] .match-screen{ padding-bottom: calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.65; font-variant-numeric: tabular-nums; }
.page-view[data-page="product-match"] .match-intro{ padding: calc(28 * var(--rpx)) calc(32 * var(--rpx)) calc(24 * var(--rpx)); background: #fff; }
.page-view[data-page="product-match"] .match-title{ display: block; font-size: max(11px, calc(36 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; letter-spacing: calc(-1 * var(--rpx)); }
.page-view[data-page="product-match"] .match-sub{ display: block; margin-top: calc(6 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .product-switch{ display: grid; grid-template-columns: 1fr 1fr; gap: calc(12 * var(--rpx)); padding: 0 calc(32 * var(--rpx)) calc(28 * var(--rpx)); background: #fff; }
.page-view[data-page="product-match"] .product-choice{ padding: calc(18 * var(--rpx)) calc(8 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(6 * var(--rpx)); text-align: center; color: var(--c-ink-2); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .product-choice.chosen{ background: #232320; color: #fff; border-color: #232320; }
.page-view[data-page="product-match"] .cohort-switch{ display: flex; gap: calc(28 * var(--rpx)); padding: 0 calc(32 * var(--rpx)); background: #fff; }
.page-view[data-page="product-match"] .cohort-choice{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); padding: calc(20 * var(--rpx)) 0 calc(18 * var(--rpx)); color: var(--c-ink-3); border-bottom: calc(4 * var(--rpx)) solid transparent; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); white-space: nowrap; }
.page-view[data-page="product-match"] .cohort-choice.chosen{ color: var(--c-ink-1); border-color: var(--c-ink-1); font-weight: 600; }
.page-view[data-page="product-match"] .cohort-count{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; color: var(--c-ink-3); }
.page-view[data-page="product-match"] .reference-section{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); margin-top: calc(16 * var(--rpx)); background: #fff; }
.page-view[data-page="product-match"] .reference-heading,.page-view[data-page="product-match"] .matched-heading,.page-view[data-page="product-match"] .matched-heading > wx-view,.page-view[data-page="product-match"] .client-line,.page-view[data-page="product-match"] .client-line > wx-view,.page-view[data-page="product-match"] .tag-label-line,.page-view[data-page="product-match"] .tag-numbers,.page-view[data-page="product-match"] .list-controls,.page-view[data-page="product-match"] .client-open,.page-view[data-page="product-match"] .selected-line{ display: flex; align-items: center; justify-content: space-between; gap: calc(12 * var(--rpx)); }
.page-view[data-page="product-match"] .reference-heading{ font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .method-link{ color: var(--c-ink-3); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; padding: calc(8 * var(--rpx)) 0 calc(8 * var(--rpx)) calc(20 * var(--rpx)); }
.page-view[data-page="product-match"] .reference-meta{ display: block; margin-top: calc(4 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .category-switch{ display: flex; justify-content: space-between; gap: calc(12 * var(--rpx)); margin: calc(12 * var(--rpx)) 0 calc(20 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="product-match"] .category{ padding: calc(16 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); border-bottom: calc(3 * var(--rpx)) solid transparent; white-space: nowrap; }
.page-view[data-page="product-match"] .category.active{ color: var(--c-ink-1); border-color: var(--c-accent); }
.page-view[data-page="product-match"] .tag-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: calc(12 * var(--rpx)); }
.page-view[data-page="product-match"] .tag-choice{ padding: calc(18 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(6 * var(--rpx)); }
.page-view[data-page="product-match"] .tag-choice.selected{ border-color: #8C6D3F; background: #FAF7F0; }
.page-view[data-page="product-match"] .tag-label-line{ align-items: flex-start; }
.page-view[data-page="product-match"] .tag-label{ font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.4; }
.page-view[data-page="product-match"] .tag-check{ flex: 0 0 auto; color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .selected .tag-check{ color: var(--c-accent); }
.page-view[data-page="product-match"] .tag-numbers{ justify-content: flex-start; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .tag-numbers wx-text:first-child{ color: var(--c-ink-2); }
.page-view[data-page="product-match"] .reference-note{ display: block; margin-top: calc(18 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="product-match"] .view-matches{ display: flex; align-items: center; justify-content: space-between; padding-top: calc(20 * var(--rpx)); margin-top: calc(20 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .view-matches wx-text:last-child{ color: var(--c-accent); }
.page-view[data-page="product-match"] .matched-section{ margin-top: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; background: #fff; }
.page-view[data-page="product-match"] .matched-title{ font-size: max(11px, calc(30 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .matched-number,.page-view[data-page="product-match"] .matched-owner{ color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .selection-note{ display: block; margin-top: calc(6 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .selected-line{ align-items: flex-start; margin-top: calc(18 * var(--rpx)); }
.page-view[data-page="product-match"] .selected-tags{ display: flex; flex: 1; flex-wrap: wrap; gap: calc(10 * var(--rpx)); }
.page-view[data-page="product-match"] .selected-chip{ padding: calc(6 * var(--rpx)) calc(12 * var(--rpx)); background: #F4F0E7; color: #76603D; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="product-match"] .clear-link{ padding: calc(6 * var(--rpx)) 0 calc(6 * var(--rpx)) calc(10 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); flex-shrink: 0; }
.page-view[data-page="product-match"] .list-controls{ margin-top: calc(22 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .recent-control{ display: flex; align-items: center; gap: calc(10 * var(--rpx)); min-height: calc(56 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .recent-box{ display: flex; align-items: center; justify-content: center; width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); border: calc(1 * var(--rpx)) solid #CCCBC5; color: #fff; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); border-radius: calc(3 * var(--rpx)); }
.page-view[data-page="product-match"] .recent-box.on{ border-color: #343431; background: #343431; }
.page-view[data-page="product-match"] .match-search{ margin: calc(12 * var(--rpx)) 0 calc(4 * var(--rpx)); padding: 0 calc(20 * var(--rpx)); background: #F6F6F3; border-radius: calc(6 * var(--rpx)); }
.page-view[data-page="product-match"] .match-search input{ height: calc(72 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .matched-client{ padding: calc(28 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="product-match"] .client-name{ font-size: max(11px, calc(29 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .client-tail{ font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .client-grade{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); }
.page-view[data-page="product-match"] .client-facts,.page-view[data-page="product-match"] .client-match{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .client-match{ color: #806C4B; }
.page-view[data-page="product-match"] .client-task{ display: flex; align-items: flex-start; gap: calc(14 * var(--rpx)); margin-top: calc(18 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="product-match"] .task-label{ color: var(--c-ink-3); flex: 0 0 auto; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); padding-top: calc(3 * var(--rpx)); }
.page-view[data-page="product-match"] .client-open{ margin-top: calc(20 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .client-open wx-text:last-child{ color: var(--c-ink-1); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .feedback-preview{ display: block; color: var(--c-ok); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); margin-top: calc(12 * var(--rpx)); }
.page-view[data-page="product-match"] .no-reference,.page-view[data-page="product-match"] .no-matches{ padding: calc(28 * var(--rpx)) 0; }
.page-view[data-page="product-match"] .no-reference wx-text,.page-view[data-page="product-match"] .no-matches wx-text{ display: block; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .no-reference wx-text:last-child,.page-view[data-page="product-match"] .no-matches wx-text:nth-child(2){ margin-top: calc(10 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .no-matches > wx-view{ margin-top: calc(22 * var(--rpx)); color: var(--c-accent); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .list-foot{ display: block; padding: calc(24 * var(--rpx)) 0; text-align: center; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .match-foot{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .match-foot wx-text{ display: block; margin-top: calc(6 * var(--rpx)); }
.page-view[data-page="product-match"] .terrace-position-section{ padding: calc(4 * var(--rpx)) calc(32 * var(--rpx)) calc(20 * var(--rpx)); background: #fff; }
.page-view[data-page="product-match"] .terrace-connect{ display: flex; align-items: center; justify-content: center; gap: calc(14 * var(--rpx)); padding: calc(16 * var(--rpx)) 0; color: var(--c-ink-2); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .terrace-connect > wx-view{ height: calc(1 * var(--rpx)); width: calc(28 * var(--rpx)); background: #BDB3A2; }
.page-view[data-page="product-match"] .terrace-node{ padding: calc(8 * var(--rpx)) calc(24 * var(--rpx)); background: #F3EEE4; color: #806C4B; border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="product-match"] .terrace-position-copy{ display: block; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); text-align: center; color: var(--c-ink-2); }
.page-view[data-page="product-match"] .scene-toggle{ display: flex; justify-content: space-between; padding-top: calc(18 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .scene-details{ padding-top: calc(12 * var(--rpx)); }
.page-view[data-page="product-match"] .scene-row{ display: flex; align-items: flex-start; gap: calc(20 * var(--rpx)); padding: calc(16 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .scene-row wx-text:first-child{ flex: 0 0 calc(154 * var(--rpx)); color: var(--c-ink-1); }
.page-view[data-page="product-match"] .scene-row wx-text:last-child{ flex: 1; color: var(--c-ink-2); }
.page-view[data-page="product-match"] .scene-scale,.page-view[data-page="product-match"] .scene-validate,.page-view[data-page="product-match"] .scene-concern,.page-view[data-page="product-match"] .scene-north{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .scene-north{ color: var(--c-ink-3); }
.page-view[data-page="product-match"] .terrace-case{ padding: calc(18 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); margin-top: calc(20 * var(--rpx)); }
.page-view[data-page="product-match"] .terrace-case-kind{ display: block; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: #806C4B; }
.page-view[data-page="product-match"] .terrace-case-quote{ display: block; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; margin-top: calc(12 * var(--rpx)); }
.page-view[data-page="product-match"] .terrace-case-source,.page-view[data-page="product-match"] .scene-source{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); margin-top: calc(8 * var(--rpx)); }
.page-view[data-page="product-match"] .scene-match-link{ margin-top: calc(20 * var(--rpx)); color: #806C4B; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .terrace-lanes{ display: flex; gap: calc(12 * var(--rpx)); margin: 0 0 calc(20 * var(--rpx)); }
.page-view[data-page="product-match"] .terrace-lane{ padding: calc(10 * var(--rpx)) calc(18 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="product-match"] .terrace-lane.active{ border-color: #8C6D3F; color: #806C4B; background: #FAF7F0; }
.page-view[data-page="product-match"] .small-sample{ display: block; margin-top: calc(6 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(19 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .voice-basis{ margin-top: calc(24 * var(--rpx)); padding: calc(22 * var(--rpx)) 0 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="product-match"] .voice-heading{ display: flex; align-items: baseline; justify-content: space-between; color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .voice-heading wx-text:last-child{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .voice-guidance{ display: block; margin-top: calc(10 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); color: #806C4B; }
.page-view[data-page="product-match"] .voice-example{ padding: calc(18 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="product-match"] .voice-example:last-child{ border-bottom: 0; }
.page-view[data-page="product-match"] .voice-quote{ display: block; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; color: var(--c-ink-1); }
.page-view[data-page="product-match"] .voice-source,.page-view[data-page="product-match"] .voice-reading{ display: block; margin-top: calc(8 * var(--rpx)); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); overflow-wrap: break-word; }
.page-view[data-page="product-match"] .voice-reading{ font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); }
.page-view[data-page="product-match"] .client-voice{ margin-top: calc(14 * var(--rpx)); padding-left: calc(16 * var(--rpx)); border-left: calc(3 * var(--rpx)) solid #CFC3AD; }
.page-view[data-page="product-match"] .client-voice wx-text{ display: block; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); }
.page-view[data-page="product-match"] .client-voice wx-text:last-child{ margin-top: calc(6 * var(--rpx)); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .product-difference{ padding: 0 calc(32 * var(--rpx)) calc(24 * var(--rpx)); background: #fff; }
.page-view[data-page="product-match"] .difference-heading{ display: flex; align-items: baseline; justify-content: space-between; margin-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="product-match"] .difference-heading wx-text:first-child{ font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .difference-heading wx-text:last-child{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .difference-grid{ display: grid; grid-template-columns: 1fr 1fr; gap: calc(14 * var(--rpx)); }
.page-view[data-page="product-match"] .difference-column{ padding: calc(20 * var(--rpx)) calc(18 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="product-match"] .difference-column.selected{ border-color: #8C6D3F; background: #FAF7F0; }
.page-view[data-page="product-match"] .difference-title{ display: flex; justify-content: space-between; align-items: baseline; font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .difference-title wx-text:last-child{ font-size: max(10px, calc(19 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; color: #806C4B; }
.page-view[data-page="product-match"] .difference-access{ display: block; margin-top: calc(18 * var(--rpx)); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .difference-label{ display: block; margin-top: calc(2 * var(--rpx)); font-size: max(10px, calc(19 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .difference-area{ display: block; margin-top: calc(14 * var(--rpx)); min-height: calc(62 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-1); }
.page-view[data-page="product-match"] .difference-path{ display: block; padding-top: calc(14 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); }
.page-view[data-page="product-match"] .difference-match{ display: block; margin-top: calc(12 * var(--rpx)); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: #806C4B; }
.page-view[data-page="product-match"] .difference-common{ display: flex; gap: calc(24 * var(--rpx)); margin-top: calc(18 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .difference-note{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .evidence-coverage{ display: flex; gap: calc(36 * var(--rpx)); margin-top: calc(18 * var(--rpx)); padding: calc(18 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="product-match"] .evidence-coverage > wx-view{ flex: 1; }
.page-view[data-page="product-match"] .evidence-coverage wx-text{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .evidence-coverage wx-text:first-child{ color: var(--c-ink-1); font-size: max(11px, calc(33 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .tag-numbers{ justify-content: space-between; }
.page-view[data-page="product-match"] .tag-percent{ color: #806C4B; font-weight: 600; }
.page-view[data-page="product-match"] .tag-meter{ height: calc(5 * var(--rpx)); margin-top: calc(12 * var(--rpx)); border-radius: calc(3 * var(--rpx)); overflow: hidden; background: #ECE9E2; }
.page-view[data-page="product-match"] .tag-meter > wx-view{ height: 100%; background: #9B825B; }
.page-view[data-page="product-match"] .tag-mine{ display: block; margin-top: calc(10 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(19 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .reassignment-note{ margin-top: calc(20 * var(--rpx)); padding: calc(18 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="product-match"] .reassignment-note wx-text{ display: block; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); }
.page-view[data-page="product-match"] .reassignment-note wx-text:first-child{ margin-bottom: calc(6 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); color: #806C4B; }
.page-view[data-page="product-match"] .ratio-scope{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="product-match"] .reassignment-example{ margin-top: calc(14 * var(--rpx)); padding-left: calc(14 * var(--rpx)); border-left: calc(3 * var(--rpx)) solid #CFC3AD; }
.page-view[data-page="product-match"] .reassignment-example wx-text:first-child{ font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-1); }
.page-view[data-page="product-match"] .reassignment-example wx-text:last-child{ margin-top: calc(6 * var(--rpx)); font-size: max(10px, calc(19 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .housing-section{ margin: calc(16 * var(--rpx)) 0; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); background: #fff; }
.page-view[data-page="product-match"] .housing-heading,.page-view[data-page="product-match"] .housing-rate,.page-view[data-page="product-match"] .housing-toggle,.page-view[data-page="product-match"] .housing-target-heading{ display: flex; justify-content: space-between; align-items: baseline; gap: calc(12 * var(--rpx)); }
.page-view[data-page="product-match"] .housing-heading > wx-text{ font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .housing-heading > wx-view{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .housing-metrics{ display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(12 * var(--rpx)); margin: calc(20 * var(--rpx)) 0; }
.page-view[data-page="product-match"] .housing-metrics wx-text{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-metrics wx-text:first-child{ color: var(--c-ink-1); font-size: max(11px, calc(36 * var(--rpx) * var(--font-scale, 1))); line-height: 1.4; font-weight: 600; }
.page-view[data-page="product-match"] .housing-rate{ font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-rate wx-text:last-child{ color: #806C4B; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .housing-comparison{ display: block; margin-top: calc(6 * var(--rpx)); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .housing-toggle{ padding: calc(20 * var(--rpx)) 0 0; margin-top: calc(20 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-toggle wx-text:last-child{ color: #806C4B; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-side-table{ margin-top: calc(22 * var(--rpx)); }
.page-view[data-page="product-match"] .housing-table-row{ display: grid; grid-template-columns: 1.3fr repeat(3, 0.8fr) 1fr; gap: calc(8 * var(--rpx)); padding: calc(13 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-table-row wx-text{ text-align: right; }
.page-view[data-page="product-match"] .housing-table-row wx-text:first-child{ text-align: left; }
.page-view[data-page="product-match"] .housing-table-row.head{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .housing-side-switch{ display: flex; gap: calc(12 * var(--rpx)); margin-top: calc(20 * var(--rpx)); }
.page-view[data-page="product-match"] .housing-side{ padding: calc(8 * var(--rpx)) calc(18 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="product-match"] .housing-side.active{ color: #806C4B; border-color: #8C6D3F; background: #FAF7F0; }
.page-view[data-page="product-match"] .housing-selectors{ display: flex; gap: calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="product-match"] .housing-selectors wx-picker{ flex: 1; }
.page-view[data-page="product-match"] .housing-selectors wx-picker > wx-view{ display: flex; justify-content: space-between; padding: calc(13 * var(--rpx)) calc(18 * var(--rpx)); background: #F6F6F3; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="product-match"] .housing-home{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); padding: calc(20 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="product-match"] .housing-home.selected{ border-bottom-color: #8C6D3F; }
.page-view[data-page="product-match"] .housing-room{ display: block; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .housing-home-facts{ display: block; margin-top: calc(4 * var(--rpx)); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .housing-choose{ flex: 0 0 auto; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: #806C4B; }
.page-view[data-page="product-match"] .housing-boundary,.page-view[data-page="product-match"] .housing-empty{ display: block; margin-top: calc(16 * var(--rpx)); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); }
.page-view[data-page="product-match"] .housing-more{ padding: calc(20 * var(--rpx)) 0 0; text-align: center; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); color: #806C4B; }
.page-view[data-page="product-match"] .housing-target{ margin-top: calc(24 * var(--rpx)); padding: calc(20 * var(--rpx)); background: #FAF7F0; border-left: calc(4 * var(--rpx)) solid #8C6D3F; }
.page-view[data-page="product-match"] .housing-target-heading > wx-text{ font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="product-match"] .housing-target-heading > wx-view{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-target > wx-text{ display: block; margin-top: calc(8 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-target .housing-target-note{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="product-match"] .housing-target-action{ margin-top: calc(18 * var(--rpx)); color: #806C4B; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .terrace-review-modal{ position: fixed; inset: 0; z-index: 500; display: flex; align-items: flex-end; }
.page-view[data-page="ledger-client"] .terrace-review-shade{ position: absolute; inset: 0; background: rgba(0,0,0,.35); }
.page-view[data-page="ledger-client"] .terrace-review-sheet{ position: relative; width: 100%; padding: calc(28 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(28 * var(--rpx)) + env(safe-area-inset-bottom)); background: #fff; border-radius: calc(18 * var(--rpx)) calc(18 * var(--rpx)) 0 0; color: #1A1A1A; }
.page-view[data-page="ledger-client"] .terrace-review-heading{ display: flex; align-items: center; justify-content: space-between; gap: calc(20 * var(--rpx)); font-size: max(11px, calc(29 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="ledger-client"] .terrace-review-heading > wx-view{ color: #9B9B96; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="ledger-client"] .terrace-review-label{ display: block; margin-top: calc(24 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); color: #666663; }
.page-view[data-page="ledger-client"] .terrace-review-picker{ display: flex; align-items: center; justify-content: space-between; min-height: calc(76 * var(--rpx)); margin-top: calc(10 * var(--rpx)); padding: calc(16 * var(--rpx)); background: #F6F6F3; font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="ledger-client"] .terrace-review-picker wx-text{ color: #9B9B96; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .terrace-review-sheet textarea{ box-sizing: border-box; width: 100%; height: calc(180 * var(--rpx)); margin-top: calc(12 * var(--rpx)); padding: calc(16 * var(--rpx)); background: #F6F6F3; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="ledger-client"] .terrace-review-note{ display: block; margin: calc(16 * var(--rpx)) 0 calc(24 * var(--rpx)); color: #9B9B96; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="ledger-client"] .terrace-review-save{ padding: calc(22 * var(--rpx)); text-align: center; background: #242421; color: #fff; border-radius: calc(6 * var(--rpx)); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .terrace-review-scroll{ max-height: 65vh; margin-bottom: calc(18 * var(--rpx)); }
.page-view[data-page="ledger-client"]{ background: var(--c-bg); color: var(--c-ink-1); }
.page-view[data-page="ledger-client"] .ledger-screen{ padding-bottom: calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="ledger-client"] .ledger-head{ padding: calc(32 * var(--rpx)); background: #fff; }
.page-view[data-page="ledger-client"] .person-line,.page-view[data-page="ledger-client"] .section-heading,.page-view[data-page="ledger-client"] .report-link,.page-view[data-page="ledger-client"] .material-link,.page-view[data-page="ledger-client"] .sheet-heading{ display: flex; justify-content: space-between; align-items: center; gap: calc(20 * var(--rpx)); }
.page-view[data-page="ledger-client"] .person-name{ font-size: max(11px, calc(36 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="ledger-client"] .person-grade{ font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); }
.page-view[data-page="ledger-client"] .person-meta{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .ledger-section{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); background: #fff; margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="ledger-client"] .section-heading{ font-size: max(11px, calc(29 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; margin-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="ledger-client"] .quiet{ font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); font-weight: 400; }
.page-view[data-page="ledger-client"] .target-product{ display: block; margin-top: calc(4 * var(--rpx)); font-size: max(11px, calc(27 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="ledger-client"] .matched-tags{ display: flex; flex-wrap: wrap; gap: calc(10 * var(--rpx)); margin-top: calc(12 * var(--rpx)); }
.page-view[data-page="ledger-client"] .matched-tags wx-text{ background: #F6F1E7; color: #806C4B; padding: calc(4 * var(--rpx)) calc(12 * var(--rpx)); border-radius: calc(4 * var(--rpx)); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .task-question{ display: block; padding-top: calc(16 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="ledger-client"] .basis-row{ display: flex; align-items: flex-start; gap: calc(24 * var(--rpx)); padding: calc(14 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .basis-row > wx-text:first-child{ flex: 0 0 calc(152 * var(--rpx)); color: var(--c-ink-3); }
.page-view[data-page="ledger-client"] .basis-row > wx-text:last-child{ flex: 1; min-width: 0; }
.page-view[data-page="ledger-client"] .section-note{ display: block; margin-top: calc(12 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; line-height: 1.65; }
.page-view[data-page="ledger-client"] .record-label{ display: block; margin-top: calc(20 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .record-copy{ display: block; margin-top: calc(8 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); white-space: pre-wrap; }
.page-view[data-page="ledger-client"] .quote-row{ border-top: calc(1 * var(--rpx)) solid var(--c-line); padding: calc(20 * var(--rpx)) 0; }
.page-view[data-page="ledger-client"] .quote-meta,.page-view[data-page="ledger-client"] .quote-file{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); overflow-wrap: anywhere; }
.page-view[data-page="ledger-client"] .quote-copy{ display: block; margin-top: calc(10 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.75; }
.page-view[data-page="ledger-client"] .quote-file{ margin-top: calc(12 * var(--rpx)); }
.page-view[data-page="ledger-client"] .report-link{ padding: calc(18 * var(--rpx)) 0 calc(6 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .material-link{ padding: calc(18 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .material-link .section-note{ margin-top: calc(4 * var(--rpx)); }
.page-view[data-page="ledger-client"] .copy-questions{ margin-top: calc(20 * var(--rpx)); color: #806C4B; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); padding: calc(12 * var(--rpx)) 0; }
.page-view[data-page="ledger-client"] .feedback-result{ font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ok); }
.page-view[data-page="ledger-client"] .result-options{ display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); margin: calc(20 * var(--rpx)) 0; }
.page-view[data-page="ledger-client"] .result-option{ padding: calc(10 * var(--rpx)) calc(16 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="ledger-client"] .result-option.selected{ border-color: #806C4B; background: #FAF7F0; }
.page-view[data-page="ledger-client"] .feedback-form textarea,.page-view[data-page="ledger-client"] .feedback-form input,.page-view[data-page="ledger-client"] .date-picker{ box-sizing: border-box; width: 100%; padding: calc(18 * var(--rpx)); background: #F6F6F3; border-radius: calc(4 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); margin: calc(16 * var(--rpx)) 0; }
.page-view[data-page="ledger-client"] .feedback-form textarea{ height: calc(200 * var(--rpx)); }
.page-view[data-page="ledger-client"] .feedback-form input{ min-height: calc(80 * var(--rpx)); }
.page-view[data-page="ledger-client"] .date-picker{ min-height: calc(76 * var(--rpx)); color: var(--c-ink-2); }
.page-view[data-page="ledger-client"] .save-feedback{ padding: calc(22 * var(--rpx)) calc(12 * var(--rpx)); text-align: center; background: #242421; color: #fff; border-radius: calc(6 * var(--rpx)); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .ledger-foot{ display: block; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .context-warning{ display: block; margin-top: calc(10 * var(--rpx)); color: #9A7039; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .ledger-unavailable{ padding: calc(60 * var(--rpx)) calc(32 * var(--rpx)); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .ledger-unavailable wx-text{ display: block; margin-bottom: calc(20 * var(--rpx)); }
.page-view[data-page="ledger-client"] .ledger-unavailable wx-text:nth-child(2){ color: var(--c-ink-3); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .ledger-unavailable > wx-view{ color: var(--c-accent); }
.page-view[data-page="ledger-client"] .ledger-modal{ position: fixed; inset: 0; z-index: 100; display: flex; align-items: flex-end; }
.page-view[data-page="ledger-client"] .modal-shade{ position: absolute; inset: 0; background: rgba(0,0,0,.35); }
.page-view[data-page="ledger-client"] .material-sheet{ position: relative; width: 100%; background: #fff; border-radius: calc(20 * var(--rpx)) calc(20 * var(--rpx)) 0 0; padding: calc(28 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(28 * var(--rpx)) + env(safe-area-inset-bottom)); }
.page-view[data-page="ledger-client"] .sheet-heading{ font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="ledger-client"] .sheet-heading > wx-view{ font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-3); font-weight: 400; flex: 0 0 auto; }
.page-view[data-page="ledger-client"] .sheet-context{ display: block; margin-top: calc(12 * var(--rpx)); color: #806C4B; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="ledger-client"] .sheet-scroll{ max-height: 56vh; margin-bottom: calc(24 * var(--rpx)); }
.page-view[data-page="ledger-client"] .sheet-point{ display: block; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-2); margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .terrace-review-modal{ position: fixed; inset: 0; z-index: 500; display: flex; align-items: flex-end; }
.page-view[data-page="detail"] .terrace-review-shade{ position: absolute; inset: 0; background: rgba(0,0,0,.35); }
.page-view[data-page="detail"] .terrace-review-sheet{ position: relative; width: 100%; padding: calc(28 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(28 * var(--rpx)) + env(safe-area-inset-bottom)); background: #fff; border-radius: calc(18 * var(--rpx)) calc(18 * var(--rpx)) 0 0; color: #1A1A1A; }
.page-view[data-page="detail"] .terrace-review-heading{ display: flex; align-items: center; justify-content: space-between; gap: calc(20 * var(--rpx)); font-size: max(11px, calc(29 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="detail"] .terrace-review-heading > wx-view{ color: #9B9B96; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="detail"] .terrace-review-label{ display: block; margin-top: calc(24 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); color: #666663; }
.page-view[data-page="detail"] .terrace-review-picker{ display: flex; align-items: center; justify-content: space-between; min-height: calc(76 * var(--rpx)); margin-top: calc(10 * var(--rpx)); padding: calc(16 * var(--rpx)); background: #F6F6F3; font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="detail"] .terrace-review-picker wx-text{ color: #9B9B96; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .terrace-review-sheet textarea{ box-sizing: border-box; width: 100%; height: calc(180 * var(--rpx)); margin-top: calc(12 * var(--rpx)); padding: calc(16 * var(--rpx)); background: #F6F6F3; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; border-radius: calc(4 * var(--rpx)); }
.page-view[data-page="detail"] .terrace-review-note{ display: block; margin: calc(16 * var(--rpx)) 0 calc(24 * var(--rpx)); color: #9B9B96; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .terrace-review-save{ padding: calc(22 * var(--rpx)); text-align: center; background: #242421; color: #fff; border-radius: calc(6 * var(--rpx)); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .terrace-review-scroll{ max-height: 65vh; margin-bottom: calc(18 * var(--rpx)); }
.page-view[data-page="detail"]{ background: var(--c-bg); }
.page-view[data-page="detail"] .detail-navigation{ position: sticky; top: 0; z-index: 50; background: var(--c-card); }
.page-view[data-page="detail"] .report-replica{ width: 100%; overflow-x: hidden; padding-bottom: calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); background: var(--c-card); color: var(--c-ink-1); font-family: -apple-system, 'PingFang SC', sans-serif; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; font-variant-numeric: tabular-nums; -webkit-overflow-scrolling: touch; }
.page-view[data-page="detail"] .report-replica wx-view,.page-view[data-page="detail"] .report-replica wx-text{ box-sizing: border-box; }
.page-view[data-page="detail"] .report-replica .block{ display: block; }
.page-view[data-page="detail"] .report-replica .flex-one{ flex: 1; min-width: 0; overflow-wrap: anywhere; }
.page-view[data-page="detail"] .report-replica .seg,.page-view[data-page="detail"] .detail-navigation .seg{ display: flex; padding: 0 calc(32 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); background: var(--c-card); }
.page-view[data-page="detail"] .report-replica .seg-tab,.page-view[data-page="detail"] .detail-navigation .seg-tab{ position: relative; flex: 1; padding: calc(24 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; text-align: center; }
.page-view[data-page="detail"] .report-replica .seg-tab.on,.page-view[data-page="detail"] .detail-navigation .seg-tab.on{ color: var(--c-ink-1); font-weight: 600; }
.page-view[data-page="detail"] .report-replica .seg-tab.on::after,.page-view[data-page="detail"] .detail-navigation .seg-tab.on::after{ position: absolute; bottom: 0; left: 50%; width: calc(48 * var(--rpx)); height: calc(4 * var(--rpx)); background: var(--c-brand); content: ''; transform: translateX(-50%); }
.page-view[data-page="detail"] .detail-navigation .seg-tab:active,.page-view[data-page="detail"] .report-replica .seg-tab:active,.page-view[data-page="detail"] .report-replica .layer:active,.page-view[data-page="detail"] .report-replica .c-head:active,.page-view[data-page="detail"] .report-replica .tl-item:active,.page-view[data-page="detail"] .report-replica .a-btn:active{ opacity: .6; }
.page-view[data-page="detail"] .report-replica .head{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; }
.page-view[data-page="detail"] .report-replica .profile-line{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .profile-grade{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); min-width: 0; }
.page-view[data-page="detail"] .report-replica .profile-label{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .profile-value{ color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="detail"] .report-replica .profile-status{ flex-shrink: 0; color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .meta{ display: flex; flex-wrap: wrap; gap: calc(8 * var(--rpx)) calc(24 * var(--rpx)); margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .confidence{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .dots{ display: flex; gap: calc(8 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .dot{ width: calc(8 * var(--rpx)); height: calc(8 * var(--rpx)); border-radius: calc(999 * var(--rpx)); background: var(--c-line); }
.page-view[data-page="detail"] .report-replica .dot.f{ background: var(--c-ink-3); }
.page-view[data-page="detail"] .report-replica .summary{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) calc(32 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .summary-label{ display: block; margin-bottom: calc(16 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 600; }
.page-view[data-page="detail"] .report-replica .summary-copy{ display: block; color: var(--c-ink-2); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .report-replica .sec{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; border-top: calc(16 * var(--rpx)) solid var(--c-bg); }
.page-view[data-page="detail"] .report-replica .sec-h{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: calc(8 * var(--rpx)) calc(16 * var(--rpx)); padding-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .sec-t{ color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 600; }
.page-view[data-page="detail"] .report-replica .sec-s{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .ladder{ position: relative; }
.page-view[data-page="detail"] .report-replica .ladder::before{ position: absolute; top: calc(40 * var(--rpx)); bottom: calc(48 * var(--rpx)); left: calc(15 * var(--rpx)); width: calc(2 * var(--rpx)); background: var(--c-line); content: ''; }
.page-view[data-page="detail"] .report-replica .layer{ position: relative; display: flex; align-items: flex-start; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .l-dot{ z-index: 1; flex: 0 0 calc(32 * var(--rpx)); width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); margin-top: calc(24 * var(--rpx)); border: calc(8 * var(--rpx)) solid var(--c-card); border-radius: calc(999 * var(--rpx)); background: var(--c-mute); }
.page-view[data-page="detail"] .report-replica .st-confirmed .l-dot{ background: var(--c-ok); }
.page-view[data-page="detail"] .report-replica .st-weak .l-dot{ background: var(--c-warn); }
.page-view[data-page="detail"] .report-replica .st-blocked .l-dot{ background: var(--c-risk); }
.page-view[data-page="detail"] .report-replica .l-body{ flex: 1; min-width: 0; padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .layer:first-child .l-body{ border-top: 0; }
.page-view[data-page="detail"] .report-replica .l-row{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .l-name{ flex: 1; min-width: 0; color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 500; }
.page-view[data-page="detail"] .report-replica .l-name .inline{ margin-right: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .l-status,.page-view[data-page="detail"] .report-replica .conf,.page-view[data-page="detail"] .report-replica .flag,.page-view[data-page="detail"] .report-replica .p-state,.page-view[data-page="detail"] .report-replica .rf-tag{ display: inline-flex; align-items: center; flex-shrink: 0; min-height: calc(32 * var(--rpx)); padding: 0 calc(8 * var(--rpx)); border-radius: var(--radius-small); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; font-weight: 400; }
.page-view[data-page="detail"] .report-replica .l-status{ color: var(--c-mute); background: var(--c-mute-bg); }
.page-view[data-page="detail"] .report-replica .st-confirmed .l-status{ color: var(--c-ok); background: var(--c-ok-bg); }
.page-view[data-page="detail"] .report-replica .st-weak .l-status{ color: var(--c-warn); background: var(--c-warn-bg); }
.page-view[data-page="detail"] .report-replica .st-blocked .l-status{ color: var(--c-risk); background: var(--c-risk-bg); }
.page-view[data-page="detail"] .report-replica .st-unverified .l-status{ padding: 0; color: var(--c-ink-3); background: transparent; }
.page-view[data-page="detail"] .report-replica .st-unverified .l-status::before,.page-view[data-page="detail"] .report-replica .conf-dai::before{ width: calc(12 * var(--rpx)); height: calc(12 * var(--rpx)); margin-right: calc(8 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--c-mute); border-radius: calc(999 * var(--rpx)); content: ''; }
.page-view[data-page="detail"] .report-replica .l-judge{ margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .l-more{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .evidence-chevron,.page-view[data-page="detail"] .report-replica .c-arrow{ width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); flex: 0 0 calc(24 * var(--rpx)); background: var(--c-ink-3); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform 200ms ease-out; }
.page-view[data-page="detail"] .report-replica .layer.open .evidence-chevron,.page-view[data-page="detail"] .report-replica .collapse.open .c-arrow,.page-view[data-page="detail"] .report-replica .tl-item.open .evidence-chevron{ transform: rotate(180deg); }
.page-view[data-page="detail"] .report-replica .l-evi{ max-height: 0; overflow: hidden; opacity: 0; transition: max-height 200ms ease-out, opacity 200ms ease-out; }
.page-view[data-page="detail"] .report-replica .layer.open .l-evi{ max-height: calc(6400 * var(--rpx)); opacity: 1; }
.page-view[data-page="detail"] .report-replica .evi{ margin-top: calc(16 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .report-replica .tag{ display: inline-block; margin-bottom: calc(8 * var(--rpx)); padding: 0 calc(8 * var(--rpx)); border-radius: var(--radius-small); background: var(--c-mute-bg); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; line-height: 1.6; }
.page-view[data-page="detail"] .report-replica .evi-copy{ display: block; color: var(--c-ink-2); overflow-wrap: anywhere; }
.page-view[data-page="detail"] .report-replica .ts{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; font-variant-numeric: tabular-nums; }
.page-view[data-page="detail"] .report-replica .empty{ color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .empty-row{ padding: calc(24 * var(--rpx)) 0; }
.page-view[data-page="detail"] .report-replica .action-section{ padding-bottom: calc(32 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .action{ padding: calc(24 * var(--rpx)); border-radius: var(--radius-card); background: var(--c-brand); color: var(--c-card); }
.page-view[data-page="detail"] .report-replica .a-label{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); color: var(--c-accent); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .a-type{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .a-blocker{ margin-top: calc(8 * var(--rpx)); color: var(--c-card); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="detail"] .report-replica .a-evi{ margin-top: calc(16 * var(--rpx)); padding-left: calc(16 * var(--rpx)); border-left: calc(2 * var(--rpx)) solid var(--c-ink-2); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .a-evi .ts{ margin-left: calc(8 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .a-div{ height: calc(1 * var(--rpx)); margin: calc(24 * var(--rpx)) 0; background: var(--c-ink-2); opacity: .5; }
.page-view[data-page="detail"] .report-replica .a-steps{ display: flex; flex-direction: column; gap: calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .a-step{ display: flex; align-items: flex-start; gap: calc(16 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .a-step .k{ flex: 0 0 calc(96 * var(--rpx)); padding-top: 0; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .a-step .v{ flex: 1; min-width: 0; color: var(--c-card); overflow-wrap: anywhere; }
.page-view[data-page="detail"] .report-replica .a-step .hl{ font-weight: 500; }
.page-view[data-page="detail"] .report-replica .a-btn{ display: flex; justify-content: center; align-items: center; width: 100%; min-height: calc(72 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding: calc(16 * var(--rpx)); border-radius: calc(999 * var(--rpx)); background: var(--c-card); color: var(--c-brand); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 500; }
.page-view[data-page="detail"] .report-replica .c-head{ min-height: calc(64 * var(--rpx)); padding-bottom: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .c-body{ max-height: 0; overflow: hidden; opacity: 0; transition: max-height 200ms ease-out, opacity 200ms ease-out; }
.page-view[data-page="detail"] .report-replica .collapse.open .c-body{ max-height: calc(30000 * var(--rpx)); opacity: 1; }
.page-view[data-page="detail"] .report-replica .w-row{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .w-top{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .w-key{ color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="detail"] .report-replica .w-key .inline{ margin-left: calc(16 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="detail"] .report-replica .conf-ming{ color: var(--c-ok); background: var(--c-ok-bg); }
.page-view[data-page="detail"] .report-replica .conf-tui{ color: var(--c-warn); background: var(--c-warn-bg); }
.page-view[data-page="detail"] .report-replica .conf-dai{ padding: 0; color: var(--c-ink-3); }
.page-view[data-page="detail"] .report-replica .w-cols{ display: flex; flex-direction: column; gap: calc(16 * var(--rpx)); margin-top: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .w-col{ display: flex; align-items: baseline; gap: calc(16 * var(--rpx)); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .w-col .h{ flex: 0 0 calc(128 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .must-v,.page-view[data-page="detail"] .report-replica .want-v{ flex: 1; min-width: 0; color: var(--c-ink-2); overflow-wrap: anywhere; }
.page-view[data-page="detail"] .report-replica .w-evi{ margin-top: calc(24 * var(--rpx)); padding-top: 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .c-row{ display: flex; align-items: flex-start; gap: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .c-row .k{ flex: 0 0 calc(128 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .person{ display: inline-block; margin-right: calc(16 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .person.todo{ color: var(--c-warn); }
.page-view[data-page="detail"] .report-replica .person.unknown{ color: var(--c-ink-3); }
.page-view[data-page="detail"] .report-replica .res-item{ display: flex; gap: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .res-tag{ flex: 0 0 calc(64 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .res-item .v{ flex: 1; min-width: 0; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .val-line{ display: flex; gap: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .val-label{ flex: 0 0 calc(128 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .val-line .bold{ flex: 1; min-width: 0; }
.page-view[data-page="detail"] .report-replica .quote{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .qt{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .sp{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .sp.uncertain{ color: var(--c-risk); }
.page-view[data-page="detail"] .report-replica .qc{ color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .qw{ margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .conflict{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .conflict .f{ color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="detail"] .report-replica .vs{ display: flex; flex-direction: column; gap: calc(16 * var(--rpx)); margin-top: calc(16 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .vs .h{ margin-bottom: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .conflict .note{ margin-top: calc(16 * var(--rpx)); color: var(--c-warn); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .legend{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)); border-top: calc(16 * var(--rpx)) solid var(--c-bg); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .visit-meta{ padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) 0; }
.page-view[data-page="detail"] .report-replica .visit-date,.page-view[data-page="detail"] .report-replica .visit-advisor{ display: flex; align-items: center; justify-content: space-between; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .visit-date{ color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="detail"] .report-replica .visit-advisor{ margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .qa{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .qa-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: calc(16 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .flag{ flex-shrink: 1; max-width: 100%; text-align: left; }
.page-view[data-page="detail"] .report-replica .flag.warn{ color: var(--c-warn); background: var(--c-warn-bg); }
.page-view[data-page="detail"] .report-replica .flag.ok{ color: var(--c-ok); background: var(--c-ok-bg); }
.page-view[data-page="detail"] .report-replica .q-line,.page-view[data-page="detail"] .report-replica .a-line{ display: flex; align-items: flex-start; gap: calc(16 * var(--rpx)); padding-left: calc(16 * var(--rpx)); border-left: calc(2 * var(--rpx)) solid var(--c-brand); }
.page-view[data-page="detail"] .report-replica .qb,.page-view[data-page="detail"] .report-replica .ab{ flex: 0 0 calc(24 * var(--rpx)); width: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .qt2{ flex: 1; min-width: 0; color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="detail"] .report-replica .a-line{ margin-top: calc(16 * var(--rpx)); border-left-color: var(--c-line); }
.page-view[data-page="detail"] .report-replica .at{ flex: 1; min-width: 0; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .timeline{ position: relative; }
.page-view[data-page="detail"] .report-replica .timeline::before{ position: absolute; top: calc(24 * var(--rpx)); bottom: calc(32 * var(--rpx)); left: calc(101 * var(--rpx)); width: calc(2 * var(--rpx)); background: var(--c-line); content: ''; }
.page-view[data-page="detail"] .report-replica .tl-item{ position: relative; display: flex; align-items: flex-start; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .tl-ts{ flex: 0 0 calc(80 * var(--rpx)); width: calc(80 * var(--rpx)); padding-top: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; text-align: right; }
.page-view[data-page="detail"] .report-replica .tl-dot{ z-index: 1; flex: 0 0 calc(12 * var(--rpx)); width: calc(12 * var(--rpx)); height: calc(12 * var(--rpx)); margin-top: calc(32 * var(--rpx)); border: calc(2 * var(--rpx)) solid var(--c-card); border-radius: calc(999 * var(--rpx)); background: var(--c-ink-3); }
.page-view[data-page="detail"] .report-replica .tl-item.hot .tl-dot{ border: 0; background: var(--c-accent); }
.page-view[data-page="detail"] .report-replica .tl-body{ flex: 1; min-width: 0; padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .tl-item:first-child .tl-body{ border-top: 0; }
.page-view[data-page="detail"] .report-replica .tl-heading{ display: flex; align-items: flex-start; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .tl-cap{ flex: 1; min-width: 0; color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .tl-heading .evidence-chevron{ margin-top: calc(8 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .tl-quote{ max-height: 0; overflow: hidden; opacity: 0; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); transition: max-height 200ms ease-out, opacity 200ms ease-out; }
.page-view[data-page="detail"] .report-replica .tl-item.open .tl-quote{ max-height: calc(6400 * var(--rpx)); margin-top: calc(16 * var(--rpx)); padding-top: calc(16 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); opacity: 1; }
.page-view[data-page="detail"] .report-replica .tl-quote .sp{ display: block; margin-bottom: calc(8 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .p-row{ display: flex; align-items: flex-start; flex-wrap: wrap; gap: calc(8 * var(--rpx)) calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .pk{ flex: 0 0 calc(112 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .p-state{ color: var(--c-warn); background: var(--c-warn-bg); }
.page-view[data-page="detail"] .report-replica .rf{ display: flex; align-items: flex-start; gap: calc(16 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .rf-tag{ color: var(--c-ink-2); background: var(--c-mute-bg); }
.page-view[data-page="detail"] .report-replica .rf-tag.upd{ color: var(--c-warn); background: var(--c-warn-bg); }
.page-view[data-page="detail"] .report-replica .rf-tag.new{ color: var(--c-ok); background: var(--c-ok-bg); }
.page-view[data-page="detail"] .report-skeleton{ min-height: 100vh; padding: calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="detail"] .report-skeleton-card{ margin-bottom: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; }
.page-view[data-page="detail"] .report-skeleton-line{ height: calc(24 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); border-radius: var(--radius-small); background: var(--c-mute-bg); animation: report-breathe 1200ms ease-in-out infinite alternate; }
.page-view[data-page="detail"] .report-skeleton-line.short{ width: 48%; }
@keyframes report-breathe{ from { opacity: .45; } to { opacity: 1; } }
.page-view[data-page="detail"] .report-replica .point-heading-end{ display: flex; align-items: center; gap: calc(16 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .point-row{ display: flex; align-items: flex-start; gap: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .point-rank{ flex: 0 0 calc(32 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.75; font-variant-numeric: tabular-nums; }
.page-view[data-page="detail"] .report-replica .point-copy{ flex: 1; min-width: 0; }
.page-view[data-page="detail"] .report-replica .point-text{ display: block; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; overflow-wrap: anywhere; }
.page-view[data-page="detail"] .report-replica .point-category{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .report-replica .point-empty{ display: block; padding: calc(8 * var(--rpx)) 0 calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .report-replica .comparison-row{ padding: calc(24 * var(--rpx)) 0; border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .report-replica .comparison-label{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .report-replica .comparison-value{ display: block; margin-top: calc(12 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .report-replica .comparison-empty,.page-view[data-page="detail"] .report-replica .comparison-note{ color: var(--c-ink-3); }
.page-view[data-page="detail"] .report-replica .comparison-note{ display: block; margin-top: calc(8 * var(--rpx)); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .report-replica .comparison-value{ white-space: pre-line; }
.page-view[data-page="detail"] .report-replica .report-followup{ padding-bottom: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .followup-trigger{ min-height: calc(64 * var(--rpx)); display: flex; align-items: center; color: var(--c-accent); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .followup-result{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .report-replica .followup-detail{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; white-space: pre-wrap; }
.page-view[data-page="detail"] .report-replica .followup-hint{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .report-replica .report-feedback-form{ margin-top: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .report-feedback-options{ display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .report-feedback-option{ padding: calc(14 * var(--rpx)) calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .report-feedback-option.selected{ border-color: var(--c-ink-1); color: var(--c-ink-1); background: var(--c-mute-bg); }
.page-view[data-page="detail"] .report-replica .report-feedback-note{ width: 100%; height: calc(184 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding: calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .report-replica .report-feedback-save{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(80 * var(--rpx)); margin: calc(24 * var(--rpx)) 0 0; padding: 0; border-radius: calc(8 * var(--rpx)); background: var(--c-brand); color: var(--c-card); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="detail"] .report-replica .source-link-row{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); min-height: calc(88 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-2); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-replica .source-link-button{ flex: 0 0 auto; min-height: calc(72 * var(--rpx)); margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; line-height: calc(72 * var(--rpx)); }
.page-view[data-page="detail"] .report-replica .source-link-button::after{ border: 0; }
.page-view[data-page="detail"] .report-replica .source-check-note{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.65; }
.page-view[data-page="detail"] .product-task-context{ padding: calc(20 * var(--rpx)) 0 calc(24 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); margin-bottom: calc(20 * var(--rpx)); }
.page-view[data-page="detail"] .product-task-heading{ display: flex; align-items: flex-start; justify-content: space-between; gap: calc(20 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="detail"] .product-task-heading > wx-view{ color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; flex: 0 0 auto; }
.page-view[data-page="detail"] .product-task-tags{ display: flex; flex-wrap: wrap; gap: calc(8 * var(--rpx)); margin-top: calc(12 * var(--rpx)); }
.page-view[data-page="detail"] .product-task-tags wx-text{ padding: calc(4 * var(--rpx)) calc(10 * var(--rpx)); background: #F5F0E6; color: #806C4B; border-radius: calc(4 * var(--rpx)); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .product-task-copy{ display: block; margin-top: calc(12 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.65; }
.page-view[data-page="detail"] .product-task-note{ display: block; margin-top: calc(8 * var(--rpx)); color: #A67C2E; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .detail-screen{ padding-top: calc(39 * var(--rpx)); padding-bottom: calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); }
.page-view[data-page="detail"] .detail-topline{ display: flex; align-items: center; justify-content: space-between; }
.page-view[data-page="detail"] .detail-name{ display: block; margin-top: calc(20 * var(--rpx)); font-size: max(11px, calc(47 * var(--rpx) * var(--font-scale, 1))); line-height: 1.2; font-weight: 750; letter-spacing: calc(-1 * var(--rpx)); color: #1B3932; }
.page-view[data-page="detail"] .detail-sub{ display: block; margin-top: calc(11 * var(--rpx)); color: #84958A; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .pending-panel,.page-view[data-page="detail"] .converge-card{ margin-top: calc(31 * var(--rpx)); padding: calc(31 * var(--rpx)); }
.page-view[data-page="detail"] .pending-panel{ border-color: #F0D7A7; background: #FFFBF4; }
.page-view[data-page="detail"] .pending-heading{ display: flex; align-items: center; gap: calc(12 * var(--rpx)); color: #7C5A29; font-size: max(11px, calc(27 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="detail"] .pending-icon{ display: flex; align-items: center; justify-content: center; width: calc(37 * var(--rpx)); height: calc(37 * var(--rpx)); border-radius: 50%; background: #E9BB6B; color: #FFFFFF; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="detail"] .pending-copy{ display: block; margin-top: calc(16 * var(--rpx)); color: #997B4F; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.55; }
.page-view[data-page="detail"] .pending-field{ display: flex; gap: calc(10 * var(--rpx)); margin-top: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .pending-field .field{ flex: 1; min-width: 0; background: #FFFFFF; }
.page-view[data-page="detail"] .pending-field .secondary-btn{ flex: 0 0 calc(155 * var(--rpx)); padding: 0 calc(10 * var(--rpx)); }
.page-view[data-page="detail"] .ledger-btn{ margin-top: calc(15 * var(--rpx)); width: 100%; }
.page-view[data-page="detail"] .converge-head{ display: flex; align-items: center; justify-content: space-between; }
.page-view[data-page="detail"] .converge-overline{ color: #789989; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); font-weight: 690; letter-spacing: calc(1 * var(--rpx)); }
.page-view[data-page="detail"] .converge-title{ display: block; margin-top: calc(17 * var(--rpx)); color: #1D3E34; font-size: max(11px, calc(34 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; font-weight: 730; }
.page-view[data-page="detail"] .converge-facts{ display: flex; flex-direction: column; gap: calc(14 * var(--rpx)); margin-top: calc(25 * var(--rpx)); }
.page-view[data-page="detail"] .converge-facts > wx-view{ display: flex; gap: calc(18 * var(--rpx)); }
.page-view[data-page="detail"] .converge-facts wx-text:first-child{ flex: 0 0 calc(105 * var(--rpx)); color: #98A99B; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .converge-facts wx-text:last-child{ flex: 1; color: #51695A; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.45; }
.page-view[data-page="detail"] .converge-quote{ margin-top: calc(23 * var(--rpx)); padding: calc(22 * var(--rpx)) calc(24 * var(--rpx)); border-left: calc(4 * var(--rpx)) solid #AFCAB5; border-radius: 0 calc(13 * var(--rpx)) calc(13 * var(--rpx)) 0; background: #F5F8F2; color: #486657; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .converge-quote wx-text{ display: block; margin-top: calc(8 * var(--rpx)); color: #96A799; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-tabs{ display: flex; gap: calc(10 * var(--rpx)); margin-top: calc(36 * var(--rpx)); padding: calc(7 * var(--rpx)); border-radius: calc(20 * var(--rpx)); background: #E9EEE8; }
.page-view[data-page="detail"] .report-tab{ flex: 1; min-height: calc(72 * var(--rpx)); border-radius: calc(15 * var(--rpx)); color: #789084; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 660; }
.page-view[data-page="detail"] .report-tab.active{ background: #FFFFFF; color: #24533E; box-shadow: 0 calc(6 * var(--rpx)) calc(20 * var(--rpx)) rgba(27, 57, 42, .07); }
.page-view[data-page="detail"] .report-body{ padding-top: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .report-lead,.page-view[data-page="detail"] .insight-intro{ padding: calc(28 * var(--rpx)); }
.page-view[data-page="detail"] .report-lead-top{ display: flex; align-items: center; justify-content: space-between; }
.page-view[data-page="detail"] .report-date{ color: #99A69E; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .report-lead-title{ display: block; margin-top: calc(18 * var(--rpx)); font-size: max(11px, calc(32 * var(--rpx) * var(--font-scale, 1))); line-height: 1.35; font-weight: 720; color: #213F34; }
.page-view[data-page="detail"] .report-lead-copy{ display: block; margin-top: calc(14 * var(--rpx)); color: #6C8173; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.55; }
.page-view[data-page="detail"] .empty-report{ padding: calc(38 * var(--rpx)) calc(30 * var(--rpx)); }
.page-view[data-page="detail"] .empty-report wx-text{ display: block; color: #87998C; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .empty-report wx-text:first-child{ margin-bottom: calc(8 * var(--rpx)); color: #365847; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="detail"] .summary-grid{ display: flex; gap: calc(15 * var(--rpx)); }
.page-view[data-page="detail"] .communication-card{ padding: calc(6 * var(--rpx)) calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .communication-card > wx-view{ display: flex; gap: calc(16 * var(--rpx)); padding: calc(19 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid #EDF1EB; }
.page-view[data-page="detail"] .communication-card > wx-view:last-child{ border-bottom: 0; }
.page-view[data-page="detail"] .communication-card wx-text:first-child{ flex: 0 0 calc(110 * var(--rpx)); color: #8CA092; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .communication-card wx-text:last-child{ flex: 1; color: #3E6150; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .recording-findings{ padding: calc(6 * var(--rpx)) calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .recording-finding{ display: flex; gap: calc(17 * var(--rpx)); padding: calc(21 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid #EDF1EB; }
.page-view[data-page="detail"] .recording-finding:last-child{ border-bottom: 0; }
.page-view[data-page="detail"] .recording-time{ flex: 0 0 calc(158 * var(--rpx)); color: #7B9983; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .recording-finding > wx-view{ flex: 1; min-width: 0; }
.page-view[data-page="detail"] .recording-title,.page-view[data-page="detail"] .recording-detail{ display: block; }
.page-view[data-page="detail"] .recording-title{ color: #315E45; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="detail"] .recording-detail{ margin-top: calc(6 * var(--rpx)); color: #637A69; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.55; }
.page-view[data-page="detail"] .summary-tile{ flex: 1; min-width: 0; padding: calc(23 * var(--rpx)); }
.page-view[data-page="detail"] .tile-label,.page-view[data-page="detail"] .tile-value{ display: block; }
.page-view[data-page="detail"] .tile-label{ color: #91A196; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .tile-value{ margin-top: calc(11 * var(--rpx)); color: #274838; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.45; font-weight: 660; }
.page-view[data-page="detail"] .evidence-card{ padding: 0 calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .evidence-source{ padding: calc(21 * var(--rpx)) 0 calc(17 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid #EDF1EB; }
.page-view[data-page="detail"] .evidence-source wx-text{ display: block; color: #668472; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .evidence-source wx-text:last-child{ margin-top: calc(6 * var(--rpx)); color: #98A99B; font-size: max(10px, calc(19 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .evidence-row{ padding: calc(23 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid #EDF1EB; }
.page-view[data-page="detail"] .evidence-row:last-child{ border-bottom: 0; }
.page-view[data-page="detail"] .evidence-meta{ display: flex; align-items: center; justify-content: space-between; }
.page-view[data-page="detail"] .evidence-tag{ color: #41806C; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="detail"] .evidence-time{ color: #9FB0A2; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .evidence-quote{ display: block; margin-top: calc(10 * var(--rpx)); color: #50695B; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.55; }
.page-view[data-page="detail"] .strategy-used{ margin-top: calc(17 * var(--rpx)); padding: calc(23 * var(--rpx)) calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .strategy-used wx-text:first-child{ display: block; color: #8B9D90; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .strategy-used wx-text:last-child{ display: block; margin-top: calc(9 * var(--rpx)); color: #3C604A; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .review-card{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: calc(17 * var(--rpx)); margin-top: calc(21 * var(--rpx)); padding: calc(25 * var(--rpx)) calc(28 * var(--rpx)); }
.page-view[data-page="detail"] .review-title,.page-view[data-page="detail"] .review-desc{ display: block; }
.page-view[data-page="detail"] .review-title{ color: #2D5343; font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); font-weight: 710; }
.page-view[data-page="detail"] .review-desc{ margin-top: calc(7 * var(--rpx)); color: #8A9B8E; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .review-btn{ min-height: calc(62 * var(--rpx)); padding: calc(10 * var(--rpx)) calc(17 * var(--rpx)); }
.page-view[data-page="detail"] .review-done{ color: #438464; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .insight-intro{ background: #23493E; border-color: #23493E; }
.page-view[data-page="detail"] .insight-intro .eyebrow{ color: #A5CEB6; }
.page-view[data-page="detail"] .insight-title{ display: block; margin-top: calc(15 * var(--rpx)); color: #FFFFFF; font-size: max(11px, calc(35 * var(--rpx) * var(--font-scale, 1))); line-height: 1.36; font-weight: 710; }
.page-view[data-page="detail"] .insight-copy{ display: block; margin-top: calc(14 * var(--rpx)); color: #B9D0C2; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.55; }
.page-view[data-page="detail"] .question-list{ display: flex; flex-direction: column; gap: calc(16 * var(--rpx)); margin-top: calc(18 * var(--rpx)); }
.page-view[data-page="detail"] .question-card{ padding: calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .question-top{ display: flex; align-items: center; gap: calc(11 * var(--rpx)); }
.page-view[data-page="detail"] .question-num{ color: #89A994; font-size: max(10px, calc(19 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="detail"] .question-title{ flex: 1; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; color: #294C3C; }
.page-view[data-page="detail"] .question-detail{ display: block; margin-top: calc(15 * var(--rpx)); color: #536E5B; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .question-evidence{ margin-top: calc(21 * var(--rpx)); padding: calc(18 * var(--rpx)) calc(20 * var(--rpx)); border-radius: calc(15 * var(--rpx)); background: #F5F8F3; }
.page-view[data-page="detail"] .question-evidence wx-text{ display: block; color: #91A497; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .question-evidence wx-text:last-child{ margin-top: calc(7 * var(--rpx)); color: #65806D; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.45; }
.page-view[data-page="detail"] .source-check{ margin-top: calc(18 * var(--rpx)); padding: calc(26 * var(--rpx)) calc(27 * var(--rpx)); border-color: #E9DEC9; background: #FFFCF6; }
.page-view[data-page="detail"] .source-check-head{ display: flex; justify-content: space-between; align-items: center; }
.page-view[data-page="detail"] .source-check-head wx-text:first-child{ color: #715A36; font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="detail"] .source-check-head wx-text:last-child{ color: #A07941; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .source-check-line{ display: block; margin-top: calc(13 * var(--rpx)); color: #776850; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .source-check-foot{ display: block; margin-top: calc(17 * var(--rpx)); color: #B0A38E; font-size: max(10px, calc(18 * var(--rpx) * var(--font-scale, 1))); line-height: 1.45; word-break: break-all; }
.page-view[data-page="detail"] .journey-card{ padding: calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .journey-line{ display: flex; align-items: center; gap: calc(14 * var(--rpx)); }
.page-view[data-page="detail"] .journey-dot{ width: calc(18 * var(--rpx)); height: calc(18 * var(--rpx)); border-radius: 50%; background: #4B9672; box-shadow: 0 0 0 calc(9 * var(--rpx)) #E5F1E7; }
.page-view[data-page="detail"] .journey-stage{ color: #28543F; font-size: max(11px, calc(29 * var(--rpx) * var(--font-scale, 1))); font-weight: 730; }
.page-view[data-page="detail"] .journey-next{ display: block; margin-top: calc(16 * var(--rpx)); color: #758D79; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .facts-card{ padding: calc(8 * var(--rpx)) calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .facts-card > wx-view{ display: flex; padding: calc(20 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid #EDF1EB; }
.page-view[data-page="detail"] .facts-card > wx-view:last-child{ border-bottom: 0; }
.page-view[data-page="detail"] .facts-card wx-text:first-child{ flex: 0 0 calc(155 * var(--rpx)); color: #95A699; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .facts-card wx-text:last-child{ flex: 1; color: #506B59; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .insight-factors{ padding: calc(8 * var(--rpx)) calc(27 * var(--rpx)) calc(23 * var(--rpx)); }
.page-view[data-page="detail"] .factor-row{ display: flex; gap: calc(16 * var(--rpx)); padding: calc(19 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid #EDF1EB; }
.page-view[data-page="detail"] .factor-row wx-text:first-child{ flex: 0 0 calc(125 * var(--rpx)); color: #95A699; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .factor-row wx-text:last-child{ flex: 1; color: #506B59; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .factor-divider{ height: calc(8 * var(--rpx)); }
.page-view[data-page="detail"] .factor-title{ display: block; margin: calc(11 * var(--rpx)) 0 calc(14 * var(--rpx)); color: #39684F; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="detail"] .barrier-list{ display: flex; flex-direction: column; gap: calc(10 * var(--rpx)); }
.page-view[data-page="detail"] .barrier-row{ display: flex; gap: calc(13 * var(--rpx)); align-items: flex-start; padding: calc(13 * var(--rpx)) calc(14 * var(--rpx)); border-radius: calc(12 * var(--rpx)); background: #F4F7F2; }
.page-view[data-page="detail"] .barrier-row wx-text:first-child{ flex: 0 0 calc(64 * var(--rpx)); color: #467D60; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="detail"] .barrier-row wx-text:last-child{ flex: 1; color: #627B67; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .factor-empty{ display: block; color: #7D9985; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .more-card{ margin-top: calc(17 * var(--rpx)); padding: 0 calc(27 * var(--rpx)); }
.page-view[data-page="detail"] .more-trigger{ display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: calc(90 * var(--rpx)); color: #2D6549; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 680; }
.page-view[data-page="detail"] .more-trigger wx-text:last-child{ color: #7FA187; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .more-content{ border-top: calc(1 * var(--rpx)) solid #EDF1EB; padding: calc(9 * var(--rpx)) 0 calc(17 * var(--rpx)); }
.page-view[data-page="detail"] .more-content > wx-view{ display: flex; flex-direction: column; gap: calc(7 * var(--rpx)); padding: calc(13 * var(--rpx)) 0; }
.page-view[data-page="detail"] .more-content wx-text:first-child{ color: #7D9C85; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); font-weight: 680; }
.page-view[data-page="detail"] .more-content wx-text:last-child{ color: #526D58; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .history-card{ padding: 0 calc(25 * var(--rpx)); }
.page-view[data-page="detail"] .history-row{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(22 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid #EDF1EB; }
.page-view[data-page="detail"] .history-row:last-child{ border-bottom: 0; }
.page-view[data-page="detail"] .history-time{ flex: 0 0 calc(75 * var(--rpx)); color: #3C765D; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="detail"] .history-row > wx-view{ flex: 1; }
.page-view[data-page="detail"] .history-kind,.page-view[data-page="detail"] .history-summary{ display: block; }
.page-view[data-page="detail"] .history-kind{ color: #92A394; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .history-summary{ margin-top: calc(5 * var(--rpx)); color: #355847; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .history-arrow{ color: #9DAC9D; font-size: max(11px, calc(33 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .action-card{ margin-top: calc(42 * var(--rpx)); padding: calc(32 * var(--rpx)); border-radius: calc(30 * var(--rpx)); background: #E7EDE4; }
.page-view[data-page="detail"] .action-title{ display: block; margin-top: calc(12 * var(--rpx)); color: #224535; font-size: max(11px, calc(29 * var(--rpx) * var(--font-scale, 1))); font-weight: 730; }
.page-view[data-page="detail"] .action-row{ display: flex; gap: calc(20 * var(--rpx)); margin-top: calc(21 * var(--rpx)); }
.page-view[data-page="detail"] .action-label{ flex: 0 0 calc(104 * var(--rpx)); color: #8AA08B; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .action-value{ flex: 1; color: #42614A; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.4; }
.page-view[data-page="detail"] .action-detail{ margin-top: calc(25 * var(--rpx)); padding: calc(21 * var(--rpx)) calc(22 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: rgba(255,255,255,.68); }
.page-view[data-page="detail"] .action-detail-title{ display: block; color: #2C6248; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="detail"] .action-detail-copy{ display: block; margin-top: calc(8 * var(--rpx)); color: #537160; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.55; }
.page-view[data-page="detail"] .action-detail-title.next-title{ margin-top: calc(20 * var(--rpx)); }
.page-view[data-page="detail"] .action-detail-step{ display: flex; gap: calc(14 * var(--rpx)); margin-top: calc(11 * var(--rpx)); color: #547261; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.45; }
.page-view[data-page="detail"] .action-detail-step wx-text:first-child{ flex: 0 0 calc(27 * var(--rpx)); color: #78A084; font-weight: 740; }
.page-view[data-page="detail"] .action-script{ margin-top: calc(26 * var(--rpx)); padding: calc(21 * var(--rpx)); border-radius: calc(18 * var(--rpx)); background: #FFFFFF; }
.page-view[data-page="detail"] .action-script > wx-text{ display: block; color: #8BA093; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .action-script textarea{ width: 100%; min-height: calc(195 * var(--rpx)); margin-top: calc(12 * var(--rpx)); color: #486353; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .action-buttons{ display: flex; gap: calc(13 * var(--rpx)); margin-top: calc(20 * var(--rpx)); }
.page-view[data-page="detail"] .action-buttons button{ flex: 1; min-width: 0; padding: calc(10 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .sent-note{ margin-top: calc(17 * var(--rpx)); color: #47805B; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .feedback-saved{ color: #496D54; }
.page-view[data-page="detail"] .feedback-trigger{ display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: calc(24 * var(--rpx)); padding-top: calc(20 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid #CEDBCB; color: #285E43; font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 700; }
.page-view[data-page="detail"] .feedback-trigger wx-text{ font-size: max(11px, calc(31 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="detail"] .feedback-panel{ margin-top: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .feedback-label{ display: block; margin: calc(17 * var(--rpx)) 0 calc(13 * var(--rpx)); color: #4A6B50; font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); font-weight: 680; }
.page-view[data-page="detail"] .feedback-choices{ display: flex; flex-wrap: wrap; gap: calc(12 * var(--rpx)); }
.page-view[data-page="detail"] .feedback-chip{ min-height: calc(58 * var(--rpx)); padding: calc(10 * var(--rpx)) calc(17 * var(--rpx)); border: calc(1 * var(--rpx)) solid #C9D8C8; border-radius: calc(100 * var(--rpx)); background: #F7FAF5; color: #69816D; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .feedback-chip.chosen{ border-color: #296B4C; background: #2F704F; color: #FFFFFF; }
.page-view[data-page="detail"] .feedback-save{ margin-top: calc(19 * var(--rpx)); width: 100%; }
.page-view[data-page="detail"] .material-overlay{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; }
.page-view[data-page="detail"] .material-mask{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(19, 35, 28, .5); }
.page-view[data-page="detail"] .material-sheet{ position: absolute; left: 0; right: 0; bottom: 0; max-height: 85vh; overflow-y: auto; padding: calc(34 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(38 * var(--rpx)) + env(safe-area-inset-bottom)); border-radius: calc(34 * var(--rpx)) calc(34 * var(--rpx)) 0 0; background: #F7F8F3; box-shadow: 0 calc(-18 * var(--rpx)) calc(60 * var(--rpx)) rgba(9, 33, 20, .13); }
.page-view[data-page="detail"] .material-sheet-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: calc(20 * var(--rpx)); margin-bottom: calc(29 * var(--rpx)); }
.page-view[data-page="detail"] .material-sheet-title{ display: block; margin-top: calc(9 * var(--rpx)); color: #214A37; font-size: max(11px, calc(31 * var(--rpx) * var(--font-scale, 1))); font-weight: 730; }
.page-view[data-page="detail"] .material-close{ width: calc(55 * var(--rpx)); height: calc(55 * var(--rpx)); color: #91A395; font-size: max(11px, calc(45 * var(--rpx) * var(--font-scale, 1))); font-weight: 300; }
.page-view[data-page="detail"] .material-target{ display: flex; gap: calc(18 * var(--rpx)); margin-top: calc(15 * var(--rpx)); font-size: max(11px, calc(23 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .material-target wx-text:first-child{ flex: 0 0 calc(97 * var(--rpx)); color: #91A395; }
.page-view[data-page="detail"] .material-target wx-text:last-child{ flex: 1; color: #496951; }
.page-view[data-page="detail"] .material-preview{ margin-top: calc(27 * var(--rpx)); padding: calc(27 * var(--rpx)); border: calc(1 * var(--rpx)) solid #DDE9DC; border-radius: calc(20 * var(--rpx)); background: #FFFFFF; }
.page-view[data-page="detail"] .material-preview-label,.page-view[data-page="detail"] .material-preview-name,.page-view[data-page="detail"] .material-preview-note{ display: block; }
.page-view[data-page="detail"] .material-preview-label{ color: #83A487; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .material-preview-name{ margin-top: calc(10 * var(--rpx)); color: #28523D; font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 720; }
.page-view[data-page="detail"] .material-preview-note{ margin-top: calc(13 * var(--rpx)); color: #9AA99B; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); line-height: 1.45; }
.page-view[data-page="detail"] .material-steps{ display: flex; justify-content: space-between; gap: calc(12 * var(--rpx)); margin-top: calc(25 * var(--rpx)); }
.page-view[data-page="detail"] .material-steps > wx-view{ flex: 1; display: flex; flex-direction: column; gap: calc(8 * var(--rpx)); }
.page-view[data-page="detail"] .material-steps wx-text:first-child{ color: #7EA589; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); font-weight: 730; }
.page-view[data-page="detail"] .material-steps wx-text:last-child{ color: #708774; font-size: max(10px, calc(21 * var(--rpx) * var(--font-scale, 1))); line-height: 1.35; }
.page-view[data-page="detail"] .material-sheet-actions{ display: flex; gap: calc(13 * var(--rpx)); margin-top: calc(31 * var(--rpx)); }
.page-view[data-page="detail"] .material-sheet-actions button{ flex: 1; min-width: 0; font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); padding: calc(10 * var(--rpx)); }
.page-view[data-page="detail"] .quality-note{ display: flex; flex-direction: column; gap: calc(9 * var(--rpx)); margin-top: calc(36 * var(--rpx)); padding: calc(24 * var(--rpx)) calc(8 * var(--rpx)); color: #9BAC9C; font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="detail"] .quality-title{ color: #718E77; font-weight: 700; }
.page-view[data-page="detail"] .report-unavailable{ padding: calc(64 * var(--rpx)) calc(32 * var(--rpx)); background: var(--c-card); }
.page-view[data-page="detail"] .unavailable-title{ display: block; font-size: max(11px, calc(30 * var(--rpx) * var(--font-scale, 1))); color: var(--c-ink-1); }
.page-view[data-page="detail"] .unavailable-copy{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-3); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .report-unavailable .unavailable-return{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(80 * var(--rpx)); margin: calc(32 * var(--rpx)) 0 0; padding: 0; background: var(--c-brand); color: white; border-radius: calc(8 * var(--rpx)); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="detail"] .followup-modal{ position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; }
.page-view[data-page="detail"] .followup-shade{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.24); }
.page-view[data-page="detail"] .followup-sheet{ position: absolute; right: 0; bottom: 0; left: 0; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(32 * var(--rpx)) + env(safe-area-inset-bottom)); border-radius: calc(16 * var(--rpx)) calc(16 * var(--rpx)) 0 0; background: var(--c-card); }
.page-view[data-page="detail"] .followup-heading{ display: flex; align-items: center; justify-content: space-between; color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="detail"] .followup-close{ display: flex; align-items: center; min-height: calc(64 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="detail"] .followup-hint{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .followup-draft{ width: 100%; height: calc(280 * var(--rpx)); margin-top: calc(24 * var(--rpx)); padding: calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; }
.page-view[data-page="detail"] .followup-sheet .followup-copy{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(80 * var(--rpx)); margin: calc(24 * var(--rpx)) 0 0; padding: 0; border-radius: calc(8 * var(--rpx)); background: var(--c-brand); color: white; font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; }
.page-view[data-page="detail"] .business-tag-row{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(18 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .business-tag-row:last-child{ border-bottom: 0; }
.page-view[data-page="detail"] .business-tag-label{ flex: 0 0 calc(136 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .business-tag-copy{ flex: 1; min-width: 0; }
.page-view[data-page="detail"] .business-tag-value{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(25 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .business-tag-source{ display: block; margin-top: calc(3 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(18 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .business-tag-source.reviewed{ color: #46634E; }
.page-view[data-page="detail"] .business-chevron{ flex: 0 0 calc(16 * var(--rpx)); width: calc(16 * var(--rpx)); height: calc(16 * var(--rpx)); border-right: calc(2 * var(--rpx)) solid #B8B6AD; border-top: calc(2 * var(--rpx)) solid #B8B6AD; transform: rotate(45deg); margin-right: calc(6 * var(--rpx)); }
.page-view[data-page="detail"] .business-materials{ margin-top: calc(24 * var(--rpx)); padding-top: calc(20 * var(--rpx)); border-top: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .business-material-label,.page-view[data-page="detail"] .business-field-label{ display: block; color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .business-material-link{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); padding: calc(18 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="detail"] .business-material-link:last-child{ border-bottom: 0; }
.page-view[data-page="detail"] .business-material-link > wx-view:first-child{ flex: 1; min-width: 0; }
.page-view[data-page="detail"] .business-material-name{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="detail"] .business-material-state{ display: block; margin-top: calc(4 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .business-followup-plan{ margin: calc(24 * var(--rpx)) 0; }
.page-view[data-page="detail"] .business-date-line{ display: flex; align-items: center; gap: calc(20 * var(--rpx)); margin-top: calc(12 * var(--rpx)); }
.page-view[data-page="detail"] .business-date-line wx-picker{ flex: 1; }
.page-view[data-page="detail"] .business-date-picker{ padding: calc(18 * var(--rpx)) calc(16 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(6 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .business-clear-date{ padding: calc(16 * var(--rpx)) 0; color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .business-next-input{ box-sizing: border-box; width: 100%; height: calc(80 * var(--rpx)); padding: 0 calc(16 * var(--rpx)); margin-top: calc(12 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(6 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .business-feedback-next{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="detail"] .tag-review-modal{ z-index: 120; }
.page-view[data-page="detail"] .tag-review-sheet{ max-height: 86vh; }
.page-view[data-page="detail"] .tag-review-body{ max-height: 61vh; }
.page-view[data-page="detail"] .tag-review-body .business-field-label{ margin-top: calc(24 * var(--rpx)); }
.page-view[data-page="detail"] .tag-review-evidence{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; }
.page-view[data-page="detail"] .tag-value-picker{ display: flex; justify-content: space-between; gap: calc(16 * var(--rpx)); padding: calc(20 * var(--rpx)) calc(16 * var(--rpx)); margin-top: calc(12 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(6 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .tag-value-picker wx-text{ color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="detail"] .tag-review-note{ box-sizing: border-box; width: 100%; height: calc(152 * var(--rpx)); padding: calc(16 * var(--rpx)); margin-top: calc(12 * var(--rpx)); border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(6 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.component-report-navigation .report-navigation{ background: var(--c-card); color: var(--c-ink-1); font-family: -apple-system, 'PingFang SC', sans-serif; }
.component-report-navigation .navigation-row{ display: flex; align-items: center; box-sizing: border-box; padding-left: calc(16 * var(--rpx)); gap: calc(8 * var(--rpx)); }
.component-report-navigation .navigation-back{ display: flex; align-items: center; justify-content: center; flex: 0 0 calc(64 * var(--rpx)); width: calc(64 * var(--rpx)); height: calc(72 * var(--rpx)); }
.component-report-navigation .navigation-back-icon{ width: calc(32 * var(--rpx)); height: calc(32 * var(--rpx)); background: var(--c-brand); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 5-7 7 7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.component-report-navigation .navigation-copy{ flex: 1; min-width: 0; }
.component-report-navigation .navigation-title{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: max(11px, calc(32 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; line-height: 1.3; }
.component-report-navigation .navigation-meta{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.3; }
.component-report-navigation .navigation-meta-line{ font-variant-numeric: tabular-nums; }
.component-report-navigation .navigation-pressed{ opacity: .6; }
.page-view[data-page="account"]{ background: var(--c-card); color: var(--c-ink-1); }
.page-view[data-page="account"] .account-screen{ display: flex; flex-direction: column; min-height: calc(100vh - calc(24 * var(--rpx))); padding: 0 calc(32 * var(--rpx)) calc(calc(32 * var(--rpx)) + env(safe-area-inset-bottom)); font-family: -apple-system, 'PingFang SC', sans-serif; padding-bottom: calc(calc(96 * var(--rpx)) + env(safe-area-inset-bottom)); }
.page-view[data-page="account"] .profile-heading{ display: flex; align-items: center; gap: calc(24 * var(--rpx)); padding: calc(40 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="account"] .profile-avatar{ display: flex; align-items: center; justify-content: center; flex: 0 0 calc(96 * var(--rpx)); width: calc(96 * var(--rpx)); height: calc(96 * var(--rpx)); border-radius: 50%; background: var(--c-mute-bg); color: var(--c-ink-2); font-size: max(11px, calc(36 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; }
.page-view[data-page="account"] .profile-copy{ flex: 1; min-width: 0; }
.page-view[data-page="account"] .profile-name{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(36 * var(--rpx) * var(--font-scale, 1))); line-height: 1.4; font-weight: 600; }
.page-view[data-page="account"] .profile-role{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="account"] .profile-edit{ display: flex; align-items: center; gap: calc(8 * var(--rpx)); min-height: calc(88 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="account"] .project-section{ padding: calc(32 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="account"] .project-caption{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="account"] .project-stage{ font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="account"] .project-name{ display: block; margin-top: calc(16 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; font-weight: 500; }
.page-view[data-page="account"] .project-hint{ display: block; margin-top: calc(12 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.65; }
.page-view[data-page="account"] .settings-list{ margin-top: calc(32 * var(--rpx)); }
.page-view[data-page="account"] .setting-row{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); min-height: calc(112 * var(--rpx)); border-bottom: calc(1 * var(--rpx)) solid var(--c-line); color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); }
.page-view[data-page="account"] .account-bottom{ margin-top: auto; padding-top: calc(80 * var(--rpx)); }
.page-view[data-page="account"] .account-screen .logout-button{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: calc(88 * var(--rpx)); margin: 0; padding: 0; border: calc(1 * var(--rpx)) solid var(--c-line); border-radius: calc(8 * var(--rpx)); background: transparent; color: var(--c-ink-2); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; line-height: 1.5; }
.page-view[data-page="account"] .account-brand{ display: block; margin-top: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(20 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; text-align: center; }
.page-view[data-page="account"] .account-icon{ flex: 0 0 calc(24 * var(--rpx)); width: calc(24 * var(--rpx)); height: calc(24 * var(--rpx)); background: currentColor; }
.page-view[data-page="account"] .chevron-icon{ color: var(--c-ink-3); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 5 7 7-7 7' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="account"] .person-icon{ width: calc(40 * var(--rpx)); height: calc(40 * var(--rpx)); flex-basis: calc(40 * var(--rpx)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='3.5' fill='none' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="account"] .close-icon{ width: calc(28 * var(--rpx)); height: calc(28 * var(--rpx)); flex-basis: calc(28 * var(--rpx)); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.page-view[data-page="account"] .account-modal{ position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; }
.page-view[data-page="account"] .sheet-backdrop{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.24); }
.page-view[data-page="account"] .account-sheet{ position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; max-height: 82vh; padding: calc(24 * var(--rpx)) calc(32 * var(--rpx)) calc(calc(32 * var(--rpx)) + env(safe-area-inset-bottom)); border-radius: calc(16 * var(--rpx)) calc(16 * var(--rpx)) 0 0; background: var(--c-card); }
.page-view[data-page="account"] .sheet-heading{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); min-height: calc(64 * var(--rpx)); margin-bottom: calc(16 * var(--rpx)); color: var(--c-ink-1); font-size: max(11px, calc(28 * var(--rpx) * var(--font-scale, 1))); font-weight: 600; }
.page-view[data-page="account"] .sheet-close{ display: flex; align-items: center; justify-content: center; flex: 0 0 calc(64 * var(--rpx)); width: calc(64 * var(--rpx)); height: calc(64 * var(--rpx)); color: var(--c-ink-2); }
.page-view[data-page="account"] .sheet-scroll{ max-height: 64vh; }
.page-view[data-page="account"] .identity-row{ display: flex; align-items: baseline; justify-content: space-between; gap: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); line-height: 1.6; }
.page-view[data-page="account"] .identity-label{ color: var(--c-ink-3); }
.page-view[data-page="account"] .identity-value{ color: var(--c-ink-1); text-align: right; }
.page-view[data-page="account"] .identity-note{ display: block; margin-top: calc(24 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.7; }
.page-view[data-page="account"] .info-section{ padding: calc(24 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="account"] .info-section:last-child{ border-bottom: 0; }
.page-view[data-page="account"] .info-title{ display: block; color: var(--c-ink-1); font-size: max(11px, calc(26 * var(--rpx) * var(--font-scale, 1))); font-weight: 500; line-height: 1.5; }
.page-view[data-page="account"] .info-content{ display: block; margin-top: calc(12 * var(--rpx)); color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); line-height: 1.8; }
.page-view[data-page="account"] .row-pressed,.page-view[data-page="account"] .logout-button:active{ opacity: .6; }
.page-view[data-page="account"] .source-row{ display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--rpx)); padding: calc(24 * var(--rpx)) 0; border-bottom: calc(1 * var(--rpx)) solid var(--c-line); }
.page-view[data-page="account"] .source-copy{ flex: 1; min-width: 0; }
.page-view[data-page="account"] .source-location{ display: block; margin-top: calc(8 * var(--rpx)); color: var(--c-ink-3); font-size: max(10px, calc(22 * var(--rpx) * var(--font-scale, 1))); line-height: 1.5; }
.page-view[data-page="account"] .account-sheet .source-button{ flex: 0 0 auto; min-height: calc(72 * var(--rpx)); margin: 0; padding: 0 calc(16 * var(--rpx)); border: 0; border-radius: 0; background: transparent; color: var(--c-ink-2); font-size: max(11px, calc(24 * var(--rpx) * var(--font-scale, 1))); font-weight: 400; line-height: calc(72 * var(--rpx)); }
.page-view[data-page="account"] .account-sheet .source-button::after{ border: 0; }