/* V3 · Rosé —— 柔雾裸粉：更圆、更软、更多留白，适合年轻用户 */
:root {
  --canvas: #FBF1EE; --surface: #FFFAF8; --ink: #3B2A2C; --ink-2: #5E4A4C; --muted: #9B8486; --faint: #CDB7B8;
  --champagne: #C9787A; --champagne-2: #F5D3CF; --rose: #E7B4B1; --line: rgba(59, 42, 44, .07); --line-2: rgba(59, 42, 44, .13); --tint: rgba(201, 120, 122, .07);
  --on-ink: #FFF6F4; --img-bg: #F6E6E3; --soft: #FCEEEA; --soft-2: #F8E3DF; --dark: #4A2F33; --ok-bg: #F3EDE6; --ink-hover: #553739;
  --glass: rgba(255, 250, 248, .75); --tab-bg: rgba(255, 250, 248, .88); --frame: linear-gradient(145deg, #F2D5D2, #D9AEAB);
  --desk-bg: radial-gradient(900px 700px at 20% 20%, #FCE3DF, transparent 60%), radial-gradient(900px 700px at 85% 80%, #F6E7DA, #FBF1EE 70%);
  --r-xl: 36px; --r-lg: 28px; --r: 22px; --grain: .5;
}
.tabbar { box-shadow: 0 0 0 1px var(--line), 0 20px 40px -20px rgba(150, 80, 82, .35); }
.tabbar button { color: var(--muted); } .tabbar button.is-on { color: var(--ink); background: var(--champagne-2); } .tabbar button.is-on .ico { color: var(--champagne); }
.who.is-on, .chip--ink, .chip--btn.is-on, .opt__btn.is-on, .check input:checked + span, .toggle2 input:checked + span { background: var(--champagne); color: #fff; }
.btn--ink, .cta--ink, .fab, .mark { background: linear-gradient(135deg, #D4878A, #B5666A); color: #fff; }
.cta--ink i { background: rgba(255, 255, 255, .22); color: #fff; }
.look__head { background: linear-gradient(160deg, #6B4246, #3B2A2C); }
.wordmark, .look-name, .look__title { font-style: italic; }
.title { font-weight: 500; }
.stat .num { color: var(--champagne); }
.stat--warn .num { color: #C38A4E; } .stat--danger .num { color: #B5565A; }
.hero { aspect-ratio: 1 / 1.1; }
.shell { background: rgba(201, 120, 122, .07); }
.device { border-radius: 60px; } .device::before, .screen, .drawer, .modal { border-radius: 50px; }
.reasons li { background: #FBE9E6; color: #8A4F52; }
.hero { border-radius: 999px 999px 28px 28px; } .hero__body { padding-top: 56px; } .hero__body > .pill { align-self: center; }