/* Generated from mini-program WXSS. */
/* Shared warm visual language for explicitly opted-in tool pages only. */
.tool-theme.photo-page,
.tool-theme.factory-page,
.tool-theme.signature-page,
.tool-theme.screen-page {
  background: linear-gradient(180deg, #f2e7d2 0%, #e9dfd1 52%, #e6ddd2 100%);
}

.tool-theme .back-button,
.tool-theme.page .back {
  padding: 0;
  border: calc(var(--rpx) * 2) solid #ddb776;
  border-radius: calc(var(--rpx) * 17);
  background: linear-gradient(145deg, #fff6df, #ffe8b3);
  box-shadow: 0 calc(var(--rpx) * 6) calc(var(--rpx) * 14) rgba(135, 85, 40, .16), inset 0 calc(var(--rpx) * 2) 0 rgba(255, 255, 255, .8);
  box-sizing: border-box;
}
.tool-theme .back-button:active,
.tool-theme.page .back:active {
  background: #ffdc91;
  box-shadow: 0 calc(var(--rpx) * 3) calc(var(--rpx) * 8) rgba(135, 85, 40, .13);
}
.tool-theme .back-chevron {
  width: calc(var(--rpx) * 15);
  height: calc(var(--rpx) * 15);
  margin-left: calc(var(--rpx) * 5);
  border-left: calc(var(--rpx) * 4) solid #744323;
  border-bottom: calc(var(--rpx) * 4) solid #744323;
  transform: rotate(45deg);
  box-sizing: border-box;
}

.tool-theme .guide-card,
.tool-theme .choose-card,
.tool-theme .editor-card,
.tool-theme .work-card,
.tool-theme .preview-card,
.tool-theme .result-card,
.tool-theme .category-list {
  border-color: #ddcfbc;
  background: #f5efe4;
  box-shadow: 0 calc(var(--rpx) * 14) calc(var(--rpx) * 34) rgba(111, 75, 44, .09);
}
.tool-theme .guide-card {
  border-color: #dfceb6;
  background: #f7eddc;
  box-shadow: none;
}
.tool-theme .guide-mark {
  background: #ffe7ad;
  color: #744323;
}
.tool-theme .selected-file,
.tool-theme .file-summary {
  border: calc(var(--rpx) * 2) solid #e8dccb;
  background: #fcf8f0;
}

.tool-theme .choose-button,
.tool-theme .voice-secondary-button,
.tool-theme .records-button {
  min-height: calc(var(--rpx) * 100);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--rpx) * 18) calc(var(--rpx) * 20);
  border: calc(var(--rpx) * 2) solid #e7c56e;
  border-radius: calc(var(--rpx) * 22);
  background: linear-gradient(145deg, #fff4cf, #ffe59b);
  color: #563a1f;
  font-size: calc(var(--rpx) * 25);
  line-height: 1.3;
  font-weight: 850;
  white-space: nowrap;
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(170, 118, 50, .13), inset 0 calc(var(--rpx) * 2) 0 rgba(255, 255, 255, .74);
  box-sizing: border-box;
}
.tool-theme .choose-button:active,
.tool-theme .voice-secondary-button:active,
.tool-theme .records-button:active {
  background: #ffdf85;
  box-shadow: 0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(170, 118, 50, .13);
}
.tool-theme .choose-button[disabled],
.tool-theme .voice-secondary-button[disabled] {
  border-color: #e5dccc;
  background: #eee8dd;
  color: #978a78;
  opacity: 1;
  box-shadow: none;
}

.tool-theme .confirm-button,
.tool-theme .convert-button,
.tool-theme .save-button,
.tool-theme .start-button,
.tool-theme .primary,
.tool-theme .dice-gate-button {
  min-height: calc(var(--rpx) * 100);
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--rpx) * 22) calc(var(--rpx) * 16);
  border: calc(var(--rpx) * 2) solid #eb744c;
  border-radius: calc(var(--rpx) * 22);
  background: linear-gradient(115deg, #ffad72, #ff8656 68%, #ff7044);
  color: #2c1d17;
  font-size: calc(var(--rpx) * 25);
  line-height: 1.3;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 calc(var(--rpx) * 16) calc(var(--rpx) * 34) rgba(217, 110, 59, .24), inset 0 calc(var(--rpx) * 2) 0 rgba(255, 255, 255, .57);
  box-sizing: border-box;
}
.tool-theme .confirm-button:active,
.tool-theme .convert-button:active,
.tool-theme .save-button:active,
.tool-theme .start-button:active,
.tool-theme .primary:active,
.tool-theme .dice-gate-button:active {
  background: #ff784a;
  box-shadow: 0 calc(var(--rpx) * 6) calc(var(--rpx) * 18) rgba(217, 110, 59, .18);
}
.tool-theme .confirm-button[disabled],
.tool-theme .convert-button[disabled],
.tool-theme .save-button[disabled],
.tool-theme .start-button[disabled],
.tool-theme .dice-gate-button[disabled] {
  border-color: #e5dccc;
  background: #eee8dd;
  color: #978a78;
  opacity: 1;
  box-shadow: none;
}

