:root{color-scheme:light;--bg: #fff7fb;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--text: #2f1730;--muted: #775d74;--line: rgba(232, 70, 122, .14);--accent: #e6467a;--accent-strong: #c81f5d;--accent-soft: rgba(230, 70, 122, .1);--accent-berry: #ffeff5;--accent-plum: #f5efff;--accent-cream: #fff8ef;--shadow: 0 24px 60px rgba(160, 53, 96, .14);--radius-lg: 36px;--radius-md: 26px;--radius-sm: 18px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,195,218,.5),transparent 24%),radial-gradient(circle at top right,rgba(243,221,255,.46),transparent 22%),linear-gradient(180deg,#fffafd 0%,var(--bg) 100%)}a,button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}h1,h2,h3,h4,p,ul{margin:0}ul{padding:0;list-style:none}.landing-shell{width:min(1200px,calc(100% - 28px));margin:0 auto;padding:20px 0 56px;display:grid;gap:22px}.hero-section,.content-section,.final-cta-section{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-section,.content-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;padding:28px}.hero-section{align-items:center;overflow:hidden;background:radial-gradient(circle at left top,rgba(255,233,242,.92),transparent 42%),linear-gradient(160deg,#fffffff5,#fff7fce6)}.hero-copy,.section-copy,.benefits-card,.placeholder-card,.final-cta-section{display:grid;gap:16px}.hero-kicker,.section-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:var(--accent-strong);font-weight:700}.hero-copy h1{max-width:7.5em;font-size:clamp(3rem,6vw,5.2rem);line-height:.94;text-wrap:balance}.hero-body,.section-copy p,.final-cta-section p,.placeholder-list,.benefit-list{color:var(--muted);line-height:1.72}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-button,.secondary-button,.download-link,.primary-link,.text-link,.closet-lite-remove{border-radius:999px;padding:12px 18px;border:1px solid transparent;transition:transform .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.primary-button,.primary-link{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;box-shadow:0 14px 30px #e6467a38}.secondary-button,.download-link,.closet-lite-remove{background:#ffffffe6;border-color:var(--line)}.text-link{padding-left:0;padding-right:0;color:var(--accent-strong)}.primary-button:hover,.secondary-button:hover,.download-link:hover,.primary-link:hover,.text-link:hover,.closet-lite-remove:hover{transform:translateY(-1px)}.hero-panel{position:relative;min-height:360px;display:grid;align-items:center;justify-items:end;overflow:visible}.hero-panel:before{content:"";position:absolute;top:8%;right:0;bottom:4%;left:22%;border-radius:32px;background:radial-gradient(circle at top,rgba(255,255,255,.8),transparent 55%),linear-gradient(145deg,#ffeff5eb,#f5effff0);border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 50px #c81f5d1f}.hero-panel__stack{position:relative;width:min(100%,390px);display:grid;gap:14px;transform:rotate(-4deg);z-index:1}.hero-style-card{min-height:118px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.64);box-shadow:0 18px 35px #c81f5d24;display:grid;align-content:start;gap:8px;background:#ffffffd1}.hero-style-card:nth-child(1){background:linear-gradient(180deg,#ffeff5f2,#fffafce0)}.hero-style-card:nth-child(2){margin-left:28px;background:linear-gradient(180deg,#f5effff5,#ffffffe0)}.hero-style-card:nth-child(3){margin-left:10px;background:linear-gradient(180deg,#fff8eff5,#ffffffe0)}.hero-style-card__accent{font-size:.82rem;color:var(--accent-strong);font-weight:700}.trending-looks-section{align-items:start}.trending-grid,.trending-looks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.trending-card,.trending-look-card{min-height:240px;padding:18px;border-radius:24px;display:grid;align-content:space-between;gap:16px;border:1px solid rgba(255,255,255,.6);box-shadow:0 18px 36px #c81f5d14}.trending-card--1,.trending-look-card:nth-child(1){background:linear-gradient(180deg,var(--accent-berry),rgba(255,255,255,.9))}.trending-card--2,.trending-look-card:nth-child(2){background:linear-gradient(180deg,var(--accent-plum),rgba(255,255,255,.9))}.trending-card--3,.trending-look-card:nth-child(3){background:linear-gradient(180deg,var(--accent-cream),rgba(255,255,255,.9))}.trending-card--4,.trending-look-card:nth-child(4){background:linear-gradient(180deg,#eef8ff,#ffffffe6)}.trending-look-card__accent{font-size:.85rem;color:var(--accent-strong);font-weight:700}.placeholder-card,.benefits-card,.try-on-form,.try-on-result,.recommendation-form,.recommendation-result,.closet-lite-card{padding:20px;border-radius:var(--radius-md);border:1px solid var(--line);background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.placeholder-card{background:linear-gradient(180deg,#fff5fae0,#ffffffdb),var(--accent-soft)}.placeholder-list,.benefit-list{display:grid;gap:10px}.placeholder-list li,.benefit-list li{padding:12px 14px;border-radius:var(--radius-sm);background:#ffffffd1;border:1px solid rgba(232,70,122,.08)}.try-on-section{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-areas:"copy form" "result form";align-items:start}.try-on-copy{grid-area:copy}.try-on-form{grid-area:form;align-self:stretch}.try-on-result{grid-area:result}.try-on-form,.try-on-result,.garment-option,.try-on-result__content{display:grid;gap:14px}.try-on-copy__badges{display:flex;flex-wrap:wrap;gap:10px}.try-on-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(232,70,122,.16);background:#fffc;color:var(--accent-strong);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.try-on-field{display:grid;gap:8px}.try-on-field label,.try-on-field__label{font-size:.95rem;font-weight:600}.try-on-field input,.try-on-field select,.try-on-field textarea{width:100%;padding:11px 12px;border-radius:14px;border:1px solid rgba(232,70,122,.14);background:#fffffff2}.try-on-field textarea{resize:vertical;min-height:96px}.field-hint,.empty-copy,.try-on-feedback,.try-on-result__content p{color:var(--muted);line-height:1.5}.garment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.garment-option{padding:10px;border-radius:18px;border:1px solid rgba(232,70,122,.1);background:#ffffffc2;text-align:left}.garment-option img,.try-on-result__preview img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;border:1px solid rgba(232,70,122,.08)}.garment-option span,.garment-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garment-option small,.closet-lite-item__copy span{text-transform:capitalize;color:var(--accent-strong)}.garment-option.is-selected{border-color:#e8467a6b;box-shadow:inset 0 0 0 1px #e8467a2e;background:#e6467a14}.try-on-submit:disabled,.primary-button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}.try-on-feedback--error{color:#9a1f54}.try-on-result__preview{min-height:280px;border-radius:24px;border:1px dashed rgba(232,70,122,.18);background:linear-gradient(180deg,#fffcfff2,#fff0f7c7),var(--accent-soft);display:grid;place-items:center;overflow:hidden}.try-on-result__empty{padding:24px;text-align:center;color:var(--muted)}.try-on-result__content h3,.recommendation-result__empty h3,.final-cta-section h3{font-size:clamp(1.45rem,2.8vw,2.3rem);line-height:1.08}.recommendation-section{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-template-areas:"recommendation-copy recommendation-form" "recommendation-result recommendation-form";align-items:start}.recommendation-copy{grid-area:recommendation-copy}.recommendation-form{grid-area:recommendation-form;align-self:stretch}.recommendation-result{grid-area:recommendation-result}.closet-lite-card,.recommendation-form,.recommendation-result,.closet-lite-list,.closet-lite-item,.closet-lite-item__copy,.closet-lite-summary,.closet-lite-cta{display:grid;gap:14px}.recommendation-result__header,.recommendation-result__empty,.closet-lite-empty,.recommendation-list,.closet-lite-list{display:grid;gap:12px}.recommendation-list li,.closet-lite-item{padding:14px;border-radius:18px;border:1px solid rgba(232,70,122,.08);background:#ffffffc7}.recommendation-list li{display:grid;gap:8px}.recommendation-list h4,.closet-lite-empty h3{font-size:1.1rem}.recommendation-cta-copy,.closet-lite-count,.try-on-cta-copy{font-weight:600;color:var(--text)}.closet-lite-item{grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px}.closet-lite-item img{width:72px;height:72px;object-fit:cover;border-radius:16px;border:1px solid rgba(232,70,122,.08)}.closet-lite-item__copy strong,.closet-lite-item__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.benefits-section{background:radial-gradient(circle at top right,rgba(255,235,244,.82),transparent 38%),var(--surface)}.benefits-card{align-content:start;background:linear-gradient(180deg,#fff7fcfa,#fffffff2),var(--surface)}.final-cta-section{padding:30px 28px;text-align:center;place-items:center;background:radial-gradient(circle at top,rgba(230,70,122,.2),transparent 34%),linear-gradient(180deg,#fff7fbfa,#fffffff5)}.final-cta-section h3{max-width:16ch}@media (max-width: 860px){.hero-section,.content-section{grid-template-columns:1fr}.trending-grid,.trending-looks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.try-on-section{grid-template-areas:"copy" "form" "result"}.recommendation-section{grid-template-areas:"recommendation-copy" "recommendation-form" "recommendation-result"}.hero-copy h1{max-width:none}.hero-panel{justify-items:center;min-height:300px}}@media (max-width: 640px){.landing-shell{width:min(100% - 20px,1200px);padding:18px 0 40px;gap:18px}.hero-section,.content-section,.final-cta-section{padding:20px}.hero-actions{flex-direction:column;align-items:stretch}.trending-grid,.trending-looks-grid{grid-template-columns:1fr}.primary-button,.secondary-button,.download-link,.primary-link{text-align:center}.closet-lite-item{grid-template-columns:1fr}}