/* AI 衣橱 · 方案 2 全平台紫灰视觉系统
   目标：作为最后加载的底层主题覆盖层，统一所有页面色彩。
   原则：柔和丁香紫 / 雾面灰白 / 干净留白；不使用会遮挡文字的大面积装饰块。 */

:root{
  --ylp-bg:#f7f4fa;
  --ylp-bg-2:#ffffff;
  --ylp-bg-3:#f8f2fb;
  --ylp-card:#ffffff;
  --ylp-card-2:#fbf8ff;
  --ylp-card-glass:rgba(255,255,255,.88);
  --ylp-line:rgba(223,213,231,.78);
  --ylp-line-strong:rgba(185,139,199,.26);
  --ylp-text:#25212b;
  --ylp-muted:#8a7f91;
  --ylp-faint:#b6aac2;
  --ylp-purple:#9860b7;
  --ylp-purple-deep:#8d55ab;
  --ylp-purple-soft:#f6eefb;
  --ylp-purple-mist:#fcf9ff;
  --ylp-purple-shadow:rgba(148,82,174,.22);
  --ylp-danger:#b85c6e;
  --ylp-success:#5f9274;
  --ylp-shadow:0 20px 56px rgba(47,41,52,.09);
  --ylp-shadow-soft:0 12px 30px rgba(47,41,52,.06);
  --ylp-inner:inset 0 1px 0 rgba(255,255,255,.88);

  --ink:var(--ylp-text);
  --ink-1:var(--ylp-text);
  --ink-2:var(--ylp-muted);
  --ink-3:var(--ylp-faint);
  --text:var(--ylp-text);
  --muted:var(--ylp-muted);
  --paper:var(--ylp-bg);
  --bg:var(--ylp-bg);
  --surface:var(--ylp-card);
  --card:var(--ylp-card);
  --line:var(--ylp-line);
  --line-2:var(--ylp-line-strong);
  --brand:var(--ylp-purple-deep);
  --brand-dark:#6f4388;
  --accent:var(--ylp-purple-deep);
  --warm:var(--ylp-purple);
  --danger:var(--ylp-danger);
}

/* 全平台统一返回首页按钮：核心模块共用 */
.yunlu-home-back{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  width:auto !important;
  min-width:112px !important;
  height:40px !important;
  padding:0 20px !important;
  border:1px solid rgba(255,255,255,.82) !important;
  border-radius:999px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 45%),
    linear-gradient(135deg,#b98bc7 0%,#9367a5 52%,#7b5a8e 100%) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-shadow:0 1px 1px rgba(63,42,76,.16) !important;
  box-shadow:
    0 14px 30px rgba(124,91,143,.24),
    0 3px 8px rgba(124,91,143,.12),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
  -webkit-tap-highlight-color:transparent;
}
.yunlu-home-back svg{
  display:none !important;
}
.yunlu-home-back:active{
  transform:scale(.98);
  box-shadow:
    0 9px 22px rgba(124,91,143,.2),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}
.yunlu-home-back--light{
  background:
    linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,0) 48%),
    linear-gradient(135deg,rgba(185,139,199,.94),rgba(124,91,143,.96)) !important;
}