.tool-theme .advanced-toggle,
.tool-theme .reset-button {
  min-height: calc(var(--rpx) * 88);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--rpx) * 12) calc(var(--rpx) * 16);
  border: calc(var(--rpx) * 2) solid #e4d7c4;
  border-radius: calc(var(--rpx) * 20);
  background: #f3ecdf;
  color: #675b4e;
  font-size: calc(var(--rpx) * 23);
  line-height: 1.3;
  font-weight: 800;
  box-sizing: border-box;
}
.tool-theme .advanced-toggle:active,
.tool-theme .reset-button:active { background: #ebe0cf; }

.tool-theme .signature-input,
.tool-theme .picker-value,
.tool-theme .target-picker {
  border-color: #d9c4aa;
  background: #fcf8f0;
}
.tool-theme .style-selected,
.tool-theme .color-option-active,
.tool-theme .voice-profile-selected {
  border-color: #d19c54;
  background: #fff0c9;
  box-shadow: 0 calc(var(--rpx) * 4) calc(var(--rpx) * 12) rgba(170, 118, 50, .13);
}
.tool-theme .voice-record-button {
  border-color: #e99561;
  background: radial-gradient(circle at 30% 22%, #fff3c5 0%, #ffd68e 47%, #ff9e68 100%);
  color: #673a20;
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(196, 120, 67, .21), inset 0 calc(var(--rpx) * 3) calc(var(--rpx) * 5) rgba(255, 255, 255, .68);
}
.tool-theme .voice-recording { background: #ff8a62; }

.tool-theme .choice-card {
  border-color: #d1b799;
  box-shadow: 0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(111, 75, 44, .13);
}
.tool-theme .start-scrim { background: rgba(242, 231, 210, .78); }

.signature-page { min-height: 100vh; padding: 0 calc(var(--rpx) * 28); background: #f5f3ee; color: #181714; box-sizing: border-box; }
.page-header { display: flex; align-items: center; padding: calc(var(--rpx) * 10) 0 calc(var(--rpx) * 30); }
.back-button { width: calc(var(--rpx) * 54); height: calc(var(--rpx) * 54); min-width: calc(var(--rpx) * 54); max-width: calc(var(--rpx) * 54); min-height: calc(var(--rpx) * 54); max-height: calc(var(--rpx) * 54); flex: 0 0 calc(var(--rpx) * 54); display: flex; align-items: center; justify-content: center; margin: 0; padding: 0 0 calc(var(--rpx) * 4); border: calc(var(--rpx) * 3) solid #181714; border-radius: calc(var(--rpx) * 17); background: #fff; color: #181714; font-size: calc(var(--rpx) * 39); line-height: 1; box-sizing: border-box; box-shadow: calc(var(--rpx) * 4) calc(var(--rpx) * 4) 0 #181714; }
.back-button::after, .save-button::after { border: 0; }
.header-copy { min-width: 0; flex: 1; margin-left: calc(var(--rpx) * 17); }
.header-eyebrow { color: #88837a; font-size: calc(var(--rpx) * 19); font-weight: 600; letter-spacing: calc(var(--rpx) * 1); }
.header-title { margin-top: calc(var(--rpx) * 3); font-size: calc(var(--rpx) * 39); line-height: 1; font-weight: 900; }
.quota-badge { flex: 0 0 auto; padding: calc(var(--rpx) * 9) calc(var(--rpx) * 14); border: calc(var(--rpx) * 2) solid #181714; border-radius: calc(var(--rpx) * 999); background: #ffe269; font-size: calc(var(--rpx) * 17); font-weight: 900; white-space: nowrap; }
.guide-card, .editor-card, .preview-card { margin-bottom: calc(var(--rpx) * 24); padding: calc(var(--rpx) * 24); border: calc(var(--rpx) * 2) solid #ded8ce; border-radius: calc(var(--rpx) * 24); background: #fff; box-sizing: border-box; }
.guide-card { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--rpx) * 14); padding: calc(var(--rpx) * 18) calc(var(--rpx) * 20); background: #fff7e0; border-color: #eadcae; }
.guide-mark { flex: 0 0 auto; padding: calc(var(--rpx) * 7) calc(var(--rpx) * 11); border-radius: calc(var(--rpx) * 999); background: #ffe269; color: #181714; font-size: calc(var(--rpx) * 15); line-height: 1; font-weight: 900; }
.guide-copy { min-width: 0; flex: 1 1 calc(var(--rpx) * 360); color: #5f5849; font-size: calc(var(--rpx) * 17); line-height: 1.45; }
.section-title { font-size: calc(var(--rpx) * 27); font-weight: 900; }
.signature-input { height: calc(var(--rpx) * 88); margin-top: calc(var(--rpx) * 18); padding: 0 calc(var(--rpx) * 18); border: calc(var(--rpx) * 2) solid #181714; border-radius: calc(var(--rpx) * 16); background: #fffdf8; font-size: calc(var(--rpx) * 27); box-sizing: border-box; }
.field-hint { margin-top: calc(var(--rpx) * 13); color: #777269; font-size: calc(var(--rpx) * 17); line-height: 1.45; }
.styles-title { margin-top: calc(var(--rpx) * 30); }
.font-category-scroll { width: 100%; margin: calc(var(--rpx) * 16) 0; white-space: nowrap; }
.font-category-list { display: inline-flex; align-items: center; gap: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 2) 0; }
.signature-page .font-category-button { flex: 0 0 auto; width: auto; min-height: 44px; margin: 0; padding: 0 calc(var(--rpx) * 20); display: flex; align-items: center; justify-content: center; border: calc(var(--rpx) * 2) solid #ded2bd; border-radius: calc(var(--rpx) * 18); background: #fffaf0; color: #655646; font-size: calc(var(--rpx) * 24); line-height: 1.3; box-sizing: border-box; }
.font-category-button::after { border: 0; }
.signature-page .font-category-selected { border-color: #e7bb67; background: #ffe8b3; color: #744323; font-weight: 750; }
.style-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(var(--rpx) * 12); margin-top: calc(var(--rpx) * 18); }
.style-option { min-width: 0; min-height: calc(var(--rpx) * 78); display: flex; flex-direction: column; justify-content: center; padding: calc(var(--rpx) * 9) calc(var(--rpx) * 14); border: calc(var(--rpx) * 2) solid #d5d0c7; border-radius: calc(var(--rpx) * 15); background: #fffdf8; box-sizing: border-box; }
.style-selected { border-color: #181714; background: #ffe9bf; box-shadow: calc(var(--rpx) * 3) calc(var(--rpx) * 3) 0 #181714; }
.style-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(var(--rpx) * 19); font-weight: 800; }
.style-category { margin-top: calc(var(--rpx) * 3); color: #777269; font-size: calc(var(--rpx) * 15); }
.preview-heading { display: flex; align-items: center; justify-content: space-between; }
.preview-status { color: #d94f28; font-size: calc(var(--rpx) * 17); font-weight: 800; }
.preview-checker { min-height: calc(var(--rpx) * 300); display: flex; align-items: center; justify-content: center; margin-top: calc(var(--rpx) * 20); padding: calc(var(--rpx) * 22); overflow: hidden; border: calc(var(--rpx) * 2) solid #cfc9bf; border-radius: calc(var(--rpx) * 18); background-color: #fff; background-image: linear-gradient(45deg, #e9e7e2 25%, transparent 25%), linear-gradient(-45deg, #e9e7e2 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e9e7e2 75%), linear-gradient(-45deg, transparent 75%, #e9e7e2 75%); background-size: calc(var(--rpx) * 36) calc(var(--rpx) * 36); background-position: 0 0, 0 calc(var(--rpx) * 18), calc(var(--rpx) * 18) calc(var(--rpx) * -18), calc(var(--rpx) * -18) 0; box-sizing: border-box; }
.preview-checker image { width: 100%; height: calc(var(--rpx) * 240); }
.preview-empty { padding: calc(var(--rpx) * 15); color: #777269; font-size: calc(var(--rpx) * 19); text-align: center; }
.result-info { margin-top: calc(var(--rpx) * 13); color: #777269; font-size: calc(var(--rpx) * 17); }
.save-button { width: 100%; min-height: 44px; margin: calc(var(--rpx) * 20) 0 0; padding: 0 calc(var(--rpx) * 16); border: calc(var(--rpx) * 3) solid #181714; border-radius: calc(var(--rpx) * 19); background: #ff7044; color: #181714; font-size: calc(var(--rpx) * 22); line-height: 44px; font-weight: 900; box-shadow: calc(var(--rpx) * 5) calc(var(--rpx) * 5) 0 #181714; box-sizing: border-box; }
.save-button[disabled] { opacity: .55; }
.error-card { margin-bottom: calc(var(--rpx) * 20); padding: calc(var(--rpx) * 18); border: calc(var(--rpx) * 2) solid #ef9f89; border-radius: calc(var(--rpx) * 17); background: #fff0eb; color: #b73e25; font-size: calc(var(--rpx) * 18); line-height: 1.5; }
.bottom-space { height: calc(env(safe-area-inset-bottom) + calc(var(--rpx) * 45)); }
@media (max-width: 350px) { .signature-page { padding-left: calc(var(--rpx) * 20); padding-right: calc(var(--rpx) * 20); } .editor-card, .preview-card { padding: calc(var(--rpx) * 19); } .style-name { font-size: calc(var(--rpx) * 17); } .quota-badge { font-size: calc(var(--rpx) * 15); } }


.currency-page { min-height: 100vh; padding: 0 calc(var(--rpx) * 38); background: #f8f5ef; color: #242019; box-sizing: border-box; }
.currency-page .guide-card { display: flex; align-items: center; gap: calc(var(--rpx) * 18); margin: 0 0 calc(var(--rpx) * 34); padding: calc(var(--rpx) * 24) calc(var(--rpx) * 26); border: calc(var(--rpx) * 2) solid #dfceb6; border-radius: calc(var(--rpx) * 30); background: #f7eddc; box-sizing: border-box; }
.currency-page .guide-mark { flex: 0 0 auto; padding: calc(var(--rpx) * 14) calc(var(--rpx) * 16); border-radius: calc(var(--rpx) * 999); background: #ffe7ad; color: #744323; font-size: calc(var(--rpx) * 20); line-height: 1; font-weight: 900; }
.currency-page .guide-copy { min-width: 0; flex: 1; color: #5f5849; font-size: calc(var(--rpx) * 22); line-height: 1.45; }
.mode-tabs { display: flex; gap: calc(var(--rpx) * 36); margin-bottom: calc(var(--rpx) * 34); border-bottom: calc(var(--rpx) * 2) solid #ddcfbd; }
.mode-tab { position: relative; flex: 1; min-width: 0; min-height: calc(var(--rpx) * 96); margin: 0; padding: 0 calc(var(--rpx) * 8); border: 0; border-radius: 0; background: transparent; color: #827567; font-size: calc(var(--rpx) * 29); font-weight: 750; white-space: nowrap; }
.mode-tab::after, .board-filter::after, .board-sort::after, .board-star::after { border: 0; }
.mode-tab-active { color: #a65c21; font-weight: 900; }
.mode-tab-active::before { content: ''; position: absolute; left: 12%; right: 12%; bottom: calc(var(--rpx) * -2); height: calc(var(--rpx) * 6); border-radius: calc(var(--rpx) * 6) calc(var(--rpx) * 6) 0 0; background: #dc8a30; }
.currency-converter, .currency-board { padding: calc(var(--rpx) * 44) calc(var(--rpx) * 38) calc(var(--rpx) * 48); border: calc(var(--rpx) * 2) solid #eadcc7; border-radius: calc(var(--rpx) * 50); background: #fffdf8; box-shadow: 0 calc(var(--rpx) * 28) calc(var(--rpx) * 68) rgba(109, 76, 24, .12), 0 calc(var(--rpx) * 4) calc(var(--rpx) * 10) rgba(109, 76, 24, .04); box-sizing: border-box; }
.currency-section-label { margin-bottom: calc(var(--rpx) * 20); color: #9a7750; font-size: calc(var(--rpx) * 22); font-weight: 800; letter-spacing: calc(var(--rpx) * 1); }
.country-select { width: 100%; min-height: calc(var(--rpx) * 124); display: flex; align-items: center; margin: 0; padding: calc(var(--rpx) * 20) calc(var(--rpx) * 24); border: calc(var(--rpx) * 2) solid #e7c998; border-radius: calc(var(--rpx) * 32); background: linear-gradient(125deg,#fffcf4,#fff0d3); text-align: left; box-shadow: inset 0 calc(var(--rpx) * 2) 0 #fff, 0 calc(var(--rpx) * 10) calc(var(--rpx) * 24) rgba(168, 113, 44, .09); box-sizing: border-box; }
.country-select::after, .swap-button::after, .picker-close::after, .picker-row::after, .rate-error button::after { border: 0; }
.country-select.button-hover, .picker-row.button-hover { background: #ffebc6; }
.country-select-copy { min-width: 0; flex: 1; padding-left: calc(var(--rpx) * 12); border-left: calc(var(--rpx) * 6) solid #df913b; }
.country-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(var(--rpx) * 31); font-weight: 900; }
.currency-name { margin-top: calc(var(--rpx) * 5); color: #746a5a; font-size: calc(var(--rpx) * 21); }
.country-select-code { flex: 0 0 auto; margin-left: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 12) calc(var(--rpx) * 15); border: calc(var(--rpx) * 2) solid #e9cfaa; border-radius: calc(var(--rpx) * 16); background: #fffaf0; color: #80501c; font-size: calc(var(--rpx) * 20); line-height: 1.1; font-weight: 900; }
.select-chevron { margin-left: calc(var(--rpx) * 13); color: #b17a4b; font-size: calc(var(--rpx) * 38); line-height: 1; }
.amount-field, .result-field { min-width: 0; min-height: calc(var(--rpx) * 142); display: flex; align-items: center; gap: calc(var(--rpx) * 12); padding: calc(var(--rpx) * 18) calc(var(--rpx) * 8) calc(var(--rpx) * 8); box-sizing: border-box; }
.amount-prefix, .result-symbol { flex: 0 0 auto; color: #786551; font-size: calc(var(--rpx) * 50); font-weight: 800; }
.amount-input { min-width: 0; flex: 1; height: calc(var(--rpx) * 100); color: #242019; font-size: calc(var(--rpx) * 74); line-height: 1.1; font-weight: 850; }
.amount-code, .result-code { flex: 0 0 auto; color: #938572; font-size: calc(var(--rpx) * 22); font-weight: 900; }
.swap-divider { display: flex; align-items: center; gap: calc(var(--rpx) * 24); margin: calc(var(--rpx) * 14) 0 calc(var(--rpx) * 34); }
.swap-line { height: calc(var(--rpx) * 2); flex: 1; background: #eee5d9; }
.swap-button { width: calc(var(--rpx) * 90); height: calc(var(--rpx) * 90); min-width: calc(var(--rpx) * 90); display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: calc(var(--rpx) * 4) solid #fffdf8; border-radius: calc(var(--rpx) * 32); background: linear-gradient(145deg,#ffd85d,#f5a842); color: #4d3218; font-size: calc(var(--rpx) * 45); line-height: 1; font-weight: 900; box-shadow: 0 calc(var(--rpx) * 8) calc(var(--rpx) * 24) rgba(200,116,46,.28); }
.swap-button.button-hover { background: #ffd443; box-shadow: calc(var(--rpx) * 1) calc(var(--rpx) * 2) 0 #181714; }
.result-field { min-height: calc(var(--rpx) * 125); }
.result-symbol { color: #cb6729; }
.result-number { min-width: 0; flex: 1; white-space: normal; word-break: break-all; color: #cb6729; font-size: calc(var(--rpx) * 72); font-weight: 900; }
.rate-info, .rate-error { margin-top: calc(var(--rpx) * 24); padding: calc(var(--rpx) * 28) calc(var(--rpx) * 8) 0; border-top: calc(var(--rpx) * 2) solid #eee5d9; }
.rate-info-main { font-size: calc(var(--rpx) * 25); font-weight: 900; }
.rate-info-date { margin-top: calc(var(--rpx) * 8); color: #897a68; font-size: calc(var(--rpx) * 20); }
.rate-info-stale { margin-top: calc(var(--rpx) * 10); color: #a7501d; font-size: calc(var(--rpx) * 19); font-weight: 800; }
.rate-error { display: flex; align-items: center; gap: calc(var(--rpx) * 14); color: #a63f27; font-size: calc(var(--rpx) * 20); line-height: 1.4; }
.rate-error span { min-width: 0; flex: 1; }
.rate-error button { min-width: calc(var(--rpx) * 92); min-height: 44px; margin: 0; padding: 0 calc(var(--rpx) * 15); border-radius: calc(var(--rpx) * 15); background: #ffe0c1; color: #8b3b1c; font-size: calc(var(--rpx) * 21); font-weight: 900; }
.currency-board { padding: calc(var(--rpx) * 40) calc(var(--rpx) * 36) calc(var(--rpx) * 48); }
.board-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: calc(var(--rpx) * 16); padding: 0 calc(var(--rpx) * 8); }
.board-title { font-size: calc(var(--rpx) * 40); line-height: 1.2; font-weight: 900; }
.board-subtitle { margin-top: calc(var(--rpx) * 10); color: #74695c; font-size: calc(var(--rpx) * 22); }
.board-count { flex: 0 0 auto; color: #a4845e; font-size: calc(var(--rpx) * 22); font-weight: 800; }
.board-controls { display: flex; align-items: center; gap: calc(var(--rpx) * 16); margin-top: calc(var(--rpx) * 30); border-bottom: calc(var(--rpx) * 2) solid #ddcfbd; }
.board-filters { min-width: 0; flex: 1; display: flex; gap: calc(var(--rpx) * 28); }
.board-filter, .board-sort { position: relative; min-height: calc(var(--rpx) * 96); margin: 0; padding: 0 calc(var(--rpx) * 5); border: 0; border-radius: 0; background: transparent; color: #807468; font-size: calc(var(--rpx) * 26); font-weight: 750; white-space: nowrap; }
.board-filter-active { color: #a65c21; font-weight: 900; }
.board-filter-active::before { content: ''; position: absolute; left: 0; right: 0; bottom: calc(var(--rpx) * -2); height: calc(var(--rpx) * 6); background: #dc8a30; }
.board-sort { flex: 0 0 auto; color: #a65c21; font-size: calc(var(--rpx) * 24); font-weight: 850; }
.board-head, .board-row { display: flex; align-items: center; gap: calc(var(--rpx) * 12); border-bottom: calc(var(--rpx) * 2) solid #e9e1d6; }
.board-head { margin-top: calc(var(--rpx) * 22); padding: 0 calc(var(--rpx) * 8) calc(var(--rpx) * 14); color: #9a8e7f; font-size: calc(var(--rpx) * 19); font-weight: 800; }
.board-row { min-height: calc(var(--rpx) * 132); padding: calc(var(--rpx) * 14) 0 calc(var(--rpx) * 14) calc(var(--rpx) * 8); box-sizing: border-box; }
.board-rank { width: calc(var(--rpx) * 30); flex: 0 0 calc(var(--rpx) * 30); color: #b99b76; font-size: calc(var(--rpx) * 22); font-weight: 800; }
.board-currency { min-width: 0; flex: 1; }
.board-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(var(--rpx) * 27); font-weight: 900; }
.board-code { margin-top: calc(var(--rpx) * 6); color: #958777; font-size: calc(var(--rpx) * 20); }
.board-value { width: calc(var(--rpx) * 180); flex: 0 0 calc(var(--rpx) * 180); text-align: right; color: #b45f26; font-size: calc(var(--rpx) * 26); font-weight: 900; }
.board-star-space, .board-star { width: calc(var(--rpx) * 88); flex: 0 0 calc(var(--rpx) * 88); }
.board-star { height: calc(var(--rpx) * 88); display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border: 0; border-radius: calc(var(--rpx) * 24); background: transparent; color: #b5a797; font-size: calc(var(--rpx) * 48); line-height: 1; }
.board-star-saved { color: #d1872c; }
.board-empty { padding: calc(var(--rpx) * 70) calc(var(--rpx) * 15); color: #8c8071; font-size: calc(var(--rpx) * 24); line-height: 1.5; text-align: center; }
.country-overlay { position: fixed; z-index: 1000; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: flex-end; background: rgba(18, 18, 18, .49); }
.country-picker { width: 100%; max-height: 88vh; display: flex; flex-direction: column; padding: calc(var(--rpx) * 26) calc(var(--rpx) * 28) calc(env(safe-area-inset-bottom) + calc(var(--rpx) * 16)); border-radius: calc(var(--rpx) * 32) calc(var(--rpx) * 32) 0 0; background: #fffefa; box-sizing: border-box; }
.picker-header { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--rpx) * 16); }
.picker-eyebrow { color: #bd7839; font-size: calc(var(--rpx) * 16); font-weight: 900; letter-spacing: calc(var(--rpx) * 1); }
.picker-title { margin-top: calc(var(--rpx) * 5); font-size: calc(var(--rpx) * 31); font-weight: 900; }
.picker-close { width: 48px; height: 48px; flex: 0 0 48px; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; border-radius: calc(var(--rpx) * 16); background: #f1ece3; color: #181714; font-size: calc(var(--rpx) * 34); }
.picker-search { min-height: 50px; display: flex; align-items: center; gap: calc(var(--rpx) * 14); margin-top: calc(var(--rpx) * 24); padding: 0 calc(var(--rpx) * 18); border: calc(var(--rpx) * 2) solid #d8c9b1; border-radius: calc(var(--rpx) * 17); background: #fff8eb; }
.picker-search-mark { width: calc(var(--rpx) * 20); height: calc(var(--rpx) * 20); flex: 0 0 calc(var(--rpx) * 20); border: calc(var(--rpx) * 3) solid #8b6a42; border-radius: 50%; position: relative; }
.picker-search-mark::after { content: ''; width: calc(var(--rpx) * 10); height: calc(var(--rpx) * 3); position: absolute; right: calc(var(--rpx) * -7); bottom: calc(var(--rpx) * -3); background: #8b6a42; transform: rotate(45deg); }
.picker-search input { min-width: 0; height: 50px; flex: 1; font-size: calc(var(--rpx) * 25); }
.picker-count { padding: calc(var(--rpx) * 16) calc(var(--rpx) * 4) calc(var(--rpx) * 12); color: #766e60; font-size: calc(var(--rpx) * 18); }
.picker-list { height: 54vh; min-height: 170px; }
.picker-row { width: 100%; min-height: 70px; display: flex; align-items: center; gap: calc(var(--rpx) * 10); margin: 0; padding: calc(var(--rpx) * 15) calc(var(--rpx) * 10); border: 0; border-top: calc(var(--rpx) * 2) solid #eee7dc; border-radius: 0; background: transparent; text-align: left; box-sizing: border-box; }
.picker-row-main { min-width: 0; flex: 1; }
.picker-country { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: calc(var(--rpx) * 24); font-weight: 900; }
.picker-currency { margin-top: calc(var(--rpx) * 3); color: #756e64; font-size: calc(var(--rpx) * 18); }
.picker-symbol { flex: 0 0 auto; color: #b85e24; font-size: calc(var(--rpx) * 22); font-weight: 900; }
.picker-symbol span { margin-left: calc(var(--rpx) * 5); color: #766d60; font-size: calc(var(--rpx) * 17); }
.picker-empty { padding: calc(var(--rpx) * 40) calc(var(--rpx) * 10); color: #766e60; font-size: calc(var(--rpx) * 21); text-align: center; }
@media (max-width: 350px) { .currency-page { padding: 0 calc(var(--rpx) * 24); } .currency-converter, .currency-board { padding: calc(var(--rpx) * 34) calc(var(--rpx) * 26) calc(var(--rpx) * 38); } .country-name { font-size: calc(var(--rpx) * 27); } .amount-input, .result-number { font-size: calc(var(--rpx) * 65); } .board-value { width: calc(var(--rpx) * 150); flex-basis: calc(var(--rpx) * 150); font-size: calc(var(--rpx) * 22); } .board-filters { gap: calc(var(--rpx) * 16); } .board-filter { font-size: calc(var(--rpx) * 23); } .board-sort { font-size: calc(var(--rpx) * 22); } }