/* 衣见倾心 · AI 穿搭顾问 —— 沿用 Maison token */

.ya-root{font-family:inherit;color:var(--ink)}
.ya-root *{box-sizing:border-box}

.ya-tab{position:fixed;right:18px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;gap:10px;
  border:0;border-radius:99px;padding:10px 16px 10px 10px;cursor:pointer;color:#F8E9E4;letter-spacing:.08em;
  background:linear-gradient(120deg,#2A1620,#5A2C3E 70%,#8E4F62);box-shadow:0 16px 36px -16px rgba(42,22,32,.7);
  transition:transform .4s var(--ease),opacity .3s}
.ya-tab:hover{transform:translateY(-2px)}
.ya-tab .ya-tabico{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--rose);color:var(--plum)}
.ya-tab .ya-tabico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ya-tab b{font-family:var(--zh);font-weight:600;font-size:14px}
.ya-tab small{display:block;font-family:var(--lat);font-style:italic;font-size:11px;color:var(--rose);margin-top:-1px}
body:not(.app) .ya-tab,body:not(.app) .ya-dock,#s2.on ~ * .ya-tab{/* safety */}
#s3:not(.on) ~ .ya-tab,#s3:not(.on) ~ .ya-dock,.ya-root[data-room="off"] .ya-tab,.ya-root[data-room="off"] .ya-dock{display:none!important}
.ya-root.is-open .ya-tab{opacity:0;pointer-events:none;transform:translateY(8px)}