html,body{
  color:var(--ylp-text) !important;
  background:
    radial-gradient(circle at 92% 12%,rgba(214,183,231,.28),transparent 28rem),
    radial-gradient(circle at 8% 46%,rgba(255,226,243,.24),transparent 26rem),
    linear-gradient(180deg,#fff 0%,#fcf9ff 56%,#f8f2fb 100%) !important;
}

body,button,input,textarea,select{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif !important;
}

/* 取消旧方案里容易压住文字的装饰圆形 */
.scene-pill::before,
.scene-pill::after,
.mood-card-inner::before,
.mood-card-inner::after,
.upload-zone::before,
.upload-zone::after,
.item-card::before,
.item-card::after,
.upload-action::before,
.upload-action::after,
.feature-card::before,
.feature-card::after,
.combo-card::before,
.combo-card::after,
.plan-card::before,
.plan-card::after{
  display:none !important;
  content:none !important;
}

/* 顶部与导航 */
.brand-masthead,
.nav,
.topbar,
.top,
header.top,
.home-tab-bar{
  background:rgba(251,249,252,.88) !important;
  border-color:var(--ylp-line) !important;
  box-shadow:0 1px 0 rgba(47,41,52,.03) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.brand-masthead img,
.logo{
  filter:contrast(1.04) saturate(.98) !important;
}

/* 卡片、面板、容器 */
.hero,
.hero-panel,
.studio-card,
.feature-card,
.input-card,
.result-frame,
.card,
.soft-card,
.glass,
.modal-sheet,
.comments-sheet,
.profile-card,
.usage-bar,
.share,
.sorter,
.prompt-card,
.upload-panel,
.person-status-card,
.makeup-picker,
.bottom-action-bar,
.combo-card,
.plan-card,
.item-card,
.upload-action,
.upload-flow-card,
.pending-upload-card,
.kpi-card,
.section-card,
.filter-panel,
.table-shell,
.state,
.comment,
.stat,
.menu-row,
.placeholder-card,
.category-card,
.scene-pill,
.mood-card-inner,
.wardrobe-outfit-index,
.tryon-makeup-picker,
.ai-analysis-card{
  color:var(--ylp-text) !important;
  border-color:var(--ylp-line) !important;
  background:linear-gradient(180deg,var(--ylp-card),var(--ylp-card-2)) !important;
  box-shadow:var(--ylp-inner),var(--ylp-shadow-soft) !important;
}

.hero,
.studio-card,
.upload-panel,
.input-card,
.combo-card,
.card,
.profile-card,
.kpi-card,
.section-card,
.placeholder-card{
  border-radius:26px !important;
}

/* 文本层级 */
h1,h2,h3,
.title,
.page-title,
.nav-title,
.hero h1,
.heading h1,
.hero-label,
.scene-title,
.owner-name,
.name,
.placeholder-title,
.metric-value,
.section-head h2,
.ops-title h2{
  color:var(--ylp-text) !important;
}

.hero-sub,
.hero p,
.sub,
.muted,
.scene-sub,
.count,
.counter,
.meta,
.owner-sub,
.state p,
.uid,
.bio,
.nav-count,
.text-sub,
.upload-step-sub,
.tag-filter-label,
.comment-time,
.card-meta,
.date,
.placeholder-desc{
  color:var(--ylp-muted) !important;
}

.eyebrow,
.hero-eyebrow,
.one-match-kicker,
.ai-analysis-kicker{
  color:var(--ylp-purple) !important;
  letter-spacing:.22em !important;
}

/* 主按钮 */
.primary,
.btn-primary,
.btn-go,
.cta,
.combo-btn,
.upload-btn,
.regenerate-btn,
#authLoginBtn,
.auth-login-btn,
.follow-btn:not(.following):not(.owner),
.share button,
.comments-form button,
.fab,
.batch-edit-btn,
.batch-save-btn,
.custom-generate-submit,
.home-tab-item.active .home-tab-icon{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(135deg,var(--ylp-purple-deep),var(--ylp-purple)) !important;
  box-shadow:0 16px 34px var(--ylp-purple-shadow) !important;
}

.btn-primary:disabled,
.btn-go:disabled,
.primary:disabled,
.cta:disabled,
.combo-btn:disabled{
  opacity:.42 !important;
  box-shadow:none !important;
}

/* 次级按钮 */
.back,
.btn-ghost,
.nav-btn,
.more,
.icon,
.interact,
.sort-btn,
.makeup-option,
.accessory-chip,
.category-tab,
.category-btn,
.tag,
.chip,
.chip-light,
.scroll-tabs .chip-pill,
.upload-order-btn,
.upload-tag-chip,
.person-action,
#authSendBtn,
.one-match-back,
.home-tab-item,
.module-tab,
.primary-btn.ghost{
  color:var(--ylp-purple-deep) !important;
  border-color:var(--ylp-line) !important;
  background:rgba(255,250,253,.76) !important;
  box-shadow:var(--ylp-inner),0 8px 20px rgba(47,41,52,.045) !important;
}

.back:hover,
.btn-ghost:hover,
.nav-btn:hover,
.more:hover,
.interact:hover{
  background:rgba(251,244,251,.94) !important;
}

/* 选中态 */
.sort-btn.active,
.makeup-option.active,
.accessory-chip.active,
.category-tab.active,
.category-btn.active,
.tag.active,
.scroll-tabs .chip-pill.active,
.upload-tag-chip.selected,
.upload-order-btn.active,
.scene-pill.active,
.mood-card.filled .mood-card-inner,
.upload-zone.has-image,
.module-tab.active,
.interact.active.vote{
  border-color:rgba(124,91,143,.38) !important;
  background:linear-gradient(135deg,var(--ylp-purple-deep),var(--ylp-purple)) !important;
  color:#fff !important;
  box-shadow:0 14px 30px var(--ylp-purple-shadow),0 0 0 3px rgba(167,121,183,.10) !important;
}

.scene-pill.active .scene-check,
.nav-add-btn.active,
.upload-action .plus{
  background:linear-gradient(135deg,var(--ylp-purple-deep),var(--ylp-purple)) !important;
  color:#fff !important;
}

.interact.active.favorite{
  color:#8b4f8f !important;
  background:#fbf1ff !important;
  border-color:#eadcff !important;
}

.interact.active.like{
  color:#fff !important;
  background:linear-gradient(135deg,var(--ylp-purple-deep),var(--ylp-purple)) !important;
  border-color:transparent !important;
}

/* 输入 */
input,
textarea,
select,
.comments-form input,
.input-card textarea{
  color:var(--ylp-text) !important;
  border-color:var(--ylp-line) !important;
  background:rgba(255,250,253,.84) !important;
  box-shadow:var(--ylp-inner) !important;
}

input::placeholder,
textarea::placeholder{
  color:var(--ylp-faint) !important;
}

/* 图片、缩略图、空位 */
.photo,
.person-thumb,
.mood-preview,
.result-source-card,
.combo-image-card,
.one-match-image-box,
.combo-img-box,
.empty-slot,
.thumb,
.tryon-thumb,
.upload-zone,
.add-card{
  background:linear-gradient(160deg,#f6eff8,#fbf4fb 58%,#fffafd) !important;
  border-color:var(--ylp-line) !important;
}

.result-hero,
.viewer img,
#tryonResultImg{
  border-color:var(--ylp-line) !important;
  box-shadow:0 20px 52px rgba(47,41,52,.14) !important;
}

/* 弹窗、遮罩、提示 */
.viewer,
.modal-overlay.active{
  background:rgba(47,41,52,.70) !important;
}

.comments{
  background:rgba(47,41,52,.34) !important;
}

.toast{
  background:rgba(47,41,52,.94) !important;
}

/* 后台表格 */
table,
th,td{
  color:var(--ylp-text) !important;
}

table thead tr,
table tbody tr,
.border-b,
.border-t{
  border-color:var(--ylp-line) !important;
}

.toggle-slider{
  background:var(--ylp-line-strong) !important;
}

.toggle-switch input:checked + .toggle-slider{
  background:linear-gradient(135deg,var(--ylp-purple-deep),var(--ylp-purple)) !important;
}

@media(max-width:420px){
  .hero,
  .studio-card,
  .upload-panel,
  .input-card,
  .combo-card,
  .card,
  .profile-card,
  .kpi-card,
  .section-card,
  .placeholder-card{
    border-radius:24px !important;
  }
}