/* 本文件由 _convert_wxss.py 从小程序 tool 自动生成，请勿手改（改了会被覆盖）*/
.page { min-height: 100vh; padding: calc(30 * var(--u)) calc(32 * var(--u)) calc(60 * var(--u)); }

.head { margin-bottom: calc(24 * var(--u)); }
.head-title { font-size: calc(40 * var(--u)); font-weight: 700; }
.head-sub { font-size: calc(24 * var(--u)); color: #8a93a6; margin-top: calc(8 * var(--u)); }

.card { background: #fff; border-radius: calc(18 * var(--u)); padding: calc(28 * var(--u)) calc(30 * var(--u)); margin-top: calc(20 * var(--u)); box-shadow: 0 calc(6 * var(--u)) calc(18 * var(--u)) rgba(61,109,235,0.05); }

.pick { display: flex; align-items: center; justify-content: center; min-height: calc(280 * var(--u)); }
.pick-img { max-width: 100%; max-height: calc(480 * var(--u)); border-radius: calc(12 * var(--u)); }
.pick-add { color: #3d6deb; font-size: calc(30 * var(--u)); font-weight: 600; }

.row { display: flex; align-items: center; padding: calc(14 * var(--u)) 0; }
.lbl { width: calc(160 * var(--u)); font-size: calc(28 * var(--u)); color: #5c6780; }
.inp { flex: 1; background: #f4f6fb; border-radius: calc(12 * var(--u)); padding: calc(16 * var(--u)) calc(20 * var(--u)); font-size: calc(28 * var(--u)); }

.seg { display: flex; gap: calc(16 * var(--u)); }
.seg-item {
  flex: 1; text-align: center; padding: calc(20 * var(--u)) 0;
  background: #f4f6fb; border-radius: calc(14 * var(--u)); font-size: calc(28 * var(--u)); color: #5c6780;
}
.seg--on { background: #3d6deb; color: #fff; font-weight: 600; }

.act-btn { margin-top: calc(30 * var(--u)); }

.result { margin-top: calc(30 * var(--u)); }
.result-title { font-size: calc(28 * var(--u)); font-weight: 700; margin-bottom: calc(16 * var(--u)); }
.result-img { width: 100%; border-radius: calc(12 * var(--u)); border: calc(2 * var(--u)) solid #eef0f5; }
.result-info { text-align: center; font-size: calc(23 * var(--u)); color: #5c6780; margin: calc(14 * var(--u)) 0 calc(20 * var(--u)); }
.btn--block { width: 100%; }

/* 处理中遮罩 */
.loading-mask {
  position: fixed; left: 0; top: 0; right: 0; bottom: 0;
  background: rgba(20, 26, 40, 0.42);
  display: flex; align-items: center; justify-content: center;
  z-index: 999;
}
.loading-box {
  min-width: calc(240 * var(--u)); padding: calc(40 * var(--u)) calc(46 * var(--u));
  background: rgba(28, 35, 51, 0.92); border-radius: calc(20 * var(--u));
  display: flex; flex-direction: column; align-items: center;
}
.spinner {
  width: calc(60 * var(--u)); height: calc(60 * var(--u)); border-radius: 50%;
  border: calc(6 * var(--u)) solid rgba(255, 255, 255, 0.22);
  border-top-color: #6f97ff;
  animation: tool-spin 0.8s linear infinite;
}
.loading-text { margin-top: calc(22 * var(--u)); font-size: calc(26 * var(--u)); color: #fff; }
@keyframes tool-spin { to { transform: rotate(360deg); } }