/* V5 · Magazine —— 纯白、粗黑分割线、直角、口红红点缀：像时尚杂志版面 */
:root {
  --canvas: #FFFFFF; --surface: #FFFFFF; --ink: #111111; --ink-2: #333333; --muted: #777777; --faint: #BBBBBB;
  --champagne: #C8102E; --champagne-2: #FFD8DE; --line: #111111; --line-2: #111111; --tint: rgba(0, 0, 0, .04);
  --on-ink: #FFFFFF; --img-bg: #F1EFEC; --soft: #F6F5F3; --soft-2: #F0EEEB; --dark: #111111; --ok-bg: #F2F2F2; --ink-hover: #333;
  --glass: rgba(255, 255, 255, .92); --tab-bg: #111111; --frame: #111111; --desk-bg: #FFFFFF; --grain: 0;
  --r-xl: 0px; --r-lg: 0px; --r: 0px; --r-sm: 0px; --shadow: none; --shadow-lg: none;
}
.switch, .who, .chip, .chip--btn, .btn, .cta, .cta i, .tabbar, .tabbar button, .pill, .search, .select, .tag, .tabs, .tabs__btn, .opt__btn, .check span, .toggle2, .toggle2 span, .field input, .field select, .iconbtn, .fab, .mark, .row__img, .dr__img, .step__img, .who__av, .profile__av, .modal__box, .drawer__panel, .toast, .reasons li, .look__meta li, .quick__ico { border-radius: 0 !important; }
.shell { padding: 0; background: none; box-shadow: none; } .core { box-shadow: none; }
.title { font-size: 34px; font-weight: 700; letter-spacing: -.02em; }
.title--xl { font-size: 36px; }
.page-head, .greet { border-bottom: 3px solid #111; padding-bottom: 16px; margin-bottom: 18px; }
.h2 { font-size: 13px; letter-spacing: .14em; font-weight: 700; }
.block__head { border-top: 3px solid #111; padding-top: 10px; }
.kicker { color: var(--champagne); font-weight: 600; letter-spacing: .1em; }
.hero { aspect-ratio: 3 / 4; }
.hero__veil { background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.75)); }
.look-name, .look__title { font-style: normal; font-size: 54px; letter-spacing: -.03em; }
.stats { border-top: 1px solid #111; border-bottom: 1px solid #111; }
.stat + .stat { box-shadow: -1px 0 0 #111; } .stat .num { font-size: 52px; }
.pcard, .list, .steps, .panel, .basis, .quick__item, .sample, .scan, .kn__item, .card, .core { box-shadow: 0 0 0 1px #111 !important; }
.pcard:hover { transform: none; box-shadow: 0 0 0 2px #111 !important; }
.tabbar { left: 0; right: 0; bottom: 0; padding-bottom: calc(6px + env(safe-area-inset-bottom)); }
.tabbar button.is-on { background: var(--champagne); color: #fff; } .tabbar button.is-on .ico { color: #fff; }
.who.is-on, .chip--btn.is-on, .opt__btn.is-on, .check input:checked + span, .toggle2 input:checked + span, .chip--ink { background: #111; color: #fff; }
.btn--ink, .cta--ink, .fab, .mark { background: var(--champagne); color: #fff; box-shadow: none; }
.cta--ink i { background: #111; color: #fff; }
.cta--light { background: #fff; } .cta--light i { background: var(--champagne); }
.switch { margin: 8px var(--pad) 0; box-shadow: 0 0 0 1px #111; }
.look__head { background: #111; }
.look__head::before, .look__head::after { display: none; }
.device { border-radius: 0; padding: 0; box-shadow: 0 0 0 1px #111, 24px 24px 0 #111; } .device::before { inset: 0; border-radius: 0; } .screen, .drawer, .modal { border-radius: 0; inset: 0; }
.desk { gap: 120px; }
.intro__title { font-size: 46px; font-weight: 800; letter-spacing: -.03em; }
.intro__tag { color: var(--champagne); }
.tag { background: #fff; box-shadow: inset 0 0 0 1px currentColor; }
.tag--expired { background: var(--champagne); }