body {
  min-height: 100%;
  background: #f6f7fb;
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.page {
  min-height: 100vh;
  box-sizing: border-box;
  padding: calc(40 * var(--rpx)) calc(32 * var(--rpx));
}

.title {
  font-size: calc(44 * var(--rpx));
  font-weight: 700;
  line-height: 1.25;
}

.subtitle {
  margin-top: calc(16 * var(--rpx));
  color: #6b7280;
  font-size: calc(28 * var(--rpx));
  line-height: 1.6;
}

.section {
  margin-top: calc(32 * var(--rpx));
}

.card {
  margin-top: calc(20 * var(--rpx));
  padding: calc(28 * var(--rpx));
  border-radius: calc(8 * var(--rpx));
  background: #ffffff;
  box-shadow: 0 calc(8 * var(--rpx)) calc(24 * var(--rpx)) rgba(15, 23, 42, 0.06);
}

.card-title {
  font-size: calc(32 * var(--rpx));
  font-weight: 600;
}

.card-text {
  margin-top: calc(12 * var(--rpx));
  color: #6b7280;
  font-size: calc(26 * var(--rpx));
  line-height: 1.6;
}

.primary-button {
  display: block;
  margin-top: calc(20 * var(--rpx));
  padding: calc(24 * var(--rpx));
  border-radius: calc(8 * var(--rpx));
  background: #2563eb;
  color: #ffffff;
  font-size: calc(30 * var(--rpx));
  line-height: 1.2;
  text-align: center;
}

.secondary-button {
  display: block;
  margin-top: calc(20 * var(--rpx));
  padding: calc(24 * var(--rpx));
  border-radius: calc(8 * var(--rpx));
  background: #ffffff;
  color: #2563eb;
  font-size: calc(30 * var(--rpx));
  line-height: 1.2;
  text-align: center;
  border: calc(1 * var(--rpx)) solid #bfdbfe;
}

.field {
  margin-top: calc(28 * var(--rpx));
}

.field-label {
  color: #374151;
  font-size: calc(28 * var(--rpx));
  font-weight: 600;
}

.textarea {
  width: 100%;
  min-height: calc(220 * var(--rpx));
  box-sizing: border-box;
  margin-top: calc(16 * var(--rpx));
  padding: calc(22 * var(--rpx));
  border: calc(1 * var(--rpx)) solid #d1d5db;
  border-radius: calc(8 * var(--rpx));
  background: #ffffff;
  font-size: calc(28 * var(--rpx));
  line-height: 1.5;
}

.option-grid {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 * var(--rpx));
  margin-top: calc(16 * var(--rpx));
}

.option-chip {
  padding: calc(16 * var(--rpx)) calc(20 * var(--rpx));
  border: calc(1 * var(--rpx)) solid #d1d5db;
  border-radius: calc(8 * var(--rpx));
  background: #ffffff;
  color: #374151;
  font-size: calc(26 * var(--rpx));
}

.option-chip-active {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

.meta-row {
  margin-top: calc(12 * var(--rpx));
  color: #6b7280;
  font-size: calc(26 * var(--rpx));
  line-height: 1.5;
}

.image-grid {
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 * var(--rpx));
  margin-top: calc(16 * var(--rpx));
}

.image-thumb-wrap {
  position: relative;
  width: calc(180 * var(--rpx));
  height: calc(180 * var(--rpx));
}

.image-thumb {
  width: calc(180 * var(--rpx));
  height: calc(180 * var(--rpx));
  border-radius: calc(8 * var(--rpx));
  background: #e5e7eb;
}

.image-delete {
  position: absolute;
  top: calc(8 * var(--rpx));
  right: calc(8 * var(--rpx));
  padding: calc(4 * var(--rpx)) calc(12 * var(--rpx));
  border-radius: calc(8 * var(--rpx));
  background: rgba(17, 24, 39, 0.72);
  color: #ffffff;
  font-size: calc(22 * var(--rpx));
}

