/* 发觉星发型模拟 WEB01 增量样式 */
.intake-card{margin:18px 0 14px;padding:15px;background:rgba(255,255,255,.52);border:1px solid var(--line);border-radius:10px}
.intake-title{font:600 13px var(--serif);color:var(--brand);margin-bottom:5px}
.intake-sub{font-size:10.5px;color:var(--muted);line-height:1.6;margin-bottom:12px}
.intake-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:8px}
.intake-grid input{width:100%;height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 11px;font:13px var(--sans);outline:none}
.intake-grid input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.intake-error{min-height:18px;margin-top:7px;color:var(--danger);font-size:10.5px}
.side-choice{display:flex;gap:7px;margin-top:9px}
.side-choice button{flex:1;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 4px;font:11px var(--sans);color:var(--muted)}
.side-choice button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.visual-evidence{margin-top:12px;padding:12px 14px;border-left:3px solid var(--gold);background:var(--gold-soft);font-size:11px;color:var(--ink-2);line-height:1.75}
.style-block{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.48)}
.style-recommend{font-size:10.5px;color:var(--brand);line-height:1.6;margin:0 0 9px;padding:8px 10px;background:var(--brand-soft);border-radius:6px}
.opt-row.wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.opt-row.wrap .opt-pill{min-width:0}
.more-timeline-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.timeline-primary-note{padding:10px 12px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-size:11px;line-height:1.6;margin-bottom:12px}
.tl-btn.pending{opacity:.42}
.tl-btn.pending::after{content:"待生成";font-size:8px;color:var(--muted)}
.fjx-progress{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(17,31,25,.48);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}
.fjx-progress.show{opacity:1;visibility:visible;pointer-events:auto}
.fjx-progress-card{width:min(100%,350px);padding:23px 22px 20px;border-radius:16px;background:#f8f4ed;box-shadow:0 24px 70px rgba(0,0,0,.24);text-align:center}
.fjx-progress-title{font:600 18px var(--serif);color:var(--brand);letter-spacing:1px}
.fjx-progress-detail{min-height:38px;margin:7px 0 15px;font-size:11.5px;color:var(--muted);line-height:1.65}
.fjx-walk-track{position:relative;height:78px;margin:0 5px;border-bottom:4px solid rgba(31,58,46,.16)}
.fjx-walk-fill{position:absolute;left:0;bottom:-4px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold),var(--brand));width:0;transition:width .6s ease}
.fjx-walker{position:absolute;left:0;bottom:3px;width:58px;height:58px;border-radius:50%;overflow:hidden;background:#fff;border:2px solid rgba(184,149,106,.45);box-shadow:0 5px 12px rgba(31,58,46,.17);transition:left .6s ease;animation:fjx-walk .48s ease-in-out infinite alternate}
.fjx-walker img{width:100%;height:100%;object-fit:cover;display:block}
.fjx-progress-percent{margin-top:10px;font:600 12px var(--display);letter-spacing:2px;color:var(--gold-2)}
@keyframes fjx-walk{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-5px) rotate(2deg)}}
.gen-mascot-inline{width:86px;height:86px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:2px solid var(--gold-line);background:#fff;animation:fjx-walk .48s ease-in-out infinite alternate}
.gen-mascot-inline img{width:100%;height:100%;object-fit:cover}
.hairline-node-note{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:9.5px;color:var(--muted)}
.quick-feedback{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.48)}
.quick-feedback-title{font:600 13px var(--serif);margin-bottom:9px;color:var(--brand)}
.quick-feedback-row{display:flex;flex-wrap:wrap;gap:6px}
.quick-feedback-row button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 10px;font:10px var(--sans);color:var(--ink-2)}
.gen-batch-preview{grid-template-columns:repeat(4,1fr)}
#clinic-section,.report-cta-btn{display:none!important}
.action-grid .act-btn.primary{display:none}
.action-grid{grid-template-columns:1fr}
.nw-stages{gap:4px}
.nw-stages span{font-size:8px}
@media(max-width:350px){.intake-grid{grid-template-columns:1fr}.more-timeline-actions{grid-template-columns:1fr}}