.love-tool-page {
  --child-accent: #a27178;
  --child-accent-dark: #754f57;
  --child-accent-soft: #f6e9e9;
  --child-warm: #c99172;
  background: radial-gradient(circle at 75% 7%, rgba(226, 188, 188, .25), transparent 28%), linear-gradient(135deg, #fffdf8 0%, #f7eeee 52%, #f4e9e7 100%);
}

.love-tool-page.is-love-couple {
  --child-accent: #a57a86;
  --child-accent-dark: #76545e;
  --child-accent-soft: #f7eaee;
  --child-warm: #d09a78;
  background: radial-gradient(circle at 76% 7%, rgba(230, 192, 190, .25), transparent 29%), linear-gradient(135deg, #fffdf8 0%, #f8eeee 100%);
}

.love-tool-page.is-love-retouch {
  --child-accent: #88766d;
  --child-accent-dark: #62544d;
  --child-accent-soft: #f2ece8;
  --child-warm: #c68e79;
  background: radial-gradient(circle at 75% 7%, rgba(209, 195, 183, .25), transparent 29%), linear-gradient(135deg, #fffdf8 0%, #f3efec 100%);
}

.love-tool-page.is-love-memory {
  --child-accent: #8a758e;
  --child-accent-dark: #65536a;
  --child-accent-soft: #f1eaf3;
  --child-warm: #d09b73;
  background: radial-gradient(circle at 75% 7%, rgba(207, 190, 214, .25), transparent 29%), linear-gradient(135deg, #fffdf8 0%, #f2edf4 100%);
}

.love-tool-settings-card { padding-top: 23px; }
.love-upload-section h2 { margin-bottom: 10px; }
.love-input-mode { margin: 0 0 12px; }
.love-input-mode .portrait-chip { min-height: 34px; font-size: 11px; }

/* 功能选择卡片的通用样式在 child-tools.css（四个工具页共用）；
   本页只负责给出各工具的主题色 --theme-tab-accent（见下方图标色规则）。 */

/* 「选择上传方式」小标题 */
.love-input-mode-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin: 0 0 7px; }
.love-input-mode-head strong { color: #59534d; font-size: 12px; }
.love-input-mode-head small { color: #9a938b; font-size: 10px; }
.love-upload-block { padding: 11px; border: 1px solid #e6ddd2; border-radius: 14px; background: rgba(255,255,255,.58); }
.love-upload-block + .love-upload-block { margin-top: 11px; }
.love-upload-label { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; }
.love-upload-label strong { color: #59534d; font-size: 12px; }
.love-upload-label small { color: #968d84; font-size: 10px; }
.love-photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 90px; gap: 8px; }
.love-photo-grid .portrait-photo-card,
.love-photo-grid .portrait-photo-add { min-height: 88px; aspect-ratio: 4 / 3; }

/* 美颜程度：跟「添加图片」并排的窄卡片（占用网格第 2 列） */
.love-photo-grid .love-beauty-field {
  display: grid; align-content: center; gap: 7px;
  min-height: 88px; aspect-ratio: 4 / 3; min-width: 0;
  padding: 10px 11px; border: 1px solid #ded7cc; border-radius: 11px; background: #fffdfa;
}
.love-beauty-field > span:first-child { color: #746b61; font-size: 10px; letter-spacing: .02em; }
.love-photo-grid .love-beauty-field .family-compact-select { width: 100%; }
.love-photo-grid .love-beauty-field select { width: 100%; font-size: 11px; }
.love-upload-summary { grid-template-columns: 145px minmax(0, 1fr); gap: 11px; margin-top: 9px; }
.love-upload-summary .change-photo-button { width: 145px; height: 39px; font-size: 12px; }
.love-upload-summary strong { font-size: 11px; }
.love-upload-summary small { font-size: 9px; }

.love-tool-page.is-love-retouch .love-upload-block { padding: 0; border: 0; background: transparent; }
.love-tool-page.is-love-retouch .love-upload-label { display: none; }
.love-tool-page.is-love-retouch .love-photo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); min-height: 116px; }
.love-tool-page.is-love-retouch .love-photo-grid .portrait-photo-card,
.love-tool-page.is-love-retouch .love-photo-grid .portrait-photo-add,
.love-tool-page.is-love-retouch .love-photo-grid .love-beauty-field { min-height: 0; aspect-ratio: 4 / 5; }

.love-template-grid .child-template-icon { color: var(--child-accent-dark); background: var(--child-accent-soft); }
.love-director-note { color: var(--child-accent-dark); border-color: color-mix(in srgb, var(--child-accent) 28%, #e2d9cf); background: linear-gradient(120deg, #fffdf8, var(--child-accent-soft)); }
.love-result-stage { background: radial-gradient(circle at 50% 42%, rgba(235, 209, 190, .39), transparent 31%), linear-gradient(135deg, #f0ebe2, color-mix(in srgb, var(--child-accent-soft) 78%, #d8ddd9)); }
.love-next-step { border-color: color-mix(in srgb, var(--child-accent) 23%, #ded6ca); background: linear-gradient(90deg, var(--child-accent-soft), #fbf8f1); }
.love-result-card .compare-button[hidden] { display: none; }
.love-result-card #loveDetailButton.is-active { color: var(--child-accent-dark); border-color: var(--child-accent); background: var(--child-accent-soft); }
.love-result-card .result-comparison.is-detail-zoom .comparison-panel { overflow: auto; overscroll-behavior: contain; }
.love-result-card .result-comparison.is-detail-zoom .comparison-panel img { width: 200%; height: 200%; max-width: none; object-fit: contain; cursor: grab; }
.love-result-card .result-comparison.is-detail-zoom .comparison-panel figcaption { position: sticky; left: 0; bottom: 0; z-index: 1; }
.love-reference-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; min-height: 0; padding: 8px; background: #e9ded3; }
.love-reference-comparison[hidden] { display: none; }
.love-reference-comparison > span { position: relative; min-width: 0; min-height: 0; overflow: hidden; border-radius: 8px; background: #ded3ca; }
.love-reference-comparison > span img { display: block; width: 100%; height: 100%; object-fit: contain; background: #e9ded3; }
.love-reference-comparison > span b { position: absolute; left: 8px; bottom: 8px; padding: 4px 7px; border-radius: 6px; color: #fff; background: rgba(52,36,26,.68); font-size: 11px; }

@media (max-width: 560px) {
  .love-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .love-upload-summary { grid-template-columns: 1fr; }
  .love-reference-comparison { grid-template-columns: 1fr; grid-template-rows: repeat(2, minmax(0, 1fr)); }
}

/* 爱情时光：顶部功能 tab 图标分色 */
/* 各工具的主题色：选中态与勾选标记（child-tools.css 的 .theme-tool-picker）会自动跟随该变量 */
.theme-tool-tab[data-tool-nav="wedding"] { --theme-tab-accent: #b3425a; }
.theme-tool-tab[data-tool-nav="couple"] { --theme-tab-accent: #c2596b; }
.theme-tool-tab[data-tool-nav="retouch"] { --theme-tab-accent: #a16207; }
.theme-tool-tab[data-tool-nav="memory"] { --theme-tab-accent: #7c5aa2; }
.theme-tool-tab:not(.is-active)[data-tool-nav="wedding"] svg,
.theme-tool-tab:not(.is-active)[data-tool-nav="couple"] svg,
.theme-tool-tab:not(.is-active)[data-tool-nav="retouch"] svg,
.theme-tool-tab:not(.is-active)[data-tool-nav="memory"] svg { color: var(--theme-tab-accent); }