/* Warm apricot UI: opt-in surfaces only. */
.ui-page { min-height:100vh; box-sizing:border-box; background:#FAF7F1; color:#433A32; padding:calc(36 * var(--rpx)) calc(30 * var(--rpx)); }
.ui-page.ui-with-nav { padding-bottom:calc(calc(180 * var(--rpx)) + env(safe-area-inset-bottom)); }
.ui-page .title { font-size:calc(42 * var(--rpx)); line-height:1.35; color:#433A32; letter-spacing:calc(1 * var(--rpx)); }
.ui-page .subtitle,.ui-page .card-text,.ui-page .meta-row { color:#786D61; line-height:1.75; overflow-wrap:break-word; }
.ui-page .card { border:calc(1 * var(--rpx)) solid #EDE5D9; border-radius:calc(30 * var(--rpx)); box-shadow:0 calc(10 * var(--rpx)) calc(28 * var(--rpx)) rgba(93,65,40,.04); padding:calc(30 * var(--rpx)); background:#fff; }
.ui-page .card-title,.ui-section-title { font-size:calc(32 * var(--rpx)); font-weight:600; line-height:1.5; }
.ui-page .primary-button,.ui-button { min-height:calc(88 * var(--rpx)); box-sizing:border-box; display:flex; align-items:center; justify-content:center; padding:calc(22 * var(--rpx)) calc(26 * var(--rpx)); border-radius:calc(24 * var(--rpx)); background:linear-gradient(135deg,#B76842,#A65330); color:#fff; box-shadow:0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(166,83,48,.13); font-size:calc(29 * var(--rpx)); line-height:1.5; }
.ui-page .secondary-button { min-height:calc(88 * var(--rpx)); box-sizing:border-box; display:flex; align-items:center; justify-content:center; border:calc(1 * var(--rpx)) solid #E8DECF; border-radius:calc(24 * var(--rpx)); padding:calc(22 * var(--rpx)) calc(24 * var(--rpx)); background:#fff; color:#74523C; font-size:calc(28 * var(--rpx)); line-height:1.5; }
.ui-page .primary-button::after,.ui-page .secondary-button::after,.ui-button::after { border:0; }
.ui-page .primary-button[disabled],.ui-page .secondary-button[disabled],.ui-button[disabled] { opacity:.5; }
.ui-hero { position:relative; overflow:hidden; padding:calc(32 * var(--rpx)); border-radius:calc(34 * var(--rpx)); border:calc(1 * var(--rpx)) solid #EFDEC8; background:linear-gradient(120deg,#F8E3D1,#F7EEDC 66%,#E7EDDC); }
.ui-hero .subtitle { font-size:calc(25 * var(--rpx)); margin-top:calc(10 * var(--rpx)); }
.ui-hero-copy { position:relative; z-index:1; padding-right:calc(130 * var(--rpx)); }
.ui-kicker { font-size:calc(22 * var(--rpx)); letter-spacing:calc(3 * var(--rpx)); color:#99724B; margin-bottom:calc(12 * var(--rpx)); }
.ui-hero-art { position:absolute; right:calc(-12 * var(--rpx)); top:calc(50 * var(--rpx)); width:calc(190 * var(--rpx)); height:calc(190 * var(--rpx)); }
.ui-art { display:inline-block; width:calc(116 * var(--rpx)); height:calc(116 * var(--rpx)); position:relative; overflow:hidden; flex-shrink:0; }


.ui-hero-art.ui-art { position:absolute; width:calc(190 * var(--rpx)); height:calc(190 * var(--rpx)); }
.ui-feature-grid { display:flex; flex-wrap:wrap; margin:calc(22 * var(--rpx)) calc(-8 * var(--rpx)) 0; }
.ui-page .ui-feature { width:calc(50% - calc(16 * var(--rpx))); margin:calc(8 * var(--rpx)); min-height:calc(180 * var(--rpx)); padding:calc(20 * var(--rpx)) calc(16 * var(--rpx)); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; text-align:left; background:#fff; color:#5B4837; border:calc(1 * var(--rpx)) solid #EDE2D4; border-radius:calc(28 * var(--rpx)); box-shadow:0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(93,65,40,.03); }
.ui-feature .ui-art { width:calc(92 * var(--rpx)); height:calc(92 * var(--rpx)); margin-bottom:calc(8 * var(--rpx)); }
.ui-page .ui-feature-main { background:linear-gradient(130deg,#F4D6B6,#FAEAD8); }
.ui-feature-label { font-weight:600; font-size:calc(28 * var(--rpx)); line-height:1.5; }
.ui-note { color:#786D61; font-size:calc(25 * var(--rpx)); line-height:1.75; margin-top:calc(16 * var(--rpx)); }
.ui-error { margin-top:calc(22 * var(--rpx)); color:#A3412D; background:#FFF0E8; border:calc(1 * var(--rpx)) solid #F0C9B7; padding:calc(24 * var(--rpx)); border-radius:calc(22 * var(--rpx)); font-size:calc(27 * var(--rpx)); line-height:1.65; }
.ui-link-row { min-height:calc(100 * var(--rpx)); display:flex; align-items:center; padding:calc(16 * var(--rpx)) calc(24 * var(--rpx)); border-bottom:calc(1 * var(--rpx)) solid #F0EAE2; box-sizing:border-box; }
.ui-link-row:last-child { border-bottom:0; }.ui-link-copy { flex:1; margin-left:calc(20 * var(--rpx)); line-height:1.6; }.ui-chevron { color:#AF9C87; font-size:calc(36 * var(--rpx)); }
.ui-line { display:inline-block; flex-shrink:0; width:calc(48 * var(--rpx)); height:calc(48 * var(--rpx)); position:relative; overflow:hidden; }


.ui-art-sprite { position:absolute; width:300%; height:200%; max-width:none; top:0; left:0; }
.ui-art-growth .ui-art-sprite { left:-0%; top:-0%; }
.ui-art-report .ui-art-sprite { left:-100%; top:-0%; }
.ui-art-record .ui-art-sprite { left:-200%; top:-0%; }
.ui-art-notice .ui-art-sprite { left:-0%; top:-100%; }
.ui-art-people .ui-art-sprite { left:-100%; top:-100%; }
.ui-art-album .ui-art-sprite { left:-200%; top:-100%; }

.ui-line-sprite { position:absolute; width:1000%; height:100%; max-width:none; top:0; left:0; }
.ui-line-home .ui-line-sprite { left:-0%; }
.ui-line-record .ui-line-sprite { left:-100%; }
.ui-line-plus .ui-line-sprite { left:-200%; }
.ui-line-bell .ui-line-sprite { left:-300%; }
.ui-line-user .ui-line-sprite { left:-400%; }
.ui-line-sprout .ui-line-sprite { left:-500%; }
.ui-line-album .ui-line-sprite { left:-600%; }
.ui-line-people .ui-line-sprite { left:-700%; }
.ui-line-chart .ui-line-sprite { left:-800%; }
.ui-line-check .ui-line-sprite { left:-900%; }


/* Frozen R3 presentation. Only ui3d hosts opt in; original business classes remain. */
.ui3d-page.ui-page { box-sizing:border-box; min-height:100vh; padding:calc(16 * var(--rpx)) calc(27 * var(--rpx)) calc(40 * var(--rpx)); color:#17243c; background:#faf7f1; font-size:calc(27 * var(--rpx)); line-height:1.65; }
.ui3d-page.ui-page.ui-with-nav { padding-bottom:calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); }
.ui3d-page.ui-page .ui3d-hero { display:flex; align-items:center; position:relative; min-height:calc(188 * var(--rpx)); box-sizing:border-box; padding:calc(32 * var(--rpx)) calc(202 * var(--rpx)) calc(31 * var(--rpx)) calc(35 * var(--rpx)); margin:0 0 calc(31 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffaf2; border-radius:calc(29 * var(--rpx)); background:linear-gradient(125deg,#fff9ee,#ffe5bf); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14),inset 0 calc(2 * var(--rpx)) 0 #fff; }
.ui3d-page.ui-page .ui3d-hero .title { margin:0 0 calc(12 * var(--rpx)); font-size:calc(42 * var(--rpx)); line-height:1.4; color:#4c271c; font-weight:700; }
.ui3d-page.ui-page .ui3d-hero .subtitle,.ui3d-page.ui-page .ui3d-hero .ui-note { margin:calc(6 * var(--rpx)) 0 0; font-size:calc(23 * var(--rpx)); color:#675744; }
.ui3d-page.ui-page .ui3d-hero .ui-hero-copy { min-width:0; width:100%; }
.ui3d-page.ui-page .ui3d-hero-art { position:absolute; width:calc(227 * var(--rpx)); height:calc(227 * var(--rpx)); right:0; top:50%; transform:translateY(-50%); pointer-events:none; }
.ui3d-page.ui-page .ui3d-icon { width:calc(85 * var(--rpx)); height:calc(85 * var(--rpx)); flex:none; vertical-align:middle; pointer-events:none; }
.ui3d-page.ui-page .ui3d-row-icon { width:calc(73 * var(--rpx)); height:calc(73 * var(--rpx)); flex:none; pointer-events:none; }
.ui3d-page.ui-page .ui3d-heading { display:flex; align-items:center; gap:calc(19 * var(--rpx)); margin:0 0 calc(23 * var(--rpx)); min-width:0; }
.ui3d-page.ui-page .ui3d-heading-copy { flex:1; min-width:0; }
.ui3d-page.ui-page .ui3d-heading .field-label,.ui3d-page.ui-page .ui3d-heading .card-title { margin:0; }
.ui3d-page.ui-page .ui3d-help { color:#66758a; font-size:calc(23 * var(--rpx)); line-height:1.7; margin:calc(6 * var(--rpx)) 0 0; font-weight:400; }
.ui3d-page.ui-page .ui3d-state { font-size:calc(21 * var(--rpx)); color:#28683a; border:calc(2 * var(--rpx)) solid #c0dcb5; border-radius:calc(22 * var(--rpx)); padding:calc(3 * var(--rpx)) calc(12 * var(--rpx)); background:#e5f5de; flex:none; }
.ui3d-page.ui-page .card,.ui3d-page.ui-page .ui3d-card { box-sizing:border-box; min-width:0; margin:0 0 calc(31 * var(--rpx)); padding:calc(27 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffef9; border-radius:calc(29 * var(--rpx)); background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14),0 calc(2 * var(--rpx)) calc(2 * var(--rpx)) rgba(197,167,127,.33),inset 0 calc(2 * var(--rpx)) #fff; }
.ui3d-page.ui-page .field.ui3d-card { margin:0 0 calc(31 * var(--rpx)); }
.ui3d-page.ui-page .section { margin-top:calc(25 * var(--rpx)); }
.ui3d-page.ui-page .card-title,.ui3d-page.ui-page .field-label { color:#4c271c; font-size:calc(33 * var(--rpx)); line-height:1.45; font-weight:700; }
.ui3d-page.ui-page .card-text { font-size:calc(27 * var(--rpx)); overflow-wrap:break-word; word-break:break-word; }
.ui3d-page.ui-page .subtitle,.ui3d-page.ui-page .meta-row,.ui3d-page.ui-page .ui-note,.ui3d-page.ui-page .field-tip { font-size:calc(23 * var(--rpx)); color:#66758a; line-height:1.7; overflow-wrap:break-word; }
.ui3d-page.ui-page .primary-button,.ui3d-page.ui-page .secondary-button,.ui3d-page.ui-page .btn { box-sizing:border-box; min-height:calc(85 * var(--rpx)); max-width:100%; padding:calc(19 * var(--rpx)) calc(23 * var(--rpx)); margin-top:calc(15 * var(--rpx)); line-height:1.55; border:calc(2 * var(--rpx)) solid #e8d8bf; border-radius:calc(21 * var(--rpx)); font-size:calc(27 * var(--rpx)); font-weight:600; white-space:normal; word-break:break-word; color:#62402c; background:linear-gradient(145deg,#fffefa,#faedd9); box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.14),inset 0 calc(2 * var(--rpx)) #fff; }
.ui3d-page.ui-page .primary-button,.ui3d-page.ui-page .btn.primary { color:#572e1c; background:linear-gradient(145deg,#ffdead,#f4bc7e); border-color:#efbd83; }
.ui3d-page.ui-page .danger-button,.ui3d-page.ui-page .btn.danger { color:#ae3b31; background:linear-gradient(145deg,#fffaf6,#ffebe0); border-color:#edc5b5; }
.ui3d-page.ui-page .primary-button[disabled],.ui3d-page.ui-page .secondary-button[disabled],.ui3d-page.ui-page .btn[disabled],.ui3d-page.ui-page .disabled { color:#7a7d7f; background:#f0ece5; border-color:#e5dfd5; box-shadow:none; }
.ui3d-page.ui-page .compact-button,.ui3d-page.ui-page .btn.small { font-size:calc(23 * var(--rpx)); min-height:calc(85 * var(--rpx)); padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); }
.ui3d-page.ui-page .input,.ui3d-page.ui-page .textarea,.ui3d-page.ui-page .notice-input,.ui3d-page.ui-page .standard-picker,.ui3d-page.ui-page .search-input { box-sizing:border-box; width:100%; min-height:calc(85 * var(--rpx)); padding:calc(21 * var(--rpx)) calc(23 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); background:linear-gradient(135deg,#fffefa,#faf4eb); box-shadow:inset 0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.07); font-size:calc(27 * var(--rpx)); color:#17243c; }
.ui3d-page.ui-page .ui3d-facts .textarea { min-height:calc(270 * var(--rpx)); height:calc(270 * var(--rpx)); margin-top:calc(23 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-child .selection-row { min-height:calc(142 * var(--rpx)); gap:calc(19 * var(--rpx)); }
.ui3d-page.ui-page .selection-row .selection-value { flex:1; min-width:0; text-align:right; }
.ui3d-page.ui-page .ui3d-child .field-label { flex:none; }
.ui3d-page.ui-page .ui3d-child .selection-row .ui3d-heading { margin:0; }
.ui3d-page.ui-page .ui3d-filled,.ui3d-page.ui-page .ui3d-selected,.ui3d-page.ui-page .ui3d-confirmed { background:linear-gradient(145deg,#f2fff1,#e1f6de); border-color:#bbddb7; }
.ui3d-page.ui-page .ui3d-pending { background:linear-gradient(145deg,#fffdf6,#fff0d6); border-color:#ead3a4; }
.ui3d-page.ui-page .ui3d-error { background:linear-gradient(145deg,#fff9f5,#fff0e7); border-color:#f3c0a5; }
.ui3d-page.ui-page .ui-error,.ui3d-page.ui-page .error-text,.ui3d-page.ui-page .candidate-preview-error { color:#ae3b31; }
.ui3d-page.ui-page .option-grid,.ui3d-page.ui-page .development-area-grid { gap:calc(15 * var(--rpx)); margin-top:calc(23 * var(--rpx)); }
.ui3d-page.ui-page .option-chip { box-sizing:border-box; min-height:calc(85 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e4d1b5; border-radius:calc(19 * var(--rpx)); padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); background:linear-gradient(145deg,#fffefa,#faedd9); box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.12); }
.ui3d-page.ui-page .option-chip-active,.ui3d-page.ui-page .candidate-standard-chip-active { background:#dff0d7; border-color:#b3cfa8; color:#366139; }
.ui3d-page.ui-page .ui3d-media .field { margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
.ui3d-page.ui-page .ui3d-media .media-add { display:inline-flex; width:31%; min-height:calc(185 * var(--rpx)); flex-direction:column; justify-content:center; align-items:center; margin:0 0 calc(15 * var(--rpx)); padding:calc(12 * var(--rpx)); vertical-align:top; border:calc(2 * var(--rpx)) dashed #d9ba94; background:#fff7eb; font-size:calc(23 * var(--rpx)); font-weight:400; box-shadow:none; }
.ui3d-page.ui-page .ui3d-media .media-add-icon { color:#e98c54; font-size:calc(67 * var(--rpx)); line-height:1.3; text-shadow:0 calc(4 * var(--rpx)) calc(4 * var(--rpx)) rgba(157,77,36,.12); }
.ui3d-page.ui-page .ui3d-media .image-grid { display:flex; flex-wrap:wrap; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-media .image-thumb-wrap { width:31%; height:calc(185 * var(--rpx)); border-radius:calc(21 * var(--rpx)); overflow:hidden; }
.ui3d-page.ui-page .ui3d-media .image-thumb { width:100%; height:100%; }
.ui3d-page.ui-page .analysis-options-toggle { border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); min-height:calc(85 * var(--rpx)); box-shadow:0 calc(3 * var(--rpx)) calc(5 * var(--rpx)) rgba(119,81,36,.1); background:#fffaf3; font-size:calc(27 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-media-switch { display:flex; max-width:calc(462 * var(--rpx)); margin:calc(27 * var(--rpx)) auto 0; padding:calc(6 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e8dcc9; border-radius:calc(54 * var(--rpx)); background:#ede7dc; box-shadow:inset 0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.06); }
.ui3d-page.ui-page .ui3d-media-tab { display:flex; align-items:center; justify-content:center; gap:calc(13 * var(--rpx)); flex:1; min-width:0; min-height:calc(85 * var(--rpx)); margin:0; padding:calc(12 * var(--rpx)); font-size:calc(25 * var(--rpx)); line-height:1.4; border-radius:calc(45 * var(--rpx)); background:transparent; color:#17243c; }
.ui3d-page.ui-page .ui3d-media-tab::after { border:0; }
.ui3d-page.ui-page .ui3d-media-tab-active { background:linear-gradient(#fffefb,#fff9ef); box-shadow:0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.2); }
.ui3d-page.ui-page .ui3d-media-tab img { width:calc(37 * var(--rpx)); height:calc(37 * var(--rpx)); pointer-events:none; }
.ui3d-page.ui-page .ui3d-media-summary { margin-top:calc(15 * var(--rpx)); font-size:calc(23 * var(--rpx)); color:#66758a; }
.ui3d-page.ui-page .ui3d-media-summary-error { color:#ae3b31; }
.ui3d-page.ui-page .ui3d-feature-icon { width:calc(92 * var(--rpx)); height:calc(92 * var(--rpx)); pointer-events:none; }
.ui3d-page.ui-page .ui-feature { min-height:calc(190 * var(--rpx)); padding:calc(23 * var(--rpx)); margin:0; border-radius:calc(25 * var(--rpx)); }
.ui3d-page.ui-page .ui-feature-grid { gap:calc(19 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-menu .ui-link-row { min-height:calc(142 * var(--rpx)); box-sizing:border-box; gap:calc(19 * var(--rpx)); padding:calc(23 * var(--rpx)) 0; }
.ui3d-page.ui-page .ui3d-menu .ui-link-row .ui3d-row-icon { width:calc(92 * var(--rpx)); height:calc(92 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-menu .ui-link-copy { font-size:calc(27 * var(--rpx)); }
.ui3d-page.ui-page .notice-card.ui3d-read { border-color:#bbddb7; background:linear-gradient(145deg,#f2fff1,#e1f6de); }
.ui3d-page.ui-page .notice-card.ui3d-unread { border-color:#ead3a4; background:linear-gradient(145deg,#fffdf6,#fff0d6); }
.ui3d-page.ui-page .ui-date-range { display:flex; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui-page .ui-date-range wx-picker { flex:1; min-width:0; }
.ui3d-page.ui-page .ui-date-range .secondary-button { font-size:calc(23 * var(--rpx)); }
.ui3d-page.ui-page .tabs,.ui3d-page.ui-page .tab-row { display:flex; flex-wrap:wrap; gap:calc(13 * var(--rpx)); }
.ui3d-page.ui-page .tabs .tab,.ui3d-page.ui-page .tab-row .tab { flex:1 1 calc(130 * var(--rpx)); min-width:0; white-space:normal; }
.ui-nav.ui3d-nav { border-top:calc(2 * var(--rpx)) solid #ede4d5; background:linear-gradient(#fffefa,#fbf1e3); box-shadow:0 calc(-4 * var(--rpx)) calc(14 * var(--rpx)) rgba(119,81,36,.07); }
.ui3d-nav .ui-nav-symbol { background:transparent; border:0; }
.ui3d-nav .ui3d-nav-icon { width:calc(46 * var(--rpx)); height:calc(46 * var(--rpx)); pointer-events:none; }
.ui3d-nav .ui-nav-label { font-size:calc(21 * var(--rpx)); color:#66758a; }
.ui3d-nav .ui-nav-selected .ui-nav-label { color:#4c271c; }
.ui3d-nav .ui-nav-selected .ui-nav-symbol { background:#fff2d9; box-shadow:inset 0 calc(2 * var(--rpx)) white; }
.ui3d-nav .ui-nav-create .ui-nav-symbol { background:linear-gradient(145deg,#ffbd79,#e9924e); border:calc(8 * var(--rpx)) solid #fffaf2; box-shadow:0 calc(7 * var(--rpx)) calc(12 * var(--rpx)) rgba(125,74,38,.24); }
.ui3d-nav .ui3d-plus { width:calc(38 * var(--rpx)); height:calc(38 * var(--rpx)); position:relative; }
.ui3d-nav .ui3d-plus::before,.ui3d-nav .ui3d-plus::after { content:''; position:absolute; border-radius:calc(4 * var(--rpx)); background:#fffaf0; left:0; top:calc(15 * var(--rpx)); width:calc(38 * var(--rpx)); height:calc(8 * var(--rpx)); }
.ui3d-nav .ui3d-plus::after { transform:rotate(90deg); }
.ui-disclosure.ui3d-disclosure { border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(25 * var(--rpx)); background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(5 * var(--rpx)) calc(10 * var(--rpx)) rgba(119,81,36,.12); }

.ui3d-page.ui-page .ui3d-media-gallery{display:flex;align-items:flex-start;gap:calc(15 * var(--rpx))}.ui3d-page.ui-page .ui3d-media-gallery .image-grid{width:calc(69% - calc(15 * var(--rpx)));margin:0}.ui3d-page.ui-page .ui3d-media-gallery .image-thumb-wrap{width:calc(50% - calc(8 * var(--rpx)))}

.ui3d-page.ui-observation-sheet .picker-sheet { border:calc(2 * var(--rpx)) solid #fffdf6; background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(-8 * var(--rpx)) calc(25 * var(--rpx)) rgba(119,81,36,.16); }
.ui3d-page.ui-observation-sheet .sheet-title { font-size:calc(33 * var(--rpx)); color:#4c271c; }
.ui3d-page.ui-observation-sheet .child-option { min-height:calc(85 * var(--rpx)); box-sizing:border-box; font-size:calc(27 * var(--rpx)); border-radius:calc(19 * var(--rpx)); }
.ui3d-page.ui-observation-sheet .child-option-active,.ui3d-page.ui-observation-sheet .option-chip-active { background:#eaf8e7; color:#366139; border-color:#bbddb7; }
.ui3d-page.ui-observation-sheet .sheet-close { min-width:calc(85 * var(--rpx)); min-height:calc(85 * var(--rpx)); }
.ui3d-page.ui-observation-sheet .child-search input { min-height:calc(85 * var(--rpx)); border-radius:calc(21 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e9dcc8; background:#fffcf7; font-size:calc(27 * var(--rpx)); }
.ui3d-page.ui-observation-sheet .tag-category-active { color:#62402c; background:#fff0d6; }
.ui3d-page.ui-observation-sheet .sheet-footer .primary-button { background:linear-gradient(145deg,#ffdead,#f4bc7e); color:#572e1c; border-radius:calc(21 * var(--rpx)); }

/* Full-page R3 presentation. Explicit classes keep native controls and business states intact. */
.ui3d-page.ui3d-unified { padding-bottom:calc(calc(40 * var(--rpx)) + env(safe-area-inset-bottom)); }
.ui3d-page .ui3d-module-title { display:flex; align-items:center; gap:calc(19 * var(--rpx)); margin:0 0 calc(23 * var(--rpx)); min-width:0; color:#4c271c; font-size:calc(33 * var(--rpx)); font-weight:700; line-height:1.45; }
.ui3d-page .ui3d-module-title .ui3d-heading-copy { min-width:0; flex:1; overflow-wrap:break-word; word-break:break-word; }
.ui3d-page .ui3d-welcome { display:flex; flex-direction:column; align-items:center; gap:calc(23 * var(--rpx)); padding:calc(42 * var(--rpx)) calc(27 * var(--rpx)) calc(27 * var(--rpx)); border-radius:calc(29 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffef9; background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14); }
.ui3d-page .ui3d-welcome .title { text-align:center; font-size:calc(38 * var(--rpx)); color:#4c271c; order:1; }
.ui3d-page .ui3d-welcome-icon { width:calc(150 * var(--rpx)); height:calc(150 * var(--rpx)); pointer-events:none; }
.ui3d-page .ui3d-empty { text-align:center; padding:calc(40 * var(--rpx)) calc(27 * var(--rpx)); color:#66758a; }
.ui3d-page .ui3d-empty-icon { display:block; width:calc(150 * var(--rpx)); height:calc(150 * var(--rpx)); margin:0 auto calc(23 * var(--rpx)); pointer-events:none; }
.ui3d-page .ui3d-empty .ui3d-module-title { justify-content:center; }
.ui3d-page .ui3d-inset { border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(19 * var(--rpx)); background:#fffcf6; padding:calc(19 * var(--rpx)); margin-top:calc(19 * var(--rpx)); overflow-wrap:break-word; word-break:break-word; }
.ui3d-page.ui3d-unified .ui3d-hero .title,.ui3d-page.ui3d-unified .ui3d-hero .page-title { font-size:calc(42 * var(--rpx)); color:#4c271c; line-height:1.4; }
.ui3d-page.ui3d-unified .ui3d-action { box-sizing:border-box; height:auto; min-height:44px; max-width:100%; border:calc(2 * var(--rpx)) solid #e8d8bf; border-radius:calc(21 * var(--rpx)); padding:calc(19 * var(--rpx)) calc(23 * var(--rpx)); margin:calc(15 * var(--rpx)) 0; line-height:1.55; font-size:calc(27 * var(--rpx)); font-weight:600; color:#62402c; background:linear-gradient(145deg,#fffefa,#faedd9); box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.14),inset 0 calc(2 * var(--rpx)) #fff; white-space:normal; overflow-wrap:break-word; word-break:break-word; }
.ui3d-page.ui3d-unified .ui3d-action::after { border:0; }
.ui3d-page.ui3d-unified .ui3d-action.primary,.ui3d-page.ui3d-unified .ui3d-action.primary-button,.ui3d-page.ui3d-unified .ui3d-action[type="primary"],.ui3d-page.ui3d-unified .ui3d-action.approve,.ui3d-page.ui3d-unified .ui3d-action.enter { color:#572e1c; background:linear-gradient(145deg,#ffdead,#f4bc7e); border-color:#efbd83; }
.ui3d-page.ui3d-unified .ui3d-action.danger,.ui3d-page.ui3d-unified .ui3d-action.danger-button,.ui3d-page.ui3d-unified .ui3d-action.reject,.ui3d-page.ui3d-unified .ui3d-action.unbind { color:#ae3b31; background:linear-gradient(145deg,#fffaf6,#ffebe0); border-color:#edc5b5; }
.ui3d-page.ui3d-unified .ui3d-action[disabled] { color:#7a7d7f; background:#f0ece5; border-color:#e5dfd5; box-shadow:none; opacity:1; }
.ui3d-page.ui3d-unified .ui3d-action.mini-btn,.ui3d-page.ui3d-unified .ui3d-action.small { padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); font-size:calc(23 * var(--rpx)); }
.ui3d-page.ui3d-unified .ui3d-input,.ui3d-page.ui3d-unified .ui3d-textarea { box-sizing:border-box; width:100%; max-width:100%; min-width:0; border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); background:linear-gradient(135deg,#fffefa,#faf4eb); box-shadow:inset 0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.07); font-size:calc(27 * var(--rpx)); color:#17243c; margin:calc(12 * var(--rpx)) 0; }
.ui3d-page.ui3d-unified .ui3d-input { height:44px; min-height:44px; padding:0 calc(23 * var(--rpx)); line-height:normal; }
.ui3d-page.ui3d-unified .ui3d-textarea { min-height:calc(150 * var(--rpx)); padding:calc(21 * var(--rpx)) calc(23 * var(--rpx)); line-height:1.75; }
.ui3d-page.ui3d-unified .actions,.ui3d-page.ui3d-unified .button-row { flex-wrap:wrap; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui3d-unified .actions .ui3d-action,.ui3d-page.ui3d-unified .button-row .ui3d-action { min-width:0; flex:1 1 calc(160 * var(--rpx)); }
.ui3d-page.ui3d-unified .tabs,.ui3d-page.ui3d-unified .type-tabs,.ui3d-page.ui3d-unified .tab-row { display:flex; flex-wrap:wrap; gap:calc(13 * var(--rpx)); }
.ui3d-page.ui3d-unified .tab,.ui3d-page.ui3d-unified .tabs .ui3d-action { flex:1 1 calc(130 * var(--rpx)); min-width:0; min-height:44px; height:auto; margin:0; padding:calc(13 * var(--rpx)); box-sizing:border-box; border:calc(2 * var(--rpx)) solid #e7d9c4; border-radius:calc(21 * var(--rpx)); background:linear-gradient(145deg,#fffcf7,#f7ebd8); color:#62402c; box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.10); font-size:calc(23 * var(--rpx)); white-space:normal; line-height:1.5; }
.ui3d-page.ui3d-unified .tab.active,.ui3d-page.ui3d-unified .tab-active,.ui3d-page.ui3d-unified .tab.selected { background:linear-gradient(145deg,#f1ffee,#dbeed4); border-color:#bbd7b0; color:#28683a; }
.ui3d-page.ui3d-unified .status,.ui3d-page.ui3d-unified .badge { max-width:100%; box-sizing:border-box; white-space:normal; font-size:calc(21 * var(--rpx)); line-height:1.6; border-radius:calc(30 * var(--rpx)); }
.ui3d-page.ui3d-unified .error-box,.ui3d-page.ui3d-unified .error,.ui3d-page.ui3d-unified .danger-note { color:#ae3b31; background:#fff0e7; border-radius:calc(21 * var(--rpx)); padding:calc(19 * var(--rpx)); overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .warning-note,.ui3d-page.ui3d-unified .pending-note { color:#805920; background:#fff0d6; border-radius:calc(21 * var(--rpx)); padding:calc(19 * var(--rpx)); overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .page-note,.ui3d-page.ui3d-unified .hint,.ui3d-page.ui3d-unified .meta-text,.ui3d-page.ui3d-unified .section-desc { font-size:calc(23 * var(--rpx)); color:#66758a; line-height:1.7; overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .class-picker { min-height:44px; height:auto; padding:calc(17 * var(--rpx)) calc(23 * var(--rpx)); line-height:1.65; border-color:#e9dcc8; border-radius:calc(21 * var(--rpx)); background:#fffaf3; }
.ui3d-page.ui3d-unified .row,.ui3d-page.ui3d-unified .info-row,.ui3d-page.ui3d-unified .preview-row { gap:calc(19 * var(--rpx)); }
.ui3d-page.ui3d-unified .value,.ui3d-page.ui3d-unified .preview-value { min-width:0; overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .identity-main,.ui3d-page.ui3d-unified .card-head { flex-wrap:wrap; }
.ui3d-page.ui3d-unified .identity-main > div:first-child,.ui3d-page.ui3d-unified .card-head > div:first-child { min-width:0; flex:1; }
.ui3d-page.ui3d-unified .login-anchor { margin:calc(27 * var(--rpx)) 0; }
.ui3d-page.ui3d-unified .dev-entry-bottom { position:static; margin-top:calc(46 * var(--rpx)); }
.ui3d-page.ui3d-unified .ui-application-entries { flex-wrap:wrap; }
.ui3d-page.ui3d-unified .ui-application-entry { min-height:44px; flex:1 1 calc(240 * var(--rpx)); }
.ui3d-page.ui3d-unified .filter-search-button { flex:none; }
.ui3d-page .primary-button,.ui3d-page .secondary-button,.ui3d-page .ui3d-media-tab,.ui3d-page .option-chip { min-height:44px; }

.ui3d-page.ui3d-unified .section-head { display:flex; align-items:center; flex-wrap:wrap; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui3d-unified .section-head .ui3d-module-title { flex:1 1 calc(260 * var(--rpx)); margin-bottom:0; }
.ui3d-page.ui3d-unified .section-head .ui3d-action { flex:0 1 auto; margin:0; }
.ui3d-page.ui3d-unified .ui3d-action.remove { color:#ae3b31; background:linear-gradient(145deg,#fffaf6,#ffebe0); border-color:#edc5b5; }
.ui3d-page.ui3d-unified .status-filters { display:flex; flex-wrap:wrap; gap:calc(13 * var(--rpx)); }
.ui3d-page.ui3d-unified .status-filters .ui3d-action { flex:1 1 calc(130 * var(--rpx)); min-width:0; margin:0; }
.ui3d-page.ui3d-unified .status-filters .active,.ui3d-page.ui3d-unified .type-tab.active { background:linear-gradient(145deg,#f1ffee,#dbeed4); border-color:#bbd7b0; color:#28683a; }
.ui3d-page.ui3d-unified .type-tab { flex:1 1 calc(130 * var(--rpx)); min-width:0; min-height:44px; height:auto; white-space:normal; }
.ui3d-page.ui3d-unified .picker { box-sizing:border-box; min-height:44px; height:auto; border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); padding:calc(17 * var(--rpx)) calc(23 * var(--rpx)); line-height:1.65; background:#fffaf3; }

.ui3d-page.ui3d-unified .entry-list .ui3d-action { display:flex; align-items:center; gap:calc(19 * var(--rpx)); text-align:left; }
.ui3d-page.ui3d-unified .entry-list .ui3d-action > span { margin-left:auto; }

.ui3d-page.ui3d-unified .platform-heading { background:linear-gradient(145deg,#fffefa,#faedd9); color:#4c271c; border:calc(2 * var(--rpx)) solid #e8d8bf; box-shadow:0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.12); }
.ui3d-page.ui-page .ui3d-heading { flex-wrap:wrap; }
.ui3d-page.ui-page .ui3d-heading-copy { flex-basis:calc(180 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-state { display:inline-block; white-space:normal; max-width:100%; pointer-events:none; }
.ui3d-page.ui-page .ui3d-state-pending { color:#805920; background:#fff0d6; border-color:#ead3a4; }
.ui3d-page.ui-page .ui3d-state-error { color:#ae3b31; background:#fff0e7; border-color:#f3c0a5; }
.ui3d-page.ui-page .ui3d-child-label { display:flex; flex-direction:column; align-items:flex-start; gap:calc(6 * var(--rpx)); flex:none; }
.ui3d-page.ui3d-unified .section-card { box-sizing:border-box; min-width:0; margin:0 0 calc(31 * var(--rpx)); padding:calc(27 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffef9; border-radius:calc(29 * var(--rpx)); background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14),0 calc(2 * var(--rpx)) calc(2 * var(--rpx)) rgba(197,167,127,.33),inset 0 calc(2 * var(--rpx)) #fff; }
.ui3d-page.ui3d-unified .section-card.reminder-card { background:#fff0d6; border-color:#ead3a4; }
.ui3d-page.ui3d-unified .section-card.error-list-card { background:#fff0e7; border-color:#f3c0a5; color:#ae3b31; }

.ui3d-page.ui3d-unified .ui3d-header-wrap { flex-wrap:wrap; }
.ui3d-page.ui3d-unified .ui3d-header-wrap > div:first-child { width:100%; flex:1 1 100%; min-width:0; }

/* Warm apricot UI: opt-in surfaces only. */
.ui-page { min-height:100vh; box-sizing:border-box; background:#FAF7F1; color:#433A32; padding:calc(36 * var(--rpx)) calc(30 * var(--rpx)); }
.ui-page.ui-with-nav { padding-bottom:calc(calc(180 * var(--rpx)) + env(safe-area-inset-bottom)); }
.ui-page .title { font-size:calc(42 * var(--rpx)); line-height:1.35; color:#433A32; letter-spacing:calc(1 * var(--rpx)); }
.ui-page .subtitle,.ui-page .card-text,.ui-page .meta-row { color:#786D61; line-height:1.75; overflow-wrap:break-word; }
.ui-page .card { border:calc(1 * var(--rpx)) solid #EDE5D9; border-radius:calc(30 * var(--rpx)); box-shadow:0 calc(10 * var(--rpx)) calc(28 * var(--rpx)) rgba(93,65,40,.04); padding:calc(30 * var(--rpx)); background:#fff; }
.ui-page .card-title,.ui-section-title { font-size:calc(32 * var(--rpx)); font-weight:600; line-height:1.5; }
.ui-page .primary-button,.ui-button { min-height:calc(88 * var(--rpx)); box-sizing:border-box; display:flex; align-items:center; justify-content:center; padding:calc(22 * var(--rpx)) calc(26 * var(--rpx)); border-radius:calc(24 * var(--rpx)); background:linear-gradient(135deg,#B76842,#A65330); color:#fff; box-shadow:0 calc(8 * var(--rpx)) calc(18 * var(--rpx)) rgba(166,83,48,.13); font-size:calc(29 * var(--rpx)); line-height:1.5; }
.ui-page .secondary-button { min-height:calc(88 * var(--rpx)); box-sizing:border-box; display:flex; align-items:center; justify-content:center; border:calc(1 * var(--rpx)) solid #E8DECF; border-radius:calc(24 * var(--rpx)); padding:calc(22 * var(--rpx)) calc(24 * var(--rpx)); background:#fff; color:#74523C; font-size:calc(28 * var(--rpx)); line-height:1.5; }
.ui-page .primary-button::after,.ui-page .secondary-button::after,.ui-button::after { border:0; }
.ui-page .primary-button[disabled],.ui-page .secondary-button[disabled],.ui-button[disabled] { opacity:.5; }
.ui-hero { position:relative; overflow:hidden; padding:calc(32 * var(--rpx)); border-radius:calc(34 * var(--rpx)); border:calc(1 * var(--rpx)) solid #EFDEC8; background:linear-gradient(120deg,#F8E3D1,#F7EEDC 66%,#E7EDDC); }
.ui-hero .subtitle { font-size:calc(25 * var(--rpx)); margin-top:calc(10 * var(--rpx)); }
.ui-hero-copy { position:relative; z-index:1; padding-right:calc(130 * var(--rpx)); }
.ui-kicker { font-size:calc(22 * var(--rpx)); letter-spacing:calc(3 * var(--rpx)); color:#99724B; margin-bottom:calc(12 * var(--rpx)); }
.ui-hero-art { position:absolute; right:calc(-12 * var(--rpx)); top:calc(50 * var(--rpx)); width:calc(190 * var(--rpx)); height:calc(190 * var(--rpx)); }
.ui-art { display:inline-block; width:calc(116 * var(--rpx)); height:calc(116 * var(--rpx)); position:relative; overflow:hidden; flex-shrink:0; }


.ui-hero-art.ui-art { position:absolute; width:calc(190 * var(--rpx)); height:calc(190 * var(--rpx)); }
.ui-feature-grid { display:flex; flex-wrap:wrap; margin:calc(22 * var(--rpx)) calc(-8 * var(--rpx)) 0; }
.ui-page .ui-feature { width:calc(50% - calc(16 * var(--rpx))); margin:calc(8 * var(--rpx)); min-height:calc(180 * var(--rpx)); padding:calc(20 * var(--rpx)) calc(16 * var(--rpx)); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; text-align:left; background:#fff; color:#5B4837; border:calc(1 * var(--rpx)) solid #EDE2D4; border-radius:calc(28 * var(--rpx)); box-shadow:0 calc(6 * var(--rpx)) calc(16 * var(--rpx)) rgba(93,65,40,.03); }
.ui-feature .ui-art { width:calc(92 * var(--rpx)); height:calc(92 * var(--rpx)); margin-bottom:calc(8 * var(--rpx)); }
.ui-page .ui-feature-main { background:linear-gradient(130deg,#F4D6B6,#FAEAD8); }
.ui-feature-label { font-weight:600; font-size:calc(28 * var(--rpx)); line-height:1.5; }
.ui-note { color:#786D61; font-size:calc(25 * var(--rpx)); line-height:1.75; margin-top:calc(16 * var(--rpx)); }
.ui-error { margin-top:calc(22 * var(--rpx)); color:#A3412D; background:#FFF0E8; border:calc(1 * var(--rpx)) solid #F0C9B7; padding:calc(24 * var(--rpx)); border-radius:calc(22 * var(--rpx)); font-size:calc(27 * var(--rpx)); line-height:1.65; }
.ui-link-row { min-height:calc(100 * var(--rpx)); display:flex; align-items:center; padding:calc(16 * var(--rpx)) calc(24 * var(--rpx)); border-bottom:calc(1 * var(--rpx)) solid #F0EAE2; box-sizing:border-box; }
.ui-link-row:last-child { border-bottom:0; }.ui-link-copy { flex:1; margin-left:calc(20 * var(--rpx)); line-height:1.6; }.ui-chevron { color:#AF9C87; font-size:calc(36 * var(--rpx)); }
.ui-line { display:inline-block; flex-shrink:0; width:calc(48 * var(--rpx)); height:calc(48 * var(--rpx)); position:relative; overflow:hidden; }


.ui-art-sprite { position:absolute; width:300%; height:200%; max-width:none; top:0; left:0; }
.ui-art-growth .ui-art-sprite { left:-0%; top:-0%; }
.ui-art-report .ui-art-sprite { left:-100%; top:-0%; }
.ui-art-record .ui-art-sprite { left:-200%; top:-0%; }
.ui-art-notice .ui-art-sprite { left:-0%; top:-100%; }
.ui-art-people .ui-art-sprite { left:-100%; top:-100%; }
.ui-art-album .ui-art-sprite { left:-200%; top:-100%; }

.ui-line-sprite { position:absolute; width:1000%; height:100%; max-width:none; top:0; left:0; }
.ui-line-home .ui-line-sprite { left:-0%; }
.ui-line-record .ui-line-sprite { left:-100%; }
.ui-line-plus .ui-line-sprite { left:-200%; }
.ui-line-bell .ui-line-sprite { left:-300%; }
.ui-line-user .ui-line-sprite { left:-400%; }
.ui-line-sprout .ui-line-sprite { left:-500%; }
.ui-line-album .ui-line-sprite { left:-600%; }
.ui-line-people .ui-line-sprite { left:-700%; }
.ui-line-chart .ui-line-sprite { left:-800%; }
.ui-line-check .ui-line-sprite { left:-900%; }

.ui-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;align-items:flex-end;padding:calc(10 * var(--rpx)) calc(12 * var(--rpx)) calc(calc(12 * var(--rpx)) + env(safe-area-inset-bottom));background:#fffdf8;border-top:calc(1 * var(--rpx)) solid #eadfce;box-shadow:0 calc(-6 * var(--rpx)) calc(24 * var(--rpx)) rgba(91,69,44,.04)}
.ui3d-nav .ui-nav-item{flex:1;min-width:0;margin:0;padding:calc(4 * var(--rpx)) 0 0;border:0;border-radius:calc(18 * var(--rpx));background:transparent;color:#796c60;line-height:1.3;display:flex;align-items:center;flex-direction:column;min-height:calc(92 * var(--rpx));font-size:calc(22 * var(--rpx));font-weight:400;overflow:visible}.ui-nav-item::after{border:0}.ui-nav-symbol{width:calc(76 * var(--rpx));height:calc(52 * var(--rpx));display:flex;align-items:center;justify-content:center;border-radius:calc(20 * var(--rpx))}.ui-nav-label{display:block;margin-top:calc(6 * var(--rpx));white-space:nowrap}.ui-nav-selected{color:#a65330;font-weight:600}.ui-nav-selected .ui-nav-symbol{background:#f8e3d1}.ui-nav-create .ui-nav-symbol{width:calc(90 * var(--rpx));height:calc(90 * var(--rpx));margin-top:calc(-38 * var(--rpx));background:linear-gradient(145deg,#cb8c5b,#a65330);border:calc(8 * var(--rpx)) solid #fffdf8;border-radius:50%;box-shadow:0 calc(5 * var(--rpx)) calc(12 * var(--rpx)) rgba(125,74,38,.2)}.ui-nav-create .ui-line{background:#FFF8E9;border-radius:50%;width:calc(48 * var(--rpx));height:calc(48 * var(--rpx))}.ui-nav-create{color:#a65330}.ui-nav-item[disabled]{opacity:.55;background:transparent;color:#796c60}

/* R3 feedback 2026-10-23: presentation only. */
.ui3d-nav .ui-nav-item:not(.ui-nav-selected) .ui-nav-symbol { -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:0.62; }
.ui3d-nav .ui-nav-selected .ui-nav-symbol { -webkit-filter:none; filter:none; opacity:1; }

/* Frozen R3 presentation. Only ui3d hosts opt in; original business classes remain. */
.ui3d-page.ui-page { box-sizing:border-box; min-height:100vh; padding:calc(16 * var(--rpx)) calc(27 * var(--rpx)) calc(40 * var(--rpx)); color:#17243c; background:#faf7f1; font-size:calc(27 * var(--rpx)); line-height:1.65; }
.ui3d-page.ui-page.ui-with-nav { padding-bottom:calc(calc(160 * var(--rpx)) + env(safe-area-inset-bottom)); }
.ui3d-page.ui-page .ui3d-hero { display:flex; align-items:center; position:relative; min-height:calc(188 * var(--rpx)); box-sizing:border-box; padding:calc(32 * var(--rpx)) calc(202 * var(--rpx)) calc(31 * var(--rpx)) calc(35 * var(--rpx)); margin:0 0 calc(31 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffaf2; border-radius:calc(29 * var(--rpx)); background:linear-gradient(125deg,#fff9ee,#ffe5bf); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14),inset 0 calc(2 * var(--rpx)) 0 #fff; }
.ui3d-page.ui-page .ui3d-hero .title { margin:0 0 calc(12 * var(--rpx)); font-size:calc(42 * var(--rpx)); line-height:1.4; color:#4c271c; font-weight:700; }
.ui3d-page.ui-page .ui3d-hero .subtitle,.ui3d-page.ui-page .ui3d-hero .ui-note { margin:calc(6 * var(--rpx)) 0 0; font-size:calc(23 * var(--rpx)); color:#675744; }
.ui3d-page.ui-page .ui3d-hero .ui-hero-copy { min-width:0; width:100%; }
.ui3d-page.ui-page .ui3d-hero-art { position:absolute; width:calc(227 * var(--rpx)); height:calc(227 * var(--rpx)); right:0; top:50%; transform:translateY(-50%); pointer-events:none; }
.ui3d-page.ui-page .ui3d-icon { width:calc(85 * var(--rpx)); height:calc(85 * var(--rpx)); flex:none; vertical-align:middle; pointer-events:none; }
.ui3d-page.ui-page .ui3d-row-icon { width:calc(73 * var(--rpx)); height:calc(73 * var(--rpx)); flex:none; pointer-events:none; }
.ui3d-page.ui-page .ui3d-heading { display:flex; align-items:center; gap:calc(19 * var(--rpx)); margin:0 0 calc(23 * var(--rpx)); min-width:0; }
.ui3d-page.ui-page .ui3d-heading-copy { flex:1; min-width:0; }
.ui3d-page.ui-page .ui3d-heading .field-label,.ui3d-page.ui-page .ui3d-heading .card-title { margin:0; }
.ui3d-page.ui-page .ui3d-help { color:#66758a; font-size:calc(23 * var(--rpx)); line-height:1.7; margin:calc(6 * var(--rpx)) 0 0; font-weight:400; }
.ui3d-page.ui-page .ui3d-state { font-size:calc(21 * var(--rpx)); color:#28683a; border:calc(2 * var(--rpx)) solid #c0dcb5; border-radius:calc(22 * var(--rpx)); padding:calc(3 * var(--rpx)) calc(12 * var(--rpx)); background:#e5f5de; flex:none; }
.ui3d-page.ui-page .card,.ui3d-page.ui-page .ui3d-card { box-sizing:border-box; min-width:0; margin:0 0 calc(31 * var(--rpx)); padding:calc(27 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffef9; border-radius:calc(29 * var(--rpx)); background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14),0 calc(2 * var(--rpx)) calc(2 * var(--rpx)) rgba(197,167,127,.33),inset 0 calc(2 * var(--rpx)) #fff; }
.ui3d-page.ui-page .field.ui3d-card { margin:0 0 calc(31 * var(--rpx)); }
.ui3d-page.ui-page .section { margin-top:calc(25 * var(--rpx)); }
.ui3d-page.ui-page .card-title,.ui3d-page.ui-page .field-label { color:#4c271c; font-size:calc(33 * var(--rpx)); line-height:1.45; font-weight:700; }
.ui3d-page.ui-page .card-text { font-size:calc(27 * var(--rpx)); overflow-wrap:break-word; word-break:break-word; }
.ui3d-page.ui-page .subtitle,.ui3d-page.ui-page .meta-row,.ui3d-page.ui-page .ui-note,.ui3d-page.ui-page .field-tip { font-size:calc(23 * var(--rpx)); color:#66758a; line-height:1.7; overflow-wrap:break-word; }
.ui3d-page.ui-page .primary-button,.ui3d-page.ui-page .secondary-button,.ui3d-page.ui-page .btn { box-sizing:border-box; min-height:calc(85 * var(--rpx)); max-width:100%; padding:calc(19 * var(--rpx)) calc(23 * var(--rpx)); margin-top:calc(15 * var(--rpx)); line-height:1.55; border:calc(2 * var(--rpx)) solid #e8d8bf; border-radius:calc(21 * var(--rpx)); font-size:calc(27 * var(--rpx)); font-weight:600; white-space:normal; word-break:break-word; color:#62402c; background:linear-gradient(145deg,#fffefa,#faedd9); box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.14),inset 0 calc(2 * var(--rpx)) #fff; }
.ui3d-page.ui-page .primary-button,.ui3d-page.ui-page .btn.primary { color:#572e1c; background:linear-gradient(145deg,#ffdead,#f4bc7e); border-color:#efbd83; }
.ui3d-page.ui-page .danger-button,.ui3d-page.ui-page .btn.danger { color:#ae3b31; background:linear-gradient(145deg,#fffaf6,#ffebe0); border-color:#edc5b5; }
.ui3d-page.ui-page .primary-button[disabled],.ui3d-page.ui-page .secondary-button[disabled],.ui3d-page.ui-page .btn[disabled],.ui3d-page.ui-page .disabled { color:#7a7d7f; background:#f0ece5; border-color:#e5dfd5; box-shadow:none; }
.ui3d-page.ui-page .compact-button,.ui3d-page.ui-page .btn.small { font-size:calc(23 * var(--rpx)); min-height:calc(85 * var(--rpx)); padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); }
.ui3d-page.ui-page .input,.ui3d-page.ui-page .textarea,.ui3d-page.ui-page .notice-input,.ui3d-page.ui-page .standard-picker,.ui3d-page.ui-page .search-input { box-sizing:border-box; width:100%; min-height:calc(85 * var(--rpx)); padding:calc(21 * var(--rpx)) calc(23 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); background:linear-gradient(135deg,#fffefa,#faf4eb); box-shadow:inset 0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.07); font-size:calc(27 * var(--rpx)); color:#17243c; }
.ui3d-page.ui-page .ui3d-facts .textarea { min-height:calc(270 * var(--rpx)); height:calc(270 * var(--rpx)); margin-top:calc(23 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-child .selection-row { min-height:calc(142 * var(--rpx)); gap:calc(19 * var(--rpx)); }
.ui3d-page.ui-page .selection-row .selection-value { flex:1; min-width:0; text-align:right; }
.ui3d-page.ui-page .ui3d-child .field-label { flex:none; }
.ui3d-page.ui-page .ui3d-child .selection-row .ui3d-heading { margin:0; }
.ui3d-page.ui-page .ui3d-filled,.ui3d-page.ui-page .ui3d-selected,.ui3d-page.ui-page .ui3d-confirmed { background:linear-gradient(145deg,#f2fff1,#e1f6de); border-color:#bbddb7; }
.ui3d-page.ui-page .ui3d-pending { background:linear-gradient(145deg,#fffdf6,#fff0d6); border-color:#ead3a4; }
.ui3d-page.ui-page .ui3d-error { background:linear-gradient(145deg,#fff9f5,#fff0e7); border-color:#f3c0a5; }
.ui3d-page.ui-page .ui-error,.ui3d-page.ui-page .error-text,.ui3d-page.ui-page .candidate-preview-error { color:#ae3b31; }
.ui3d-page.ui-page .option-grid,.ui3d-page.ui-page .development-area-grid { gap:calc(15 * var(--rpx)); margin-top:calc(23 * var(--rpx)); }
.ui3d-page.ui-page .option-chip { box-sizing:border-box; min-height:calc(85 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e4d1b5; border-radius:calc(19 * var(--rpx)); padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); background:linear-gradient(145deg,#fffefa,#faedd9); box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.12); }
.ui3d-page.ui-page .option-chip-active,.ui3d-page.ui-page .candidate-standard-chip-active { background:#dff0d7; border-color:#b3cfa8; color:#366139; }
.ui3d-page.ui-page .ui3d-media .field { margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
.ui3d-page.ui-page .ui3d-media .media-add { display:inline-flex; width:31%; min-height:calc(185 * var(--rpx)); flex-direction:column; justify-content:center; align-items:center; margin:0 0 calc(15 * var(--rpx)); padding:calc(12 * var(--rpx)); vertical-align:top; border:calc(2 * var(--rpx)) dashed #d9ba94; background:#fff7eb; font-size:calc(23 * var(--rpx)); font-weight:400; box-shadow:none; }
.ui3d-page.ui-page .ui3d-media .media-add-icon { color:#e98c54; font-size:calc(67 * var(--rpx)); line-height:1.3; text-shadow:0 calc(4 * var(--rpx)) calc(4 * var(--rpx)) rgba(157,77,36,.12); }
.ui3d-page.ui-page .ui3d-media .image-grid { display:flex; flex-wrap:wrap; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-media .image-thumb-wrap { width:31%; height:calc(185 * var(--rpx)); border-radius:calc(21 * var(--rpx)); overflow:hidden; }
.ui3d-page.ui-page .ui3d-media .image-thumb { width:100%; height:100%; }
.ui3d-page.ui-page .analysis-options-toggle { border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); min-height:calc(85 * var(--rpx)); box-shadow:0 calc(3 * var(--rpx)) calc(5 * var(--rpx)) rgba(119,81,36,.1); background:#fffaf3; font-size:calc(27 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-media-switch { display:flex; max-width:calc(462 * var(--rpx)); margin:calc(27 * var(--rpx)) auto 0; padding:calc(6 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e8dcc9; border-radius:calc(54 * var(--rpx)); background:#ede7dc; box-shadow:inset 0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.06); }
.ui3d-page.ui-page .ui3d-media-tab { display:flex; align-items:center; justify-content:center; gap:calc(13 * var(--rpx)); flex:1; min-width:0; min-height:calc(85 * var(--rpx)); margin:0; padding:calc(12 * var(--rpx)); font-size:calc(25 * var(--rpx)); line-height:1.4; border-radius:calc(45 * var(--rpx)); background:transparent; color:#17243c; }
.ui3d-page.ui-page .ui3d-media-tab::after { border:0; }
.ui3d-page.ui-page .ui3d-media-tab-active { background:linear-gradient(#fffefb,#fff9ef); box-shadow:0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.2); }
.ui3d-page.ui-page .ui3d-media-tab img { width:calc(37 * var(--rpx)); height:calc(37 * var(--rpx)); pointer-events:none; }
.ui3d-page.ui-page .ui3d-media-summary { margin-top:calc(15 * var(--rpx)); font-size:calc(23 * var(--rpx)); color:#66758a; }
.ui3d-page.ui-page .ui3d-media-summary-error { color:#ae3b31; }
.ui3d-page.ui-page .ui3d-feature-icon { width:calc(92 * var(--rpx)); height:calc(92 * var(--rpx)); pointer-events:none; }
.ui3d-page.ui-page .ui-feature { min-height:calc(190 * var(--rpx)); padding:calc(23 * var(--rpx)); margin:0; border-radius:calc(25 * var(--rpx)); }
.ui3d-page.ui-page .ui-feature-grid { gap:calc(19 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-menu .ui-link-row { min-height:calc(142 * var(--rpx)); box-sizing:border-box; gap:calc(19 * var(--rpx)); padding:calc(23 * var(--rpx)) 0; }
.ui3d-page.ui-page .ui3d-menu .ui-link-row .ui3d-row-icon { width:calc(92 * var(--rpx)); height:calc(92 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-menu .ui-link-copy { font-size:calc(27 * var(--rpx)); }
.ui3d-page.ui-page .notice-card.ui3d-read { border-color:#bbddb7; background:linear-gradient(145deg,#f2fff1,#e1f6de); }
.ui3d-page.ui-page .notice-card.ui3d-unread { border-color:#ead3a4; background:linear-gradient(145deg,#fffdf6,#fff0d6); }
.ui3d-page.ui-page .ui-date-range { display:flex; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui-page .ui-date-range wx-picker { flex:1; min-width:0; }
.ui3d-page.ui-page .ui-date-range .secondary-button { font-size:calc(23 * var(--rpx)); }
.ui3d-page.ui-page .tabs,.ui3d-page.ui-page .tab-row { display:flex; flex-wrap:wrap; gap:calc(13 * var(--rpx)); }
.ui3d-page.ui-page .tabs .tab,.ui3d-page.ui-page .tab-row .tab { flex:1 1 calc(130 * var(--rpx)); min-width:0; white-space:normal; }
.ui-nav.ui3d-nav { border-top:calc(2 * var(--rpx)) solid #ede4d5; background:linear-gradient(#fffefa,#fbf1e3); box-shadow:0 calc(-4 * var(--rpx)) calc(14 * var(--rpx)) rgba(119,81,36,.07); }
.ui3d-nav .ui-nav-symbol { background:transparent; border:0; }
.ui3d-nav .ui3d-nav-icon { width:calc(46 * var(--rpx)); height:calc(46 * var(--rpx)); pointer-events:none; }
.ui3d-nav .ui-nav-label { font-size:calc(21 * var(--rpx)); color:#66758a; }
.ui3d-nav .ui-nav-selected .ui-nav-label { color:#4c271c; }
.ui3d-nav .ui-nav-selected .ui-nav-symbol { background:#fff2d9; box-shadow:inset 0 calc(2 * var(--rpx)) white; }
.ui3d-nav .ui-nav-create .ui-nav-symbol { background:linear-gradient(145deg,#ffbd79,#e9924e); border:calc(8 * var(--rpx)) solid #fffaf2; box-shadow:0 calc(7 * var(--rpx)) calc(12 * var(--rpx)) rgba(125,74,38,.24); }
.ui3d-nav .ui3d-plus { width:calc(38 * var(--rpx)); height:calc(38 * var(--rpx)); position:relative; }
.ui3d-nav .ui3d-plus::before,.ui3d-nav .ui3d-plus::after { content:''; position:absolute; border-radius:calc(4 * var(--rpx)); background:#fffaf0; left:0; top:calc(15 * var(--rpx)); width:calc(38 * var(--rpx)); height:calc(8 * var(--rpx)); }
.ui3d-nav .ui3d-plus::after { transform:rotate(90deg); }
.ui-disclosure.ui3d-disclosure { border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(25 * var(--rpx)); background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(5 * var(--rpx)) calc(10 * var(--rpx)) rgba(119,81,36,.12); }

.ui3d-page.ui-page .ui3d-media-gallery{display:flex;align-items:flex-start;gap:calc(15 * var(--rpx))}.ui3d-page.ui-page .ui3d-media-gallery .image-grid{width:calc(69% - calc(15 * var(--rpx)));margin:0}.ui3d-page.ui-page .ui3d-media-gallery .image-thumb-wrap{width:calc(50% - calc(8 * var(--rpx)))}

.ui3d-page.ui-observation-sheet .picker-sheet { border:calc(2 * var(--rpx)) solid #fffdf6; background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(-8 * var(--rpx)) calc(25 * var(--rpx)) rgba(119,81,36,.16); }
.ui3d-page.ui-observation-sheet .sheet-title { font-size:calc(33 * var(--rpx)); color:#4c271c; }
.ui3d-page.ui-observation-sheet .child-option { min-height:calc(85 * var(--rpx)); box-sizing:border-box; font-size:calc(27 * var(--rpx)); border-radius:calc(19 * var(--rpx)); }
.ui3d-page.ui-observation-sheet .child-option-active,.ui3d-page.ui-observation-sheet .option-chip-active { background:#eaf8e7; color:#366139; border-color:#bbddb7; }
.ui3d-page.ui-observation-sheet .sheet-close { min-width:calc(85 * var(--rpx)); min-height:calc(85 * var(--rpx)); }
.ui3d-page.ui-observation-sheet .child-search input { min-height:calc(85 * var(--rpx)); border-radius:calc(21 * var(--rpx)); border:calc(2 * var(--rpx)) solid #e9dcc8; background:#fffcf7; font-size:calc(27 * var(--rpx)); }
.ui3d-page.ui-observation-sheet .tag-category-active { color:#62402c; background:#fff0d6; }
.ui3d-page.ui-observation-sheet .sheet-footer .primary-button { background:linear-gradient(145deg,#ffdead,#f4bc7e); color:#572e1c; border-radius:calc(21 * var(--rpx)); }

/* Full-page R3 presentation. Explicit classes keep native controls and business states intact. */
.ui3d-page.ui3d-unified { padding-bottom:calc(calc(40 * var(--rpx)) + env(safe-area-inset-bottom)); }
.ui3d-page .ui3d-module-title { display:flex; align-items:center; gap:calc(19 * var(--rpx)); margin:0 0 calc(23 * var(--rpx)); min-width:0; color:#4c271c; font-size:calc(33 * var(--rpx)); font-weight:700; line-height:1.45; }
.ui3d-page .ui3d-module-title .ui3d-heading-copy { min-width:0; flex:1; overflow-wrap:break-word; word-break:break-word; }
.ui3d-page .ui3d-welcome { display:flex; flex-direction:column; align-items:center; gap:calc(23 * var(--rpx)); padding:calc(42 * var(--rpx)) calc(27 * var(--rpx)) calc(27 * var(--rpx)); border-radius:calc(29 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffef9; background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14); }
.ui3d-page .ui3d-welcome .title { text-align:center; font-size:calc(38 * var(--rpx)); color:#4c271c; order:1; }
.ui3d-page .ui3d-welcome-icon { width:calc(150 * var(--rpx)); height:calc(150 * var(--rpx)); pointer-events:none; }
.ui3d-page .ui3d-empty { text-align:center; padding:calc(40 * var(--rpx)) calc(27 * var(--rpx)); color:#66758a; }
.ui3d-page .ui3d-empty-icon { display:block; width:calc(150 * var(--rpx)); height:calc(150 * var(--rpx)); margin:0 auto calc(23 * var(--rpx)); pointer-events:none; }
.ui3d-page .ui3d-empty .ui3d-module-title { justify-content:center; }
.ui3d-page .ui3d-inset { border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(19 * var(--rpx)); background:#fffcf6; padding:calc(19 * var(--rpx)); margin-top:calc(19 * var(--rpx)); overflow-wrap:break-word; word-break:break-word; }
.ui3d-page.ui3d-unified .ui3d-hero .title,.ui3d-page.ui3d-unified .ui3d-hero .page-title { font-size:calc(42 * var(--rpx)); color:#4c271c; line-height:1.4; }
.ui3d-page.ui3d-unified .ui3d-action { box-sizing:border-box; height:auto; min-height:44px; max-width:100%; border:calc(2 * var(--rpx)) solid #e8d8bf; border-radius:calc(21 * var(--rpx)); padding:calc(19 * var(--rpx)) calc(23 * var(--rpx)); margin:calc(15 * var(--rpx)) 0; line-height:1.55; font-size:calc(27 * var(--rpx)); font-weight:600; color:#62402c; background:linear-gradient(145deg,#fffefa,#faedd9); box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.14),inset 0 calc(2 * var(--rpx)) #fff; white-space:normal; overflow-wrap:break-word; word-break:break-word; }
.ui3d-page.ui3d-unified .ui3d-action::after { border:0; }
.ui3d-page.ui3d-unified .ui3d-action.primary,.ui3d-page.ui3d-unified .ui3d-action.primary-button,.ui3d-page.ui3d-unified .ui3d-action[type="primary"],.ui3d-page.ui3d-unified .ui3d-action.approve,.ui3d-page.ui3d-unified .ui3d-action.enter { color:#572e1c; background:linear-gradient(145deg,#ffdead,#f4bc7e); border-color:#efbd83; }
.ui3d-page.ui3d-unified .ui3d-action.danger,.ui3d-page.ui3d-unified .ui3d-action.danger-button,.ui3d-page.ui3d-unified .ui3d-action.reject,.ui3d-page.ui3d-unified .ui3d-action.unbind { color:#ae3b31; background:linear-gradient(145deg,#fffaf6,#ffebe0); border-color:#edc5b5; }
.ui3d-page.ui3d-unified .ui3d-action[disabled] { color:#7a7d7f; background:#f0ece5; border-color:#e5dfd5; box-shadow:none; opacity:1; }
.ui3d-page.ui3d-unified .ui3d-action.mini-btn,.ui3d-page.ui3d-unified .ui3d-action.small { padding:calc(15 * var(--rpx)) calc(19 * var(--rpx)); font-size:calc(23 * var(--rpx)); }
.ui3d-page.ui3d-unified .ui3d-input,.ui3d-page.ui3d-unified .ui3d-textarea { box-sizing:border-box; width:100%; max-width:100%; min-width:0; border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); background:linear-gradient(135deg,#fffefa,#faf4eb); box-shadow:inset 0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.07); font-size:calc(27 * var(--rpx)); color:#17243c; margin:calc(12 * var(--rpx)) 0; }
.ui3d-page.ui3d-unified .ui3d-input { height:44px; min-height:44px; padding:0 calc(23 * var(--rpx)); line-height:normal; }
.ui3d-page.ui3d-unified .ui3d-textarea { min-height:calc(150 * var(--rpx)); padding:calc(21 * var(--rpx)) calc(23 * var(--rpx)); line-height:1.75; }
.ui3d-page.ui3d-unified .actions,.ui3d-page.ui3d-unified .button-row { flex-wrap:wrap; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui3d-unified .actions .ui3d-action,.ui3d-page.ui3d-unified .button-row .ui3d-action { min-width:0; flex:1 1 calc(160 * var(--rpx)); }
.ui3d-page.ui3d-unified .tabs,.ui3d-page.ui3d-unified .type-tabs,.ui3d-page.ui3d-unified .tab-row { display:flex; flex-wrap:wrap; gap:calc(13 * var(--rpx)); }
.ui3d-page.ui3d-unified .tab,.ui3d-page.ui3d-unified .tabs .ui3d-action { flex:1 1 calc(130 * var(--rpx)); min-width:0; min-height:44px; height:auto; margin:0; padding:calc(13 * var(--rpx)); box-sizing:border-box; border:calc(2 * var(--rpx)) solid #e7d9c4; border-radius:calc(21 * var(--rpx)); background:linear-gradient(145deg,#fffcf7,#f7ebd8); color:#62402c; box-shadow:0 calc(4 * var(--rpx)) calc(6 * var(--rpx)) rgba(119,81,36,.10); font-size:calc(23 * var(--rpx)); white-space:normal; line-height:1.5; }
.ui3d-page.ui3d-unified .tab.active,.ui3d-page.ui3d-unified .tab-active,.ui3d-page.ui3d-unified .tab.selected { background:linear-gradient(145deg,#f1ffee,#dbeed4); border-color:#bbd7b0; color:#28683a; }
.ui3d-page.ui3d-unified .status,.ui3d-page.ui3d-unified .badge { max-width:100%; box-sizing:border-box; white-space:normal; font-size:calc(21 * var(--rpx)); line-height:1.6; border-radius:calc(30 * var(--rpx)); }
.ui3d-page.ui3d-unified .error-box,.ui3d-page.ui3d-unified .error,.ui3d-page.ui3d-unified .danger-note { color:#ae3b31; background:#fff0e7; border-radius:calc(21 * var(--rpx)); padding:calc(19 * var(--rpx)); overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .warning-note,.ui3d-page.ui3d-unified .pending-note { color:#805920; background:#fff0d6; border-radius:calc(21 * var(--rpx)); padding:calc(19 * var(--rpx)); overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .page-note,.ui3d-page.ui3d-unified .hint,.ui3d-page.ui3d-unified .meta-text,.ui3d-page.ui3d-unified .section-desc { font-size:calc(23 * var(--rpx)); color:#66758a; line-height:1.7; overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .class-picker { min-height:44px; height:auto; padding:calc(17 * var(--rpx)) calc(23 * var(--rpx)); line-height:1.65; border-color:#e9dcc8; border-radius:calc(21 * var(--rpx)); background:#fffaf3; }
.ui3d-page.ui3d-unified .row,.ui3d-page.ui3d-unified .info-row,.ui3d-page.ui3d-unified .preview-row { gap:calc(19 * var(--rpx)); }
.ui3d-page.ui3d-unified .value,.ui3d-page.ui3d-unified .preview-value { min-width:0; overflow-wrap:break-word; }
.ui3d-page.ui3d-unified .identity-main,.ui3d-page.ui3d-unified .card-head { flex-wrap:wrap; }
.ui3d-page.ui3d-unified .identity-main > div:first-child,.ui3d-page.ui3d-unified .card-head > div:first-child { min-width:0; flex:1; }
.ui3d-page.ui3d-unified .login-anchor { margin:calc(27 * var(--rpx)) 0; }
.ui3d-page.ui3d-unified .dev-entry-bottom { position:static; margin-top:calc(46 * var(--rpx)); }
.ui3d-page.ui3d-unified .ui-application-entries { flex-wrap:wrap; }
.ui3d-page.ui3d-unified .ui-application-entry { min-height:44px; flex:1 1 calc(240 * var(--rpx)); }
.ui3d-page.ui3d-unified .filter-search-button { flex:none; }
.ui3d-page .primary-button,.ui3d-page .secondary-button,.ui3d-page .ui3d-media-tab,.ui3d-page .option-chip { min-height:44px; }

.ui3d-page.ui3d-unified .section-head { display:flex; align-items:center; flex-wrap:wrap; gap:calc(15 * var(--rpx)); }
.ui3d-page.ui3d-unified .section-head .ui3d-module-title { flex:1 1 calc(260 * var(--rpx)); margin-bottom:0; }
.ui3d-page.ui3d-unified .section-head .ui3d-action { flex:0 1 auto; margin:0; }
.ui3d-page.ui3d-unified .ui3d-action.remove { color:#ae3b31; background:linear-gradient(145deg,#fffaf6,#ffebe0); border-color:#edc5b5; }
.ui3d-page.ui3d-unified .status-filters { display:flex; flex-wrap:wrap; gap:calc(13 * var(--rpx)); }
.ui3d-page.ui3d-unified .status-filters .ui3d-action { flex:1 1 calc(130 * var(--rpx)); min-width:0; margin:0; }
.ui3d-page.ui3d-unified .status-filters .active,.ui3d-page.ui3d-unified .type-tab.active { background:linear-gradient(145deg,#f1ffee,#dbeed4); border-color:#bbd7b0; color:#28683a; }
.ui3d-page.ui3d-unified .type-tab { flex:1 1 calc(130 * var(--rpx)); min-width:0; min-height:44px; height:auto; white-space:normal; }
.ui3d-page.ui3d-unified .picker { box-sizing:border-box; min-height:44px; height:auto; border:calc(2 * var(--rpx)) solid #e9dcc8; border-radius:calc(21 * var(--rpx)); padding:calc(17 * var(--rpx)) calc(23 * var(--rpx)); line-height:1.65; background:#fffaf3; }

.ui3d-page.ui3d-unified .entry-list .ui3d-action { display:flex; align-items:center; gap:calc(19 * var(--rpx)); text-align:left; }
.ui3d-page.ui3d-unified .entry-list .ui3d-action > span { margin-left:auto; }

.ui3d-page.ui3d-unified .platform-heading { background:linear-gradient(145deg,#fffefa,#faedd9); color:#4c271c; border:calc(2 * var(--rpx)) solid #e8d8bf; box-shadow:0 calc(4 * var(--rpx)) calc(8 * var(--rpx)) rgba(119,81,36,.12); }
.ui3d-page.ui-page .ui3d-heading { flex-wrap:wrap; }
.ui3d-page.ui-page .ui3d-heading-copy { flex-basis:calc(180 * var(--rpx)); }
.ui3d-page.ui-page .ui3d-state { display:inline-block; white-space:normal; max-width:100%; pointer-events:none; }
.ui3d-page.ui-page .ui3d-state-pending { color:#805920; background:#fff0d6; border-color:#ead3a4; }
.ui3d-page.ui-page .ui3d-state-error { color:#ae3b31; background:#fff0e7; border-color:#f3c0a5; }
.ui3d-page.ui-page .ui3d-child-label { display:flex; flex-direction:column; align-items:flex-start; gap:calc(6 * var(--rpx)); flex:none; }
.ui3d-page.ui3d-unified .section-card { box-sizing:border-box; min-width:0; margin:0 0 calc(31 * var(--rpx)); padding:calc(27 * var(--rpx)); border:calc(2 * var(--rpx)) solid #fffef9; border-radius:calc(29 * var(--rpx)); background:linear-gradient(145deg,#fffefb,#faf3e7); box-shadow:0 calc(8 * var(--rpx)) calc(15 * var(--rpx)) rgba(119,81,36,.14),0 calc(2 * var(--rpx)) calc(2 * var(--rpx)) rgba(197,167,127,.33),inset 0 calc(2 * var(--rpx)) #fff; }
.ui3d-page.ui3d-unified .section-card.reminder-card { background:#fff0d6; border-color:#ead3a4; }
.ui3d-page.ui3d-unified .section-card.error-list-card { background:#fff0e7; border-color:#f3c0a5; color:#ae3b31; }

.ui3d-page.ui3d-unified .ui3d-header-wrap { flex-wrap:wrap; }
.ui3d-page.ui3d-unified .ui3d-header-wrap > div:first-child { width:100%; flex:1 1 100%; min-width:0; }

.ui-disclosure{border:calc(1 * var(--rpx)) solid #e8dece;border-radius:calc(28 * var(--rpx));background:#fffcf7;margin:calc(20 * var(--rpx)) 0;overflow:hidden}.ui-disclosure-title{display:flex;align-items:center;justify-content:space-between;min-height:calc(88 * var(--rpx));width:100%;padding:calc(22 * var(--rpx)) calc(26 * var(--rpx));margin:0;color:#433a32;font-size:calc(29 * var(--rpx));font-weight:600;text-align:left;background:transparent;line-height:1.5;border-radius:0}.ui-disclosure-title::after{border:0}.ui-disclosure-chevron{margin-left:calc(20 * var(--rpx));color:#a65330}.ui-disclosure-content{padding:0 calc(26 * var(--rpx)) calc(24 * var(--rpx))}.ui-disclosure-content[hidden]{display:none}