.ya-dock{position:fixed;z-index:36;display:flex;flex-direction:column;background:linear-gradient(180deg,#FBF6F2,#F3E8E4);
  box-shadow:0 30px 80px -30px rgba(42,22,32,.55);overflow:hidden;border:1px solid rgba(34,22,28,.08)}
.ya-dock[hidden]{display:none!important}

/* 手机：底部抽屉，预留底栏 */
@media (max-width:1279px){
  .ya-dock{left:0;right:0;bottom:0;max-height:min(82vh,720px);height:min(82vh,720px);border-radius:26px 26px 0 0;
    transform:translateY(110%);transition:transform .55s var(--ease);padding-bottom:env(safe-area-inset-bottom)}
  .ya-root.is-open .ya-dock{transform:translateY(0)}
  .ya-peek{display:flex}
}
@media (min-width:1280px){
  .ya-dock{top:76px;right:0;bottom:0;width:400px;height:auto;border-radius:24px 0 0 0;
    transform:translateX(120%);transition:transform .55s var(--ease),opacity .4s;opacity:0}
  .ya-root.is-open .ya-dock{transform:none;opacity:1}
  .ya-peek{display:none}
  .ya-tab{right:18px;top:auto;bottom:28px;flex-direction:row;border-radius:99px;padding:10px 16px 10px 10px}
}

.ya-scrim{position:fixed;inset:0;z-index:34;background:rgba(34,22,28,.28);opacity:0;pointer-events:none;transition:opacity .4s}
.ya-root.is-open .ya-scrim{opacity:1;pointer-events:auto}
@media (min-width:1280px){.ya-scrim{background:transparent;pointer-events:none!important;opacity:0!important}}

.ya-hd{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 16px 12px;border-bottom:1px solid rgba(34,22,28,.08)}
.ya-hd .kick{display:block;margin-bottom:2px}
.ya-hd h3{margin:0;font-family:var(--lat);font-weight:400;font-size:28px;letter-spacing:-.03em;color:var(--plum);line-height:1}
.ya-hd h3 em{font-style:italic;color:var(--acc)}
.ya-hd .ya-sub{display:block;margin-top:6px;font-size:11.5px;color:var(--mute);letter-spacing:.08em}
.ya-hd-actions{display:flex;gap:6px;align-items:center}
.ya-iconbtn{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.7);color:var(--plum);display:grid;place-items:center;cursor:pointer;border:1px solid rgba(34,22,28,.08)}
.ya-iconbtn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ya-iconbtn.on{background:var(--plum);color:var(--blush)}
.ya-badge{font-family:var(--lat);font-size:9.5px;letter-spacing:.16em;padding:3px 7px;border-radius:99px;background:var(--champ);color:var(--plum)}
.ya-badge.warn{background:#F3D4C8;color:#7A2A1F}

.ya-garment{flex:none;display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:8px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(34,22,28,.08)}
.ya-garment img{width:48px;height:64px;object-fit:cover;border-radius:10px;background:var(--tile)}
.ya-garment small{display:block;font-family:var(--lat);font-size:10px;letter-spacing:.16em;color:var(--acc);text-transform:uppercase}
.ya-garment b{display:block;font-size:13.5px;font-weight:600;color:var(--plum);letter-spacing:.04em}
.ya-garment.empty{color:var(--mute);justify-content:center;font-size:12.5px}

.ya-unconf{flex:none;margin:12px 16px 0;padding:12px 14px;border-radius:16px;background:rgba(234,214,208,.65);border:1px dashed rgba(138,42,31,.25);color:#6A3A3A;font-size:12.5px;line-height:1.7}
.ya-unconf b{display:block;font-size:13px;margin-bottom:2px;color:var(--plum)}

.ya-log{flex:1;min-height:0;overflow:auto;padding:14px 16px 8px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ya-msg{max-width:92%;padding:12px 14px;border-radius:18px;font-size:14px;line-height:1.75;white-space:pre-wrap;word-break:break-word}
.ya-msg.user{align-self:flex-end;background:var(--plum);color:#F8E9E4;border-bottom-right-radius:6px}
.ya-msg.bot{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid rgba(34,22,28,.06);border-bottom-left-radius:6px;box-shadow:0 10px 24px -20px rgba(42,22,32,.5)}
.ya-msg.bot .ya-ai{display:block;margin-top:10px;padding-top:8px;border-top:1px solid rgba(34,22,28,.08);font-size:11px;letter-spacing:.12em;color:var(--mute)}
.ya-msg.sys{align-self:center;max-width:100%;background:transparent;color:var(--mute);font-size:12px;text-align:center;padding:4px}
.ya-msg.err{align-self:stretch;background:#F8E6E2;color:#7A2A1F;border-radius:14px}
.ya-msg .ya-think{opacity:.6}
.ya-typing{display:inline-flex;gap:5px;align-items:center;height:16px}
.ya-typing i{width:6px;height:6px;border-radius:50%;background:var(--acc);animation:yaBlink 1s ease-in-out infinite}
.ya-typing i:nth-child(2){animation-delay:.15s}.ya-typing i:nth-child(3){animation-delay:.3s}
@keyframes yaBlink{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}

.ya-suggest{flex:none;display:flex;gap:8px;overflow-x:auto;padding:4px 16px 8px;scrollbar-width:none}
.ya-suggest::-webkit-scrollbar{display:none}
.ya-suggest button{flex:none;border:1px solid rgba(34,22,28,.1);background:rgba(255,255,255,.8);color:var(--ink);border-radius:99px;padding:7px 12px;font-size:12.5px;letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.ya-suggest button:hover{border-color:var(--plum);color:var(--plum)}

.ya-composer{flex:none;display:flex;align-items:flex-end;gap:8px;padding:8px 12px 14px;border-top:1px solid rgba(34,22,28,.08);background:rgba(255,255,255,.45)}
.ya-composer textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:16px;padding:10px 12px;font:inherit;font-size:15px;line-height:1.45;min-height:44px;max-height:120px;background:#fff;color:var(--ink);outline:none}
.ya-composer textarea:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(156,91,106,.14)}
.ya-send,.ya-mic{width:44px;height:44px;flex:none;border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.ya-send{background:var(--plum);color:#F8E9E4}
.ya-mic{background:#fff;color:var(--plum);border:1px solid rgba(34,22,28,.1)}
.ya-send svg,.ya-mic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ya-send:disabled,.ya-mic:disabled{opacity:.4;cursor:not-allowed}
.ya-mic.rec{background:var(--plum);color:var(--rose);animation:yaPulse 1.2s ease-in-out infinite}
@keyframes yaPulse{0%,100%{box-shadow:0 0 0 0 rgba(42,22,32,.35)}70%{box-shadow:0 0 0 10px rgba(42,22,32,0)}}

.ya-listen{position:absolute;inset:auto 16px 78px 16px;z-index:2;display:none;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;
  background:var(--plum);color:#F8E9E4;font-size:13px;letter-spacing:.08em;box-shadow:0 16px 32px -18px rgba(42,22,32,.7)}
.ya-root.is-listening .ya-listen{display:flex}
.ya-listen .lvl{width:8px;height:22px;border-radius:99px;background:var(--rose);transform-origin:50% 100%;transition:transform .08s linear}

@media (prefers-reduced-motion:reduce){.ya-tab,.ya-dock,.ya-typing i,.ya-mic.rec{animation:none!important;transition:none}}

@media (min-width:1280px){
  body:has(.ya-root.is-open) #s3{padding-right:420px;transition:padding .45s var(--ease)}
}