/* ========== 基础变量：低饱和暖灰 + 黑色，适合轻奢租赁品牌 ========== */
:root{--ink:#20201f;--paper:#f4f2ee;--white:#fff;--taupe:#b5a89c;--muted:#85817b;--line:rgba(32,32,31,.1);--serif:"DM Serif Display","Noto Serif SC",serif;--sans:"Plus Jakarta Sans","Noto Serif SC",sans-serif}*{box-sizing:border-box}html,body{margin:0;background:#dedbd5;color:var(--ink);font-family:var(--sans);overflow-x:hidden}body{min-height:100vh}button{font:inherit;color:inherit;border:0;cursor:pointer}.app{max-width:580px;min-height:100svh;margin:auto;background:var(--paper);position:relative;overflow:hidden;padding-bottom:70px}.opening{position:fixed;inset:0;z-index:100;overflow:hidden;background:#191918;color:#fff;transition:opacity .8s ease,visibility .8s}.opening.is-gone{opacity:0;visibility:hidden;pointer-events:none}.opening__video{width:100%;height:100%;object-fit:cover;opacity:.72}.opening__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.62))}.opening__words{position:absolute;left:8vw;bottom:14vh}.eyebrow{margin:0 0 9px;font:500 10px/1.2 var(--sans);letter-spacing:.18em}.opening h1,.hero-copy h1,.screen-intro h1,.advisor-profile h1{margin:0;font:400 clamp(42px,11vw,62px)/.96 var(--serif);letter-spacing:-.04em}.opening__words>*{animation:rise .9s both}.opening__words h1{animation-delay:.18s}.opening__sub{letter-spacing:.2em;font-size:10px;animation-delay:.38s}.skip-intro{position:absolute;right:6vw;bottom:5vh;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:99px;padding:10px 14px;font-size:12px;backdrop-filter:blur(8px)}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* ========== 通用顶部与页面切换 ========== */
.screen{display:none;min-height:calc(100svh - 70px);animation:page-in .35s ease}.screen.is-active{display:block}@keyframes page-in{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:var(--paper);position:sticky;top:0;z-index:5}.topbar--overlay{position:absolute;inset:0 0 auto;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent);color:#fff}.topbar h2{margin:0;font:500 20px var(--serif)}.brand{color:inherit;text-decoration:none;font:400 40px/.72 var(--serif);letter-spacing:.04em}.brand small{display:block;font:500 8px var(--sans);letter-spacing:.31em;margin:8px 0 0 2px}.icon-btn{width:36px;height:36px;background:transparent;display:grid;gap:5px;place-content:center}.icon-btn i{width:24px;height:1.5px;background:currentColor;display:block}.back-btn,.search-btn{width:34px;height:34px;background:transparent;font:400 29px/1 var(--serif)}.search-btn{font-size:35px;transform:rotate(-18deg)}.topbar-spacer{width:34px}.screen-intro{padding:30px 24px 22px}.screen-intro h1{font-size:38px}.screen-intro>p:last-child{font-size:13px;color:var(--muted);line-height:1.7}.screen-intro--compact{padding-bottom:14px}

/* ========== 首页 ========== */
.home-hero{height:68svh;min-height:510px;max-height:680px;position:relative;overflow:hidden;background:#d9d2ca}.home-hero img{height:100%;width:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply;filter:saturate(.62) contrast(.92)}.hero-tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,242,238,.72) 0%,rgba(244,242,238,.18) 65%,rgba(0,0,0,.04))}.hero-copy{position:absolute;top:27%;left:8.5%;z-index:1}.hero-copy h1{font-size:clamp(47px,12vw,67px);text-transform:uppercase}.hero-copy p:last-child{font:500 18px/1.8 "Noto Serif SC",serif;margin:18px 0}.hero-index{position:absolute;bottom:30px;right:23px;font-size:10px;letter-spacing:.14em}.home-content{padding:16px 16px 30px;margin-top:-42px;position:relative;z-index:2}.entry-card{display:block;width:100%;text-align:left;border-radius:24px;background:var(--white);margin-bottom:13px;padding:20px;overflow:hidden;position:relative}.entry-card__top{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.entry-card b{font:500 21px "Noto Serif SC",serif;display:block}.entry-card small{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;margin-top:5px}.entry-card em{font-style:normal;font-size:10px;color:#67635f;padding-top:5px}.occasion-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:21px}.occasion-mini span{aspect-ratio:1;border-radius:99px;background:linear-gradient(145deg,#efebe5,#d6cec4);display:grid;place-content:center;text-align:center;font:500 11px "Noto Serif SC",serif}.occasion-mini small{font:500 7px var(--sans);color:var(--muted);margin-top:2px}.entry-card--styling{height:145px;background:linear-gradient(112deg,#282724,#55504a);color:#fff}.entry-card--styling .entry-card__top small,.entry-card--styling em{color:rgba(255,255,255,.6)}.entry-card__dress{position:absolute;right:23px;bottom:-49px;font:150px/1 var(--serif);color:#ddd4cc;opacity:.85}.advisor-teaser{width:100%;padding:13px 5px 2px;background:transparent;text-align:left;display:flex;align-items:center;gap:12px}.advisor-teaser img{width:48px;height:48px;border-radius:50%;object-fit:cover;filter:grayscale(1)}.advisor-teaser span{display:grid;gap:3px;flex:1}.advisor-teaser small{font-size:8px;letter-spacing:.11em;color:var(--muted)}.advisor-teaser b{font:500 14px "Noto Serif SC",serif}.advisor-teaser em{font-style:normal;float:right;font-size:20px;font-family:var(--sans)}

/* ========== 场合之选 ========== */
.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 20px 18px;scrollbar-width:none}.category-tabs::-webkit-scrollbar,.gallery::-webkit-scrollbar{display:none}.category-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:99px;background:transparent;padding:8px 13px;font-size:12px}.category-tabs button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.occasion-list{padding:0 16px 24px;display:grid;gap:12px}.occasion-card{height:175px;border-radius:22px;overflow:hidden;position:relative;background:#ddd;isolation:isolate}.occasion-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.65)}.occasion-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.03) 75%);z-index:-1}.occasion-card__text{position:absolute;left:25px;top:50%;transform:translateY(-50%)}.occasion-card h3{margin:0;font:400 28px var(--serif)}.occasion-card p{margin:5px 0 13px;font-size:11px;color:var(--muted);letter-spacing:.07em}.round-arrow{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#fff;font-size:19px;box-shadow:0 2px 7px rgba(0,0,0,.1)}

/* ========== 活动页：暖白纸感、香槟金细节与私享会日历 ========== */
.screen--events{min-height:100svh;padding-bottom:102px;background:radial-gradient(circle at 88% 7%,rgba(192,160,113,.18),transparent 22%),linear-gradient(145deg,#f2f0ec,#e6e2db 55%,#f7f6f3)}.topbar--events{background:rgba(244,242,238,.76);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%)}.topbar--events h2{font-size:19px;letter-spacing:.15em}.events-page{padding:12px 5.5vw 28px}.events-hero{position:relative;min-height:255px;padding:29px 0 25px;overflow:hidden}.events-hero>p{position:relative;z-index:1;margin:0 0 16px;color:#8f8375;font:700 9px/1 var(--sans);letter-spacing:.2em}.events-hero h1{position:relative;z-index:1;margin:0;color:#272521;font-size:clamp(37px,10vw,56px);line-height:1.08;letter-spacing:.03em}.events-hero h1 em{font-style:normal;font-weight:400;color:#807b73}.events-hero>span{position:relative;z-index:1;display:block;width:176px;margin-top:20px;padding-top:10px;border-top:1px solid rgba(52,48,42,.31);color:#716a61;font-size:11px;line-height:1.65}.events-hero__month{position:absolute;right:-8px;bottom:-26px;color:rgba(89,78,65,.1);font:700 clamp(130px,37vw,190px)/1 Arial,sans-serif;letter-spacing:-.12em}
.event-feature{position:relative;min-height:440px;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:linear-gradient(150deg,#383128,#8a7254);box-shadow:0 18px 36px rgba(62,49,34,.2);isolation:isolate}.event-feature__visual{position:absolute;inset:0;z-index:-2;display:grid;place-items:end center;background:radial-gradient(circle at 65% 20%,rgba(242,230,204,.7),transparent 25%),linear-gradient(145deg,#30271f,#8d7557)}.event-feature__visual img{width:100%;height:100%;object-fit:contain;object-position:76% bottom;filter:saturate(.72) contrast(.98);mix-blend-mode:screen}.event-feature__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(20,17,14,.78) 0%,rgba(21,18,15,.43) 44%,rgba(21,18,15,.05) 78%),linear-gradient(0deg,rgba(8,7,6,.64),transparent 45%)}.event-feature__meta{position:absolute;top:20px;right:21px;left:21px;display:flex;justify-content:space-between;align-items:center;color:rgba(255,247,231,.86)}.event-feature__meta span{font:700 9px/1 var(--sans);letter-spacing:.18em}.event-feature__meta i{font:400 25px/.9 var(--sans);font-style:normal;opacity:.7}.event-feature__copy{position:absolute;bottom:86px;left:22px;color:#fff}.event-feature__copy p{margin:0 0 9px;color:#dbc18e;font:600 8px/1 var(--sans);letter-spacing:.18em}.event-feature__copy h2{margin:0;font-size:31px;line-height:1.12;letter-spacing:.05em}.event-feature__copy small{display:block;margin-top:12px;color:rgba(255,255,255,.7);font-size:10px;letter-spacing:.05em}.event-feature__action{position:absolute;right:18px;bottom:17px;left:18px;display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:1px solid rgba(255,243,216,.42);border-radius:999px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px rgba(255,255,255,.24);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:700 12px/1 var(--cn-sans);letter-spacing:.1em;transition:transform .22s ease,background .22s ease}.event-feature__action b{font:500 18px/1 var(--sans)}.event-feature__action:active{transform:scale(.97);background:rgba(255,255,255,.24)}
.events-agenda{margin-top:34px}.events-agenda__heading{display:flex;align-items:baseline;gap:10px;margin:0 0 15px}.events-agenda__heading span{color:#aa8d5b;font:700 8px/1 var(--sans);letter-spacing:.18em}.events-agenda__heading h2{margin:0;color:#2a2824;font-size:23px;letter-spacing:.08em}.events-agenda__heading em{margin-left:auto;color:#90887e;font-size:10px;font-style:normal}.events-agenda__list{display:grid;gap:12px}.event-card{position:relative;display:grid;grid-template-columns:47px 66px minmax(0,1fr) 34px;align-items:center;gap:12px;min-height:104px;padding:13px 12px;border:1px solid rgba(255,255,255,.71);border-radius:18px;background:rgba(255,255,255,.42);box-shadow:inset 0 1px rgba(255,255,255,.85),0 8px 20px rgba(65,55,42,.07);overflow:hidden}.event-card::after{content:"";position:absolute;right:-27px;bottom:-34px;width:112px;height:112px;border:1px solid rgba(162,131,86,.2);border-radius:50%;pointer-events:none}.event-card__date{display:grid;place-items:center;color:#463e34;line-height:1}.event-card__date b{font:500 27px/.9 var(--sans);letter-spacing:-.08em}.event-card__date span{margin-top:4px;color:#9e8c75;font:700 8px/1 var(--sans);letter-spacing:.13em}.event-card img{width:66px;height:78px;object-fit:contain;object-position:center bottom;filter:saturate(.72)}.event-card__copy{min-width:0}.event-card__copy small{display:block;color:#a48758;font:700 8px/1 var(--sans);letter-spacing:.13em}.event-card__copy h3{margin:6px 0 4px;color:#292621;font-size:15px;line-height:1.2;letter-spacing:.04em}.event-card__copy p{margin:0;color:#81796f;font-size:9px}.event-card button{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(75,65,53,.4);border-radius:50%;background:rgba(255,255,255,.34);color:#554737;font:300 23px/1 var(--sans);transition:transform .2s ease,background .2s ease}.event-card button:active{transform:scale(.92);background:#a98b58;color:#fff}
.events-note{position:relative;margin-top:28px;padding:21px 19px;border-top:1px solid rgba(60,52,44,.28);background:linear-gradient(105deg,rgba(48,43,36,.92),rgba(83,73,58,.91));color:#fff;overflow:hidden}.events-note::after{content:"";position:absolute;right:-10px;bottom:-40px;width:150px;height:150px;border:1px solid rgba(225,192,132,.32);border-radius:50%;box-shadow:0 0 0 21px rgba(225,192,132,.06),0 0 0 42px rgba(225,192,132,.04)}.events-note span{position:relative;z-index:1;color:#e1c48d;font:700 8px/1 var(--sans);letter-spacing:.18em}.events-note p{position:relative;z-index:1;max-width:82%;margin:10px 0 16px;color:rgba(255,255,255,.78);font-size:11px;line-height:1.72}.events-note button{position:relative;z-index:1;padding:0;border-bottom:1px solid rgba(226,198,147,.68);background:none;color:#f2dba8;font:700 12px/1 var(--cn-sans);letter-spacing:.08em}

/* ========== 穿搭智选：横向滑动画廊 ========== */
.recommendation-sections{padding:5px 0 30px}.recommendation{margin-top:28px}.recommendation__heading{display:flex;align-items:flex-end;justify-content:space-between;padding:0 20px 12px}.recommendation__heading h2{margin:0;font:500 21px "Noto Serif SC",serif}.recommendation__heading small{display:block;margin-top:4px;font-size:9px;color:var(--muted);letter-spacing:.12em}.recommendation__heading span{font-size:11px;color:var(--muted)}.gallery{display:flex;gap:12px;overflow-x:auto;padding:0 20px 9px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.look-card{scroll-snap-align:start;min-width:182px;width:182px;background:var(--white);border-radius:18px;overflow:hidden;box-shadow:0 5px 19px rgba(27,24,19,.05)}.look-card__image{height:234px;background:#ddd}.look-card__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.look-card__body{padding:12px 12px 14px}.look-card__body b{font:500 14px "Noto Serif SC",serif;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.look-card__body p{margin:5px 0 0;color:var(--muted);font-size:10px}.look-card__tag{position:absolute;margin:10px;background:rgba(255,255,255,.85);border-radius:99px;padding:5px 8px;font-size:9px;backdrop-filter:blur(7px)}

/* ========== 顾问页与微信名片 ========== */
.advisor-page{padding:18px 20px 35px}.advisor-profile{display:grid;grid-template-columns:1fr 1.18fr;gap:18px;align-items:end}.advisor-profile img{width:100%;height:245px;object-fit:cover;object-position:center;filter:grayscale(1) contrast(.9)}.advisor-profile h1{font-size:44px;margin-bottom:12px}.advisor-profile>div>p:last-child{font:13px/1.7 "Noto Serif SC",serif;color:#5f5b56;margin:0}.advisor-block{border-top:1px solid var(--line);padding:22px 0 4px;margin-top:25px}.advisor-block h3,.wechat-card h3{font:500 19px "Noto Serif SC",serif;margin:0 0 12px}.advisor-block>p{font:13px/1.9 "Noto Serif SC",serif;color:#5f5b56;margin:0}.advisor-block ul{padding:0;margin:0;list-style:none}.advisor-block li{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.advisor-block li b{font:400 14px var(--serif);color:var(--taupe)}.advisor-block li span{flex:1}.advisor-block li em{font:normal 9px var(--sans);letter-spacing:.06em;color:var(--muted)}.wechat-card{margin-top:31px;background:#262523;color:#fff;border-radius:22px;padding:20px;display:flex;align-items:center;justify-content:space-between;min-height:150px}.wechat-card small{font-size:9px;letter-spacing:.12em;color:#bbb4ac}.wechat-card h3{margin:7px 0 5px}.wechat-card p{margin:0;font-size:11px;color:#cbc6bf}.qr{width:86px;height:86px;background:repeating-linear-gradient(90deg,#fff 0 4px,#222 4px 8px),repeating-linear-gradient(#fff 0 5px,#222 5px 9px);display:grid;place-items:center}.qr span{background:#fff;color:#222;padding:4px;font:600 9px/1 var(--sans);text-align:center}

/* ========== 底部导航、提示与小屏适配 ========== */
.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,580px);height:66px;background:rgba(250,249,246,.9);backdrop-filter:blur(16px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding-bottom:max(0px,env(safe-area-inset-bottom))}.bottom-nav button{background:none;color:var(--muted);font-size:11px;padding:10px 7px}.bottom-nav button.is-current{color:var(--ink);font-weight:600}.toast{position:fixed;z-index:200;left:50%;bottom:82px;transform:translate(-50%,12px);background:var(--ink);color:#fff;border-radius:99px;padding:10px 15px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.is-show{opacity:1;transform:translate(-50%,0)}@media (max-width:360px){.home-hero{min-height:465px}.hero-copy{top:25%}.entry-card{padding:17px}.occasion-mini{gap:6px}.occasion-mini span{font-size:10px}.advisor-profile img{height:215px}.advisor-profile{gap:13px}}@media (min-width:581px){body{padding:16px}.app{min-height:calc(100svh - 32px);box-shadow:0 10px 42px rgba(0,0,0,.14);border-radius:28px}.opening__words{left:calc(50% - 250px)}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* 手机端人物完整展示：禁止 cover 裁切，优先保留人物头部与裙摆 */
.opening__video{object-fit:contain;object-position:center center;opacity:.88;background:#171716}
.opening__shade{background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.38))}
.opening__words{top:11vh;bottom:auto}
.home-hero{height:72svh;min-height:520px;max-height:700px;background:#f8f7f4}
.home-hero img{object-fit:contain;object-position:center bottom;mix-blend-mode:normal}
.hero-tint{background:linear-gradient(90deg,rgba(248,247,244,.84) 0%,rgba(248,247,244,.12) 61%,rgba(248,247,244,.04))}
.hero-copy{top:19%}
@media (max-width:360px){.home-hero{height:74svh;min-height:500px}.hero-copy{top:16%}}

/* 开场与主页共用同一舞台宽度，转场由视频向主页连续展开 */
:root{--stage-width:580px}
.app{width:min(100%,var(--stage-width))}
.opening{inset:0 auto 0 50%;width:min(100%,var(--stage-width));height:100svh;transform:translateX(-50%);transform-origin:center center;will-change:transform,opacity,filter}
.opening__words{left:8%;top:auto;bottom:12%;z-index:3;max-width:280px;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.opening__words .eyebrow{opacity:0;animation:intro-label .7s .28s cubic-bezier(.16,1,.3,1) forwards}
.opening__words h1{display:grid;gap:4px;overflow:hidden}
.opening__words h1 span{display:block;opacity:0;transform:translateY(110%) rotate(2deg);animation:intro-type 1s cubic-bezier(.16,1,.3,1) forwards}
.opening__words h1 span:nth-child(1){animation-delay:.38s}.opening__words h1 span:nth-child(2){animation-delay:.5s}
.opening__words .opening__sub{opacity:0;animation:intro-label .7s .82s cubic-bezier(.16,1,.3,1) forwards}
.opening__light{position:absolute;z-index:5;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 31%,rgba(255,240,214,.78) 47%,#f7f4ef 50%,rgba(255,240,214,.78) 53%,transparent 69%);transform:translateX(-135%) skewX(-16deg);opacity:0}
.opening.is-leaving{animation:intro-fold 1.05s cubic-bezier(.77,0,.18,1) forwards}
.opening.is-leaving .opening__light{opacity:1;animation:light-sweep .78s .05s cubic-bezier(.7,0,.3,1) forwards}
.app.is-revealed .screen--home{animation:home-emerge 1.05s cubic-bezier(.16,1,.3,1) both}
@keyframes intro-label{to{opacity:1;transform:translateY(0)}}
@keyframes intro-type{to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes light-sweep{to{transform:translateX(135%) skewX(-16deg)}}
@keyframes intro-fold{0%{opacity:1;filter:brightness(1);clip-path:inset(0 0 0 0 round 0)}45%{opacity:1;filter:brightness(1.3)}100%{opacity:0;filter:brightness(1.8);clip-path:inset(0 0 100% 0 round 0)}}
@keyframes home-emerge{0%{transform:scale(.975) translateY(32px);filter:brightness(.76) blur(5px)}55%{filter:brightness(1.1) blur(0)}100%{transform:none;filter:none}}
@media (min-width:581px){body{padding:0}.app{min-height:100svh}.opening{border-radius:28px}}

/* 桌面预览：开场与主页共同铺满浏览器画布，不保留两侧灰色留白 */
:root{--stage-width:100vw}
html,body{background:var(--paper)}
.app{width:100%;max-width:none;margin:0;border-radius:0!important;box-shadow:none!important}
.opening{inset:0;width:100vw;max-width:none;transform:none;border-radius:0!important}
.bottom-nav{width:100%;max-width:none}

/* 开场：视频满铺；文字置于左侧安全留白区 */
.opening__video{object-fit:cover;object-position:center center}
.opening__words{left:7%;top:15%;bottom:auto;max-width:360px}
.opening h1{font-size:clamp(48px,4.8vw,78px);line-height:1.02}
.skip-intro{right:5%;bottom:5%;font-size:17px;padding:13px 21px}

/* 首页：主视觉放大后固定在底层，内容区域整体下移 */
.screen--home{isolation:isolate}
.home-hero{height:72svh;min-height:620px;max-height:none;overflow:visible;background:transparent;z-index:0}
.home-hero img{position:fixed;left:50%;bottom:0;width:100%;height:100svh;object-fit:contain;object-position:center bottom;transform:translateX(-50%) scale(1.04);transform-origin:center bottom;z-index:0;pointer-events:none}
.hero-tint{position:fixed;inset:0;z-index:1;background:linear-gradient(90deg,rgba(248,247,244,.9) 0%,rgba(248,247,244,.22) 49%,rgba(248,247,244,.03) 78%);pointer-events:none}
.hero-copy{z-index:2;top:18%}
.topbar--overlay{z-index:4}
.home-content{margin-top:8svh;z-index:3}

/* 首页单屏：人物抠图固定为底层主视觉，内容锁在当前视口内 */
.screen--home{height:calc(100svh - 70px);min-height:0;overflow:hidden}
.screen--home .home-hero{height:100%;min-height:0}
.home-hero img{left:62%;height:96svh;width:auto;max-width:none;object-fit:contain;transform:translateX(-50%);filter:none}
.home-content{position:absolute;left:1.5vw;right:1.5vw;bottom:70px;margin:0;padding:16px;z-index:3}
.brand{width:156px;height:52px;display:block;overflow:hidden}
.brand img{display:block;width:156px;height:52px;object-fit:cover;object-position:center}

/* 场合之选：四位人物直接构成时装陈列，不再使用单独的图标卡片 */
.occasion-mini{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(3px,.7vw,12px);min-height:clamp(160px,19svh,280px);margin:9px -4px 0;padding:2px 2px 0;overflow:visible;isolation:isolate}
.occasion-mini::before{content:"";position:absolute;z-index:-1;left:7%;right:7%;bottom:25px;height:1px;background:linear-gradient(90deg,transparent,rgba(66,59,50,.22) 16%,rgba(66,59,50,.22) 84%,transparent)}
.occasion-mini .occasion-choice{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;align-items:end;min-width:0;height:100%;aspect-ratio:auto;border-radius:0;background:transparent;color:#292724;padding:0 0 3px;overflow:visible;box-shadow:none;transition:transform .35s ease}
.occasion-mini .occasion-choice::before{content:"";position:absolute;z-index:-1;bottom:21px;width:62%;height:8px;border-radius:50%;background:rgba(62,53,45,.16);filter:blur(5px);transform:scaleX(.8)}
.occasion-mini .occasion-choice::after{display:none}
.occasion-mini .occasion-choice img{position:relative;inset:auto;grid-row:1;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center bottom;transform:none;mix-blend-mode:normal;filter:drop-shadow(0 8px 7px rgba(54,46,39,.17));transition:transform .35s ease,filter .35s ease}
.occasion-mini .occasion-choice--gown img{transform:scale(1.13);transform-origin:center bottom}
.occasion-mini .occasion-choice--hanfu img{transform:scale(1.03);transform-origin:center bottom}
.occasion-mini .occasion-choice--qipao img{transform:scale(1.07);transform-origin:center bottom}
.occasion-mini .occasion-choice b,.occasion-mini .occasion-choice small{position:relative;z-index:1;text-align:center;text-shadow:none}
.occasion-mini .occasion-choice b{grid-row:2;margin-top:1px;font:500 clamp(11px,1vw,14px)/1.1 "Noto Serif SC",serif;letter-spacing:.08em}
.occasion-mini .occasion-choice small{grid-row:3;margin:3px 0 0;font:600 7px/1 var(--sans);letter-spacing:.12em;color:#817b73}
.entry-card--occasion:hover .occasion-choice{transform:translateY(-5px)}
.entry-card--occasion:hover .occasion-choice img{filter:drop-shadow(0 13px 10px rgba(54,46,39,.2))}

/* 首页场合之选：中央主卡 + 左右简卡，参考编辑部产品陈列的层次 */
.entry-card--occasion{padding:17px 18px 16px;background:radial-gradient(circle at 50% 16%,#8a6548 0,#5e432f 38%,#382719 100%);color:#f8f4ed;box-shadow:0 15px 33px rgba(47,32,21,.17);overflow:hidden}
.entry-card--occasion .entry-card__top{align-items:flex-start}.entry-card--occasion .entry-card__top b{color:#fff}.entry-card--occasion .entry-card__top small{color:rgba(255,255,255,.6)}
.occasion-explore{padding:4px 0;background:transparent;color:rgba(255,255,255,.72);font:500 10px var(--sans);white-space:nowrap}
.occasion-picker{display:grid;grid-template-columns:minmax(58px,.7fr) minmax(142px,1.3fr) minmax(58px,.7fr);align-items:end;gap:clamp(7px,1.2vw,18px);height:clamp(205px,27svh,310px);margin:8px -7px -5px}
.occasion-peek{height:clamp(151px,19svh,224px);padding:0 0 7px;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;gap:6px;background:linear-gradient(145deg,rgba(32,22,15,.62),rgba(103,73,50,.65));border-radius:clamp(28px,3.1vw,46px);color:rgba(255,255,255,.77);box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 18px rgba(34,21,13,.14);overflow:hidden;transition:transform .38s cubic-bezier(.2,.8,.2,1),background .3s}
.occasion-peek:hover{transform:translateY(-5px);background:linear-gradient(145deg,rgba(48,31,20,.86),rgba(130,91,62,.78))}.occasion-peek__type{padding-top:10px;font-size:clamp(9px,.8vw,12px);letter-spacing:.03em;white-space:nowrap}.occasion-peek__sheet{width:82%;height:73%;display:grid;place-items:center;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);overflow:hidden}.occasion-peek__sheet img{width:86%;height:86%;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(0,0,0,.12))}.occasion-peek__plus{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.6);border-radius:50%;font:300 20px/1 var(--sans);transition:background .25s,color .25s}.occasion-peek:hover .occasion-peek__plus{background:#f6f1e9;color:#4b3423}
.occasion-main{position:relative;isolation:isolate;height:100%;min-width:0;padding:13px 14px 12px;border-radius:clamp(35px,4vw,58px);overflow:hidden;background:linear-gradient(158deg,rgba(75,49,30,.97),rgba(48,32,19,.98));box-shadow:inset 0 1px rgba(255,255,255,.2),0 16px 28px rgba(26,15,9,.28);display:grid;grid-template-rows:auto auto auto 1fr auto auto auto;justify-items:center;text-align:center}
.occasion-main::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background:radial-gradient(circle at 50% 48%,rgba(214,181,139,.24),transparent 47%),linear-gradient(90deg,transparent 49.6%,rgba(255,255,255,.06) 50%,transparent 50.4%)}
.occasion-main__new{padding:4px 10px;border:1px solid rgba(255,255,255,.45);border-radius:99px;color:rgba(255,255,255,.83);font:600 8px/1 var(--sans);letter-spacing:.11em}.occasion-main__count{position:absolute;top:16px;right:14px;color:rgba(255,255,255,.5);font-size:8px;letter-spacing:.08em}.occasion-main h3{margin:6px 0 0;color:#fff;font:400 clamp(20px,2.2vw,30px)/1 "Noto Serif SC",serif;letter-spacing:.08em}.occasion-main>small{margin-top:3px;color:#de9a98;font:600 8px/1 var(--sans);letter-spacing:.12em}.occasion-main__sizes{margin-top:8px;padding:5px 10px;border-radius:99px;background:rgba(244,236,224,.14);color:rgba(255,255,255,.74);font-size:8px;letter-spacing:.1em}
.occasion-main__sheet{align-self:center;width:83%;height:clamp(88px,12svh,158px);display:grid;place-items:center;background:linear-gradient(135deg,#fffdf9,#e8dfd2);box-shadow:0 10px 18px rgba(19,12,7,.2);overflow:hidden}.occasion-main__sheet img{width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 5px 3px rgba(0,0,0,.11))}.occasion-main__swatches{display:flex;gap:7px;margin:7px 0 5px}.occasion-main__swatches i{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.74);background:#d7d0c1;box-shadow:0 0 0 2px rgba(31,21,15,.42)}.occasion-main__swatches i+ i{background:#272a28}.occasion-main__hint{margin-top:1px;color:rgba(255,255,255,.53);font-size:8px;letter-spacing:.06em}.occasion-main__add{margin-top:6px;min-width:96px;padding:7px 13px;border-radius:99px;background:rgba(12,9,6,.62);color:#f7f2e8;font-size:9px;letter-spacing:.05em;transition:background .25s,transform .25s}.occasion-main__add:hover{background:#17110b;transform:translateY(-1px)}
.occasion-main.is-switching{animation:occasion-main-in .48s cubic-bezier(.18,.84,.24,1)}.occasion-main.is-switching--prev{animation-name:occasion-main-in-prev}@keyframes occasion-main-in{from{opacity:.3;transform:translateX(24px) scale(.94)}to{opacity:1;transform:none}}@keyframes occasion-main-in-prev{from{opacity:.3;transform:translateX(-24px) scale(.94)}to{opacity:1;transform:none}}
@media (max-width:430px){.occasion-picker{grid-template-columns:minmax(50px,.68fr) minmax(134px,1.35fr) minmax(50px,.68fr);gap:6px}.occasion-peek__sheet{width:88%;border-radius:17px}.occasion-main__sheet{width:86%}.occasion-main__count{right:10px}.occasion-peek__type{font-size:8px}}

/* 回归初版圆形布局：四个可见的毛玻璃圆圈，横向滑动可查看九个分类 */
.entry-card--occasion{min-height:0;padding:20px;background:rgba(255,255,255,.82);color:var(--ink);border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.entry-card--occasion .entry-card__top b{color:var(--ink)}.entry-card--occasion .entry-card__top small{color:var(--muted)}
.occasion-mini{position:relative;display:flex;align-items:center;gap:clamp(9px,1vw,15px);margin:20px -3px 0;padding:6px 3px 13px;min-height:0;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;isolation:auto}.occasion-mini::-webkit-scrollbar{display:none}.occasion-mini::before{display:none}
.occasion-mini .occasion-choice{position:relative;display:flex;flex:0 0 calc(25% - 11.25px);height:auto;aspect-ratio:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;scroll-snap-align:start;border-radius:50%;background:linear-gradient(145deg,rgba(245,244,241,.68),rgba(188,182,173,.38));border:1px solid rgba(255,255,255,.86);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -12px 24px rgba(111,103,93,.12),0 10px 20px rgba(56,49,41,.11);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);color:#3d3934;padding:0;overflow:visible;transition:transform .42s cubic-bezier(.23,.85,.32,1),box-shadow .42s ease}
.occasion-mini .occasion-choice::before{display:none}.occasion-mini .occasion-choice b{margin:0;font:500 clamp(11px,1.1vw,15px)/1.1 "Noto Serif SC",serif;letter-spacing:.04em}.occasion-mini .occasion-choice small{margin:0;color:#77716a;font:600 clamp(6px,.55vw,8px)/1 var(--sans);letter-spacing:.1em}.occasion-mini .occasion-choice.is-hopping{animation:occasion-hop .72s cubic-bezier(.25,.05,.38,1)}.occasion-mini .occasion-choice.is-hopping::after{content:"";position:absolute;z-index:-1;left:22%;right:22%;bottom:-7px;height:11px;border-radius:50%;background:rgba(68,61,52,.19);filter:blur(3px);animation:occasion-shadow .72s ease}
@keyframes occasion-hop{0%,100%{transform:translateY(0)}42%{transform:translateY(-19px) scale(1.025)}70%{transform:translateY(-5px)}}@keyframes occasion-shadow{42%{transform:scaleX(.56);opacity:.45}100%{transform:scaleX(1);opacity:1}}
.entry-card--occasion:hover .occasion-choice{transform:none}.entry-card--occasion:hover .occasion-choice img{filter:none}
@media (max-width:430px){.occasion-mini{gap:8px}.occasion-mini .occasion-choice{flex-basis:calc(25% - 6px)}}

/* 圆形跳动只向上，并允许越过圆圈原本的顶部位置 */
.entry-card--occasion{overflow:visible}.occasion-explore{padding:4px 0;background:transparent;color:#6d6862;font:500 10px var(--sans);white-space:nowrap}.occasion-mini{margin:-18px -3px 0;padding:44px 3px 13px;touch-action:pan-y;overscroll-behavior-x:contain}.occasion-spacer{display:block;flex:0 0 calc(75% - 4px);height:1px;pointer-events:none}@keyframes occasion-hop{0%,100%{transform:translateY(0)}42%{transform:translateY(-34px) scale(1.025)}70%{transform:translateY(-9px)}}

/* 主视觉新入口：非对称切角、珠光玻璃与金属边缘组成的穿搭智选按键 */
.hero-copy>p:not(.eyebrow){font:500 18px/1.8 "Noto Serif SC",serif;margin:18px 0}.style-orbit{position:relative;display:grid;place-items:center;width:clamp(194px,17vw,246px);min-height:70px;margin-top:22px;padding:11px 28px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(245,243,237,.42));border:1px solid rgba(255,255,255,.92);border-radius:999px;box-shadow:inset 0 1px 1px rgba(255,255,255,.94),inset 0 -12px 22px rgba(158,151,138,.12),0 14px 28px rgba(68,60,49,.15);backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);transition:transform .3s ease,box-shadow .3s ease}.style-orbit::before{content:"";position:absolute;inset:5px;border:1px solid rgba(187,151,91,.35);border-radius:999px;pointer-events:none}.style-orbit::after{content:"";position:absolute;left:12%;right:12%;top:7px;height:12px;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.58),transparent);pointer-events:none}.style-orbit:hover{transform:translateY(-3px);box-shadow:inset 0 1px 1px rgba(255,255,255,.98),inset 0 -12px 22px rgba(158,151,138,.09),0 18px 30px rgba(68,60,49,.19)}.style-orbit b{position:relative;z-index:1;font:500 clamp(25px,2.2vw,31px)/1 "STXingkai","FZXingKai-S04S","STKaiti","KaiTi","Noto Serif SC",serif;letter-spacing:.16em;text-indent:.16em;color:#bb9460;text-shadow:0 1px rgba(255,255,255,.95),0 1px 5px rgba(143,103,48,.15)}.style-orbit:active{transform:scale(.98)}
@media (max-width:430px){.style-orbit{width:188px;min-height:64px;margin-top:16px}.style-orbit b{font-size:24px}}

/* 主视觉人物轮换：双层抠图 + 白粉渐变花瓣旋转、散开与重组 */
.hero-figures{position:fixed;z-index:0;inset:0;pointer-events:none}.home-hero .hero-woman{position:absolute;left:62%;bottom:0;width:auto;max-width:none;height:96svh;object-fit:contain;object-position:center bottom;transform:translateX(-50%);opacity:0;filter:none;mix-blend-mode:normal;transition:opacity .82s ease,filter .82s ease}.home-hero .hero-woman--qipao,.home-hero .hero-woman--gown{left:62%;height:95.2svh}.home-hero .hero-woman.is-current{opacity:1}.home-hero .hero-woman.is-dissolving{opacity:0;filter:blur(4px) saturate(.8)}.petal-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.petal-layer i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);opacity:0;border-radius:78% 22% 72% 28% / 68% 30% 70% 32%;background:linear-gradient(135deg,#fff 0%,#fff5f7 28%,#f7b7c8 100%);box-shadow:0 2px 7px rgba(230,139,165,.3);transform:translate(-50%,-50%) rotate(0deg);animation:petal-reveal 2.45s cubic-bezier(.18,.78,.3,1) var(--delay) both}.hero-figures:not(.is-petaling) .petal-layer i{display:none}@keyframes petal-reveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0deg)}12%{opacity:.96;transform:translate(-50%,-50%) scale(1) rotate(var(--spin-start))}52%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.82) rotate(var(--spin))}78%{opacity:.88;transform:translate(calc(-50% + var(--dx-return)),calc(-50% + var(--dy-return))) scale(.62) rotate(var(--spin-settle))}100%{opacity:0;transform:translate(-50%,-50%) scale(.12) rotate(var(--spin-final))}}

/* 首页专属客服卡：黑曜石底色、香槟金细节与圆形在线头像 */
.customer-card{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:112px;margin-top:14px;padding:16px 18px;overflow:hidden;text-align:left;color:#f7f2ea;background:radial-gradient(circle at 88% 20%,rgba(196,157,98,.22),transparent 28%),linear-gradient(120deg,#10100f 0%,#24211d 55%,#11110f 100%);border:1px solid rgba(229,204,164,.26);border-radius:26px;box-shadow:inset 0 1px rgba(255,255,255,.1),inset 0 -18px 35px rgba(0,0,0,.25),0 16px 30px rgba(35,28,20,.2);transition:transform .35s ease,box-shadow .35s ease}.customer-card::before{content:"";position:absolute;z-index:-1;inset:7px;border:1px solid rgba(244,226,194,.15);border-radius:20px;pointer-events:none}.customer-card::after{content:"";position:absolute;z-index:-1;inset:0;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.18) .6px,transparent .6px);background-size:5px 5px;mask-image:linear-gradient(90deg,transparent,black 35%,black 72%,transparent)}.customer-card:hover{transform:translateY(-3px);box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -18px 35px rgba(0,0,0,.2),0 21px 35px rgba(35,28,20,.27)}.customer-card__avatar{position:relative;z-index:1;width:65px;height:65px;overflow:hidden;flex:none;border:1px solid rgba(236,212,173,.72);border-radius:50%;background:#d8d0c4;box-shadow:0 0 0 5px rgba(210,174,116,.12),0 8px 16px rgba(0,0,0,.32)}.customer-card__avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:saturate(.72) contrast(1.03)}.customer-card__avatar i{position:absolute;right:3px;bottom:4px;width:11px;height:11px;border:2px solid #1b1916;border-radius:50%;background:#d8b77a;box-shadow:0 0 9px rgba(216,183,122,.9)}.customer-card__copy{position:relative;z-index:1;display:grid;gap:4px;min-width:0}.customer-card__copy small{color:#c4a876;font:600 8px/1 var(--sans);letter-spacing:.13em}.customer-card__copy b{font:500 21px/1.1 "Noto Serif SC",serif;letter-spacing:.08em}.customer-card__copy em{overflow:hidden;color:rgba(247,242,234,.62);font:400 10px/1.3 "Noto Serif SC",serif;font-style:normal;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis}.customer-card__add{position:relative;z-index:1;display:grid;justify-items:center;gap:5px;color:#e6cb9b;font:500 10px/1 var(--sans);letter-spacing:.08em;white-space:nowrap}.customer-card__add i{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(232,203,153,.7);border-radius:50%;font:300 23px/1 var(--sans);font-style:normal;transition:background .25s,color .25s}.customer-card:hover .customer-card__add i{background:#e6cb9b;color:#201d18}.customer-card__mark{position:absolute;right:18px;top:12px;color:rgba(232,203,153,.42);font:600 7px/1.25 var(--sans);letter-spacing:.14em;text-align:right}.customer-card__orbit{position:absolute;z-index:-1;display:block;border:1px solid rgba(224,192,140,.18);border-radius:50%;pointer-events:none}.customer-card__orbit--one{right:-72px;bottom:-118px;width:220px;height:220px}.customer-card__orbit--two{right:22px;bottom:-68px;width:130px;height:130px;border-color:rgba(255,255,255,.08)}
@media (max-width:380px){.customer-card{gap:11px;padding:15px}.customer-card__avatar{width:57px;height:57px}.customer-card__copy b{font-size:19px}.customer-card__copy em{max-width:124px}.customer-card__add{font-size:9px}}

/* 首页标注位置调整：主文案上移，场合与客服内容整体下移 */
.hero-copy{top:13%}
/* 底部入口下移，刚好贴合固定导航栏的上缘 */
.home-content{bottom:0}
/* 覆盖层中的品牌标识：缩小并统一为白色 */
.brand{width:118px;height:40px}
.brand img{width:118px;height:40px;filter:brightness(0) invert(1);opacity:.94}
/* 页面内中文统一采用黑体；英文主视觉仍保留原有衬线风格 */
:root{--cn-sans:"Microsoft YaHei","Microsoft YaHei UI",Arial,sans-serif}
.opening__words h1,.skip-intro,.topbar h2,.screen-intro,.entry-card,.occasion-mini,.recommendation,.advisor-page,.bottom-nav,.toast,.style-orbit b,.customer-card{font-family:var(--cn-sans)}
.opening__words h1 *,.screen-intro *,.entry-card *,.occasion-mini *,.recommendation *,.advisor-page *,.customer-card *{font-family:var(--cn-sans)}
.entry-card--occasion .entry-card__top b{font-family:var(--cn-sans);font-weight:700;letter-spacing:.04em;color:#2d2925}

/* 全局返回键：白色箭头 + 大圆角毛玻璃长方形 */
.back-btn{position:relative;display:grid;place-items:center;width:76px;height:40px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(48,48,47,.28);box-shadow:inset 0 1px rgba(255,255,255,.34),0 6px 18px rgba(35,34,31,.12);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);color:transparent;font-size:0;transition:transform .2s ease,background .2s ease}
.back-btn::after{content:"←";display:block;color:#fff;font:300 25px/1 Arial,sans-serif;transform:translateY(-1px)}
.back-btn:active{transform:scale(.96);background:rgba(48,48,47,.4)}

/* 穿搭智选：纵向时装画册，向上滑动依次查看 10 套造型 */
.screen[data-screen="styling"]{min-height:100svh;padding-bottom:88px;background:#f6f6f4}
.screen[data-screen="styling"] .screen-intro{display:none}
.screen[data-screen="styling"] .topbar{position:sticky;background:rgba(246,246,244,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.lookbook{padding:14px 0 28px;overflow:hidden;background:linear-gradient(180deg,#e9e9e7 0,#f8f8f7 14%,#f8f8f7 86%,#e8e8e6 100%);color:#292927}
.lookbook,.lookbook *{font-family:var(--cn-sans)}
.lookbook__masthead{position:relative;min-height:320px;padding:43px 9.5vw 34px;background:linear-gradient(120deg,#dfdfdc,#f1f1ef 63%,#d6d6d2);overflow:hidden}
.lookbook__masthead::before{content:"20";position:absolute;right:3vw;bottom:-32px;color:rgba(70,70,67,.12);font:700 190px/.8 Arial,sans-serif;letter-spacing:-.12em}
.lookbook__masthead::after{content:"YIN / LOOKBOOK";position:absolute;right:-34px;top:67px;color:#777773;font:600 10px/1 var(--sans);letter-spacing:.2em;writing-mode:vertical-rl}
.lookbook__masthead p{position:relative;margin:0 0 37px;color:#777773;font-size:10px;letter-spacing:.14em}
.lookbook__masthead h1{position:relative;z-index:1;margin:0;color:#252523;font-size:clamp(43px,12vw,61px);line-height:1.03;letter-spacing:.04em}
.lookbook__masthead h1 em{font-style:normal;font-weight:400;color:#777773}
.lookbook__masthead>span{position:relative;z-index:1;display:block;width:138px;margin-top:23px;padding-top:11px;border-top:1px solid rgba(49,49,47,.32);color:#696965;font-size:11px;line-height:1.6}
.lookbook__grid{padding:44px 5.5vw 0}
.lookbook-card{position:relative;min-height:440px;margin:0 0 46px;isolation:isolate}
.lookbook-card__image{position:absolute;z-index:-1;overflow:hidden;background:#e5e5e2}
.lookbook-card__image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.15))}
.lookbook-card__image img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.57) contrast(.93)}
.lookbook-card__number{position:absolute;z-index:2;color:#858581;font:400 42px/.8 Arial,sans-serif;letter-spacing:-.06em}
.lookbook-card__part{position:absolute;z-index:2;color:#a09f9b;font:600 9px/1 var(--sans);letter-spacing:.16em;writing-mode:vertical-rl}
.lookbook-card__copy{position:absolute;z-index:2;max-width:48%;color:#383835}
.lookbook-card__copy small{display:block;margin-bottom:8px;color:#898883;font-size:9px;letter-spacing:.15em}
.lookbook-card__copy h2{margin:0;font-size:22px;line-height:1.15;font-weight:700;letter-spacing:.04em}
.lookbook-card__copy p{margin:9px 0 0;color:#777671;font-size:10px;line-height:1.5}
.lookbook-card__rule{position:absolute;z-index:2;width:54px;border-top:1px solid #777671}
.lookbook-card--0 .lookbook-card__image{right:0;top:0;width:62%;height:364px}.lookbook-card--0 .lookbook-card__number{left:0;top:22px}.lookbook-card--0 .lookbook-card__part{right:-19px;top:17px}.lookbook-card--0 .lookbook-card__copy{left:0;bottom:14px}.lookbook-card--0 .lookbook-card__rule{left:0;bottom:0}
.lookbook-card--1 .lookbook-card__image{left:0;top:42px;width:58%;height:340px}.lookbook-card--1 .lookbook-card__number{right:1%;top:0}.lookbook-card--1 .lookbook-card__part{left:-19px;top:72px}.lookbook-card--1 .lookbook-card__copy{right:0;top:168px;text-align:right}.lookbook-card--1 .lookbook-card__rule{right:0;top:150px}
.lookbook-card--2 .lookbook-card__image{right:7%;top:52px;width:54%;height:347px}.lookbook-card--2 .lookbook-card__number{left:0;top:9px}.lookbook-card--2 .lookbook-card__part{right:0;bottom:18px}.lookbook-card--2 .lookbook-card__copy{left:0;top:128px}.lookbook-card--2 .lookbook-card__rule{left:0;top:112px}
.lookbook-card--3 .lookbook-card__image{left:13%;top:0;width:66%;height:359px}.lookbook-card--3 .lookbook-card__number{right:0;top:30px}.lookbook-card--3 .lookbook-card__part{left:-18px;bottom:45px}.lookbook-card--3 .lookbook-card__copy{right:0;bottom:2px;text-align:right}.lookbook-card--3 .lookbook-card__rule{right:0;bottom:91px}
.lookbook__end{display:flex;align-items:center;justify-content:space-between;margin:12px 5.5vw 0;padding:27px 0;border-top:1px solid rgba(56,56,53,.24);color:#777771}.lookbook__end span{font:600 9px/1 var(--sans);letter-spacing:.16em}.lookbook__end b{font-size:17px;letter-spacing:.12em}
@media (max-width:360px){.lookbook-card{min-height:400px}.lookbook-card--0 .lookbook-card__image,.lookbook-card--3 .lookbook-card__image{height:325px}.lookbook-card--1 .lookbook-card__image,.lookbook-card--2 .lookbook-card__image{height:305px}.lookbook-card__copy h2{font-size:19px}}

/* 中文统一使用黑体；仅保留首页英文主标题的衬线表现 */
body :is(h1,h2,h3,p,b,span,em,small,button,a,li){font-family:var(--cn-sans)}
.hero-copy h1{font-family:"DM Serif Display",serif}

/* 画册临时详情页：所有卡片当前共用 01详情 素材 */
.screen--look-detail{min-height:100svh;padding-bottom:78px;background:#f4f3f0}
.topbar--detail{position:sticky;background:rgba(244,243,240,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.look-detail{padding:25px 0 34px}
.look-detail__eyebrow{margin:0 0 16px;color:#77736d;font:600 9px/1 var(--sans);letter-spacing:.17em}
.look-detail img{display:block;width:100%;height:auto;border-radius:2px;background:#e5e3df;box-shadow:0 12px 28px rgba(43,40,35,.12)}
.lookbook-card__image--new{display:grid;place-items:center;border:1px solid rgba(255,255,255,.68);background:radial-gradient(circle at 50% 45%,#fffdf9 0%,#eee8df 72%,#d8d0c5 100%);box-shadow:inset 0 0 38px rgba(110,88,55,.07)}
.lookbook-card__image--new img{position:absolute;inset:0;margin:auto;width:auto!important;height:88%!important;max-width:84%;padding:0;object-fit:contain;object-position:center;filter:none!important;mix-blend-mode:multiply}
.look-detail{padding-bottom:48px}.look-detail__masthead{box-sizing:border-box;width:min(89vw,720px);max-width:none;margin:0 auto 22px;padding:5px 2px 17px;border-bottom:1px solid rgba(55,49,42,.16);color:#2d2a26}.look-detail__masthead p{margin:0 0 8px;color:#8a8176;font:700 9px/1 var(--sans);letter-spacing:.17em}.look-detail__masthead h1{margin:0;font-size:clamp(28px,7vw,44px);letter-spacing:.09em;line-height:1.05}.look-detail__masthead span{display:block;margin-top:8px;color:#71685f;font:700 12px/1.4 var(--cn-sans)}
.look-detail__gallery{display:grid;gap:17px;max-width:720px;margin:0 auto}.look-detail__sheet{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.8);background:#ebe7e1;box-shadow:0 13px 28px rgba(43,40,35,.11)}.look-detail__sheet::after{content:"DETAIL 0" counter(detail-sheet);counter-increment:detail-sheet;position:absolute;right:12px;bottom:10px;color:rgba(72,58,43,.38);font:700 9px/1 var(--sans);letter-spacing:.14em}.look-detail__gallery{counter-reset:detail-sheet}.look-detail__sheet img{width:100%;height:auto;border-radius:0;box-shadow:none}
.look-rotation{box-sizing:border-box;width:min(89vw,720px);max-width:none;margin:0 auto 24px}.look-rotation__frame{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:9/16;background:#29221b;border:1px solid rgba(180,144,91,.38);box-shadow:0 22px 42px rgba(53,42,28,.18)}.look-rotation__frame::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(22,17,12,.44),transparent 26%,transparent 68%,rgba(22,17,12,.62))}.look-rotation__frame::after{content:"";position:absolute;z-index:2;inset:11px;border:1px solid rgba(255,255,255,.39);pointer-events:none}.look-rotation__video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.02)}.look-rotation__eyebrow,.look-rotation__mark,.look-rotation__instruction{position:absolute;z-index:3;margin:0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.34)}.look-rotation__eyebrow{top:23px;left:25px;font:700 9px/1 var(--sans);letter-spacing:.2em}.look-rotation__mark{top:21px;right:25px;font:500 22px/1 var(--sans);letter-spacing:.04em}.look-rotation__rule{position:absolute;z-index:3;bottom:42px;left:25px;width:42px;height:1px;background:#d8bb83;box-shadow:0 0 14px rgba(216,187,131,.6)}.look-rotation__instruction{bottom:22px;left:25px;font:600 8px/1 var(--sans);letter-spacing:.2em}.look-rotation__caption{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:baseline;padding:13px 3px 0;color:#2d2924}.look-rotation__caption span{grid-column:1;font:700 8px/1 var(--sans);letter-spacing:.18em;color:#a48a60}.look-rotation__caption strong{grid-column:2;grid-row:1;font:700 18px/1 var(--cn-sans);letter-spacing:.06em}.look-rotation__caption em{grid-column:2;grid-row:2;margin-top:6px;font:400 11px/1.5 var(--cn-sans);font-style:normal;color:#83796c}
.look-copy{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;max-width:720px;margin:21px auto 0;padding:9px 10px 9px 9px;border:1px solid rgba(59,52,44,.13);border-radius:18px;background:rgba(255,255,255,.5);box-shadow:inset 0 1px rgba(255,255,255,.9),0 9px 22px rgba(59,50,41,.08);backdrop-filter:blur(17px) saturate(116%);-webkit-backdrop-filter:blur(17px) saturate(116%)}
.look-copy__reminder{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:12px;background:linear-gradient(140deg,#24211d,#5a5044);box-shadow:inset 0 1px rgba(255,255,255,.24),0 4px 10px rgba(47,39,31,.18);animation:album-reminder-float 2.8s ease-in-out infinite}.look-copy__reminder::before{content:"";width:11px;height:13px;border:2px solid #f6e5bd;border-bottom:0;border-radius:9px 9px 4px 4px;transform:translateY(2px)}.look-copy__reminder::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#f1d393;box-shadow:0 0 0 3px rgba(241,211,147,.1),0 0 11px rgba(241,211,147,.75);animation:album-reminder-glow 1.4s ease-in-out infinite alternate}.look-copy__reminder i,.look-copy__reminder b{position:absolute;width:5px;height:1px;border-radius:99px;background:#f1d393;opacity:.75}.look-copy__reminder i{right:2px;top:7px;transform:rotate(32deg)}.look-copy__reminder b{left:2px;top:10px;transform:rotate(-34deg)}
.look-copy__note{margin:0;color:#191817;font:700 12px/1.35 var(--cn-sans);letter-spacing:.015em}.look-copy__button{min-width:72px;padding:10px 13px;border:1px solid rgba(37,32,27,.76);border-radius:12px;background:linear-gradient(145deg,#2d2924,#11100f);box-shadow:inset 0 1px rgba(255,255,255,.19),0 5px 13px rgba(37,31,24,.17);color:#fff;font:700 13px/1 var(--cn-sans);letter-spacing:.08em;transition:transform .24s ease,background .24s ease,box-shadow .24s ease}.look-copy__button:active{transform:scale(.95)}.look-copy__button.is-copied{background:linear-gradient(145deg,#a98952,#725a35);box-shadow:0 5px 16px rgba(137,105,59,.25)}
.lookbook-card{cursor:pointer;outline:none}
.lookbook-card:focus-visible{outline:2px solid rgba(143,114,72,.68);outline-offset:6px}

/* 画册与详情页共用固定顶部操作栏，内容从其下方开始滚动 */
.screen[data-screen="styling"],.screen--look-detail{padding-top:74px}
.topbar--lookbook,.topbar--detail,.topbar--album{position:fixed!important;top:0;left:0;z-index:60;width:100%;max-width:none;transform:none;background:rgba(244,243,240,.9)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

/* 与开场“跳过”保持一致的轻透毛玻璃胶囊按钮 */
.style-orbit,.back-btn{border:1px solid rgba(255,255,255,.55);border-radius:99px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.46),0 9px 22px rgba(31,29,26,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.style-orbit{width:auto;min-width:180px;min-height:56px;margin-top:22px;padding:14px 28px}
.style-orbit::before,.style-orbit::after{display:none}
.style-orbit b{color:#fff;font:600 17px/1 var(--cn-sans);letter-spacing:.12em;text-indent:.12em;text-shadow:0 1px 3px rgba(0,0,0,.25)}
.style-orbit:hover{box-shadow:inset 0 1px 1px rgba(255,255,255,.56),0 12px 25px rgba(31,29,26,.32);transform:translateY(-2px);background:rgba(255,255,255,.26)}
.back-btn{width:70px;height:40px}
.back-btn:active{background:rgba(255,255,255,.24)}

/* 开场视频页恢复原有的衬线标题与英文无衬线辅助文字 */
.opening__words h1{font-family:var(--serif)}
.opening__words .eyebrow,.opening__sub{font-family:var(--sans)}

/* 悬浮式白色毛玻璃底部导航：与首页智选按钮统一的轻奢质感 */
.bottom-nav{left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:80;width:calc(100% - 28px);max-width:552px;height:68px;padding:6px 8px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(255,255,255,.32);box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 12px 28px rgba(31,29,26,.2);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}
.bottom-nav button{position:relative;display:grid;flex:1;place-content:center;gap:3px;min-width:0;padding:6px 5px;border:1px solid transparent;border-radius:999px;color:#77736e;font:600 10px/1 var(--cn-sans);letter-spacing:.04em;transition:color .25s ease,background .25s ease,box-shadow .25s ease}
.bottom-nav button::before{display:block;height:15px;color:currentColor;font:300 17px/15px Arial,sans-serif;opacity:.86}
.bottom-nav button:nth-child(1)::before{content:"⌂";font-size:20px;transform:translateY(-1px)}
.bottom-nav button:nth-child(2)::before{content:"◇";font-size:18px}
.bottom-nav button:nth-child(3)::before{content:"✦";font-size:16px}
.bottom-nav button:nth-child(4)::before{content:"◯";font-size:17px}
.bottom-nav button.is-current{border-color:rgba(255,255,255,.74);background:rgba(255,255,255,.43);box-shadow:inset 0 1px 1px rgba(255,255,255,.8),0 5px 13px rgba(68,61,52,.1);color:#292723;font-weight:700}
.bottom-nav button.is-current::before{color:#b58b57}

/* 导航两侧补齐玻璃底座，四个按钮仍保持原有位置 */
.bottom-nav{isolation:isolate}
.bottom-nav::after{content:"";position:fixed;z-index:-1;left:0;bottom:0;width:100vw;height:82px;border-top:1px solid rgba(255,255,255,.42);background:rgba(255,255,255,.28);box-shadow:0 -8px 24px rgba(31,29,26,.06);backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);pointer-events:none}

/* 首页两段间距统一：两张入口卡整体下移，卡间距与底部留白保持一致。 */
.screen--home .home-content{
  --home-card-gap:16px;
  bottom:0;
  padding-bottom:var(--home-card-gap);
}
.entry-card--occasion{margin-bottom:var(--home-card-gap)}
.customer-card{margin-top:0}

/* 开场文案下移至参考图标注的底部留白区 */
.opening__words{left:7vw;right:auto;top:auto;bottom:10vh}

/* 主视觉标题：丝绸般掠过的高光与低调空间投影 */
.hero-copy h1{font-size:clamp(44px,10.9vw,62px);color:transparent;background:linear-gradient(112deg,#171614 0%,#171614 38%,#94764d 46%,#fff5e5 50%,#25211c 54%,#171614 63%,#171614 100%);background-size:240% 100%;background-position:120% 50%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 rgba(255,255,255,.58)) drop-shadow(0 10px 13px rgba(23,20,16,.18));animation:hero-title-lustre 30s cubic-bezier(.42,0,.2,1) infinite}
@keyframes hero-title-lustre{0%,62%{background-position:120% 50%}86%,100%{background-position:-35% 50%}}

/* 全宽底部导航底座：白色按钮组保持原有大小与位置 */
.bottom-nav{left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:block;width:min(286px,calc(100% - 40px));max-width:none;height:58px;padding:5px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(22,21,20,.93);box-shadow:0 13px 28px rgba(27,23,18,.28),inset 0 1px rgba(255,255,255,.16);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}
.bottom-nav::after{display:none}
.bottom-nav__inner{display:flex;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.bottom-nav button{display:grid;grid-template-rows:18px 13px;place-content:center;gap:3px;padding:4px 8px;border:1px solid transparent;border-radius:999px;color:rgba(255,255,255,.58);font:600 9px/1 var(--cn-sans);letter-spacing:.05em;transition:transform .26s cubic-bezier(.2,.8,.2,1),background .26s ease,color .26s ease,box-shadow .26s ease}
.bottom-nav button::before{display:none}.bottom-nav button svg{width:17px;height:17px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bottom-nav button span{display:block}.bottom-nav button.is-current{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 10px rgba(0,0,0,.2);color:#fff;font-weight:700}.bottom-nav button.is-current::before{display:none}.bottom-nav button:active{transform:scale(.94)}

/* 场合圆圈进入的翻页相册 */
.screen--occasion-album{height:100svh;min-height:0;overflow:hidden;padding:74px 0 82px;background:linear-gradient(145deg,#e9e7e2,#f7f6f3 52%,#dfddd8)}
.screen--occasion-album.is-active{position:fixed;inset:0;z-index:10;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;overscroll-behavior:none}
.screen--occasion-album .topbar{position:absolute;inset:0 0 auto;height:74px}
.screen--occasion-album .occasion-album{position:absolute;top:74px;right:0;bottom:82px;left:0;height:auto;overscroll-behavior:none}
.screen--occasion-album.is-active~.bottom-nav{display:none}
.screen--look-detail.is-active~.bottom-nav{display:none}
.screen--occasion-album.is-active .occasion-album{bottom:0}
html:has(body.is-album-locked),body.is-album-locked{height:100dvh;overflow:hidden;overscroll-behavior:none}
.occasion-album{height:calc(100svh - 156px);min-height:0;padding:18px 7vw 8px;display:grid;justify-items:center;align-content:start;overflow:hidden;perspective:1500px}
.album-intro{justify-self:end;width:156px;margin:0 0 13px;color:#383631}.album-intro p{margin:0 0 6px;color:#8a8379;font:600 9px/1 var(--sans);letter-spacing:.17em}.album-intro h1{margin:0;font-size:30px;letter-spacing:.11em}.album-intro span{display:block;margin-top:5px;color:#a1988e;font:600 9px/1 var(--sans);letter-spacing:.17em}
.album-book{position:relative;display:block;width:auto;height:calc(80svh - 220px);max-height:none;aspect-ratio:9 / 16;padding:0;border-radius:4px;background:#d9d6cf;box-shadow:-15px 17px 31px rgba(51,45,37,.2),inset 3px 0 rgba(80,69,55,.22);transform-style:preserve-3d;perspective:1900px;perspective-origin:0 50%;outline:none}
.album-book::before{content:"";position:absolute;z-index:10;left:-5px;top:2%;bottom:2%;width:7px;border-radius:50%;background:linear-gradient(90deg,rgba(32,28,23,.38),rgba(62,52,41,.1) 46%,transparent);filter:blur(1px);pointer-events:none}.album-book::after{content:"";position:absolute;z-index:0;inset:5px -5px -7px 5px;border:1px solid rgba(116,103,86,.15);background:repeating-linear-gradient(0deg,#ece9e2 0 1px,#f8f6f1 1px 3px);box-shadow:7px 8px 14px rgba(47,40,31,.13);pointer-events:none}
.album-page{position:absolute;inset:0;z-index:var(--page-order);display:block;overflow:hidden;border:1px solid rgba(255,255,255,.84);background:#efede8;box-shadow:inset 2px 0 3px rgba(56,46,35,.12),inset 0 0 0 7px rgba(255,255,255,.18),1px 0 2px rgba(41,34,25,.14);transform-origin:left center;transform:rotateY(0deg);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none;will-change:auto;contain:paint}
.album-page--under{z-index:1}.album-page--active{z-index:2}.album-page--turn{z-index:30}.album-page--previous-ready{pointer-events:none;transform:rotateY(-179.5deg)}.album-page[hidden]{display:none!important}
.album-page::after{content:"";position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,rgba(29,24,18,.2),rgba(35,28,20,.035) 9%,transparent 22%,transparent 77%,rgba(255,255,255,.26));opacity:.72;pointer-events:none}.album-page img{width:100%;height:100%;object-fit:cover;filter:saturate(.68) contrast(.94)}
.album-page i{position:absolute;right:16px;bottom:14px;color:rgba(255,255,255,.88);font:600 11px/1 var(--sans);font-style:normal;letter-spacing:.14em;text-shadow:0 1px 6px rgba(0,0,0,.28)}
.album-page--cover{display:grid;place-items:center}.album-page--cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,13,11,.12),rgba(16,13,11,.6));z-index:1}.album-page--cover b,.album-page--cover em{position:relative;z-index:2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.album-page--cover b{margin-top:auto;margin-bottom:55px;font-size:31px;letter-spacing:.14em}.album-page--cover em{position:absolute;bottom:24px;font-style:normal;font-size:10px;letter-spacing:.12em}.album-page.is-turned{transform:rotateY(-179.5deg);filter:brightness(.9) saturate(.88);box-shadow:inset 2px 0 9px rgba(28,22,16,.4),1px 0 2px rgba(40,33,24,.18)}.album-page.is-turning{z-index:30!important}.album-page.is-turning::after{animation:album-paper-sweep .84s cubic-bezier(.2,.72,.16,1) both}.album-page.is-turning.is-reversing::after{animation-direction:reverse}
@keyframes album-paper-sweep{0%{opacity:.36;background:linear-gradient(90deg,rgba(23,18,13,.2),transparent 20%,rgba(255,255,255,.08) 58%,transparent 100%)}44%{opacity:.96;background:linear-gradient(90deg,rgba(22,17,12,.76),rgba(255,255,255,.12) 34%,rgba(20,15,11,.56) 51%,transparent 73%)}72%{opacity:.78;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(22,17,12,.56) 63%,rgba(255,255,255,.18) 83%)}100%{opacity:.72;background:linear-gradient(90deg,rgba(29,24,18,.2),rgba(35,28,20,.035) 9%,transparent 22%,transparent 77%,rgba(255,255,255,.26))}}
.album-page--cover b small{display:block;margin-top:7px;font-size:12px;font-weight:500;letter-spacing:.2em;opacity:.82}
.album-cover{display:block;background:var(--cover-ink)}.album-cover img{opacity:.42;filter:grayscale(1) sepia(.28) contrast(1.06)!important;mix-blend-mode:screen}.album-cover::before{z-index:1;background:linear-gradient(145deg,color-mix(in srgb,var(--cover-ink) 82%,#000) 0%,rgba(15,13,11,.36) 44%,color-mix(in srgb,var(--cover-ink) 68%,#000) 100%)}.album-cover::after{z-index:2;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 1px 21%,rgba(255,255,255,.07) 21.3%,transparent 21.6% 78%,rgba(255,255,255,.1) 78.3%,transparent 78.7%);opacity:.6}.album-cover__halo{position:absolute;z-index:3;right:-34%;top:12%;width:78%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cover-glow) 65%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--cover-glow) 8%,transparent),0 0 0 52px color-mix(in srgb,var(--cover-glow) 5%,transparent)}.album-cover__line{position:absolute;z-index:3;left:10%;right:10%;top:32%;height:1px;background:linear-gradient(90deg,var(--cover-glow),transparent)}.album-cover__kicker{position:absolute;z-index:4;top:8%;left:10%;color:color-mix(in srgb,var(--cover-glow) 82%,#fff);font:600 8px/1.55 var(--sans);letter-spacing:.2em}.album-cover__title{position:absolute;z-index:4;left:10%;bottom:22%;display:grid;gap:10px;color:#fff;text-shadow:0 3px 17px rgba(0,0,0,.28)}.album-cover__title strong{font:700 39px/.95 var(--cn-sans);letter-spacing:.15em}.album-cover__title small{color:color-mix(in srgb,var(--cover-glow) 84%,#fff);font:600 9px/1 var(--sans);letter-spacing:.27em}.album-cover__edition{position:absolute;z-index:4;right:10%;bottom:14%;color:rgba(255,255,255,.72);font:600 8px/1 var(--sans);letter-spacing:.16em;writing-mode:vertical-rl}.album-cover em{z-index:4;right:auto;left:10%;bottom:8%;color:rgba(255,255,255,.74);font-size:9px;letter-spacing:.15em}.album-cover i{z-index:4;color:color-mix(in srgb,var(--cover-glow) 78%,#fff);font-size:9px}
.album-book.is-album-leaving{pointer-events:none;animation:album-book-out .28s cubic-bezier(.46,0,.72,.2) forwards}
.album-book.is-album-entering{animation:album-book-in .46s cubic-bezier(.18,.82,.28,1) both}
@keyframes album-book-out{to{opacity:0;transform:translateX(-9%) rotateY(12deg) scale(.95);filter:blur(2px)}}
@keyframes album-book-in{from{opacity:0;transform:translateX(12%) rotateY(-13deg) scale(.95);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
.album-hint{margin:12px 0 0;color:#827b72;font-size:11px;letter-spacing:.08em}.album-book:focus-visible{outline:2px solid rgba(181,139,87,.7);outline-offset:7px}
.album-copy{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;width:min(100%,500px);margin:18px auto 0;padding:9px 10px 9px 9px;border:1px solid rgba(59,52,44,.13);border-radius:18px;background:rgba(255,255,255,.38);box-shadow:inset 0 1px rgba(255,255,255,.86),0 9px 22px rgba(59,50,41,.07);backdrop-filter:blur(17px) saturate(116%);-webkit-backdrop-filter:blur(17px) saturate(116%)}
.album-copy__reminder{position:relative;display:grid;place-items:center;width:30px;height:30px;border-radius:12px;background:linear-gradient(140deg,#24211d,#5a5044);box-shadow:inset 0 1px rgba(255,255,255,.24),0 4px 10px rgba(47,39,31,.18);animation:album-reminder-float 2.8s ease-in-out infinite}
.album-copy__reminder::before{content:"";width:11px;height:13px;border:2px solid #f6e5bd;border-bottom:0;border-radius:9px 9px 4px 4px;transform:translateY(2px)}
.album-copy__reminder::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#f1d393;box-shadow:0 0 0 3px rgba(241,211,147,.1),0 0 11px rgba(241,211,147,.75);animation:album-reminder-glow 1.4s ease-in-out infinite alternate}
.album-copy__reminder i,.album-copy__reminder b{position:absolute;width:5px;height:1px;border-radius:99px;background:#f1d393;opacity:.75}.album-copy__reminder i{right:2px;top:7px;transform:rotate(32deg)}.album-copy__reminder b{left:2px;top:10px;transform:rotate(-34deg)}
.album-copy__note{margin:0;color:#191817;font:700 12px/1.35 var(--cn-sans);letter-spacing:.015em}.album-copy__button{min-width:72px;padding:10px 13px;border:1px solid rgba(37,32,27,.76);border-radius:12px;background:linear-gradient(145deg,#2d2924,#11100f);box-shadow:inset 0 1px rgba(255,255,255,.19),0 5px 13px rgba(37,31,24,.17);color:#fff;font:700 13px/1 var(--cn-sans);letter-spacing:.08em;transition:transform .24s ease,background .24s ease,box-shadow .24s ease}.album-copy__button:active{transform:scale(.95)}.album-copy__button.is-copied{background:linear-gradient(145deg,#a98952,#725a35);box-shadow:0 5px 16px rgba(137,105,59,.25)}.album-copy__button:disabled{opacity:.45;cursor:not-allowed}
.fitting-picker{width:min(100%,500px);margin:11px auto 0;padding:10px;border:1px solid rgba(59,52,44,.13);border-radius:17px;background:rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.8),0 8px 20px rgba(59,50,41,.06);backdrop-filter:blur(15px) saturate(110%);-webkit-backdrop-filter:blur(15px) saturate(110%)}.fitting-picker__top{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px}.fitting-picker__top>span{color:#3c3731;font:700 12px/1 var(--cn-sans);letter-spacing:.06em}.fitting-picker__top b{padding:5px 8px;border-radius:99px;background:rgba(89,75,56,.1);color:#716554;font:700 10px/1 var(--sans);letter-spacing:.08em}.fitting-picker__top button{min-width:91px;padding:9px 11px;border:1px solid rgba(55,48,39,.72);border-radius:10px;background:linear-gradient(145deg,#322e29,#141311);box-shadow:inset 0 1px rgba(255,255,255,.18),0 4px 10px rgba(42,34,25,.14);color:#fff;font:700 11px/1 var(--cn-sans);letter-spacing:.06em;transition:transform .2s ease,background .2s ease}.fitting-picker__top button.is-selected{border-color:rgba(156,124,75,.72);background:linear-gradient(145deg,#a98754,#655035)}.fitting-picker__top button:disabled{opacity:.42;cursor:not-allowed}.fitting-picker__top button:active{transform:scale(.96)}.fitting-picker__selected{display:flex;flex-wrap:wrap;gap:6px;min-height:18px;margin-top:9px}.fitting-picker__selected>span{color:#8a8278;font-size:9px;letter-spacing:.05em}.fitting-picker__tag{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid rgba(155,127,84,.3);border-radius:99px;background:rgba(255,255,255,.43);color:#4c4337;font:700 9px/1 var(--sans);letter-spacing:.04em}.fitting-picker__tag i{font:500 13px/.8 var(--sans);font-style:normal;color:#a57a43}.occasion-album.is-on-cover .album-hint,.occasion-album.is-on-cover .album-copy,.occasion-album.is-on-cover .fitting-picker{display:none}
.album-copy{grid-template-columns:30px minmax(0,1fr)}.fitting-picker__top{align-items:start}.fitting-picker__actions{display:grid;gap:7px;width:91px}.fitting-picker__actions .album-copy__button{min-width:0;padding:8px 11px;border-radius:10px;font-size:11px}.fitting-picker__actions .album-copy__button:disabled{opacity:.42;cursor:not-allowed}

/* 相册试衣清单：轻量编辑卡片，减少传统表单感 */
.fitting-picker{width:min(100%,500px);margin:12px auto 0;padding:13px 14px 12px;border:1px solid rgba(83,70,52,.16);border-radius:16px;background:linear-gradient(118deg,rgba(255,255,255,.75),rgba(233,229,221,.5));box-shadow:inset 0 1px rgba(255,255,255,.94),0 10px 24px rgba(59,50,41,.08)}
.fitting-picker__top{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title count" "label count";gap:4px 12px;align-items:center;padding:0 1px 10px;border-bottom:1px solid rgba(75,64,50,.12)}
.fitting-picker__top>span{grid-area:title;font-size:14px;font-weight:800;letter-spacing:.08em;color:#28231e}
.fitting-picker__top small{display:block;grid-area:label;font-size:8px;font-weight:700;letter-spacing:.2em;color:#9b8562}
.fitting-picker__top b{grid-area:count;min-width:42px;margin:0;padding:5px 8px;border:1px solid rgba(160,132,87,.26);border-radius:999px;background:rgba(255,255,255,.45);color:#8e744a;font-size:11px;font-weight:800;text-align:center}
.fitting-picker__selected{min-height:39px;margin:0;padding:10px 0 9px;gap:6px;align-items:center}
.fitting-picker__selected>span{color:#968f84;font-size:11px;letter-spacing:.03em}
.fitting-picker__tag{padding:5px 8px 5px 10px;border:1px solid rgba(150,117,70,.27);border-radius:999px;background:rgba(255,255,255,.5);color:#5f5141;font-size:10px;line-height:1}
.fitting-picker__tag button{margin-left:5px;color:#aa7d3d;font-size:13px;line-height:1}
.fitting-picker__actions{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);width:100%;gap:8px}
.fitting-picker__actions #fittingAction,.fitting-picker__actions .album-copy__button{display:flex;align-items:center;justify-content:center;min-width:0;height:40px;margin:0;padding:0 10px;border-radius:11px;font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.fitting-picker__actions #fittingAction{border:1px solid rgba(47,40,32,.23);background:rgba(255,255,255,.45);color:#302920}
.fitting-picker__actions #fittingAction.is-selected{border-color:#9d7f4d;background:#9d7f4d;color:#fffdf8}
.fitting-picker__actions #fittingAction:disabled{opacity:.44;cursor:not-allowed}
.fitting-picker__actions .album-copy__button{gap:8px;border:1px solid rgba(30,25,19,.94);background:linear-gradient(105deg,#1f1b17,#312a22);color:#f8f3e9;box-shadow:0 5px 12px rgba(41,34,26,.18)}
.fitting-picker__actions .album-copy__button i{display:inline-block;font-style:normal;font-size:16px;font-weight:400;line-height:1;color:#d5b979}
.fitting-picker__actions .album-copy__button.is-copied{border-color:#af8b51;background:linear-gradient(105deg,#9a7846,#b99a65)}
.fitting-picker__actions button:not(:disabled):active{transform:translateY(1px) scale(.985)}

/* ========== 2026 秋季冲锋衣：深松针绿季节入口与完整款号相册 ========== */
.autumn-drop{
  position:relative;
  isolation:isolate;
  display:block;
  width:100%;
  height:168px;
  margin:0 0 16px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(236,222,185,.28);
  border-radius:32px;
  background:#18251f;
  box-shadow:0 20px 42px rgba(38,48,41,.22),inset 0 1px rgba(255,255,255,.15);
  color:#fff;
  text-align:left;
  transform:translateZ(0);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease;
}
.autumn-drop:active{transform:scale(.985);box-shadow:0 12px 28px rgba(38,48,41,.19),inset 0 1px rgba(255,255,255,.12)}
.autumn-drop::before{content:"";position:absolute;z-index:2;inset:12px;border:1px solid rgba(229,206,153,.25);border-radius:23px;pointer-events:none}
.autumn-drop::after{content:"";position:absolute;z-index:2;left:22px;bottom:18px;width:94px;height:1px;background:linear-gradient(90deg,#d8bd7d,transparent);pointer-events:none}
.autumn-drop__image{position:absolute;z-index:-2;inset:0 0 0 42%;overflow:hidden}
.autumn-drop__image::after{content:"";position:absolute;inset:0;border-left:1px solid rgba(220,196,142,.25);background:linear-gradient(90deg,#18251f 0%,rgba(24,37,31,.54) 20%,transparent 56%)}
.autumn-drop__image img{width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.7) contrast(1.05) brightness(.86);transform:scale(1.03);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.autumn-drop:hover .autumn-drop__image img{transform:scale(1.08)}
.autumn-drop__shade{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 18% 15%,rgba(211,184,121,.17),transparent 35%),linear-gradient(94deg,#17241e 0%,#1c2b24 48%,rgba(24,37,31,.12) 83%)}
.autumn-drop__copy{position:absolute;z-index:3;left:25px;top:24px;display:grid;gap:8px}
.autumn-drop__copy small{color:#ddc58d;font:700 8px/1 var(--sans);letter-spacing:.2em}
.autumn-drop__copy b{font:700 27px/1.05 var(--cn-sans);letter-spacing:.08em;text-shadow:0 4px 18px rgba(0,0,0,.24)}
.autumn-drop__copy em{color:rgba(255,255,255,.66);font:600 9px/1 var(--cn-sans);font-style:normal;letter-spacing:.07em}
.autumn-drop__arrow{position:absolute;z-index:3;right:21px;bottom:18px;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.37);border-radius:50%;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.2);color:#f3dfb0;font:300 21px/1 var(--sans);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.autumn-drop__edition{position:absolute;z-index:3;right:22px;top:20px;color:rgba(255,255,255,.6);font:700 8px/1 var(--sans);letter-spacing:.18em;writing-mode:vertical-rl}

body.is-autumn-locked .bottom-nav{display:none!important}
.screen--autumn,.screen--autumn-detail{min-height:100svh;padding-bottom:32px;background:#eeece7}
.topbar--autumn,.topbar--autumn-detail{z-index:90;height:76px;border-bottom:1px solid rgba(37,45,39,.08);background:rgba(238,236,231,.86);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%)}
.topbar--autumn p,.topbar--autumn-detail p{display:grid;gap:3px;margin:0;text-align:center}
.topbar--autumn-detail p{position:absolute;right:92px;left:92px;min-width:0}
.topbar--autumn p small,.topbar--autumn-detail p small{color:#8d7a55;font:700 7px/1 var(--sans);letter-spacing:.2em}
.topbar--autumn p b,.topbar--autumn-detail p b{color:#1e2823;font:800 14px/1 var(--cn-sans);letter-spacing:.1em}
.topbar--autumn-detail p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.autumn-catalog{padding-bottom:32px}
.autumn-search{position:sticky;top:76px;z-index:20;padding:15px 17px 11px;border-bottom:1px solid rgba(41,47,42,.08);background:rgba(238,236,231,.92);backdrop-filter:blur(18px) saturate(116%);-webkit-backdrop-filter:blur(18px) saturate(116%)}
.autumn-search label{display:grid;grid-template-columns:23px minmax(0,1fr) 28px;align-items:center;min-height:48px;padding:0 9px 0 15px;border:1px solid rgba(41,48,43,.15);border-radius:999px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px rgba(255,255,255,.94),0 8px 20px rgba(42,48,43,.06)}
.autumn-search label>span{position:relative;width:13px;height:13px;border:1.5px solid #55625a;border-radius:50%}.autumn-search label>span::after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:1.5px;border-radius:99px;background:#55625a;transform:rotate(45deg)}
.autumn-search input{min-width:0;height:46px;padding:0 8px;border:0;outline:0;background:transparent;color:#1e2823;font:700 13px/1 var(--cn-sans);letter-spacing:.035em}.autumn-search input::placeholder{color:#9b9b94;font-weight:500}
.autumn-search label button{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#27352d;color:#fff;font:300 20px/1 var(--sans)}
.autumn-search label button[hidden]{display:none!important}
.autumn-search p{min-height:13px;margin:9px 8px 0;color:#797b75;font:600 9px/1 var(--cn-sans);letter-spacing:.05em}
.autumn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:10px 17px 22px}
.autumn-card{min-width:0;animation:autumn-card-in .45s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--card-order)*30ms)}
@keyframes autumn-card-in{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
.autumn-card>button{display:block;width:100%;padding:0;overflow:hidden;border:1px solid rgba(53,57,53,.09);border-radius:20px;background:rgba(255,255,255,.66);box-shadow:0 10px 24px rgba(48,52,48,.075);text-align:left;transition:transform .22s ease,box-shadow .22s ease}
.autumn-card>button:active{transform:scale(.975);box-shadow:0 5px 13px rgba(48,52,48,.08)}
.autumn-card__image{position:relative;display:block;aspect-ratio:.86;overflow:hidden;background:linear-gradient(145deg,#d8d8d2,#f5f4f0)}
.autumn-card__image::after{content:"";position:absolute;inset:0;border-bottom:1px solid rgba(40,45,41,.08);background:linear-gradient(180deg,transparent 64%,rgba(16,22,18,.22))}
.autumn-card__image img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82);transition:transform .55s cubic-bezier(.16,1,.3,1)}
.autumn-card>button:hover .autumn-card__image img{transform:scale(1.04)}
.autumn-card__image i{position:absolute;z-index:2;right:10px;bottom:9px;color:#fff;font:700 8px/1 var(--sans);font-style:normal;letter-spacing:.14em}
.autumn-card__meta{display:grid;gap:7px;padding:13px 12px 14px}
.autumn-card__meta b{overflow:hidden;color:#222a25;font:800 13px/1.15 var(--cn-sans);letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}
.autumn-card__meta small{display:flex;align-items:center;justify-content:space-between;color:#9b8050;font:700 8px/1 var(--sans);letter-spacing:.12em}.autumn-card__meta em{color:#34463c;font:400 16px/1 var(--sans);font-style:normal}
.autumn-load-more{display:flex;align-items:center;justify-content:center;gap:11px;width:calc(100% - 34px);height:49px;margin:0 17px 30px;border:1px solid rgba(37,46,40,.2);border-radius:999px;background:rgba(255,255,255,.55);color:#28362e;font:800 11px/1 var(--cn-sans);letter-spacing:.1em}.autumn-load-more span{color:#a17f45;font-size:17px}
.autumn-pagination{margin:3px 17px 35px;padding:18px 13px 16px;border:1px solid rgba(37,48,41,.12);border-radius:20px;background:rgba(255,255,255,.62);box-shadow:inset 0 1px rgba(255,255,255,.94),0 12px 28px rgba(45,52,47,.08)}
.autumn-pagination__pages{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(36px,1fr);justify-content:center;overflow:hidden;border:1px solid rgba(46,57,50,.18);border-radius:12px;background:#fff}
.autumn-pagination__pages button{display:grid;place-items:center;min-width:0;height:43px;padding:0;border-right:1px solid rgba(46,57,50,.13);background:#fff;color:#868b86;font:700 13px/1 var(--sans);transition:background .2s ease,color .2s ease,transform .2s ease}.autumn-pagination__pages button:last-child{border-right:0}.autumn-pagination__pages button:first-child,.autumn-pagination__pages button:last-child{font-size:25px;font-weight:300}.autumn-pagination__pages button.is-current{background:#3b8c68;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.24)}.autumn-pagination__pages button:disabled{color:#d5d8d5;background:#f7f7f5;cursor:not-allowed}.autumn-pagination__pages button:not(:disabled):active{transform:scale(.94)}
.autumn-pagination__jump{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:14px;color:#92958f;font:600 11px/1 var(--cn-sans);white-space:nowrap}.autumn-pagination__jump label{display:flex;align-items:center;gap:7px}.autumn-pagination__jump input{width:49px;height:35px;padding:0 6px;border:1px solid rgba(45,55,48,.25);border-radius:8px;outline:0;background:#fff;color:#27372e;font:800 13px/1 var(--sans);text-align:center;-moz-appearance:textfield}.autumn-pagination__jump input::-webkit-inner-spin-button,.autumn-pagination__jump input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.autumn-pagination__jump input:focus{border-color:#3b8c68;box-shadow:0 0 0 3px rgba(59,140,104,.12)}.autumn-pagination__jump button{height:35px;padding:0 12px;border:1px solid rgba(48,65,55,.18);border-radius:8px;background:#27372e;color:#fff;font:800 11px/1 var(--cn-sans);letter-spacing:.06em}.autumn-pagination__jump button:active{transform:scale(.96)}
.autumn-empty{grid-column:1/-1;display:grid;place-items:center;gap:8px;min-height:260px;color:#39463f;text-align:center}.autumn-empty::before{content:"?";display:grid;place-items:center;width:58px;height:58px;margin-bottom:7px;border:1px solid rgba(50,61,54,.19);border-radius:50%;color:#a08658;font:400 28px/1 var(--serif)}.autumn-empty b{font-size:16px}.autumn-empty span{color:#8c8e88;font-size:10px}

.topbar--autumn-detail{position:sticky}.autumn-copy-code{min-width:70px;height:34px;padding:0 11px;border:1px solid rgba(37,48,41,.2);border-radius:999px;background:rgba(255,255,255,.57);color:#314137;font:800 9px/1 var(--cn-sans);letter-spacing:.06em}
.autumn-detail__masthead{position:relative;padding:40px 22px 31px;overflow:hidden;background:linear-gradient(145deg,#f8f7f3,#e3e0da)}
.autumn-detail__masthead::after{content:"STYLE";position:absolute;right:-15px;bottom:-12px;color:rgba(33,44,37,.035);font:800 76px/1 var(--sans);letter-spacing:-.08em}
.autumn-detail__masthead>p{margin:0 0 17px;color:#9b7c47;font:700 8px/1 var(--sans);letter-spacing:.2em}.autumn-detail__masthead h1{position:relative;z-index:1;margin:0;overflow-wrap:anywhere;color:#1e2b23;font:800 clamp(31px,8vw,48px)/1.04 var(--cn-sans);letter-spacing:-.035em}
.autumn-detail__masthead>div{position:relative;z-index:1;display:flex;align-items:center;gap:17px;margin-top:26px}.autumn-detail__masthead>div span{display:grid;gap:5px}.autumn-detail__masthead>div b{color:#27372e;font:800 14px/1 var(--sans)}.autumn-detail__masthead>div small{color:#898984;font:600 8px/1 var(--cn-sans);letter-spacing:.08em}.autumn-detail__masthead>div i{width:1px;height:27px;background:rgba(41,52,45,.17)}
.autumn-detail__gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px;background:#d8d6d1}
.autumn-detail__gallery figure{min-width:0;margin:0;background:#eeece8}.autumn-detail__gallery button{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:#e7e5e0}.autumn-detail__gallery img{display:block;width:100%;aspect-ratio:.8;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.16,1,.3,1)}.autumn-detail__gallery button:active img{transform:scale(.98)}.autumn-detail__gallery span{position:absolute;right:8px;bottom:8px;padding:5px 7px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(24,32,27,.58);color:#fff;font:700 7px/1 var(--sans);letter-spacing:.08em;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.autumn-detail__footer{display:grid;place-items:center;min-height:220px;padding:35px 20px;background:#1c2922;color:#fff;text-align:center}.autumn-detail__footer small{color:#d0b574;font:700 8px/1 var(--sans);letter-spacing:.23em}.autumn-detail__footer b{margin-top:16px;overflow-wrap:anywhere;font:800 26px/1.1 var(--cn-sans);letter-spacing:.02em}.autumn-detail__footer p{margin:10px 0 0;color:rgba(255,255,255,.5);font-size:9px;letter-spacing:.05em}

html.is-autumn-lightbox,body.is-autumn-lightbox{overflow:hidden}
.autumn-lightbox{position:fixed;z-index:500;inset:0;display:grid;place-items:center;overflow:hidden;background:rgba(10,14,12,.96);outline:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:pointer;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.autumn-lightbox[hidden]{display:none!important}.autumn-lightbox figure{display:grid;place-items:center;width:100%;height:100%;margin:0;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));pointer-events:none}.autumn-lightbox figure img{display:block;max-width:100%;max-height:92svh;object-fit:contain;box-shadow:0 22px 70px rgba(0,0,0,.38);will-change:transform,opacity;pointer-events:none}

@media(max-width:380px){.autumn-drop{height:158px;border-radius:28px}.autumn-drop__copy{left:21px;top:21px}.autumn-drop__copy b{font-size:24px}.autumn-drop__image{left:39%}.autumn-grid{gap:9px;padding-inline:12px}.autumn-card__meta{padding-inline:10px}.autumn-card__meta b{font-size:12px}.autumn-search{padding-inline:12px}.autumn-pagination{margin-inline:12px;padding-inline:8px}.autumn-pagination__pages{grid-auto-columns:minmax(33px,1fr)}.autumn-pagination__jump{gap:6px;font-size:10px}.autumn-pagination__jump input{width:43px}.autumn-pagination__jump button{padding-inline:9px}.autumn-detail__gallery{grid-template-columns:1fr}.autumn-detail__gallery img{aspect-ratio:.86}}

/* 试衣清单操作：统一为黑金凭条质感，与顾问卡片保持同一套视觉语言。 */
.fitting-picker__actions{
  position:relative;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.42fr);
  gap:6px;
  padding:5px;
  overflow:hidden;
  border:1px solid rgba(193,157,96,.5);
  border-radius:16px;
  background:
    radial-gradient(circle at 8% 12%,rgba(239,204,139,.27),transparent 29%),
    repeating-radial-gradient(ellipse at 92% 55%,transparent 0 5px,rgba(224,192,137,.12) 6px 7px,transparent 8px 13px),
    linear-gradient(110deg,#17130f 0%,#342a20 53%,#181410 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 9px 20px rgba(39,29,18,.16);
}
.fitting-picker__actions::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.07),transparent 46%,rgba(236,203,141,.08));
}
.fitting-picker__actions #fittingAction,
.fitting-picker__actions .album-copy__button{
  position:relative;
  z-index:1;
  min-width:0;
  height:40px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  transition:transform .28s cubic-bezier(.2,.75,.22,1),background .28s ease,box-shadow .28s ease;
}
.fitting-picker__actions #fittingAction{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(246,226,188,.58);
  background:rgba(255,255,255,.09);
  color:#fff8eb;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 4px 10px rgba(0,0,0,.17);
}
.fitting-picker__actions #fittingAction::before{
  content:"+";
  color:#e5c17e;
  font-size:16px;
  font-weight:400;
  line-height:1;
}
.fitting-picker__actions #fittingAction:hover,
.fitting-picker__actions #fittingAction:focus-visible{
  background:rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 14px rgba(0,0,0,.24);
}
.fitting-picker__actions #fittingAction.is-selected{
  border-color:rgba(240,210,148,.78);
  background:linear-gradient(135deg,#c9a568,#8b6c3e);
  color:#1c160f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 13px rgba(0,0,0,.22);
}
.fitting-picker__actions #fittingAction.is-selected::before{color:#2b2116}
.fitting-picker__actions .album-copy__button{
  justify-content:center;
  gap:7px;
  border:1px solid rgba(249,232,199,.68);
  background:linear-gradient(135deg,rgba(194,172,132,.78),rgba(101,84,61,.78));
  color:#fffaf0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 5px 12px rgba(0,0,0,.2);
}
.fitting-picker__actions .album-copy__button:hover,
.fitting-picker__actions .album-copy__button:focus-visible{
  transform:translateY(-1px);
  background:linear-gradient(135deg,rgba(215,190,144,.92),rgba(121,98,68,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 16px rgba(0,0,0,.26);
}
.fitting-picker__actions .album-copy__button:disabled{
  border-color:rgba(232,212,176,.28);
  background:rgba(255,255,255,.1);
  color:rgba(255,249,236,.55);
  box-shadow:none;
}
.fitting-picker__actions .album-copy__button i{
  color:#f1d29a;
  font-size:15px;
  font-style:normal;
}

/* 试衣入口统一收在清单标题内；不再额外占用一条提示卡 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.occasion-album.is-on-cover .album-props-copy{display:none}
.fitting-picker__top{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"icon heading count";gap:10px;align-items:center;padding-bottom:11px}
.fitting-picker__top .fitting-picker__reminder{grid-area:icon;width:30px;height:30px;animation-duration:3.1s}
.fitting-picker__heading{display:grid;grid-area:heading;gap:3px;min-width:0}
.fitting-picker__heading strong{color:#28231e;font:800 14px/1 var(--cn-sans);letter-spacing:.08em}
.fitting-picker__heading small{grid-area:auto;margin:0;color:#9b8562;font:700 8px/1 var(--sans);letter-spacing:.2em}

/* 道具无需试衣清单，保留相册浏览并提供单件编号复制入口 */
.album-props-copy{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;width:min(100%,500px);margin:14px auto 0;padding:10px 11px 10px 10px;border:1px solid rgba(83,70,52,.16);border-radius:15px;background:linear-gradient(118deg,rgba(255,255,255,.72),rgba(233,229,221,.48));box-shadow:inset 0 1px rgba(255,255,255,.93),0 9px 21px rgba(59,50,41,.07)}
.album-props-copy .album-copy__reminder{width:30px;height:30px;animation-duration:3.1s}
.album-props-copy p{display:grid;gap:4px;margin:0;min-width:0}
.album-props-copy p small{color:#9b8562;font:700 8px/1 var(--sans);letter-spacing:.17em}
.album-props-copy p strong{color:#28231e;font:800 12px/1.3 var(--cn-sans);letter-spacing:.02em}
.album-props-copy .album-copy__button{display:flex;align-items:center;gap:7px;min-width:auto;margin:0;padding:10px 11px;border-radius:10px;font-size:11px;white-space:nowrap}
.album-props-copy .album-copy__button i{font-style:normal;font-size:15px;color:#d5b979}

/* 道具也采用清单卡片的结构，但只保留当前编号复制，不进入试衣选择。 */
.album-props-copy.fitting-picker{display:block;width:min(100%,500px);margin:12px auto 0;padding:13px 14px 12px}
.album-props-copy.fitting-picker .fitting-picker__top{display:grid}
.album-props-copy.fitting-picker .album-props-copy__summary{display:flex;align-items:center;min-height:39px;margin:0;padding:10px 0 9px;border:0;color:#81776a;font:700 11px/1.35 var(--cn-sans);letter-spacing:.025em}
.album-props-copy.fitting-picker .album-props-copy__actions{grid-template-columns:minmax(0,1fr);width:100%}
.album-props-copy.fitting-picker .album-props-copy__actions .album-copy__button{width:100%;height:40px;margin:0;padding:0 14px;border-radius:999px;white-space:normal}

/* 智选与活动页：统一为留白更克制的杂志扉页，避免大面积普通标题区 */
.lookbook__masthead{
  min-height:286px;
  margin:12px 5.5vw 24px;
  padding:27px 25px 25px;
  border:1px solid rgba(55,50,44,.15);
  border-radius:2px;
  background:
    linear-gradient(90deg,rgba(157,128,82,.19) 0 1px,transparent 1px 31%),
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(229,226,219,.83));
  box-shadow:inset 0 1px rgba(255,255,255,.88),0 14px 29px rgba(50,44,37,.08);
  overflow:hidden;
}
.lookbook__masthead::before{
  right:20px;
  bottom:21px;
  display:grid;
  place-items:center;
  width:74px;
  height:74px;
  border:1px solid rgba(172,140,87,.54);
  border-radius:50%;
  background:radial-gradient(circle at 32% 29%,rgba(255,255,255,.8),rgba(209,202,189,.2));
  color:#9a7a49;
  font:500 27px/1 var(--sans);
  letter-spacing:-.08em;
}
.lookbook__masthead::after{
  right:24px;
  top:27px;
  padding-left:10px;
  border-left:1px solid rgba(153,122,74,.58);
  color:#8b7b68;
  font:700 8px/1.55 var(--sans);
  letter-spacing:.19em;
  writing-mode:vertical-rl;
}
.lookbook__masthead p{
  margin:0 0 29px;
  color:#987c50;
  font:700 9px/1 var(--sans);
  letter-spacing:.22em;
}
.lookbook__masthead h1{
  max-width:250px;
  margin:0;
  color:#25221e;
  font-size:clamp(39px,10.6vw,54px);
  line-height:1.01;
  letter-spacing:.05em;
}
.lookbook__masthead h1 em{
  display:inline-block;
  position:relative;
  margin-top:5px;
  color:#8f8371;
  font-weight:400;
}
.lookbook__masthead h1 em::after{
  content:"";
  position:absolute;
  right:-17px;
  bottom:6px;
  width:12px;
  height:1px;
  background:#b08b50;
}
.lookbook__masthead>span{
  width:174px;
  margin-top:18px;
  padding:0;
  border:0;
  color:#686159;
  font-size:10px;
  line-height:1.65;
}
.lookbook__grid{padding-top:20px}

.events-hero{
  min-height:286px;
  margin:10px 0 25px;
  padding:28px 25px 24px;
  border:1px solid rgba(61,53,44,.15);
  border-radius:2px;
  background:
    linear-gradient(90deg,transparent 0 73%,rgba(169,135,79,.11) 73% 73.25%,transparent 73.25%),
    linear-gradient(135deg,rgba(255,255,255,.65),rgba(230,225,215,.91));
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 14px 29px rgba(58,47,34,.07);
}
.events-hero::before{
  content:"PRIVATE / INVITATION";
  position:absolute;
  top:27px;
  right:24px;
  padding-left:9px;
  border-left:1px solid rgba(153,122,74,.58);
  color:#8b7b68;
  font:700 8px/1.55 var(--sans);
  letter-spacing:.19em;
  writing-mode:vertical-rl;
}
.events-hero::after{
  content:"";
  position:absolute;
  right:21px;
  bottom:21px;
  width:76px;
  height:76px;
  border:1px solid rgba(172,140,87,.48);
  border-radius:50%;
  box-shadow:inset 0 0 0 8px rgba(255,255,255,.24),0 0 0 14px rgba(173,146,101,.05);
}
.events-hero>p{
  margin:0 0 28px;
  color:#987c50;
  font:700 9px/1 var(--sans);
  letter-spacing:.22em;
}
.events-hero h1{
  max-width:285px;
  color:#25221e;
  font-size:clamp(37px,9.9vw,51px);
  line-height:1.04;
  letter-spacing:.035em;
}
.events-hero h1 em{
  display:inline-block;
  position:relative;
  margin-top:5px;
  color:#8f8371;
  font-weight:400;
}
.events-hero h1 em::after{
  content:"";
  position:absolute;
  right:-17px;
  bottom:7px;
  width:12px;
  height:1px;
  background:#b08b50;
}
.events-hero>span{
  width:184px;
  margin-top:18px;
  padding:0;
  border:0;
  color:#686159;
  font-size:10px;
  line-height:1.7;
}
.events-hero__month{
  right:13px;
  bottom:20px;
  z-index:1;
  color:rgba(151,121,75,.72);
  font:500 27px/1 var(--sans);
  letter-spacing:-.08em;
}

/* 活动页顶部栏独立固定，滚动浏览活动时始终保留返回与页面定位 */
.screen--events .topbar--events{
  position:fixed;
  top:0;
  left:50%;
  z-index:40;
  width:min(100vw,580px);
  height:calc(74px + env(safe-area-inset-top));
  padding-top:env(safe-area-inset-top);
  transform:translateX(-50%);
  border-bottom:1px solid rgba(74,64,52,.08);
  box-shadow:0 8px 23px rgba(45,38,29,.05);
}
.screen--events .topbar--events h2{display:none}
.screen--events .events-page{padding-top:calc(86px + env(safe-area-inset-top))}

/* 固定活动栏铺满整个设备顶部，不保留两侧空白 */
.screen--events .topbar--events{left:0;width:100vw;transform:none}

/* 非封面相册的书册高度为 76svh - 230px，按 9:16 换算卡片宽度以精准对齐 */
.occasion-album:not(.is-on-cover) .fitting-picker{
  width:min(86vw,calc(45svh - 123.75px));
  max-width:100%;
}

/* 画册式扉页：以暖白、细金线与编号为主，让活动和智选拥有统一的编辑感 */
.lookbook__masthead,
.events-hero{
  min-height:300px;
  border-color:rgba(180,155,112,.38);
  border-radius:0;
  background:linear-gradient(135deg,#fffefd 0%,#f8f5ef 66%,#f2ede4 100%);
  box-shadow:0 18px 36px rgba(61,51,38,.08),inset 0 1px rgba(255,255,255,.98);
}
.lookbook__masthead{margin:0 5.5vw 28px;padding:39px 30px 31px}
.lookbook__masthead p::before,
.events-hero>p::before{
  content:"";
  position:absolute;
  top:-39px;
  left:-30px;
  width:25px;
  height:70px;
  background:linear-gradient(180deg,#c6b79e,#ab976f);
}
.lookbook__masthead p{position:relative;margin-bottom:42px;color:#a28b63}
.lookbook__masthead h1{max-width:285px;font-size:clamp(42px,11.2vw,58px);letter-spacing:.075em}
.lookbook__masthead h1 em{color:#b2a38d}
.lookbook__masthead>span{width:230px;margin-top:24px;color:#514b43;font-size:11px}
.lookbook__masthead>span::after,
.events-hero>span::after{
  content:"2026 LOOKBOOK COLLECTION";
  position:absolute;
  right:0;
  bottom:-67px;
  left:0;
  padding-top:15px;
  border-top:1px solid rgba(173,145,98,.52);
  color:#a68c60;
  font:700 8px/1 var(--sans);
  letter-spacing:.31em;
}
.lookbook__masthead::before{width:88px;height:88px;right:28px;bottom:37px;color:#9e7c42;font-size:33px}
.lookbook__masthead::after{right:28px;top:42px;color:#a28b63}
.lookbook__grid{padding-top:17px}

.events-page{padding-bottom:38px}
.events-hero{margin:10px 0 24px;padding:39px 30px 31px}
.events-hero>p{position:relative;margin-bottom:42px;color:#a28b63}
.events-hero h1{max-width:290px;font-size:clamp(40px,10.8vw,56px);letter-spacing:.065em}
.events-hero h1 em{color:#b2a38d}
.events-hero>span{position:relative;width:220px;margin-top:24px;color:#514b43;font-size:11px}
.events-hero>span::after{content:"PRIVATE EVENTS / SEASON 01"}
.events-hero::before{right:28px;top:42px;color:#a28b63}
.events-hero::after{right:28px;bottom:37px;width:88px;height:88px;border-color:rgba(174,143,92,.64);box-shadow:inset 0 0 0 10px rgba(245,241,234,.75),0 0 0 15px rgba(179,149,100,.05)}
.events-hero__month{right:49px;bottom:59px;color:#9e7c42;font-size:33px}

/* 活动卡片取消人物，改为纯文字的预约凭证 */
.event-feature{min-height:300px;border:1px solid rgba(164,130,78,.4);border-radius:0;background:linear-gradient(135deg,#1c1915,#332a20 57%,#171512);box-shadow:0 18px 33px rgba(43,35,25,.2)}
.event-feature__visual,.event-feature__shade,.event-card img{display:none}
.event-feature::before{content:"YIN / PRIVATE SESSION";position:absolute;right:21px;bottom:20px;color:rgba(225,196,144,.45);font:700 8px/1 var(--sans);letter-spacing:.22em;writing-mode:vertical-rl}
.event-feature::after{content:"";position:absolute;top:19px;right:18px;width:74px;height:74px;border:1px solid rgba(225,196,144,.32);border-radius:50%;box-shadow:0 0 0 12px rgba(225,196,144,.04)}
.event-feature__meta{top:24px;right:25px;left:25px}.event-feature__meta i{display:none}
.event-feature__copy{bottom:88px;left:25px;right:25px}.event-feature__copy p{color:#dfc48c}.event-feature__copy h2{max-width:240px;font-size:33px;letter-spacing:.07em}.event-feature__copy small{font-size:11px}
.event-feature__action{right:24px;bottom:22px;left:24px;border-radius:0;background:transparent;border-color:rgba(236,211,166,.5);box-shadow:none}
.event-feature__action:hover{background:rgba(255,255,255,.09)}
.events-agenda{margin-top:37px}.events-agenda__heading{padding-bottom:11px;border-bottom:1px solid rgba(173,145,98,.32)}
.events-agenda__list{gap:8px}
.event-card{grid-template-columns:57px minmax(0,1fr) 35px;gap:13px;min-height:91px;padding:13px 15px;border-color:rgba(174,144,96,.28);border-radius:0;background:rgba(255,255,255,.54);box-shadow:inset 0 1px rgba(255,255,255,.92),0 8px 18px rgba(65,55,42,.04)}
.event-card::after{right:-34px;bottom:-38px;border-color:rgba(162,131,86,.15)}
.event-card__copy h3{font-size:15px;letter-spacing:.06em}.event-card button{border-radius:0;border-color:rgba(128,103,68,.53);background:transparent;color:#765d3c}

/* 桌面端场合圆圈可直接鼠标拖拽／滚轮横向浏览 */
@media (hover:hover) and (pointer:fine){
  .occasion-mini{cursor:ew-resize;user-select:none}
}
@keyframes album-reminder-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}@keyframes album-reminder-glow{from{transform:scale(.8);opacity:.5}to{transform:scale(1.25);opacity:1}}
.album-tabs{display:grid;grid-template-columns:repeat(var(--tab-count),minmax(0,1fr));gap:5px;width:min(86vw,390px);margin-top:16px;padding:5px;border:1px solid rgba(255,255,255,.7);border-radius:999px;background:rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.8),0 9px 20px rgba(63,55,45,.1);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
.occasion-album:not(.is-on-cover) .album-tabs{display:none}
.album-tab{min-width:0;padding:10px 4px;border:1px solid transparent;border-radius:999px;background:transparent;color:#777067;font:600 12px/1 var(--cn-sans);letter-spacing:.08em;transition:color .28s ease,background .28s ease,box-shadow .28s ease,transform .28s ease}
.album-tab.is-active{border-color:rgba(255,255,255,.82);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(228,222,211,.7));box-shadow:inset 0 1px rgba(255,255,255,.92),0 4px 9px rgba(66,55,42,.12);color:#332d26}
.album-tab:active{transform:scale(.96)}

/* 顾问详情：黑色编辑式个人档案 */
.screen[data-screen="advisor"]{min-height:100svh;padding-bottom:108px;background:#050505;color:#fff}
.screen[data-screen="advisor"] .topbar{position:sticky;background:#050505;color:#fff}
.screen[data-screen="advisor"] .topbar h2{display:none}
.screen[data-screen="advisor"] .advisor-page{display:none}
.screen[data-screen="advisor"].is-active{position:fixed;inset:0;z-index:10;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;overscroll-behavior:none}
.screen[data-screen="advisor"] .topbar{position:absolute;inset:0 0 auto;height:74px}
.screen[data-screen="advisor"] .advisor-editorial{position:absolute;top:74px;right:0;bottom:0;left:0;height:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.screen[data-screen="advisor"] .advisor-editorial::-webkit-scrollbar{display:none}
.advisor-editorial{padding:18px 8vw 42px;background:#050505;color:#fff;overflow:hidden}
.advisor-editorial,.advisor-editorial *{font-family:var(--cn-sans)}
.advisor-editorial__hero{position:relative;min-height:26svh;padding:20px 0 22px}
.advisor-editorial__kicker{margin:0;color:rgba(255,255,255,.45);font:600 9px/1 var(--sans);letter-spacing:.19em}
.advisor-editorial__hero h1{margin:39px 0 0;color:#fff;font:700 clamp(47px,13.4vw,76px)/.98 "Plus Jakarta Sans",var(--cn-sans),sans-serif;letter-spacing:-.05em}
.advisor-editorial__hero h1 span{font-family:"Plus Jakarta Sans",var(--cn-sans),sans-serif}
.advisor-editorial__intro{position:absolute;right:0;bottom:4px;width:43%;padding-left:14px;border-left:1px solid rgba(255,255,255,.42);color:#fff}
.advisor-editorial__intro b{display:block;margin-bottom:5px;font:700 10px/1 var(--sans)}
.advisor-editorial__intro p{margin:0;color:rgba(255,255,255,.86);font:500 10px/1.55 var(--cn-sans)}
.advisor-editorial__about{display:grid;grid-template-columns:31% 1fr;gap:24px;align-items:start;margin-top:22px}
.advisor-editorial__portrait{width:100%;margin:34px 0 0;aspect-ratio:3 / 4;border:1px solid rgba(255,255,255,.42);border-radius:0;overflow:hidden;background:#d6d0c9;box-shadow:0 12px 24px rgba(0,0,0,.28)}
.advisor-editorial__portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:grayscale(.12) contrast(1.03)}
.advisor-editorial__portrait video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.02)}

/* 主页顾问卡片：使用视频提取的透明单帧，并以白色衬底呈现 */
.customer-card__avatar{background:#fff}
.customer-card__avatar img{object-fit:contain;object-position:center;transform:scale(1.08);filter:none}
.advisor-editorial__bio{min-width:0}.advisor-editorial__eyebrow{margin:0 0 10px;color:rgba(255,255,255,.62);font-size:9px;line-height:1.55;letter-spacing:.03em}
.advisor-editorial__bio h2{margin:0 0 14px;color:#fff;font-size:clamp(22px,6vw,34px);line-height:1.16;letter-spacing:.03em}
.advisor-editorial__bio>p:not(.advisor-editorial__eyebrow){margin:0 0 11px;color:rgba(255,255,255,.82);font-size:10px;line-height:1.7}
.advisor-editorial__contents{position:relative;margin-top:52px;padding:0 0 18px}
.advisor-editorial__contents-title{margin:0 0 42px;text-align:right;color:#fff;font:700 18px/1 "Plus Jakarta Sans",var(--cn-sans),sans-serif;letter-spacing:.02em}
.advisor-editorial__line{position:absolute;left:28%;top:45px;bottom:17px;width:1px;background:rgba(255,255,255,.74)}
.advisor-editorial__line i{position:absolute;left:50%;width:8px;height:8px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:translate(-50%,-50%) rotate(45deg)}
.advisor-editorial__line i:nth-child(1){top:19%}.advisor-editorial__line i:nth-child(2){top:52%}.advisor-editorial__line i:nth-child(3){top:83%}
.advisor-editorial__list{display:grid;gap:28px}.advisor-editorial__list>div{display:grid;grid-template-columns:31% 1fr;gap:20px;min-height:34px}.advisor-editorial__list b{color:#fff;font:700 10px/1.35 "Plus Jakarta Sans",var(--cn-sans),sans-serif;letter-spacing:.04em}.advisor-editorial__list span{color:rgba(255,255,255,.83);font-size:10px;line-height:1.55}
.advisor-wecom{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:14px;margin:42px 0 4px;padding:14px 13px;border:1px solid rgba(231,206,157,.48);border-radius:3px;overflow:hidden;background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(187,149,81,.13) 54%,rgba(255,255,255,.04));box-shadow:inset 0 1px rgba(255,255,255,.19),0 14px 31px rgba(0,0,0,.31);color:#fff;text-decoration:none;isolation:isolate;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.advisor-wecom::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 100% 0,rgba(230,198,137,.16) 0 1px,transparent 1px 7px);opacity:.65}.advisor-wecom::after{content:"";position:absolute;top:-130%;left:-30%;width:38%;height:330%;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,247,221,.28),transparent);transform:rotate(23deg) translateX(-220%);animation:advisor-wecom-sheen 5.2s ease-in-out infinite}.advisor-wecom:hover{transform:translateY(-2px);border-color:rgba(242,219,171,.87);box-shadow:inset 0 1px rgba(255,255,255,.26),0 18px 34px rgba(0,0,0,.4)}.advisor-wecom:active{transform:translateY(0) scale(.985)}
.advisor-wecom__signal{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(243,221,173,.68);border-radius:50%;box-shadow:inset 0 0 0 4px rgba(224,190,122,.08),0 0 20px rgba(210,165,85,.12)}.advisor-wecom__signal::after{content:"";width:7px;height:7px;border-radius:50%;background:#f5d790;box-shadow:0 0 0 5px rgba(245,215,144,.1),0 0 14px rgba(245,215,144,.76);animation:advisor-wecom-pulse 2s ease-out infinite}.advisor-wecom__signal i{position:absolute;width:5px;height:1px;background:#f5d790;border-radius:10px;opacity:.75}.advisor-wecom__signal i:nth-child(1){top:5px;left:7px;transform:rotate(42deg)}.advisor-wecom__signal i:nth-child(2){top:5px;right:7px;transform:rotate(-42deg)}.advisor-wecom__signal i:nth-child(3){bottom:6px;right:5px;transform:rotate(15deg)}
.advisor-wecom__copy{display:grid;gap:4px;min-width:0}.advisor-wecom__copy small{color:rgba(244,220,168,.75);font:600 8px/1 var(--sans);letter-spacing:.14em}.advisor-wecom__copy b{font-size:16px;line-height:1.15;letter-spacing:.06em}.advisor-wecom__copy em{color:rgba(255,255,255,.7);font-size:10px;font-style:normal;line-height:1.3}.advisor-wecom__arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.35);font:500 20px/1 var(--sans);transition:transform .28s ease,background .28s ease}.advisor-wecom:hover .advisor-wecom__arrow{transform:rotate(45deg);background:rgba(246,222,174,.16)}
@keyframes advisor-wecom-sheen{0%,40%{transform:rotate(23deg) translateX(-220%)}62%,100%{transform:rotate(23deg) translateX(490%)}}@keyframes advisor-wecom-pulse{0%{box-shadow:0 0 0 0 rgba(245,215,144,.28),0 0 14px rgba(245,215,144,.72)}70%,100%{box-shadow:0 0 0 12px rgba(245,215,144,0),0 0 6px rgba(245,215,144,.35)}}
html:has(body.is-advisor-locked),body.is-advisor-locked{height:100dvh;overflow:hidden;overscroll-behavior:none}
@media (max-width:360px){.advisor-editorial{padding-right:7vw;padding-left:7vw}.advisor-editorial__hero h1{font-size:45px}.advisor-editorial__about{gap:17px}.advisor-editorial__bio h2{font-size:21px}.advisor-editorial__intro{width:46%}}
.customer-card__add{display:block;padding:9px 0 7px;border-bottom:1px solid rgba(232,203,153,.52);font-size:10px}.customer-card__add i{display:none}

/* 穿搭智选：固定的「造型收据机」。下拉或拖拽会从出纸口抽出下一套，静止时自动轮换。 */
html:has(body.is-styling-locked),body.is-styling-locked{height:100dvh;overflow:hidden;overscroll-behavior:none}
.screen[data-screen="styling"].is-active{position:fixed;inset:0;z-index:10;width:100%;height:100dvh;min-height:0;padding:0;overflow:hidden;overscroll-behavior:none;background:#d7d7d7}
.screen[data-screen="styling"] .topbar--lookbook{position:absolute!important;inset:0 0 auto;height:74px;background:rgba(247,246,243,.74)!important;border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 8px 24px rgba(32,30,27,.08);backdrop-filter:blur(20px) saturate(112%);-webkit-backdrop-filter:blur(20px) saturate(112%)}
.screen[data-screen="styling"] .recommendation-sections{position:absolute;top:74px;right:0;bottom:82px;left:0;padding:0;overflow:hidden}
.receipt-lookbook{position:relative;height:100%;overflow:hidden;color:#272522;background:radial-gradient(circle at 50% -10%,#fbfbfa 0%,#dfdfde 49%,#d2d2d1 100%);isolation:isolate}
.receipt-lookbook::before,.receipt-lookbook::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.receipt-lookbook::before{width:58vw;height:58vw;top:7%;left:-32vw;border:1px solid rgba(255,255,255,.55);box-shadow:0 0 0 21px rgba(255,255,255,.11),0 0 0 50px rgba(255,255,255,.05)}.receipt-lookbook::after{width:44vw;height:44vw;right:-23vw;bottom:10%;border:1px solid rgba(52,48,43,.08);box-shadow:0 0 0 22px rgba(255,255,255,.08),0 0 0 44px rgba(255,255,255,.05)}
.receipt-lookbook,.receipt-lookbook *{font-family:var(--cn-sans)}
.receipt-lookbook__edition{position:absolute;z-index:3;top:17px;left:clamp(18px,7vw,58px);right:clamp(18px,7vw,58px);display:flex;align-items:center;justify-content:space-between;color:#6e6b67;font:700 9px/1 var(--sans);letter-spacing:.18em}.receipt-lookbook__edition b{color:#a48b62;font:700 9px/1 var(--sans);letter-spacing:.15em}
.receipt-machine{position:relative;display:grid;grid-template-rows:94px minmax(0,1fr) 29px;justify-items:center;width:100%;height:100%;padding:48px 0 10px;touch-action:manipulation;user-select:none}
.receipt-machine__printer{position:relative;z-index:4;width:min(77vw,560px);height:84px;margin-top:4px;border:1px solid rgba(255,255,255,.6);border-radius:23px 23px 14px 14px;background:linear-gradient(110deg,#9b9b9b,#6c6c6b 35%,#8e8e8d 69%,#5d5d5c);box-shadow:inset 0 1px 1px rgba(255,255,255,.72),inset 0 -9px 22px rgba(0,0,0,.18),0 17px 32px rgba(34,33,31,.22)}
.receipt-machine__printer>span{position:absolute;top:14px;left:20px;color:rgba(255,255,255,.65);font:600 8px/1 var(--sans);letter-spacing:.14em}.receipt-machine__printer>i{position:absolute;right:18px;top:17px;width:8px;height:8px;border-radius:50%;background:#e6d2a6;box-shadow:0 0 0 4px rgba(230,210,166,.11),0 0 14px rgba(230,210,166,.75)}.receipt-machine__printer>b{position:absolute;right:17px;bottom:16px;width:34px;height:4px;border-radius:999px;background:rgba(255,255,255,.31)}
.receipt-machine__printer::after{content:"";position:absolute;z-index:2;right:7%;bottom:-7px;left:7%;height:17px;border:1px solid rgba(0,0,0,.62);border-radius:10px;background:linear-gradient(#161616,#050505);box-shadow:inset 0 2px 4px rgba(255,255,255,.18),0 4px 8px rgba(0,0,0,.32)}
.receipt-machine__deck{position:relative;z-index:1;display:grid;place-items:start center;width:100%;min-height:0;padding-top:0;overflow:visible}
.receipt-card{--receipt-pull:0px;position:relative;display:flex;flex-direction:column;align-items:stretch;width:min(70vw,430px);height:min(70dvh,680px);min-height:410px;max-height:calc(100dvh - 205px);padding:17px 18px 19px;border:0;border-radius:0;background:#fbfbfa;color:#211f1c;box-shadow:0 19px 29px rgba(38,35,31,.2),inset 0 0 0 1px rgba(58,52,45,.13);transform:translateY(var(--receipt-pull));transform-origin:50% 0;transition:transform .32s cubic-bezier(.22,.8,.3,1),box-shadow .32s ease;text-align:left;overflow:hidden;isolation:isolate;cursor:pointer}.receipt-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.94),rgba(236,235,232,.42) 47%,rgba(255,255,255,.9));opacity:.9}.receipt-card::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:12px;background:radial-gradient(circle at 7px -2px,transparent 8px,#d7d7d6 8.6px) 0 0/14px 12px repeat-x;opacity:.92}
.receipt-card.is-pulling{transition:none;box-shadow:0 25px 36px rgba(38,35,31,.28),inset 0 0 0 1px rgba(58,52,45,.13)}.receipt-card.is-receipt-exiting{animation:receipt-slip-away .66s cubic-bezier(.32,.02,.74,.2) forwards}.receipt-card.is-receipt-entering{animation:receipt-feed-in .82s cubic-bezier(.17,.78,.22,1) both}
.receipt-card__top{order:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:1px 0 10px;border-bottom:1px dashed rgba(48,44,39,.45);color:#5f5a53}.receipt-card__top b,.receipt-card__top em{font:700 8px/1 var(--sans);letter-spacing:.13em;font-style:normal}.receipt-card__top em{color:#a4885b;white-space:nowrap}
.receipt-card__image{order:1;display:grid;flex:0 0 auto;place-items:center;align-self:center;width:min(84%,310px);aspect-ratio:3 / 4;margin:13px auto 11px;overflow:visible;background:transparent;box-shadow:none}.receipt-card__image img{display:block;width:82%;height:82%;object-fit:contain;object-position:center;filter:saturate(.94) contrast(.99) drop-shadow(0 10px 9px rgba(65,48,31,.13));pointer-events:none}
.receipt-card__meta{order:3;display:grid;gap:3px;padding:9px 0;border-top:1px dashed rgba(48,44,39,.45);border-bottom:1px dashed rgba(48,44,39,.45)}.receipt-card__meta small{color:#9b8156;font:700 8px/1.25 var(--sans);letter-spacing:.13em}.receipt-card__meta strong{overflow:hidden;color:#282522;font-size:14px;line-height:1.25;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}.receipt-card__meta em{color:#716b64;font-size:9px;line-height:1.25;font-style:normal}
.receipt-card__barcode{order:4;flex:0 0 auto;align-self:center;width:76px;height:24px;margin:5px 0 1px;background:repeating-linear-gradient(90deg,#25221f 0 2px,transparent 2px 4px,#25221f 4px 5px,transparent 5px 8px,#25221f 8px 11px,transparent 11px 13px)}.receipt-card__tail{order:2;display:block;min-height:0;flex:1 1 auto;background:linear-gradient(90deg,transparent,rgba(80,69,53,.04),transparent);margin:0 -17px}.receipt-card__bottom{order:5;display:block;flex:0 0 auto;color:#37332e;text-align:center;font:700 8px/1 var(--sans);letter-spacing:.12em}
.receipt-machine__hint{display:flex;align-items:center;justify-content:flex-end;width:min(73vw,390px);margin:0;color:#6c6862;font-size:10px;line-height:1}.receipt-machine__hint b{color:#9b8055;font:700 9px/1 var(--sans);letter-spacing:.15em}
.receipt-refresh{position:absolute;z-index:8;left:20vw;bottom:29px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:3px;width:min(41vw,340px);min-width:225px;min-height:63px;padding:12px 17px;border:1px solid rgba(255,255,255,.55);border-radius:2px;background:linear-gradient(112deg,rgba(255,255,255,.23),rgba(255,255,255,.08));box-shadow:inset 0 1px rgba(255,255,255,.48),0 13px 29px rgba(45,42,38,.15);color:#fff;overflow:hidden;isolation:isolate;backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)}.receipt-refresh::before{content:"";position:absolute;z-index:-1;top:-80%;left:-36%;width:28%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:rotate(18deg) translateX(-300%);animation:receipt-refresh-sheen 4.6s ease-in-out infinite}.receipt-refresh::after{content:"";position:absolute;right:13px;bottom:11px;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.1),0 0 14px rgba(255,255,255,.76);animation:receipt-refresh-pulse 2.2s ease-out infinite}.receipt-refresh>span{grid-column:1/-1;color:rgba(255,255,255,.78);font:700 7px/1 var(--sans);letter-spacing:.18em}.receipt-refresh strong{font:600 clamp(16px,2.4vw,23px)/1 "Plus Jakarta Sans",var(--sans);letter-spacing:.09em;text-shadow:0 1px 3px rgba(36,32,28,.25);white-space:nowrap}.receipt-refresh em{color:rgba(255,255,255,.83);font:500 9px/1.25 var(--cn-sans);font-style:normal;letter-spacing:.05em}.receipt-refresh strong.is-ticking{animation:receipt-refresh-flip .52s cubic-bezier(.23,.82,.27,1) both}@keyframes receipt-refresh-sheen{0%,52%{transform:rotate(18deg) translateX(-300%)}70%,100%{transform:rotate(18deg) translateX(650%)}}@keyframes receipt-refresh-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.26),0 0 14px rgba(255,255,255,.72)}72%,100%{box-shadow:0 0 0 10px rgba(255,255,255,0),0 0 5px rgba(255,255,255,.3)}}@keyframes receipt-refresh-flip{0%{opacity:.38;transform:translateY(-6px) scaleY(.72);filter:blur(1px)}58%{opacity:1;transform:translateY(2px) scaleY(1.06)}100%{transform:none;filter:none}}
.receipt-machine__pull{position:absolute;z-index:8;right:clamp(28px,15vw,148px);bottom:40px;display:grid;place-items:center;width:82px;height:48px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(255,255,255,.26);box-shadow:0 10px 22px rgba(43,40,36,.16),inset 0 1px 1px rgba(255,255,255,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:transform .25s ease,background .25s ease}.receipt-machine__pull:hover{background:rgba(255,255,255,.38);transform:translateY(-2px)}.receipt-machine__pull:active{transform:scale(.94)}.receipt-machine__pull svg{width:27px;height:35px;fill:none;stroke:#fff;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 3px rgba(29,27,24,.34))}.receipt-machine__pull span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.receipt-machine__pull.is-hand-pulling{pointer-events:none;animation:receipt-hand-press .48s cubic-bezier(.25,.8,.25,1) both}.receipt-machine__pull.is-hand-pulling svg{animation:receipt-hand-wiggle .48s ease both}@keyframes receipt-hand-press{0%{transform:translateY(-2px)}45%{transform:translateY(16px) scale(.96)}100%{transform:translateY(0)}}@keyframes receipt-hand-wiggle{0%,100%{transform:rotate(0)}45%{transform:rotate(-8deg) translateY(2px)}}
@keyframes receipt-feed-in{from{transform:translateY(-58%);opacity:.3}58%{transform:translateY(8px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes receipt-slip-away{0%{transform:translateY(var(--receipt-pull,0px));opacity:1;filter:none}12%{transform:translateY(calc(var(--receipt-pull,0px) + 10px));opacity:1}100%{transform:translateY(115dvh) rotate(.45deg);opacity:.03;filter:blur(.5px)}}
@media (min-width:700px){.receipt-machine{grid-template-rows:114px minmax(0,1fr) 34px;padding-top:58px}.receipt-machine__printer{width:77vw;max-width:none;height:96px;border-radius:27px 27px 16px 16px}.receipt-card{width:70vw;height:min(74dvh,740px);max-height:calc(100dvh - 205px);padding:20px 22px 21px}.receipt-card__image{width:min(80%,350px);margin-top:17px;margin-bottom:14px}.receipt-card__meta strong{font-size:16px}.receipt-machine__hint{width:70vw;font-size:11px}.receipt-lookbook__edition{top:24px}}
@media (min-width:700px) and (min-height:800px){.receipt-machine__printer{width:77vw;max-width:none}.receipt-card{width:70vw;height:110.6vw;min-height:0;max-height:none}.receipt-card__image{width:82%;max-width:none;margin:20px auto 14px}.receipt-card__image img{width:86%;height:86%}.receipt-machine__hint{width:70vw}}
@media (max-height:690px){.receipt-machine{grid-template-rows:70px minmax(0,1fr) 25px;padding-top:37px}.receipt-machine__printer{height:61px}.receipt-card{min-height:300px;height:min(59dvh,480px);padding:11px 13px 14px}.receipt-card__image{width:min(76%,240px);margin:8px auto}.receipt-card__meta{padding:6px 0}.receipt-card__barcode{height:17px;margin:3px 0;width:59px}.receipt-lookbook__edition{top:11px}}
@media (max-width:480px){.receipt-refresh{left:16px;bottom:23px;width:190px;min-width:0;min-height:57px;padding:10px 12px;column-gap:8px}.receipt-refresh strong{font-size:15px}.receipt-refresh em{font-size:8px}.receipt-machine__pull{right:16px}}

/* 收据到详情的高级连续转场：纸张轻抬聚焦、柔焦铺屏，再显现详情。 */
.receipt-card.is-opening-detail{
  pointer-events:none;
  filter:brightness(1.045) saturate(.96);
  transform:translateY(calc(var(--receipt-pull,0px) - 5px)) scale(.988);
  box-shadow:0 27px 45px rgba(38,35,31,.25),inset 0 0 0 1px rgba(58,52,45,.1);
  transition:transform .46s cubic-bezier(.16,1,.3,1),filter .36s ease,box-shadow .46s ease;
}

.look-transition{
  position:fixed;
  z-index:240;
  inset:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  background:rgba(31,28,24,0);
  backdrop-filter:blur(0) saturate(100%);
  -webkit-backdrop-filter:blur(0) saturate(100%);
  transition:opacity .22s ease,background .62s ease,backdrop-filter .62s ease;
}

.look-transition.is-running{opacity:1}

.look-transition.is-expanding{
  background:rgba(37,32,27,.18);
  backdrop-filter:blur(9px) saturate(88%);
  -webkit-backdrop-filter:blur(9px) saturate(88%);
}

.look-transition__aura{
  position:absolute;
  left:var(--from-x);
  top:var(--from-y);
  width:var(--from-w);
  height:var(--from-h);
  border-radius:50%;
  background:rgba(235,211,167,.24);
  filter:blur(34px);
  opacity:0;
  transform:translate(-50%,-50%) scale(.72);
  transition:left .72s cubic-bezier(.16,1,.3,1),top .72s cubic-bezier(.16,1,.3,1),width .72s cubic-bezier(.16,1,.3,1),height .72s cubic-bezier(.16,1,.3,1),opacity .4s ease,transform .72s cubic-bezier(.16,1,.3,1);
}

.look-transition__sheet{
  position:absolute;
  left:var(--from-x);
  top:var(--from-y);
  display:grid;
  place-items:center;
  width:var(--from-w);
  height:var(--from-h);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.92);
  border-radius:2px;
  background:linear-gradient(142deg,#fffefa 0%,#f3efe8 62%,#e7ded1 100%);
  box-shadow:0 20px 42px rgba(28,24,19,.25);
  opacity:.98;
  transform:translate(-50%,-50%) rotate(-.45deg) scale(.992);
  transform-origin:center;
  transition:left .72s cubic-bezier(.16,1,.3,1),top .72s cubic-bezier(.16,1,.3,1),width .72s cubic-bezier(.16,1,.3,1),height .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),box-shadow .72s ease,opacity .34s ease,filter .34s ease;
}

.look-transition__sheet::before{
  content:"";
  position:absolute;
  inset:9%;
  border:1px solid rgba(171,138,87,.17);
}

.look-transition__sheet::after{
  content:"";
  position:absolute;
  top:-20%;
  bottom:-20%;
  left:-38%;
  width:24%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.68),transparent);
  opacity:0;
  transform:skewX(-15deg);
  transition:left .78s .05s cubic-bezier(.2,.75,.25,1),opacity .28s ease;
}

.look-transition__sheet img{
  position:relative;
  z-index:1;
  width:58%;
  height:58%;
  object-fit:contain;
  filter:drop-shadow(0 13px 12px rgba(55,41,23,.16));
  transition:transform .72s cubic-bezier(.16,1,.3,1);
}

.look-transition.is-expanding .look-transition__aura{
  left:50%;
  top:50%;
  width:min(96vw,900px);
  height:min(90dvh,980px);
  opacity:1;
  transform:translate(-50%,-50%) scale(1.08);
}

.look-transition.is-expanding .look-transition__sheet{
  left:50%;
  top:50%;
  width:min(88vw,760px);
  height:min(84dvh,900px);
  border-radius:0;
  box-shadow:0 34px 76px rgba(24,20,16,.22);
  transform:translate(-50%,-50%) rotate(0) scale(1);
}

.look-transition.is-expanding .look-transition__sheet::after{
  left:116%;
  opacity:.72;
}

.look-transition.is-expanding .look-transition__sheet img{
  transform:scale(1.035);
}

.look-transition.is-revealing{
  opacity:0;
  background:rgba(244,242,238,.08);
  backdrop-filter:blur(0) saturate(100%);
  -webkit-backdrop-filter:blur(0) saturate(100%);
  transition:opacity .54s cubic-bezier(.4,0,.2,1),background .54s ease,backdrop-filter .54s ease;
}

.look-transition.is-revealing .look-transition__sheet{
  opacity:0;
  filter:blur(2px);
  transform:translate(-50%,-50%) scale(1.025);
  transition:opacity .44s ease,filter .44s ease,transform .54s cubic-bezier(.4,0,.2,1);
}

.screen--look-detail.is-detail-entering .look-detail{
  animation:detail-paper-settle .72s cubic-bezier(.16,1,.3,1) both;
}

.screen--look-detail.is-detail-entering .topbar--detail{
  animation:detail-bar-settle .54s .08s cubic-bezier(.16,1,.3,1) both;
}

@keyframes detail-paper-settle{
  from{opacity:0;transform:translateY(18px) scale(.992);filter:blur(2px)}
  to{opacity:1;transform:none;filter:none}
}

@keyframes detail-bar-settle{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:none}
}

@media (prefers-reduced-motion:reduce){
  .look-transition,.look-transition__aura,.look-transition__sheet,.look-transition__sheet img{transition-duration:.01ms!important}
  .screen--look-detail.is-detail-entering .look-detail,.screen--look-detail.is-detail-entering .topbar--detail{animation:none!important}
}

/* 相册内页操作卡：移至画面右上角，并沿用封面男女 Tab 的轻透胶囊语言。 */
body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker{
  position:fixed;
  top:max(12px,env(safe-area-inset-top));
  right:max(12px,env(safe-area-inset-right));
  z-index:42;
  display:flex;
  flex-direction:column;
  gap:5px;
  box-sizing:border-box;
  width:clamp(112px,20vw,132px);
  max-width:calc(100vw - 58px);
  margin:0;
  padding:5px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  background:rgba(255,255,255,.3);
  box-shadow:inset 0 1px rgba(255,255,255,.86),0 10px 24px rgba(52,43,33,.14);
  backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__top{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"heading count";
  gap:5px;
  align-items:center;
  min-height:42px;
  padding:5px 5px 6px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.58);
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__reminder{
  display:none;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__heading{
  grid-area:heading;
  gap:3px;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__heading strong{
  overflow:hidden;
  color:#332d26;
  font-size:12px;
  line-height:1.1;
  letter-spacing:.04em;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__heading small{
  overflow:hidden;
  color:#8b8278;
  font-size:6px;
  line-height:1;
  letter-spacing:.08em;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__top > b{
  grid-area:count;
  min-width:0;
  padding:5px 6px;
  border:1px solid rgba(255,255,255,.78);
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(228,222,211,.62));
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 3px 8px rgba(66,55,42,.09);
  color:#5b5146;
  font-size:8px;
  white-space:nowrap;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__selected{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:4px;
  min-height:0;
  max-height:95px;
  margin:0;
  padding:2px 1px;
  overflow:auto;
  scrollbar-width:none;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__selected::-webkit-scrollbar{
  display:none;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__selected > span{
  padding:4px 5px;
  color:#777067;
  font-size:8px;
  line-height:1.35;
  text-align:center;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__tag{
  justify-content:space-between;
  width:100%;
  min-width:0;
  padding:6px 7px;
  border-color:rgba(255,255,255,.68);
  background:rgba(255,255,255,.38);
  color:#51483e;
  font-size:8px;
  white-space:nowrap;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions{
  display:flex;
  flex-direction:column;
  gap:5px;
  width:100%;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions::after{
  display:none;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions #fittingAction,
body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions .album-copy__button{
  width:100%;
  height:auto;
  min-height:36px;
  margin:0;
  padding:7px 6px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  background:rgba(255,255,255,.2);
  box-shadow:none;
  color:#777067;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.03em;
  white-space:normal;
  text-shadow:none;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions #fittingAction::before{
  color:#9c7b4a;
  font-size:13px;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions #fittingAction.is-selected,
body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions .album-copy__button:not(:disabled){
  border-color:rgba(255,255,255,.82);
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(228,222,211,.7));
  box-shadow:inset 0 1px rgba(255,255,255,.92),0 4px 9px rgba(66,55,42,.12);
  color:#332d26;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions .album-copy__button i{
  display:none;
}

body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .album-props-copy.fitting-picker .album-props-copy__summary{
  min-height:0;
  margin:0;
  padding:5px;
  border:0;
  color:#777067;
  font-size:8px;
  line-height:1.4;
  text-align:center;
}

@media (max-height:700px){
  body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker{
    top:max(8px,env(safe-area-inset-top));
    right:max(8px,env(safe-area-inset-right));
    width:112px;
  }
  body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__selected{
    max-height:64px;
  }
  body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions #fittingAction,
  body.is-album-locked .screen--occasion-album .occasion-album:not(.is-on-cover) > .fitting-picker .fitting-picker__actions .album-copy__button{
    min-height:32px;
    padding:6px 5px;
  }
}

/* 活动页重构：参考私享邀请函的留白版式，去除主视觉人物，让阅读重心回到活动信息。 */
.screen--events{background:#fff!important}
.screen--events .topbar--events{height:108px;background:rgba(255,255,255,.94)!important;border:0;box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.screen--events .topbar--events .back-btn{width:44px;height:44px;margin-left:12px;background:transparent;color:#46413b;font:400 31px/1 var(--sans);transform:none}
.screen--events .topbar--events .topbar-spacer{width:54px;margin-right:12px;text-align:center}.screen--events .topbar--events .topbar-spacer::after{content:"•••";color:#39342f;font:700 18px/1 var(--sans);letter-spacing:3px}
.screen--events .events-page{padding:128px 8vw 116px!important;background:linear-gradient(115deg,#fff 0%,#fcfbf9 60%,#fff 100%)}
.screen--events .events-hero{min-height:500px;margin:0;padding:38px 0 43px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.screen--events .events-hero>p{margin:0 0 48px;color:#a28b63;font:700 10px/1 var(--sans);letter-spacing:.2em}
.screen--events .events-hero>p::before{display:none}
.screen--events .events-hero h1{max-width:350px;color:#272420;font-size:clamp(38px,10.5vw,54px);line-height:1.18;letter-spacing:.015em}
.screen--events .events-hero h1 em{margin:4px 0 0;color:#b0a38e;font-weight:400}.screen--events .events-hero h1 em::after{display:none}
.screen--events .events-hero>span{width:252px;margin-top:58px;padding:0;border:0;color:#514c45;font-size:12px;line-height:1.9}.screen--events .events-hero>span::after{display:none}
.screen--events .events-hero::before{top:43px;right:9px;padding-left:13px;height:200px;border-left:1px solid rgba(159,132,91,.5);color:#9e8865;font-size:9px;line-height:1.55;letter-spacing:.18em}
.screen--events .events-hero::after{right:4px;bottom:60px;width:122px;height:122px;border-color:rgba(174,143,92,.45);box-shadow:inset 0 0 0 12px rgba(245,241,234,.66),0 0 0 0 transparent}
.screen--events .events-hero__month{right:38px;bottom:87px;color:#9e7c42;font:400 47px/.9 var(--sans);letter-spacing:-.08em}
.screen--events .event-feature{display:none}
.screen--events .events-agenda{margin-top:0;padding-top:26px;border-top:1px solid rgba(161,143,115,.28)}
.screen--events .events-agenda__heading{align-items:center;margin:0 0 26px;padding:0;border:0}.screen--events .events-agenda__heading span{color:#a88e63;font-size:9px;letter-spacing:.16em}.screen--events .events-agenda__heading h2{margin-left:18px;color:#2b2925;font-size:26px;letter-spacing:.04em}.screen--events .events-agenda__heading em{color:#9b9389;font-size:11px}.screen--events .events-agenda__heading em::before{content:"查看全部"}.screen--events .events-agenda__heading em{font-size:0}.screen--events .events-agenda__heading em::after{content:"›";margin-left:13px;font-size:22px;vertical-align:-2px}
.screen--events .events-agenda__list{gap:14px}.screen--events .event-card{grid-template-columns:76px minmax(0,1fr) 46px;gap:18px;min-height:142px;padding:21px 25px;border:0;border-radius:16px;background:#fff;box-shadow:0 15px 30px rgba(50,43,34,.055);overflow:hidden}.screen--events .event-card::after{display:none}.screen--events .event-card__date{justify-items:start}.screen--events .event-card__date b{font-size:40px;font-weight:400;letter-spacing:-.1em}.screen--events .event-card__date span{margin-top:7px;color:#777068;font-size:10px}.screen--events .event-card__copy small{color:#a88a5c;font-size:9px}.screen--events .event-card__copy h3{margin:8px 0 7px;font-size:18px;line-height:1.23;letter-spacing:.015em}.screen--events .event-card__copy p{font-size:11px;color:#6f6961}.screen--events .event-card button{width:48px;height:48px;border:0;border-radius:50%;background:#f3f0eb;color:#a4875a;font-size:28px;font-weight:300;box-shadow:none}.screen--events .event-card button:active{background:#e5d6bb;color:#59472f}
.screen--events .events-note{margin-top:52px;padding:0 12px 8px;border:0;background:transparent;color:#443e37;overflow:visible}.screen--events .events-note::after{display:none}.screen--events .events-note span{display:block;padding-bottom:13px;border-bottom:1px solid rgba(161,143,115,.28);color:#a88e63;font-size:9px}.screen--events .events-note p{max-width:none;margin:18px 0;color:#686159;font-size:12px;line-height:1.9}.screen--events .events-note button{padding:0;border:0;background:none;color:#a48659;font-size:15px;letter-spacing:.04em}.screen--events .events-note button::after{content:" →";margin-left:7px}
@media (max-width:380px){.screen--events .events-page{padding-right:7vw!important;padding-left:7vw!important}.screen--events .events-hero{min-height:455px}.screen--events .events-hero h1{font-size:38px}.screen--events .event-card{grid-template-columns:62px minmax(0,1fr) 42px;gap:13px;padding:18px}.screen--events .event-card__date b{font-size:35px}.screen--events .event-card__copy h3{font-size:16px}.screen--events .event-card button{width:42px;height:42px}}

/* 顶部栏沿用活动页原有的毛玻璃返回样式，内容区才使用新的邀请函版式。 */
.screen--events .topbar--events{height:108px;background:rgba(247,246,243,.82)!important;border-bottom:1px solid rgba(255,255,255,.68);box-shadow:0 8px 23px rgba(45,38,29,.05)}
.screen--events .topbar--events .back-btn{width:106px;height:60px;margin-left:30px;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:rgba(255,255,255,.56);box-shadow:0 12px 22px rgba(47,42,35,.14),inset 0 1px rgba(255,255,255,.94);color:#fff;font:400 30px/1 var(--sans)}
.screen--events .topbar--events .topbar-spacer{margin-right:30px}.screen--events .topbar--events .topbar-spacer::after{display:none}

/* 活动页顶部直接复用“智选”页的固定操作栏。 */
.screen--events .topbar--events{position:fixed!important;top:0;left:0;z-index:60;width:100%;height:74px;background:rgba(247,246,243,.74)!important;border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 8px 24px rgba(32,30,27,.08);backdrop-filter:blur(20px) saturate(112%);-webkit-backdrop-filter:blur(20px) saturate(112%)}
.screen--events .topbar--events .back-btn{width:70px;height:40px;margin-left:0;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.46),0 9px 22px rgba(31,29,26,.28);color:transparent;font-size:0}
.screen--events .topbar--events .back-btn::after{color:#fff;font:300 25px/1 Arial,sans-serif}.screen--events .topbar--events .topbar-spacer{width:34px;margin-right:0}.screen--events .topbar--events .topbar-spacer::after{display:none}

/* 活动页留白飞行模式：只留下纸飞机沿直线往返，保持顶部与底部导航不变。 */
.screen--events{min-height:100dvh!important;padding:0!important;background:#fff!important;overflow:hidden}
.screen--events.is-active{position:fixed;inset:0;z-index:10;width:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}
html:has(body.is-events-locked),body.is-events-locked{height:100dvh;overflow:hidden;overscroll-behavior:none}
.screen--events .events-page{position:relative;height:calc(100dvh - 154px);min-height:0;margin-top:74px;padding:0!important;overflow:hidden;background:#fff}
.screen--events .events-hero,.screen--events .event-feature,.screen--events .events-agenda,.screen--events .events-note{display:none}
.event-plane{position:absolute;z-index:2;left:12.5%;top:calc(100% - 112px);width:52px;height:60px;transform:translateX(-50%);pointer-events:none;animation:event-plane-flight 8s linear infinite;filter:drop-shadow(0 12px 12px rgba(38,35,31,.2))}
.event-plane svg{display:block;width:100%;height:100%;overflow:visible;fill:#fff;stroke:rgba(185,178,164,.56);stroke-width:1.1;stroke-linejoin:round}.event-plane svg path:last-child{fill:none;stroke:rgba(181,166,142,.55);stroke-linecap:round}
.event-service-list{position:absolute;inset:0;z-index:1}.event-service-card{position:absolute;display:grid;align-content:center;gap:4px;width:min(58vw,370px);height:clamp(62px,7.3dvh,92px);padding:12px 17px;border:1px solid rgba(226,222,214,.82);border-radius:3px;background:rgba(255,255,255,.92);box-shadow:0 12px 29px rgba(43,38,32,.045),inset 0 1px rgba(255,255,255,.98);color:#282520;isolation:isolate;overflow:hidden;transition:transform .55s cubic-bezier(.2,.8,.25,1),border-color .55s ease,box-shadow .55s ease}.event-service-card::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(213,185,134,.3) 49%,rgba(255,255,255,.95) 52%,transparent 72%);transform:translateX(-125%);opacity:0}.event-service-card::after{content:"";position:absolute;right:15px;top:50%;width:5px;height:5px;border-radius:50%;background:#c4a36b;box-shadow:0 0 0 5px rgba(196,163,107,.09);opacity:.3;transform:translateY(-50%);transition:opacity .4s ease,box-shadow .4s ease}.event-service-card small{color:#ad9163;font:700 7px/1 var(--sans);letter-spacing:.16em}.event-service-card h2{margin:0;font:700 14px/1.1 var(--cn-sans);letter-spacing:.04em}.event-service-card p{margin:0;max-width:86%;color:#817a72;font-size:9px;line-height:1.4}.event-service-card:nth-child(1){left:29%;top:8%}.event-service-card:nth-child(2){left:29%;top:18%}.event-service-card:nth-child(3){left:32%;top:30%}.event-service-card:nth-child(4){left:32%;top:40%}.event-service-card:nth-child(5){left:35%;top:50%}.event-service-card:nth-child(6){left:33%;top:61%}.event-service-card:nth-child(7){left:32%;top:71%}.event-service-card:nth-child(8){left:31%;top:81%}.event-service-card.is-plane-near{border-color:rgba(190,155,94,.62);box-shadow:0 17px 38px rgba(72,57,33,.12),inset 0 1px rgba(255,255,255,1);transform:translateX(7px) translateY(-2px)}.event-service-card.is-plane-near::before{opacity:1;animation:event-card-sheen 1.1s cubic-bezier(.22,.72,.25,1) both}.event-service-card.is-plane-near::after{opacity:1;box-shadow:0 0 0 7px rgba(196,163,107,.11),0 0 16px rgba(196,163,107,.5)}
@keyframes event-card-sheen{from{transform:translateX(-125%)}to{transform:translateX(130%)}}
@keyframes event-plane-flight{0%{top:calc(100% - 112px);transform:translateX(-50%) rotate(0deg)}46%{top:36px;transform:translateX(-50%) rotate(0deg)}50%{top:36px;transform:translateX(-50%) rotate(180deg)}96%{top:calc(100% - 112px);transform:translateX(-50%) rotate(180deg)}100%{top:calc(100% - 112px);transform:translateX(-50%) rotate(360deg)}}
@media (max-width:420px){.event-service-card{width:61vw;padding:10px 14px}.event-service-card h2{font-size:13px}.event-service-card p{font-size:8px}.event-service-card:nth-child(1),.event-service-card:nth-child(2){left:30%}.event-service-card:nth-child(3),.event-service-card:nth-child(4){left:33%}.event-service-card:nth-child(5){left:35%}.event-service-card:nth-child(6),.event-service-card:nth-child(7),.event-service-card:nth-child(8){left:32%}}
@media (prefers-reduced-motion:reduce){.event-plane{animation:none;top:50%;transform:translate(-50%,-50%)}.event-service-card{transition:none}.event-service-card.is-plane-near::before{animation:none}}

/* 服务清单改为同轴的一行式编辑排版：不使用外框，以飞机经过时的细光作为交互提示。 */
.event-service-card{display:flex;align-items:baseline;gap:11px;width:min(58vw,480px);height:clamp(42px,4.8dvh,58px);padding:0 4px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;transition:transform .55s cubic-bezier(.2,.8,.25,1)}
.event-service-card::before{top:50%;right:auto;bottom:auto;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(191,155,94,.78),rgba(255,255,255,.98),rgba(191,155,94,.4),transparent);transform:translateX(-112%) scaleX(.75);transform-origin:left;opacity:0}.event-service-card::after{right:auto;left:-13px;top:50%;width:4px;height:4px;opacity:.17;box-shadow:0 0 0 4px rgba(196,163,107,.06);transform:translateY(-50%)}
.event-service-card small{flex:0 0 auto;color:#ab8c5b;font:700 8px/1 var(--sans);letter-spacing:.12em;white-space:nowrap}.event-service-card h2{flex:0 0 auto;margin:0;color:#27241f;font:700 15px/1 var(--cn-sans);letter-spacing:.045em;white-space:nowrap;transition:letter-spacing .72s ease}.event-service-card p{overflow:hidden;flex:1;min-width:0;margin:0;color:#81796f;font-size:9px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;transition:color .72s ease}
.event-service-card:nth-child(1),.event-service-card:nth-child(2),.event-service-card:nth-child(3),.event-service-card:nth-child(4),.event-service-card:nth-child(5),.event-service-card:nth-child(6),.event-service-card:nth-child(7),.event-service-card:nth-child(8){left:29%}.event-service-card:nth-child(1){top:8%}.event-service-card:nth-child(2){top:18%}.event-service-card:nth-child(3){top:30%}.event-service-card:nth-child(4){top:40%}.event-service-card:nth-child(5){top:50%}.event-service-card:nth-child(6){top:61%}.event-service-card:nth-child(7){top:71%}.event-service-card:nth-child(8){top:81%}
.event-service-card.is-plane-near{border:0;box-shadow:none;transform:translateX(8px)}.event-service-card.is-plane-near::before{opacity:1;animation:event-service-line 1.08s cubic-bezier(.22,.72,.25,1) both}.event-service-card.is-plane-near::after{opacity:1;box-shadow:0 0 0 7px rgba(196,163,107,.1),0 0 15px rgba(196,163,107,.48)}.event-service-card.is-plane-near h2{letter-spacing:.12em;transition:letter-spacing .72s ease}.event-service-card.is-plane-near p{color:#aa8750;transition:color .72s ease}@keyframes event-service-line{0%{transform:translateX(-112%) scaleX(.75)}52%{transform:translateX(0) scaleX(1)}100%{transform:translateX(112%) scaleX(.75)}}
@media (max-width:420px){.event-service-card{left:22px!important;width:calc(100% - 44px);gap:7px}.event-service-card small{font-size:7px}.event-service-card h2{font-size:13px}.event-service-card p{font-size:8px}}

/* 倒计时嵌入出纸机面板，不再占用底部操作区。 */
.receipt-machine__printer .receipt-refresh{position:absolute;z-index:3;top:9px;right:8.5%;bottom:auto;left:auto;display:flex;align-items:center;justify-content:flex-start;gap:clamp(9px,1.1vw,15px);width:43%;min-width:0;min-height:0;height:56px;padding:0 0 0 13px;border:0;border-left:1px solid rgba(255,255,255,.25);border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;overflow:visible}.receipt-machine__printer .receipt-refresh::before,.receipt-machine__printer .receipt-refresh::after{display:none}.receipt-machine__printer .receipt-refresh strong{padding:0;color:#fff;font-size:clamp(16px,2.35vw,26px);line-height:1;letter-spacing:.055em;text-shadow:none;white-space:nowrap}.receipt-machine__printer .receipt-refresh em{color:rgba(255,255,255,.64);font-size:clamp(7px,.9vw,10px);line-height:1;white-space:nowrap}.receipt-machine__printer .receipt-refresh strong.is-ticking{animation:receipt-refresh-flip .52s cubic-bezier(.23,.82,.27,1) both}
@media (max-width:480px){.receipt-machine__printer .receipt-refresh{top:10px;right:12%;width:48%;height:40px;gap:5px;padding-left:7px}.receipt-machine__printer .receipt-refresh strong{font-size:11px}.receipt-machine__printer .receipt-refresh em{font-size:5px}}

/* 活动页：回归留白与白色活动卡片，信息只保留日期、主题、时间与预约。 */
.screen--events .events-page{background:#f6f5f2}
.events-minimal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(16px,2.7dvh,28px);height:100%;padding:clamp(24px,4.8dvh,52px) clamp(24px,7.5vw,78px) clamp(16px,3.2dvh,32px);color:#292622}
.events-minimal__head{position:relative;display:grid;align-content:start;gap:8px;min-height:90px;padding-bottom:16px;border-bottom:1px solid rgba(137,116,83,.22)}
.events-minimal__head p{margin:0;color:#a78b5e;font:700 9px/1 var(--sans);letter-spacing:.2em}
.events-minimal__head h1{margin:0;color:#292622;font:800 clamp(28px,5.4vw,48px)/1.05 var(--cn-sans);letter-spacing:.065em}
.events-minimal__head span{color:#888077;font-size:11px;letter-spacing:.035em}
.events-minimal__head b{position:absolute;right:0;bottom:16px;color:#b69967;font:400 clamp(34px,6vw,50px)/.8 var(--sans);letter-spacing:-.08em}
.events-minimal__grid{display:grid;grid-template-rows:minmax(128px,1.45fr) repeat(3,minmax(68px,.78fr));gap:10px;min-height:0}
.event-white-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:0;padding:15px 18px;border:1px solid rgba(86,73,54,.1);border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 12px 26px rgba(54,46,37,.045),inset 0 1px rgba(255,255,255,.98);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.event-white-card:hover{border-color:rgba(168,136,85,.34);box-shadow:0 16px 30px rgba(54,46,37,.09);transform:translateY(-2px)}
.event-white-card__date{display:grid;justify-items:center;gap:2px;color:#403a33}.event-white-card__date b{font:400 clamp(27px,4.5vw,40px)/.86 var(--sans);letter-spacing:-.09em}.event-white-card__date span{color:#a48a61;font:700 8px/1 var(--sans);letter-spacing:.15em}
.event-white-card__copy{min-width:0}.event-white-card__copy small{display:block;margin-bottom:5px;color:#aa8a58;font:700 8px/1 var(--sans);letter-spacing:.16em}.event-white-card__copy h2{margin:0;overflow:hidden;color:#292622;font:800 clamp(14px,2.2vw,19px)/1.2 var(--cn-sans);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.event-white-card__copy p{margin:5px 0 0;color:#8d857b;font-size:10px;line-height:1.2}
.event-white-card button{display:grid;place-items:center;width:35px;height:35px;padding:0;border:1px solid rgba(164,136,91,.34);border-radius:50%;background:#fff;color:#9c7b45;font:400 18px/1 var(--sans);transition:color .25s ease,background .25s ease,transform .25s ease}
.event-white-card button:hover{background:#9c7b45;color:#fff;transform:rotate(45deg)}
.event-white-card--feature{grid-template-columns:76px minmax(0,1fr) auto;padding:22px 24px;border-color:rgba(160,130,82,.24);border-radius:18px;background:linear-gradient(118deg,#fff 0%,#fcfaf6 100%)}
.event-white-card--feature .event-white-card__date b{font-size:clamp(38px,6vw,55px)}.event-white-card--feature .event-white-card__copy h2{font-size:clamp(21px,3.5vw,30px);white-space:normal}.event-white-card--feature button{display:flex;align-items:center;gap:8px;width:auto;height:40px;padding:0 15px;border-radius:999px;font:700 12px/1 var(--cn-sans);letter-spacing:.05em}.event-white-card--feature button i{font-style:normal;font:400 17px/1 var(--sans)}
.events-minimal__note{margin:0;color:#8e867c;font-size:10px;letter-spacing:.04em;text-align:center}
@media (max-width:480px){.events-minimal{gap:17px;padding:29px 23px 16px}.events-minimal__head{min-height:82px;padding-bottom:13px}.events-minimal__head h1{font-size:29px}.events-minimal__head span{font-size:9px}.events-minimal__head b{bottom:13px;font-size:37px}.events-minimal__grid{grid-template-rows:minmax(112px,1.4fr) repeat(3,minmax(64px,.8fr));gap:8px}.event-white-card{grid-template-columns:45px minmax(0,1fr) 30px;gap:9px;padding:11px 12px;border-radius:13px}.event-white-card__date b{font-size:28px}.event-white-card__copy small{margin-bottom:3px;font-size:6px}.event-white-card__copy h2{font-size:12px}.event-white-card__copy p{margin-top:3px;font-size:8px}.event-white-card button{width:29px;height:29px;font-size:15px}.event-white-card--feature{grid-template-columns:58px minmax(0,1fr) auto;padding:16px}.event-white-card--feature .event-white-card__date b{font-size:38px}.event-white-card--feature .event-white-card__copy h2{font-size:19px}.event-white-card--feature button{height:33px;padding:0 11px;font-size:10px}.events-minimal__note{font-size:8px}}

/* New-term invitation: a quiet floral reveal, kept intentionally minimal. */
.screen--events .topbar--events h2{display:none}
.screen--events.is-active{
  height:100dvh!important;
  min-height:100dvh!important;
  background:#f7f6f3!important;
}
.screen--events .topbar--events{
  width:0!important;
  height:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:none;
}
.screen--events .topbar--events .back-btn{pointer-events:auto}
.screen--events .events-page{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#f7f6f3;
}
.screen--events .events-minimal{display:none!important}
.new-term-invitation{position:relative;isolation:isolate;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;background:#f7f6f3}
.new-term-invitation__art{position:absolute;inset:0;z-index:0;background:url("assets/event-new-season-invitation.webp") center top/cover no-repeat;transform:scale(1.035);transform-origin:46% 18%;filter:blur(2.8px) saturate(.72) contrast(.96) brightness(1.08);animation:new-term-focus 12s cubic-bezier(.45,0,.2,1) infinite alternate}
.new-term-invitation__mist{position:absolute;z-index:1;inset:-12%;pointer-events:none;background:radial-gradient(ellipse at 42% 56%,rgba(255,255,255,.07) 0%,rgba(255,255,255,.44) 47%,rgba(255,255,255,.78) 78%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.8) 92%);animation:new-term-mist 9s ease-in-out infinite alternate}
.new-term-invitation__copy{position:absolute;z-index:2;left:clamp(30px,8vw,94px);bottom:clamp(112px,17dvh,210px);display:grid;gap:9px;color:#756756;animation:new-term-copy-in 2.2s .55s cubic-bezier(.2,.85,.28,1) both}
.new-term-invitation__copy p{margin:0;color:#a48963;font:700 clamp(8px,.9vw,10px)/1 var(--sans);letter-spacing:.22em}
.new-term-invitation__copy h1{margin:0;color:#4c453b;font:700 clamp(34px,6.7vw,68px)/1.09 var(--cn-sans);letter-spacing:.095em;text-shadow:0 1px rgba(255,255,255,.88)}
.new-term-invitation__copy h1 span{color:#a28d6d;font-weight:400}
.new-term-invitation__copy small{color:#9d8d79;font:700 clamp(7px,.75vw,9px)/1 var(--sans);letter-spacing:.21em}
.new-term-invitation__foot{position:absolute;z-index:2;left:clamp(30px,8vw,94px);bottom:clamp(62px,8.5dvh,98px);margin:0;color:rgba(103,92,78,.7);font:500 clamp(10px,1.1vw,12px)/1.4 var(--cn-sans);letter-spacing:.14em;animation:new-term-copy-in 2.15s 1s both}
@keyframes new-term-focus{0%,14%{transform:scale(1.035) translate3d(0,0,0);filter:blur(2.8px) saturate(.72) contrast(.96) brightness(1.08)}28%,100%{transform:scale(1.085) translate3d(-1.3%,-.9%,0);filter:blur(0) saturate(.83) contrast(.98) brightness(1.03)}}
@keyframes new-term-mist{0%{opacity:.75;transform:translate3d(-1%,.8%,0)}100%{opacity:.98;transform:translate3d(1%,-.7%,0)}}
@keyframes new-term-copy-in{0%{opacity:0;transform:translate3d(0,15px,0);filter:blur(11px)}72%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@media (max-width:480px){.new-term-invitation__art{background-position:48% top}.new-term-invitation__copy{left:32px;bottom:148px;gap:8px}.new-term-invitation__copy h1{font-size:38px;letter-spacing:.08em}.new-term-invitation__foot{left:32px;bottom:83px;font-size:10px}}
@media (prefers-reduced-motion:reduce){.new-term-invitation__art,.new-term-invitation__mist,.new-term-invitation__copy,.new-term-invitation__foot{animation:none!important;filter:none}.new-term-invitation__art{transform:none}}

/* Occasion album covers: luminous editorial portrait with calm left-side typography. */
.album-cover{overflow:hidden;background:#f7f3ec var(--occasion-cover-image,url("assets/occasion-cover-editorial.webp")) center/cover no-repeat!important}
.album-cover::before{z-index:1!important;background:linear-gradient(90deg,rgba(255,253,249,.12) 0%,rgba(255,253,249,.04) 51%,rgba(244,236,223,.12) 100%)!important}
.album-cover::after{z-index:2!important;background:linear-gradient(90deg,rgba(151,122,82,.14),transparent 1px 18%,rgba(161,132,91,.08) 18.2%,transparent 18.5% 82%,rgba(255,255,255,.2) 82.2%,transparent 82.5%)!important;opacity:.52!important}
.album-cover>i{display:none}
.album-cover__halo{z-index:3!important;right:-30%!important;top:5%!important;width:76%!important;border-color:rgba(169,139,92,.34)!important;box-shadow:0 0 0 20px rgba(185,159,118,.07),0 0 0 46px rgba(185,159,118,.035)!important}
.album-cover__line{z-index:3!important;left:11%!important;right:43%!important;top:39%!important;background:linear-gradient(90deg,#b39262,rgba(179,146,98,.12))!important}
.album-cover__kicker{z-index:4!important;top:10%!important;left:11%!important;color:#9b7e53!important;font-size:8px!important;letter-spacing:.22em!important;text-shadow:0 1px 1px rgba(255,255,255,.9)}
.album-cover__title{z-index:4!important;left:11%!important;bottom:auto!important;top:43%!important;gap:9px!important;color:#292620!important;text-shadow:0 1px 1px rgba(255,255,255,.92)!important}
.album-cover__title strong{font:700 clamp(32px,5vw,46px)/.98 var(--cn-sans)!important;letter-spacing:.14em!important}
.album-cover__title small{color:#a1845b!important;font-size:9px!important;letter-spacing:.28em!important}
.album-cover__edition{z-index:4!important;right:10%!important;top:10%!important;bottom:auto!important;color:rgba(101,82,54,.7)!important;font-size:8px!important;text-shadow:0 1px rgba(255,255,255,.75)}
.album-cover em{z-index:4!important;left:11%!important;bottom:8%!important;color:rgba(78,66,51,.7)!important;font-size:9px!important;letter-spacing:.13em!important;text-shadow:0 1px rgba(255,255,255,.78)!important}

/* 造型详情：底部固定购买入口。深色基座承接导航栏语言，按钮保留雾面玻璃层次。 */
.screen--look-detail{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
.screen--look-detail .look-detail{padding-bottom:calc(126px + env(safe-area-inset-bottom))}
.screen--look-detail .look-copy{position:fixed;z-index:90;left:50%;bottom:max(16px,env(safe-area-inset-bottom));box-sizing:border-box;width:min(88vw,720px);max-width:none;margin:0;padding:10px 12px 10px 10px;overflow:hidden;border:1px solid rgba(221,189,131,.34);border-radius:18px;background:linear-gradient(112deg,rgba(15,14,13,.97),rgba(38,32,27,.96));box-shadow:0 18px 40px rgba(20,16,12,.36),inset 0 1px rgba(255,255,255,.12);transform:translateX(-50%);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.screen--look-detail .look-copy::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 94% 50%,rgba(213,178,105,.2),transparent 28%),repeating-radial-gradient(ellipse at 101% 100%,transparent 0 14px,rgba(224,195,140,.08) 15px 16px);opacity:.75}
.screen--look-detail .look-copy>*{position:relative;z-index:1}
.screen--look-detail .look-copy__reminder{width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#5f4d31,#24201b);box-shadow:inset 0 1px rgba(255,255,255,.22),0 4px 12px rgba(0,0,0,.24)}
.screen--look-detail .look-copy__note{color:#f4eee4;font-size:12px;letter-spacing:.025em;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.screen--look-detail .look-copy__button{min-width:84px;padding:10px 15px;border:1px solid rgba(255,255,255,.46);border-radius:13px;background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(255,255,255,.1));box-shadow:inset 0 1px rgba(255,255,255,.64),inset 0 -1px rgba(0,0,0,.18),0 7px 15px rgba(0,0,0,.24);color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.54);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%)}
.screen--look-detail .look-copy__button:hover{background:linear-gradient(145deg,rgba(220,191,140,.48),rgba(255,255,255,.16));box-shadow:inset 0 1px rgba(255,255,255,.72),0 8px 19px rgba(0,0,0,.3)}
.screen--look-detail .look-copy__button.is-copied{background:linear-gradient(145deg,rgba(199,163,98,.88),rgba(115,86,45,.86));box-shadow:inset 0 1px rgba(255,255,255,.46),0 7px 18px rgba(0,0,0,.28)}
@media (max-width:480px){.screen--look-detail .look-copy{width:calc(100vw - 28px);bottom:max(12px,env(safe-area-inset-bottom));gap:9px;padding:9px 10px 9px 9px;border-radius:16px}.screen--look-detail .look-copy__note{font-size:10px;line-height:1.3}.screen--look-detail .look-copy__button{min-width:72px;padding:10px 12px;font-size:12px}.screen--look-detail .look-copy__reminder{width:30px;height:30px}}

/* 有分类的相册：Tab 脱离纸张流，始终固定在屏幕下方 10% 的阅读舒适区。 */
.screen--occasion-album .album-tabs{position:fixed;z-index:32;left:50%;bottom:10dvh;margin:0;transform:translateX(-50%)}
@supports (bottom:env(safe-area-inset-bottom)){.screen--occasion-album .album-tabs{bottom:max(10dvh,calc(env(safe-area-inset-bottom) + 18px))}}

/* 相册翻页：双向仅保留纸张旋转和层叠深度，不再叠加扫光或高光动画。 */
.screen--occasion-album .album-page.is-turning::after{animation:none!important}
.screen--occasion-album .album-page:not(.album-cover)::after{display:none}
.screen--occasion-album .album-page.is-turned{filter:none}
.screen--occasion-album .album-page.is-turning{z-index:30!important;will-change:transform;animation:album-paper-turn-forward .66s cubic-bezier(.2,.72,.16,1) both}
.screen--occasion-album .album-page.is-turning.is-turning-back{animation-name:album-paper-turn-back}
@keyframes album-paper-turn-forward{from{transform:rotateY(0deg)}to{transform:rotateY(-179.5deg)}}
@keyframes album-paper-turn-back{from{transform:rotateY(-179.5deg)}to{transform:rotateY(0deg)}}

/* 手机相册只让翻动纸张参与合成，避免毛玻璃随每一帧重复计算。 */
@media(max-width:580px){
  .screen--occasion-album.is-active{animation:album-screen-in .22s cubic-bezier(.16,1,.3,1)}
  .screen--occasion-album .topbar--album,
  .screen--occasion-album .fitting-picker,
  .screen--occasion-album .album-tabs,
  .screen--occasion-album .back-btn{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .screen--occasion-album .fitting-picker{background:rgba(249,248,245,.94)}
  .screen--occasion-album .album-tabs{background:rgba(249,248,245,.92)}
}
@keyframes album-screen-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 店铺简介：留白画册与黑金地图，让“到店”成为一段安静的品牌体验。 */
.screen--store{min-height:100svh;padding:74px 0 108px;background:radial-gradient(circle at 97% 12%,rgba(202,177,132,.2),transparent 25%),radial-gradient(circle at 5% 53%,rgba(255,255,255,.98),transparent 28%),linear-gradient(145deg,#e9e5de,#f8f7f4 44%,#e9e5dc);color:#292722}
.topbar--store{position:sticky;top:0;z-index:50;box-sizing:border-box;height:74px;border-bottom:1px solid rgba(106,90,68,.1);background:rgba(248,247,244,.7);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
.topbar--store p{margin:0;color:#7e6d55;font:700 9px/1 var(--sans);letter-spacing:.24em}
.topbar--store .back-btn{display:grid;place-items:center;width:42px;height:34px;border:1px solid rgba(107,92,70,.18);border-radius:999px;background:rgba(255,255,255,.4);color:#4a4034;font:400 23px/1 var(--serif);box-shadow:inset 0 1px rgba(255,255,255,.9),0 7px 14px rgba(59,49,38,.11)}
.store-page{box-sizing:border-box;width:min(100%,820px);margin:0 auto;padding:26px clamp(20px,5.8vw,52px) 36px;display:grid;gap:22px}
.store-hero{position:relative;min-height:292px;padding:27px 26px;overflow:hidden;border:1px solid rgba(121,101,73,.16);background:linear-gradient(128deg,rgba(255,255,255,.88),rgba(250,247,241,.4));box-shadow:0 24px 42px rgba(72,57,38,.1)}
.store-hero::before{content:"";position:absolute;top:-80px;right:-60px;width:250px;height:250px;border:1px solid rgba(171,140,91,.33);border-radius:50%;box-shadow:0 0 0 30px rgba(177,146,100,.05),0 0 0 60px rgba(177,146,100,.028)}
.store-hero::after{content:"";position:absolute;right:28px;bottom:27px;width:65%;height:1px;background:linear-gradient(90deg,transparent,rgba(151,120,76,.55))}
.store-hero__eyebrow,.store-kicker{position:relative;z-index:1;margin:0;color:#a88a5e;font:700 9px/1 var(--sans);letter-spacing:.22em}
.store-hero h1{position:relative;z-index:1;margin:24px 0 17px;max-width:390px;color:#292620;font:700 clamp(32px,7vw,58px)/1.08 var(--cn-sans);letter-spacing:.03em}
.store-hero h1 em{font-style:normal;font-weight:400;color:#a4937b}
.store-hero__note{position:relative;z-index:1;margin:0;color:#71695e;font-size:12px;letter-spacing:.04em}
.store-hero__edition{position:absolute;z-index:1;right:24px;top:28px;color:rgba(119,94,59,.55);font:500 12px/1 var(--sans);letter-spacing:.16em}
.store-intro{display:grid;grid-template-columns:48px 1fr;gap:10px 14px;align-items:start;padding:20px 4px 4px}
.store-intro__index{grid-row:span 2;color:#b18d5c;font:500 30px/.9 var(--serif);letter-spacing:-.04em}
.store-intro h2{margin:4px 0 0;color:#282622;font:700 clamp(21px,4.5vw,31px)/1.22 var(--cn-sans);letter-spacing:.015em}
.store-intro__body{grid-column:2;margin:9px 0 0;color:#716960;font-size:13px;line-height:1.9}
.store-map{position:relative;overflow:hidden;border:1px solid rgba(98,79,53,.2);background:#1f1c19;box-shadow:0 20px 38px rgba(49,38,26,.18)}
.store-map__head{display:flex;justify-content:space-between;align-items:center;padding:18px 19px 14px;color:#dbc49a}
.store-map__head p{margin:0;color:#d6bc8f}.store-map__head span{font:700 8px/1 var(--sans);letter-spacing:.2em;color:rgba(255,255,255,.6)}
.store-map__visual{position:relative;height:225px;margin:0;overflow:hidden;border-block:1px solid rgba(236,214,170,.18);background:#d9d1c4}
.store-map__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,20,18,.38),transparent 50%,rgba(23,20,18,.22)),linear-gradient(0deg,rgba(12,10,8,.45),transparent 35%);pointer-events:none}
.store-map__visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(.9) sepia(.22) brightness(.82);transform:scale(1.035);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .7s ease}
.store-map:hover .store-map__visual img{filter:grayscale(.55) contrast(.92) sepia(.32) brightness(.92);transform:scale(1.08)}
.store-map__pin{position:absolute;z-index:2;top:49%;left:56%;display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(25,22,18,.55);box-shadow:0 0 0 10px rgba(239,208,151,.1),0 8px 18px rgba(0,0,0,.25);color:#f5dfb6;font:700 9px/1 var(--sans);letter-spacing:.1em;transform:translate(-50%,-50%)}
.store-map__pin::before{content:"";position:absolute;width:76px;height:76px;border:1px solid rgba(235,207,156,.55);border-radius:50%;animation:store-pin-pulse 2.8s ease-out infinite}.store-map__pin i{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:#f5d887;box-shadow:0 0 12px #f5d887}@keyframes store-pin-pulse{0%,100%{opacity:.65;transform:scale(.76)}55%{opacity:0;transform:scale(1.15)}}
.store-map__footer{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px 19px 20px;color:#f7f3eb}.store-map__footer small{display:block;margin-bottom:7px;color:#d4b784;font:700 8px/1 var(--sans);letter-spacing:.21em}.store-map__footer p{margin:0;color:rgba(255,255,255,.75);font-size:12px;line-height:1.55}.store-map__footer a{flex:none;padding:11px 14px;border:1px solid rgba(237,214,173,.48);border-radius:999px;color:#f4e1bd;text-decoration:none;font:700 11px/1 var(--cn-sans);box-shadow:inset 0 1px rgba(255,255,255,.11);transition:.25s ease}.store-map__footer a:hover{background:#ead3a7;color:#2d261d;transform:translateY(-2px)}.store-map__footer i{font-style:normal;font-size:15px;margin-left:7px}
.store-services{padding:6px 0 0}.store-services header{display:flex;align-items:baseline;gap:12px;margin:0 0 15px}.store-services header h2{margin:0;color:#302e2a;font:700 21px/1 var(--cn-sans)}.store-services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(136,117,88,.15);border:1px solid rgba(136,117,88,.15)}.store-services article{min-height:150px;padding:17px 13px;background:rgba(255,255,255,.64)}.store-services article span{display:block;margin-bottom:25px;color:#b19061;font:700 9px/1 var(--sans);letter-spacing:.15em}.store-services h3{margin:0 0 8px;color:#332f28;font:700 16px/1.1 var(--cn-sans)}.store-services article p{margin:0;color:#7c7469;font-size:11px;line-height:1.7}
.store-closing{position:relative;overflow:hidden;padding:29px 24px;background:#24211d;color:#f8f2e8;box-shadow:0 18px 34px rgba(37,28,18,.18)}.store-closing::after{content:"";position:absolute;right:-30px;bottom:-45px;width:176px;height:176px;border:1px solid rgba(224,194,140,.32);border-radius:50%;box-shadow:0 0 0 18px rgba(224,194,140,.06)}.store-closing p,.store-closing span{position:relative;z-index:1;margin:0;color:#d9b982;font:700 8px/1 var(--sans);letter-spacing:.2em}.store-closing h2{position:relative;z-index:1;margin:15px 0 24px;font:500 clamp(24px,5vw,36px)/1.16 var(--cn-sans);letter-spacing:.03em}
@media (max-width:420px){.store-page{padding-inline:17px;gap:19px}.store-hero{min-height:263px;padding:24px 20px}.store-hero h1{margin-top:21px;font-size:32px}.store-map__visual{height:202px}.store-services article{min-height:140px;padding:15px 10px}.store-services h3{font-size:14px}.store-services article p{font-size:10px}.store-map__footer{padding:16px}.store-map__footer p{font-size:11px}.store-map__footer a{padding:10px 11px;font-size:10px}}

/* 店铺页：顶部与活动页统一，地图以完整 9:16 画幅陈列。 */
.screen--store .topbar--store{position:fixed!important;inset:0 0 auto;z-index:60;width:100%;height:108px;padding:0 clamp(20px,4.5vw,48px);border-bottom:1px solid rgba(255,255,255,.68);background:rgba(247,246,243,.82)!important;box-shadow:0 8px 23px rgba(45,38,29,.05);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%)}
.screen--store .topbar--store .back-btn{width:70px;height:40px;margin:0;color:transparent;font-size:0;border-color:rgba(255,255,255,.68);background:rgba(255,255,255,.45)}
.screen--store .topbar--store .back-btn::after{content:"←";color:#514c44;font-family:Arial,sans-serif;font-size:23px;line-height:1}
.screen--store .topbar--store .topbar-spacer{width:34px}
.screen--store .store-page{padding-top:136px}
.screen--store .store-map{width:min(100%,430px);aspect-ratio:9 / 16;margin-inline:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.screen--store .store-map__visual{height:auto;min-height:0}
.screen--store .store-map__visual img,.screen--store .store-map:hover .store-map__visual img{object-fit:contain;transform:none}

/* 门店地图：与服务信息统一画幅，保持地图原色与细节。 */
.screen--store .store-map{width:100%;max-width:none}
.screen--store .store-services,.screen--store .store-closing{width:auto;margin-inline:0}
.screen--store .store-map__visual::after{display:none}
.screen--store .store-map__visual img,.screen--store .store-map:hover .store-map__visual img{filter:none;transition:none}
.screen--store .store-map__location{position:absolute;z-index:4;top:22%;left:39%;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.96);border-radius:50% 50% 50% 0;background:rgba(45,42,36,.92);box-shadow:0 7px 17px rgba(35,31,25,.32),0 0 0 6px rgba(255,255,255,.24);color:#f7e2b5;transform:translate(-50%,-50%) rotate(-45deg);isolation:isolate}
.screen--store .store-map__location::before{content:"";position:absolute;z-index:-1;width:52px;height:52px;border:1px solid rgba(241,211,156,.7);border-radius:50%;animation:store-location-orbit 2.6s cubic-bezier(.22,.61,.36,1) infinite}
.screen--store .store-map__location::after{content:"";position:absolute;inset:-10px;border:1px solid rgba(255,247,232,.5);border-radius:50%;animation:store-location-wave 2.6s ease-out infinite}
.screen--store .store-map__location i{width:7px;height:7px;border-radius:50%;background:#f3d28c;box-shadow:0 0 9px rgba(245,209,135,.95)}
.screen--store .store-map__location b{position:absolute;top:-25px;left:18px;padding:5px 7px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(250,248,241,.88);box-shadow:0 5px 13px rgba(45,37,27,.12);color:#564635;font:700 8px/1 var(--sans);letter-spacing:.12em;transform:rotate(45deg);white-space:nowrap}
@keyframes store-location-orbit{0%,100%{transform:scale(.52);opacity:.12}50%{transform:scale(1);opacity:.82}}
@keyframes store-location-wave{0%{transform:scale(.6);opacity:.85}80%,100%{transform:scale(1.35);opacity:0}}

/* 店铺简介：暗场打灯交互（覆盖旧版门店页面） */
body.is-store-locked{
  min-height:100dvh;
  height:auto;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:auto;
}
body.is-store-locked .bottom-nav{
  background:rgba(9,9,9,.86);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 14px 38px rgba(0,0,0,.46);
}
body.is-store-locked .bottom-nav button{color:#f2f0ec}
body.is-store-locked .bottom-nav button.is-current{background:rgba(255,255,255,.15);color:#fff}
.screen--store{
  min-height:100dvh !important;
  height:auto;
  overflow:visible;
  padding:0 !important;
  background:#030303 !important;
  color:#fff;
}
.screen--store.is-active{position:relative;inset:auto;z-index:1}
.screen--store .topbar--store{
  position:absolute !important;
  z-index:10;
  inset:0 0 auto;
  height:76px;
  padding:0 28px;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  pointer-events:none;
}
.screen--store .topbar--store .back-btn{
  pointer-events:auto;
  width:54px;
  height:38px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 12px 26px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
}
.screen--store .topbar--store .back-btn::after{content:none !important}
.screen--store .store-page{width:100% !important;min-height:100dvh;height:auto;padding:0 !important;margin:0 !important}
.screen--store .store-night{
  min-height:100dvh;
  height:auto;
  position:relative;
  overflow:hidden;
  background:radial-gradient(circle at 60% 34%,#171716 0,#080808 39%,#030303 78%);
}
.store-night__grain{
  position:absolute;
  inset:0;
  opacity:.26;
  pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.13) .55px,transparent .65px);
  background-size:4px 4px;
  mix-blend-mode:soft-light;
}
.store-spotlight{
  position:absolute;
  z-index:1;
  left:48%;
  top:18%;
  width:min(145vw,980px);
  height:min(115vh,1050px);
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-8%) rotate(-13deg) scale(.5);
  transform-origin:top center;
  background:conic-gradient(from 66deg at 50% 0,transparent 0 8deg,rgba(255,248,223,.2) 24deg,rgba(255,248,223,.3) 50deg,rgba(255,255,255,.13) 78deg,transparent 104deg);
  filter:blur(18px);
  transition:opacity 1.25s ease,transform 1.5s cubic-bezier(.2,.85,.25,1),filter 1.2s ease;
}
.store-night__inner{
  position:relative;
  z-index:2;
  width:min(100%,640px);
  min-height:100dvh;
  height:auto;
  margin:0 auto;
  padding:95px clamp(24px,5.5vw,50px) calc(96px + env(safe-area-inset-bottom));
  display:flex;
  flex-direction:column;
}
.store-night__eyebrow{
  margin:0 0 10px;
  color:rgba(255,255,255,.35);
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;
}
.store-wecan{
  margin:0;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(48px,10.5vw,76px);
  font-weight:500;
  letter-spacing:-.09em;
  line-height:.95;
}
.store-wecan span{
  display:inline-block;
  animation:store-wecan-beat 5s cubic-bezier(.2,.85,.3,1) infinite;
  animation-delay:calc(var(--i) * .12s);
}
.store-wecan .store-wecan__space{width:.3em;animation:none}
@keyframes store-wecan-beat{
  0%,8%,100%{transform:translateY(0) scale(1);text-shadow:none}
  3%{transform:translateY(-.14em) scale(1.065);text-shadow:0 12px 30px rgba(255,255,255,.18)}
  5%{transform:translateY(.025em) scale(.98)}
}
.store-light-console{
  width:100%;
  margin-top:clamp(48px,9vh,86px);
  padding:1px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,.26),rgba(255,255,255,.03));
  opacity:.94;
  transition:opacity .7s ease,box-shadow .9s ease;
}
.store-light-console__row{
  min-height:68px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:7px 8px 7px 19px;
  border-radius:inherit;
  background:rgba(4,4,4,.76);
  backdrop-filter:blur(12px);
}
.store-service-roller{
  min-width:0;
  height:36px;
  overflow:hidden;
  color:#fffdf7;
  font-size:clamp(17px,4.2vw,22px);
  font-weight:700;
  line-height:36px;
}
.store-service-roller__track{
  display:block;
  animation:store-service-roll 12s cubic-bezier(.65,0,.35,1) infinite;
  will-change:transform;
}
.store-service-roller strong{
  display:flex;
  align-items:center;
  gap:10px;
  height:36px;
  margin:0;
  color:inherit;
  font:inherit;
  line-height:36px;
  letter-spacing:.03em;
  white-space:nowrap;
}
.store-service-roller svg{
  width:19px;
  height:19px;
  flex:0 0 19px;
  fill:none;
  stroke:#f1d78b;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@keyframes store-service-roll{
  0%,20%{transform:translateY(0)}
  25%,45%{transform:translateY(-36px)}
  50%,70%{transform:translateY(-72px)}
  75%,95%{transform:translateY(-108px)}
  100%{transform:translateY(-144px)}
}
.store-light-switch{
  min-width:110px;
  height:52px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  padding:0 13px 0 8px;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  background:rgba(255,255,255,.06);
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  cursor:pointer;
  transition:all .45s ease;
}
.store-light-switch__dot{width:35px;height:35px;border-radius:50%;background:radial-gradient(circle at 36% 32%,#fffbe8 0 8%,#e8cf87 30%,#7f6327 72%);box-shadow:0 0 0 5px rgba(244,213,128,.07),0 0 18px rgba(248,221,143,.5);transition:transform .5s cubic-bezier(.2,.85,.25,1)}
.store-reveal{
  width:100%;
  margin-top:auto;
  opacity:0;
  transform:translateY(34px);
  filter:blur(8px);
  pointer-events:none;
  transition:opacity 1.2s .22s ease,transform 1.25s .22s cubic-bezier(.2,.85,.25,1),filter 1s .22s ease;
}
.store-reveal__head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:13px}
.store-reveal__head p{margin:0;color:rgba(255,255,255,.46);font-size:9px;font-weight:700;letter-spacing:.16em}
.store-reveal__head h2{margin:0;color:#fff;font-size:clamp(20px,5vw,30px);font-weight:700;white-space:nowrap}
.store-contact-panel{
  position:relative;
  margin:0 0 14px;
  padding:14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:14px;
  background:
    radial-gradient(circle at 92% 0,rgba(242,207,126,.12),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.store-contact-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}
.store-contact-panel__head small{
  color:#d8bd83;
  font:700 7px/1 var(--sans);
  letter-spacing:.2em;
}
.store-contact-panel__head span{
  color:rgba(255,255,255,.8);
  font:700 11px/1 var(--cn-sans);
  letter-spacing:.08em;
}
.store-contact-panel__list{display:grid;gap:7px}
.store-contact-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) 50px 58px;
  align-items:center;
  gap:7px;
  min-height:58px;
  padding:8px 8px 8px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(3,3,3,.35);
}
.store-contact-line__number{min-width:0}
.store-contact-line__number small{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.42);
  font:700 7px/1 var(--cn-sans);
  letter-spacing:.13em;
}
.store-contact-line__number strong{
  display:block;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font:600 clamp(13px,3.3vw,17px)/1 var(--sans);
  letter-spacing:.035em;
  text-decoration:none!important;
  white-space:nowrap;
}
.store-contact-line__number strong a,
.store-contact-line__number strong [x-apple-data-detectors],
.store-contact-line__number [x-apple-data-detectors]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
  text-decoration:none!important;
}
.store-contact-line>a,
.store-contact-line>button{
  display:grid;
  place-items:center;
  min-width:0;
  height:36px;
  padding:0;
  border:1px solid rgba(239,211,151,.36);
  border-radius:999px;
  color:#f5dfb0;
  background:rgba(255,255,255,.055);
  text-decoration:none;
  font:700 10px/1 var(--cn-sans);
  letter-spacing:.04em;
  transition:transform .24s ease,background .24s ease,color .24s ease;
}
.store-contact-line>button{
  color:#211a0e;
  border-color:#f4dd9d;
  background:linear-gradient(135deg,#fffbe9,#dfbd68);
}
.store-contact-line>a:active,
.store-contact-line>button:active{transform:scale(.95)}
.store-contact-panel__hint{
  margin:9px 2px 0;
  color:rgba(255,255,255,.38);
  font-size:8px;
  letter-spacing:.04em;
}
.store-reveal__map{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.23);border-radius:8px;background:#111;aspect-ratio:2 / 3;box-shadow:0 18px 42px rgba(0,0,0,.45)}
.store-reveal__map::after{display:none}
.store-reveal__map img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:none;transform:none;transition:none}
.store-reveal__pin{position:absolute;z-index:2;left:39%;top:24.5%;display:flex;align-items:center;gap:5px;padding:5px 8px 5px 5px;border:1px solid rgba(255,248,218,.65);border-radius:999px;color:#fff8dc;background:rgba(22,19,14,.74);font-size:10px;font-weight:700;box-shadow:0 8px 18px rgba(0,0,0,.42);animation:store-pin-bob 1.65s ease-in-out infinite}
.store-reveal__pin i{width:16px;height:16px;display:block;position:relative;border-radius:50% 50% 50% 0;background:#efd281;transform:rotate(-45deg);box-shadow:0 3px 10px rgba(238,201,104,.7)}
.store-reveal__pin i::after{content:"";position:absolute;left:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#352a18}
.store-reveal__pin b{font:inherit;white-space:nowrap}
@keyframes store-pin-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.store-contact{display:grid;grid-template-columns:1fr 1.16fr;gap:9px;margin-top:10px}
.store-contact a{min-height:64px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;text-decoration:none;background:rgba(255,255,255,.055);backdrop-filter:blur(8px);transition:transform .3s ease,background .3s ease}
.store-contact a:hover{transform:translateY(-2px);background:rgba(255,255,255,.12)}
.store-contact small{display:block;color:rgba(255,255,255,.5);font-size:8px;font-weight:700;letter-spacing:.14em}.store-contact strong{display:block;margin-top:5px;color:#fff;font-size:13px;letter-spacing:.02em}
.store-contact__wechat{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px}.store-contact__wechat strong{margin-top:3px}.store-contact__wechat em{font-size:18px;font-style:normal}.store-qr{width:34px;height:34px;border-radius:3px;background:repeating-linear-gradient(90deg,#fff 0 3px,#151515 3px 6px),repeating-linear-gradient(0deg,transparent 0 4px,rgba(0,0,0,.8) 4px 6px);box-shadow:inset 0 0 0 3px #fff}
.store-night.is-lit .store-spotlight{opacity:1;transform:translate(-50%,-8%) rotate(-13deg) scale(1.06);filter:blur(7px)}
.store-night.is-lit .store-light-console{opacity:1;box-shadow:0 0 35px rgba(253,237,182,.18)}
.store-night.is-lit .store-light-switch{color:#1b160b;background:linear-gradient(120deg,#fffdf2,#e6c56e);border-color:#fff5cf;box-shadow:0 0 26px rgba(253,224,134,.53)}
.store-night.is-lit .store-light-switch__dot{transform:translateX(54px);background:radial-gradient(circle at 36% 32%,#ffffff 0 8%,#2b2b2b 35%,#090909 74%);box-shadow:0 0 0 5px rgba(0,0,0,.1)}
.store-night.is-lit .store-reveal{opacity:1;transform:translateY(0);filter:blur(0);pointer-events:auto}
.store-night.is-lit .store-reveal__map img{filter:none}
@media(max-height:800px){
  .screen--store .store-night__inner{padding-top:76px;padding-bottom:80px}
  .store-light-console{margin-top:32px}
  .store-light-console__row{min-height:57px}
  .store-light-switch{height:43px;min-width:98px;font-size:10px}.store-light-switch__dot{width:29px;height:29px}.store-night.is-lit .store-light-switch__dot{transform:translateX(45px)}
  .store-reveal__head{margin-bottom:7px}.store-reveal__map{aspect-ratio:2 / 3}
}

/* 场合相册：去除界面遮罩后的沉浸式全幅阅读 */
body.is-album-locked{overflow:hidden!important}
body.is-album-locked .bottom-nav{display:none!important}
body.is-album-locked .screen--occasion-album.is-active{
  position:fixed;
  inset:0;
  z-index:80;
  width:100%;
  height:100dvh;
  min-height:0;
  padding:0!important;
  overflow:hidden;
  background:#f4f2ee;
}
body.is-album-locked .screen--occasion-album .topbar--album{
  position:absolute!important;
  inset:0 auto auto 0;
  width:0!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  overflow:visible;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  pointer-events:none;
}
body.is-album-locked .screen--occasion-album .topbar--album .back-btn{
  position:fixed;
  top:max(10px,env(safe-area-inset-top));
  left:12px;
  z-index:90;
  display:grid;
  place-items:center;
  width:34px;
  height:26px;
  margin:0;
  padding:0;
  border:1px solid rgba(76,66,53,.12);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#635d55;
  box-shadow:0 5px 14px rgba(51,43,33,.12);
  backdrop-filter:blur(8px);
  font:400 17px/1 Arial,sans-serif;
  pointer-events:auto;
}
body.is-album-locked .screen--occasion-album .topbar-spacer{display:none!important}
body.is-album-locked .screen--occasion-album .occasion-album{
  position:absolute!important;
  inset:0!important;
  width:100%;
  height:100%;
  min-height:0;
  padding:0!important;
  display:grid;
  place-items:center;
  overflow:hidden;
  perspective:1500px;
}
body.is-album-locked .screen--occasion-album .album-intro{display:none!important}
body.is-album-locked .screen--occasion-album .album-book{
  width:min(100vw,calc((100dvh - 8px)*.5625))!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:9 / 16;
  margin:0!important;
}

/* 全局沉浸模式：移除固定导航与上下毛玻璃遮罩，保留内容和返回按钮 */
.app{
  padding-bottom:0!important;
}

.screen{
  min-height:100svh!important;
}

.bottom-nav,
.bottom-nav::after{
  display:none!important;
}

.topbar--overlay,
.topbar--events,
.topbar--lookbook,
.topbar--detail,
.topbar--album,
.topbar--store{
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* 穿搭智选：内容背景铺满全屏，移除顶部 74px 与底部 82px 的固定遮罩。 */
body.is-styling-locked .screen[data-screen="styling"] .recommendation-sections{
  top:0;
  bottom:0;
}

body.is-styling-locked .screen[data-screen="styling"] .topbar--lookbook{
  width:0;
  height:0;
  padding:0;
  overflow:visible;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  pointer-events:none;
}

body.is-styling-locked .screen[data-screen="styling"] .topbar--lookbook .back-btn{
  position:fixed;
  top:max(16px,env(safe-area-inset-top));
  left:18px;
  z-index:61;
  margin:0;
  pointer-events:auto;
}

/* 兼容已经打开但尚未重载的页面：旧版标题条也直接隐藏。 */
body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__edition{
  display:none!important;
}

/* 内容延伸到遮罩原来的区域，右上角以独立提示框呈现月度推荐信息。 */
body.is-styling-locked .screen[data-screen="styling"] .receipt-machine{
  padding-top:70px;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly{
  position:absolute;
  top:12px;
  right:clamp(14px,3.5vw,28px);
  z-index:5;
  display:grid;
  gap:7px;
  min-width:142px;
  padding:11px 15px 12px;
  overflow:hidden;
  border:1px solid rgba(216,184,124,.48);
  border-radius:17px;
  background:
    radial-gradient(circle at 88% 18%,rgba(225,192,128,.22),transparent 27%),
    linear-gradient(128deg,rgba(20,18,15,.96),rgba(50,42,32,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 12px 27px rgba(34,28,20,.2);
  color:#fbf5e9;
  backdrop-filter:blur(18px) saturate(118%);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  background:linear-gradient(180deg,#f0d59a,#9d7640);
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly::after{
  content:"";
  position:absolute;
  right:-18px;
  bottom:-29px;
  width:68px;
  height:68px;
  border:1px solid rgba(225,195,139,.2);
  border-radius:50%;
  box-shadow:0 0 0 10px rgba(225,195,139,.045);
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly small{
  position:relative;
  z-index:1;
  color:#d7b879;
  font:700 7px/1 var(--sans);
  letter-spacing:.2em;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly span{
  position:relative;
  z-index:1;
  display:flex;
  align-items:baseline;
  gap:6px;
  white-space:nowrap;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly strong{
  color:#fffaf0;
  font:800 13px/1.1 var(--cn-sans);
  letter-spacing:.06em;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly b{
  color:#e2c083;
  font:800 16px/1 var(--sans);
  letter-spacing:.01em;
}

/* 加宽出纸机面板，并将品牌、倒计时、状态灯拆成清晰的三栏。 */
body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 34px;
  align-items:center;
  gap:clamp(10px,2.5vw,22px);
  width:min(calc(100vw - 28px),760px);
  height:96px;
  margin-top:4px;
  padding:14px 18px;
  border-radius:27px 27px 16px 16px;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__brand{
  display:none!important;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer > span:not(.receipt-machine__status){
  display:none!important;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__brand small{
  overflow:hidden;
  color:rgba(255,255,255,.58);
  font:700 7px/1 var(--sans);
  letter-spacing:.18em;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__brand strong{
  color:#fff;
  font:700 clamp(12px,2.4vw,17px)/1 var(--sans);
  letter-spacing:.08em;
  white-space:nowrap;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer .receipt-refresh{
  position:static;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:clamp(12px,3vw,24px);
  width:auto;
  min-width:0;
  height:58px;
  padding:0 0 0 clamp(14px,3vw,24px);
  border:0;
  border-left:1px solid rgba(255,255,255,.27);
  color:#fff;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer .receipt-refresh strong{
  order:2;
  overflow:visible;
  flex:0 0 auto;
  color:#fff;
  font-size:clamp(21px,4.5vw,29px);
  line-height:1;
  letter-spacing:.045em;
  white-space:nowrap;
  text-overflow:clip;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer .receipt-refresh em{
  order:1;
  flex:0 0 auto;
  color:rgba(255,255,255,.62);
  font-size:10px;
  line-height:1;
  letter-spacing:.08em;
  white-space:nowrap;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__status{
  position:static;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:17px;
  width:34px;
  height:58px;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__status i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#e6d2a6;
  box-shadow:0 0 0 5px rgba(230,210,166,.11),0 0 14px rgba(230,210,166,.75);
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__status b{
  width:25px;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.31);
}

/* 纸张加宽并取消图片与款式信息之间由弹性尾部产生的空白高度。 */
body.is-styling-locked .screen[data-screen="styling"] .receipt-card{
  width:min(82vw,560px);
  height:auto;
  min-height:0;
  max-height:calc(100dvh - 166px);
  -webkit-mask:
    linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,
    radial-gradient(circle at 7px 0,#000 0 6.8px,transparent 7.2px) bottom left/14px 8px repeat-x;
  mask:
    linear-gradient(#000 0 0) top/100% calc(100% - 8px) no-repeat,
    radial-gradient(circle at 7px 0,#000 0 6.8px,transparent 7.2px) bottom left/14px 8px repeat-x;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-card::after{
  display:none;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-card__tail{
  display:none;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-card__image{
  width:min(78%,310px);
  margin-bottom:4px;
}

body.is-styling-locked .screen[data-screen="styling"] .receipt-card__meta{
  margin-top:0;
}

@media (min-width:700px){
  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine{
    padding-top:80px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-card{
    width:min(78vw,680px);
  }
}

@media (max-height:690px){
  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine{
    padding-top:64px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-card{
    max-height:calc(100dvh - 142px);
  }
}

@media (max-width:480px){
  body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly{
    top:10px;
    right:12px;
    min-width:132px;
    padding:10px 12px 11px 14px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly strong{
    font-size:12px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-lookbook__monthly b{
    font-size:14px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer{
    grid-template-columns:minmax(0,1fr) 27px;
    gap:8px;
    height:88px;
    padding:12px 13px;
    border-radius:24px 24px 15px 15px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__brand{
    gap:6px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__brand strong{
    font-size:11px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer .receipt-refresh{
    position:static;
    width:auto;
    height:52px;
    gap:11px;
    padding-left:13px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer .receipt-refresh strong{
    font-size:21px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__printer .receipt-refresh em{
    font-size:9px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__status{
    width:27px;
    height:52px;
    gap:15px;
  }

  body.is-styling-locked .screen[data-screen="styling"] .receipt-machine__status b{
    width:21px;
  }
}

/* 首页局部收口：顶栏蒙层独立下沉，三张轮换人物图位于蒙层之上。 */
.screen--home::before{
  content:"";
  position:fixed;
  top:0;
  left:50%;
  z-index:1;
  width:min(100vw,580px);
  height:74px;
  border-bottom:0;
  background:linear-gradient(180deg,rgba(38,33,29,.44) 0%,rgba(68,58,47,.20) 58%,rgba(68,58,47,0) 100%);
  box-shadow:0 10px 28px rgba(27,24,20,.10);
  transform:translateX(-50%);
  pointer-events:none;
}

.screen--home .hero-tint{
  z-index:1;
}

.screen--home .hero-figures{
  z-index:2;
}

.screen--home .hero-copy,
.screen--home .home-content{
  z-index:3;
}

.screen--home .topbar.topbar--overlay{
  z-index:4;
  background:transparent!important;
  background-image:none!important;
  border-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.screen--home .hero-copy{
  transform:scale(.93)!important;
  transform-origin:left top;
}

/* 入口改为与相册男女 Tab 同语言的毛玻璃胶囊。 */
.screen--home .style-orbit{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:clamp(154px,29vw,174px)!important;
  min-width:0!important;
  min-height:52px!important;
  margin-top:16px!important;
  padding:4px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.36)!important;
  box-shadow:0 13px 26px rgba(52,46,39,.20),inset 0 1px 1px rgba(255,255,255,.86)!important;
  backdrop-filter:blur(16px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(115%)!important;
}

.screen--home .style-orbit::before,
.screen--home .style-orbit::after{
  content:none!important;
  display:none!important;
}

.screen--home .style-orbit b{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:42px;
  border-radius:999px;
  background:linear-gradient(105deg,rgba(255,255,255,.86),rgba(233,228,218,.70));
  color:#a77b42!important;
  font-family:var(--cn-sans)!important;
  font-size:18px!important;
  font-weight:700;
  letter-spacing:.12em;
  text-indent:.12em;
  text-shadow:0 1px 0 rgba(255,255,255,.78);
}

/* 场合之选：规整圆角主体，左上标题区仅做克制的抬高处理。 */
.screen--home .entry-card--occasion{
  position:relative;
  isolation:isolate;
  min-height:0!important;
  padding:13px 16px 12px!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

.screen--home .entry-card--occasion::before{
  content:"";
  position:absolute;
  z-index:0;
  top:22px;
  right:0;
  bottom:0;
  left:0;
  border-radius:32px;
  background:linear-gradient(145deg,#fff 0%,#fbfaf8 58%,#f5f3ef 100%);
  box-shadow:
    inset 0 1px rgba(255,255,255,1),
    0 14px 32px rgba(87,75,58,.10);
  pointer-events:none;
}

.screen--home .entry-card--occasion::after{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  left:0;
  width:36%;
  height:62px;
  border-radius:30px 30px 20px 20px;
  background:linear-gradient(145deg,#fff 0%,#fbfaf8 100%);
  box-shadow:inset 0 1px rgba(255,255,255,1);
  pointer-events:none;
}

.screen--home .entry-card--occasion > *{
  position:relative;
  z-index:1;
}

.screen--home .entry-card--occasion .entry-card__top b{
  font-size:18px!important;
  line-height:1.1;
}

.screen--home .entry-card--occasion .entry-card__top small{
  font-size:8px!important;
  letter-spacing:.12em;
}

.screen--home .occasion-mini{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:9px -2px 0!important;
  padding:4px 2px 8px!important;
  min-height:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scroll-padding-inline:2px;
  touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  cursor:grab;
}

.screen--home .occasion-mini::-webkit-scrollbar{
  display:none;
}

.screen--home .occasion-mini .occasion-choice{
  flex:0 0 calc((100% - 30px)/4)!important;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transform:none!important;
  animation:none!important;
}

.screen--home .occasion-mini .occasion-choice:active{
  transform:scale(.94)!important;
}

.screen--home .occasion-mini .occasion-choice:nth-child(7) b{
  max-width:92%;
  font-size:9px;
  line-height:1.2;
  letter-spacing:0;
  text-wrap:balance;
}

.album-cover__title--graduation{
  right:11%;
}

.album-cover__title--graduation strong{
  font-size:clamp(18px,3.4vw,24px)!important;
  line-height:1.25!important;
  letter-spacing:.04em!important;
  text-wrap:balance;
}

.screen--home .occasion-mini .occasion-choice.is-hopping{
  animation:none!important;
  transform:none!important;
}

.screen--home .occasion-mini .occasion-choice::after{
  display:none!important;
}

.screen--home .occasion-spacer{
  flex:0 0 calc(75% - 8px)!important;
}

@media(max-width:430px){
  .screen--home .hero-copy{
    transform:scale(.90)!important;
  }

  .screen--home .style-orbit{
    min-height:49px!important;
  }

  .screen--home .style-orbit b{
    min-height:39px;
    font-size:16px!important;
  }

  .screen--home .entry-card--occasion{
    padding-inline:14px!important;
  }

  .screen--home .occasion-mini{
    gap:8px!important;
  }

  .screen--home .occasion-mini .occasion-choice{
    flex-basis:calc((100% - 24px)/4)!important;
  }
}

/* 全站统一返回按钮：与活动入口一致的白色毛玻璃胶囊。 */
body .screen .topbar .back-btn{
  position:fixed!important;
  top:max(16px,env(safe-area-inset-top))!important;
  left:max(18px,env(safe-area-inset-left))!important;
  z-index:96!important;
  display:grid!important;
  place-items:center!important;
  width:66px!important;
  height:42px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.74)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.2))!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.78),
    0 10px 24px rgba(35,32,28,.15)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  pointer-events:auto!important;
  backdrop-filter:blur(16px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(112%)!important;
  transform:none!important;
  transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,background .24s ease!important;
}

body .screen .topbar .back-btn::before{
  content:""!important;
  position:absolute;
  inset:5px;
  display:block!important;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);
  pointer-events:none;
}

body .screen .topbar .back-btn::after{
  content:"←"!important;
  position:relative;
  display:block!important;
  color:#383532!important;
  font:300 23px/1 Arial,sans-serif!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  transform:translateY(-1px)!important;
  transition:transform .24s cubic-bezier(.16,1,.3,1)!important;
}

@media (hover:hover) and (pointer:fine){
  body .screen .topbar .back-btn:hover{
    border-color:rgba(255,255,255,.94)!important;
    background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.28))!important;
    box-shadow:
      inset 0 1px rgba(255,255,255,.9),
      0 13px 28px rgba(35,32,28,.18)!important;
    transform:translateY(-1px)!important;
  }

  body .screen .topbar .back-btn:hover::after{
    transform:translate(-2px,-1px)!important;
  }
}

body .screen .topbar .back-btn:active{
  transform:translateY(1px) scale(.97)!important;
  box-shadow:
    inset 0 1px 3px rgba(0,0,0,.08),
    0 3px 9px rgba(35,32,28,.1)!important;
}

body .screen .topbar .back-btn:focus-visible{
  outline:2px solid rgba(255,255,255,.94)!important;
  outline-offset:3px!important;
}

@media (max-width:380px){
  body .screen .topbar .back-btn{
    top:max(13px,env(safe-area-inset-top))!important;
    left:max(14px,env(safe-area-inset-left))!important;
    width:62px!important;
    height:40px!important;
  }
}

/* 穿搭智选 9:16 纵向信息流：原生滚动吸附，停留计时后自动上滑。 */
body.is-styling-locked{
  height:100dvh;
  overflow:hidden;
  overscroll-behavior:none;
  background:#171713;
}

body.is-styling-locked .screen[data-screen="styling"],
body.is-styling-locked .screen[data-screen="styling"] .recommendation-sections,
.look-reel{
  width:100%;
  height:100dvh;
  min-height:0;
  overflow:hidden;
}

.look-reel{
  position:relative;
  color:#fff;
  background:
    radial-gradient(circle at 72% 12%,rgba(196,165,110,.15),transparent 28%),
    radial-gradient(circle at 18% 78%,rgba(255,255,255,.07),transparent 31%),
    linear-gradient(145deg,#29271f 0%,#151512 54%,#262118 100%);
  isolation:isolate;
}

.look-reel::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%),
    repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px);
  pointer-events:none;
}

.look-reel__feed{
  position:absolute;
  z-index:1;
  inset:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  scroll-snap-type:y mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
}

.look-reel__feed::-webkit-scrollbar{display:none}
.look-reel__feed.is-loop-resetting{scroll-behavior:auto!important}

.look-reel__slide{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  height:100dvh;
  min-height:100dvh;
  overflow:hidden;
  scroll-snap-align:start;
  scroll-snap-stop:always;
}

.look-reel__card{
  position:relative;
  display:block;
  width:min(100vw,56.25dvh);
  height:min(100dvh,177.7778vw);
  aspect-ratio:9 / 16;
  margin:0;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 50% 38%,rgba(244,238,224,.96) 0%,rgba(208,201,187,.82) 34%,rgba(92,84,70,.44) 67%,rgba(24,23,20,.97) 100%),
    #24231f;
  box-shadow:0 0 54px rgba(0,0,0,.34);
  color:#fff;
  text-align:left;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}

.look-reel__card::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:
    linear-gradient(135deg,rgba(255,255,255,.17),transparent 24%),
    radial-gradient(circle at 72% 21%,transparent 0 15%,rgba(255,255,255,.13) 15.3% 15.5%,transparent 15.8% 23%,rgba(255,255,255,.07) 23.2% 23.4%,transparent 23.7%);
  pointer-events:none;
}

.look-reel__image{
  position:absolute;
  z-index:1;
  inset:9% 3% 15%;
  display:grid;
  place-items:center;
}

.look-reel__image img{
  display:block;
  width:92%;
  height:92%;
  object-fit:contain;
  object-position:center;
  filter:saturate(.9) contrast(1.01) drop-shadow(0 24px 18px rgba(32,24,14,.28));
  transform:translateY(-1.5%);
  pointer-events:none;
}

.look-reel__veil{
  position:absolute;
  z-index:2;
  inset:0;
  background:linear-gradient(180deg,rgba(8,8,7,.25),transparent 20%,transparent 58%,rgba(8,8,7,.9) 100%);
  pointer-events:none;
}

.look-reel__copy{
  position:absolute;
  z-index:3;
  right:24px;
  bottom:max(48px,calc(env(safe-area-inset-bottom) + 34px));
  left:24px;
  display:grid;
  gap:7px;
  color:#fff;
  text-shadow:0 2px 13px rgba(0,0,0,.4);
}

.look-reel__copy small{color:#d7bd8c;font:700 8px/1 var(--sans);letter-spacing:.19em}
.look-reel__copy strong{font:700 clamp(24px,7vw,38px)/1.08 var(--cn-sans);letter-spacing:.045em}
.look-reel__copy em{color:rgba(255,255,255,.72);font:500 11px/1.3 var(--cn-sans);font-style:normal;letter-spacing:.08em}

.look-reel__open{
  position:absolute;
  z-index:4;
  right:22px;
  bottom:max(18px,env(safe-area-inset-bottom));
  color:rgba(255,255,255,.78);
  font:600 9px/1 var(--cn-sans);
  letter-spacing:.12em;
}

.look-reel__open i{margin-left:5px;color:#d7bd8c;font-style:normal}

.look-reel__monthly{
  position:absolute;
  z-index:7;
  top:max(12px,env(safe-area-inset-top));
  right:max(13px,env(safe-area-inset-right));
  display:grid;
  gap:6px;
  min-width:137px;
  padding:10px 13px 11px 15px;
  overflow:hidden;
  border:1px solid rgba(216,184,124,.48);
  border-radius:17px;
  background:linear-gradient(128deg,rgba(20,18,15,.91),rgba(50,42,32,.88));
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 25px rgba(0,0,0,.22);
  pointer-events:none;
  backdrop-filter:blur(14px) saturate(112%);
  -webkit-backdrop-filter:blur(14px) saturate(112%);
}

.look-reel__monthly::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#f0d59a,#9d7640)}
.look-reel__monthly small{color:#d7b879;font:700 7px/1 var(--sans);letter-spacing:.2em}
.look-reel__monthly span{display:flex;align-items:baseline;gap:6px;white-space:nowrap}
.look-reel__monthly strong{font:800 12px/1.1 var(--cn-sans);letter-spacing:.06em}
.look-reel__monthly b{color:#e2c083;font:800 15px/1 var(--sans)}

.look-reel__status{
  position:absolute;
  z-index:7;
  right:max(15px,env(safe-area-inset-right));
  bottom:max(62px,calc(env(safe-area-inset-bottom) + 52px));
  display:flex;
  align-items:center;
  gap:5px;
  color:rgba(255,255,255,.72);
  font:600 9px/1 var(--sans);
  letter-spacing:.1em;
  pointer-events:none;
}

.look-reel__status b{color:#fff;font-size:14px}.look-reel__status i{position:relative;width:44px;height:2px;margin-left:5px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.24)}
.look-reel__status em{position:absolute;inset:0;background:#d9bd88;transform:scaleX(0);transform-origin:left center}
.look-reel__status em.is-running{animation:look-reel-progress 5s linear both}
@keyframes look-reel-progress{to{transform:scaleX(1)}}

.look-reel__hint{
  position:absolute;
  z-index:7;
  bottom:max(18px,env(safe-area-inset-bottom));
  left:50%;
  margin:0;
  color:rgba(255,255,255,.62);
  font:600 8px/1 var(--cn-sans);
  letter-spacing:.13em;
  white-space:nowrap;
  transform:translateX(-50%);
  pointer-events:none;
}

.look-reel__hint span{display:inline-block;margin-right:5px;color:#d9bd88;animation:look-reel-hint 1.8s ease-in-out infinite}
@keyframes look-reel-hint{0%,100%{transform:translateY(2px);opacity:.45}50%{transform:translateY(-3px);opacity:1}}

@media (min-aspect-ratio:9/16){
  .look-reel__card{border-right:1px solid rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1)}
}

@media (prefers-reduced-motion:reduce){
  .look-reel__feed{scroll-behavior:auto}
  .look-reel__hint span{animation:none}
  .look-reel__status em.is-running{animation:none}
}

/* 前两套使用真实 9:16 主图，统一为满屏图片加独立信息栏。 */
.look-reel__slide--featured{place-items:stretch center}
.look-reel__slide--featured .look-reel__card{
  width:min(100vw,580px);
  height:100dvh;
  aspect-ratio:auto;
  background:linear-gradient(145deg,#171918,#0e1010);
  box-shadow:none;
}
.look-reel__slide--featured .look-reel__card::before{display:none}
.look-reel__slide--featured .look-reel__card::after{
  content:"";
  position:absolute;
  z-index:2;
  top:min(177.7778vw,calc(100dvh - 118px));
  right:0;
  bottom:0;
  left:0;
  display:block;
  border-top:1px solid rgba(216,183,120,.3);
  background:
    radial-gradient(circle at 88% 18%,rgba(196,159,94,.13),transparent 30%),
    linear-gradient(128deg,#171918,#0d0f0f 72%);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
  pointer-events:none;
}
.look-reel__slide--featured .look-reel__image{
  top:0;
  right:auto;
  bottom:auto;
  left:50%;
  width:min(100%,calc((100dvh - 118px) * 9 / 16));
  height:auto;
  aspect-ratio:9/16;
  transform:translateX(-50%);
}
.look-reel__slide--featured .look-reel__image img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none;
  transform:none;
  transform-origin:top center;
}
.look-reel__slide--featured .look-reel__veil{display:none}
.look-reel__slide--featured .look-reel__copy{right:132px;bottom:39px;gap:5px}
.look-reel__slide--featured .look-reel__open{bottom:14px}
.look-reel__slide--featured .look-reel__copy strong{font-size:clamp(22px,6vw,34px)}

/* 实拍套装详情：视频保持原始色彩，长海报分段后在页面中无缝衔接。 */
.look-rotation--featured .look-rotation__video{filter:none}
.look-rotation__video{
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
.look-rotation__video::-webkit-media-controls{display:none!important}
.look-rotation__final-frame{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.look-rotation__final-frame[hidden]{display:none}
.look-detail__gallery--featured{gap:0;background:#0d100e;box-shadow:0 18px 38px rgba(24,23,20,.14)}
.look-detail__gallery--featured .look-detail__sheet{border:0;background:#0d100e;box-shadow:none}
.look-detail__gallery--featured .look-detail__sheet::after{display:none}
.look-detail__gallery--featured .look-detail__sheet img{display:block;background:#0d100e}

.look-three-view{
  max-width:720px;
  margin:22px auto 0;
  padding:24px 14px 26px;
  background:linear-gradient(145deg,#151717,#090b0b);
  color:#fff;
  box-shadow:0 18px 38px rgba(24,23,20,.18);
}
.look-three-view header{padding:0 3px 18px}
.look-three-view header small{color:#d7b778;font:700 8px/1 var(--sans);letter-spacing:.19em}
.look-three-view header h2{margin:8px 0 6px;font:700 clamp(21px,5.8vw,30px)/1.1 var(--cn-sans);letter-spacing:.08em}
.look-three-view header p{margin:0;color:rgba(255,255,255,.55);font:500 10px/1.5 var(--cn-sans);letter-spacing:.05em}
.look-three-view__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.look-three-view__grid figure{position:relative;margin:0;overflow:hidden;background:#080a0a}
.look-three-view__grid img{display:block;width:100%;aspect-ratio:941/1672;object-fit:cover;border-radius:0;background:#080a0a;box-shadow:none}
.look-three-view__grid figcaption{display:flex;align-items:baseline;justify-content:space-between;padding:8px 7px 9px;border-top:1px solid rgba(255,255,255,.1)}
.look-three-view__grid figcaption b{font:700 11px/1 var(--cn-sans);letter-spacing:.08em}
.look-three-view__grid figcaption span{color:rgba(255,255,255,.38);font:700 6px/1 var(--sans);letter-spacing:.12em}

.look-model-study{
  max-width:720px;
  margin:22px auto 0;
  padding:24px 14px 26px;
  background:linear-gradient(145deg,#69745a,#48513f);
  color:#fff;
  box-shadow:0 18px 38px rgba(49,58,41,.24);
}
.look-model-study header{padding:0 3px 18px}
.look-model-study header small{color:#efe3c9;font:700 8px/1 var(--sans);letter-spacing:.19em}
.look-model-study header h2{margin:8px 0 6px;font:700 clamp(21px,5.8vw,30px)/1.1 var(--cn-sans);letter-spacing:.08em}
.look-model-study header p{margin:0;color:rgba(255,255,255,.66);font:500 10px/1.5 var(--cn-sans);letter-spacing:.05em}
.look-model-study__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.look-model-study__grid figure{margin:0;overflow:hidden;background:#f6f4ef}
.look-model-study__grid img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#f6f4ef}
.look-model-study__grid figcaption{display:flex;align-items:baseline;justify-content:space-between;padding:9px 8px 10px;color:#2f352a;border-top:1px solid rgba(71,82,62,.12)}
.look-model-study__grid figcaption b{font:700 11px/1 var(--cn-sans);letter-spacing:.06em}
.look-model-study__grid figcaption span{color:rgba(47,53,42,.45);font:700 6px/1 var(--sans);letter-spacing:.1em}
.look-model-study--navy{background:linear-gradient(145deg,#1d2e4b,#111d33);box-shadow:0 18px 38px rgba(17,29,51,.25)}
.look-model-study--navy .look-model-study__grid figcaption{color:#17243b}
.look-model-study--navy .look-model-study__grid figcaption span{color:rgba(23,36,59,.46)}
.look-model-study--navy-gold{background:linear-gradient(145deg,#1c2c49,#111b30);box-shadow:0 18px 38px rgba(17,27,48,.26)}
.look-model-study--navy-gold header small{color:#e3bd68}
.look-model-study--navy-gold .look-model-study__grid figcaption{color:#17243b}
.look-model-study--navy-gold .look-model-study__grid figcaption span{color:#a47c2f}
.look-model-study--urban{background:linear-gradient(145deg,#171a18,#0b0d0c);box-shadow:0 18px 38px rgba(8,10,9,.3)}
.look-model-study--urban header small{color:#f0c800}
.look-model-study--urban .look-model-study__grid figcaption{color:#191b19}
.look-model-study--urban .look-model-study__grid figcaption span{color:#8c7600}
.look-model-study--espresso{background:linear-gradient(145deg,#4b382f,#261c18);box-shadow:0 18px 38px rgba(38,28,24,.3)}
.look-model-study--espresso header small{color:#ead4b2}
.look-model-study--espresso .look-model-study__grid figcaption{color:#3b2b24}
.look-model-study--espresso .look-model-study__grid figcaption span{color:#9a745c}
.look-model-study__grid--single{display:block}
.look-model-study__grid--single figure{width:100%}
.look-model-study__grid--single img{aspect-ratio:941/1672}
.look-model-study--camel{background:linear-gradient(145deg,#786147,#443526);box-shadow:0 18px 38px rgba(68,53,38,.3)}
.look-model-study--camel header small{color:#f1d59e}
.look-model-study--camel .look-model-study__grid figcaption{color:#493624}
.look-model-study--camel .look-model-study__grid figcaption span{color:#a77b42}
.look-model-study--plaid{background:linear-gradient(145deg,#7a6864,#463839);box-shadow:0 18px 38px rgba(70,56,57,.3)}
.look-model-study--plaid header small{color:#f0c6bd}
.look-model-study--plaid .look-model-study__grid figcaption{color:#4c3739}
.look-model-study--plaid .look-model-study__grid figcaption span{color:#a66971}
.look-model-study--oat{background:linear-gradient(145deg,#8a7760,#4c4033);box-shadow:0 18px 38px rgba(76,64,51,.3)}
.look-model-study--oat header small{color:#f2dec1}
.look-model-study--oat .look-model-study__grid figcaption{color:#4b3d30}
.look-model-study--oat .look-model-study__grid figcaption span{color:#a98256}
.look-model-study--ash{background:linear-gradient(145deg,#5f676b,#30363a);box-shadow:0 18px 38px rgba(34,40,44,.3)}
.look-model-study--ash header small{color:#d9e7ec}
.look-model-study--ash .look-model-study__grid figcaption{color:#30373b}
.look-model-study--ash .look-model-study__grid figcaption span{color:#71838c}

.look-transition__sheet--featured{background:#0d0f10}
.look-transition__sheet--featured::before{display:none}
.look-transition__sheet--featured img,
.look-transition.is-expanding .look-transition__sheet--featured img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:none;
  transform:none;
}

/* 首页双入口：红框对应的上下两个独立触点，共用一张克制的动态运动橱窗。 */
.home-gateway-panel{
  position:relative;
  isolation:isolate;
  width:100%;
  height:184px;
  margin:0 0 var(--home-card-gap,16px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.78);
  border-radius:30px;
  background:#ddd9d1;
  box-shadow:0 18px 38px rgba(49,45,39,.18),inset 0 1px rgba(255,255,255,.82);
}

.home-gateway-panel::before{
  content:"";
  position:absolute;
  z-index:6;
  inset:9px;
  border:1px solid rgba(255,255,255,.4);
  border-radius:22px;
  pointer-events:none;
}

.home-gateway-panel__visual{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:42%;
  overflow:hidden;
  background:#24322b;
}

.home-gateway-panel__visual::after{
  content:"";
  position:absolute;
  z-index:3;
  right:0;
  left:0;
  top:-22%;
  height:26%;
  background:linear-gradient(180deg,transparent,rgba(226,209,165,.2),transparent);
  mix-blend-mode:screen;
  animation:home-outdoor-scan 4.6s ease-in-out infinite;
}

.home-gateway-panel__look{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 34%;
  opacity:0;
  filter:saturate(.66) contrast(1.04) brightness(.78);
  transform:scale(1.035);
  animation:home-outdoor-look 14.4s cubic-bezier(.5,0,.3,1) infinite;
  will-change:opacity,transform;
}

.home-gateway-panel__look--one{animation-delay:0s}
.home-gateway-panel__look--two{animation-delay:-9.6s}
.home-gateway-panel__look--three{animation-delay:-4.8s}

.home-gateway-panel__veil{
  position:absolute;
  z-index:2;
  inset:0;
  background:
    radial-gradient(circle at 88% 20%,rgba(224,198,132,.13),transparent 31%),
    linear-gradient(90deg,#e9e5dd 0%,#e9e5dd 43%,rgba(31,43,36,.82) 61%,rgba(23,34,28,.08) 100%);
  pointer-events:none;
}

.home-gateway-panel__edition{
  position:absolute;
  z-index:4;
  right:10px;
  top:17px;
  color:rgba(255,255,255,.65);
  font:700 7px/1 var(--sans);
  letter-spacing:.18em;
  writing-mode:vertical-rl;
  pointer-events:none;
}

.home-gateway-panel__actions{
  position:absolute;
  z-index:5;
  top:13px;
  bottom:13px;
  left:13px;
  display:grid;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:9px;
  width:56%;
}

.home-gateway{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 21px;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px 9px 9px 10px;
  overflow:hidden;
  border-radius:18px;
  text-align:left;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease;
}

.home-gateway:active{transform:scale(.975)}
.home-gateway>*{position:relative;z-index:2}

.home-gateway--styling{
  border:1px solid rgba(255,255,255,.94);
  background:linear-gradient(118deg,rgba(255,255,255,.85),rgba(245,241,233,.66));
  box-shadow:0 8px 18px rgba(58,51,42,.12),inset 0 1px rgba(255,255,255,.9);
  color:#272824;
  backdrop-filter:blur(15px) saturate(112%);
  -webkit-backdrop-filter:blur(15px) saturate(112%);
}

.home-gateway--outerwear{
  border:1px solid rgba(213,190,137,.44);
  background:linear-gradient(118deg,rgba(26,40,33,.96),rgba(39,57,47,.84));
  box-shadow:0 10px 22px rgba(25,36,30,.24),inset 0 1px rgba(255,255,255,.14),0 0 0 rgba(189,157,90,0);
  color:#fff;
  backdrop-filter:blur(14px) saturate(112%);
  -webkit-backdrop-filter:blur(14px) saturate(112%);
  animation:home-outdoor-breathe 3.2s ease-in-out infinite;
}

.home-gateway--outerwear::before{
  content:"";
  position:absolute;
  z-index:1;
  top:-80%;
  bottom:-80%;
  left:-38%;
  width:24%;
  background:linear-gradient(90deg,transparent,rgba(245,224,177,.22),transparent);
  transform:rotate(19deg) translateX(-250%);
  animation:home-outdoor-sheen 4.5s ease-in-out infinite;
  pointer-events:none;
}

.home-gateway__index,
.home-gateway__live{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
}

.home-gateway__index{
  border:1px solid rgba(118,97,66,.24);
  background:rgba(255,255,255,.52);
  color:#987544;
  font:800 8px/1 var(--sans);
  letter-spacing:.04em;
}

.home-gateway__live{
  border:1px solid rgba(230,207,156,.46);
  background:rgba(255,255,255,.06);
}

.home-gateway__live i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#e9cf91;
  box-shadow:0 0 0 0 rgba(233,207,145,.35),0 0 12px rgba(233,207,145,.75);
  animation:home-outdoor-live 1.8s ease-out infinite;
}

.home-gateway__copy{
  display:grid;
  gap:3px;
  min-width:0;
}

.home-gateway__copy small{
  overflow:hidden;
  color:#967d59;
  font:700 6px/1 var(--sans);
  letter-spacing:.14em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-gateway__copy b{
  overflow:hidden;
  font:800 17px/1.08 var(--cn-sans);
  letter-spacing:.07em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-gateway__copy em{
  overflow:hidden;
  color:#85827b;
  font:600 7px/1 var(--cn-sans);
  font-style:normal;
  letter-spacing:.035em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.home-gateway--outerwear .home-gateway__copy small{color:#d8ba78}
.home-gateway--outerwear .home-gateway__copy em{color:rgba(255,255,255,.58)}

.home-gateway__arrow{
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border:1px solid rgba(97,79,53,.22);
  border-radius:50%;
  color:#9a7743;
  font:500 12px/1 var(--sans);
}

.home-gateway--outerwear .home-gateway__arrow{
  border-color:rgba(255,255,255,.28);
  color:#edd49a;
  animation:home-outdoor-arrow 1.7s ease-in-out infinite;
}

@keyframes home-outdoor-look{
  0%,27%{opacity:1;transform:scale(1.035) translate3d(0,0,0)}
  33%,100%{opacity:0;transform:scale(1.11) translate3d(-2.5%,0,0)}
}

@keyframes home-outdoor-scan{
  0%,18%{top:-24%;opacity:0}
  34%{opacity:.82}
  72%,100%{top:104%;opacity:0}
}

@keyframes home-outdoor-breathe{
  0%,100%{border-color:rgba(213,190,137,.34);box-shadow:0 10px 22px rgba(25,36,30,.24),inset 0 1px rgba(255,255,255,.13),0 0 0 rgba(189,157,90,0)}
  50%{border-color:rgba(230,207,153,.66);box-shadow:0 12px 25px rgba(25,36,30,.28),inset 0 1px rgba(255,255,255,.18),0 0 18px rgba(189,157,90,.13)}
}

@keyframes home-outdoor-sheen{
  0%,47%{transform:rotate(19deg) translateX(-250%);opacity:0}
  57%{opacity:1}
  76%,100%{transform:rotate(19deg) translateX(760%);opacity:0}
}

@keyframes home-outdoor-live{
  0%{box-shadow:0 0 0 0 rgba(233,207,145,.4),0 0 12px rgba(233,207,145,.78)}
  70%,100%{box-shadow:0 0 0 8px rgba(233,207,145,0),0 0 5px rgba(233,207,145,.42)}
}

@keyframes home-outdoor-arrow{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(2px,-2px,0)}
}

@media(max-width:380px){
  .home-gateway-panel{height:176px;border-radius:27px}
  .home-gateway-panel__actions{top:12px;bottom:12px;left:12px;gap:8px;width:58%}
  .home-gateway{grid-template-columns:25px minmax(0,1fr) 18px;gap:6px;padding:8px;border-radius:16px}
  .home-gateway__index,.home-gateway__live{width:25px;height:25px}
  .home-gateway__copy b{font-size:15px}
  .home-gateway__copy small{font-size:5.5px}
  .home-gateway__arrow{width:18px;height:18px;font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .home-gateway-panel__look,
  .home-gateway-panel__visual::after,
  .home-gateway--outerwear,
  .home-gateway--outerwear::before,
  .home-gateway__live i,
  .home-gateway--outerwear .home-gateway__arrow{animation:none!important}
  .home-gateway-panel__look--one{opacity:1!important;transform:none!important}
  .home-gateway-panel__look--two,
  .home-gateway-panel__look--three{opacity:0!important}
}

/* 首页双入口收口：移除整块背景，卡片宽度按原尺寸缩短约 2/5。 */
.screen--home .home-gateway-panel{
  display:flex;
  align-items:stretch;
  justify-content:center;
  width:100%;
  height:138px;
  margin-bottom:var(--home-card-gap,16px);
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.screen--home .home-gateway-panel::before,
.screen--home .home-gateway-panel__visual,
.screen--home .home-gateway-panel__veil,
.screen--home .home-gateway-panel__edition{
  display:none;
}

.screen--home .home-gateway-panel__actions{
  position:static;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  justify-content:center;
  gap:12px;
  width:100%;
  height:100%;
}

.screen--home .home-gateway{
  display:grid;
  flex:0 0 34%;
  grid-template-columns:1fr auto;
  grid-template-rows:auto minmax(0,1fr);
  gap:9px 6px;
  min-width:0;
  height:100%;
  padding:13px 12px 14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.95);
  border-radius:24px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 28px rgba(65,58,49,.13),inset 0 1px rgba(255,255,255,.98);
  color:#252622;
  backdrop-filter:blur(18px) saturate(112%);
  -webkit-backdrop-filter:blur(18px) saturate(112%);
}

.screen--home .home-gateway--styling{
  border-color:rgba(255,255,255,.96);
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(247,244,238,.86));
}

.screen--home .home-gateway--outerwear{
  border-color:rgba(162,139,95,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,244,239,.88));
  color:#25362d;
  animation:home-white-outdoor-breathe 3.2s ease-in-out infinite;
}

.screen--home .home-gateway--outerwear::before{
  top:-65%;
  bottom:-65%;
  left:-45%;
  width:30%;
  background:linear-gradient(90deg,transparent,rgba(202,174,112,.14),transparent);
  animation:home-white-outdoor-sheen 4.8s ease-in-out infinite;
}

.screen--home .home-gateway__index,
.screen--home .home-gateway__live{
  grid-column:1;
  grid-row:1;
  width:31px;
  height:31px;
  justify-self:start;
}

.screen--home .home-gateway__arrow{
  grid-column:2;
  grid-row:1;
  width:27px;
  height:27px;
  justify-self:end;
  border-color:rgba(104,88,62,.2);
  background:rgba(247,244,237,.68);
  color:#9a7743;
  font-size:13px;
}

.screen--home .home-gateway--outerwear .home-gateway__arrow{
  border-color:rgba(74,100,84,.2);
  background:rgba(238,243,238,.82);
  color:#567060;
}

.screen--home .home-gateway__copy{
  grid-column:1/-1;
  grid-row:2;
  align-self:end;
  gap:4px;
}

.screen--home .home-gateway__copy small{
  color:#9a815c;
  font-size:6px;
  letter-spacing:.11em;
}

.screen--home .home-gateway__copy b{
  color:#242521;
  font-size:16px;
  letter-spacing:.04em;
}

.screen--home .home-gateway__copy em{
  color:#8c8982;
  font-size:6.5px;
  line-height:1.2;
}

.screen--home .home-gateway--outerwear .home-gateway__copy small{color:#78907f}
.screen--home .home-gateway--outerwear .home-gateway__copy b{color:#26382e}
.screen--home .home-gateway--outerwear .home-gateway__copy em{color:#7d8981}

.screen--home .home-gateway__live{
  border-color:rgba(113,137,120,.24);
  background:rgba(238,243,238,.86);
}

.screen--home .home-gateway__live i{
  background:#a88a4d;
  box-shadow:0 0 0 0 rgba(168,138,77,.24),0 0 9px rgba(168,138,77,.46);
}

@keyframes home-white-outdoor-breathe{
  0%,100%{border-color:rgba(162,139,95,.2);box-shadow:0 14px 28px rgba(65,58,49,.12),inset 0 1px rgba(255,255,255,.98),0 0 0 rgba(118,146,126,0)}
  50%{border-color:rgba(114,143,123,.38);box-shadow:0 16px 31px rgba(65,58,49,.14),inset 0 1px rgba(255,255,255,1),0 0 17px rgba(118,146,126,.12)}
}

@keyframes home-white-outdoor-sheen{
  0%,50%{transform:rotate(19deg) translateX(-250%);opacity:0}
  61%{opacity:1}
  80%,100%{transform:rotate(19deg) translateX(680%);opacity:0}
}

@media(max-width:380px){
  .screen--home .home-gateway-panel{height:132px}
  .screen--home .home-gateway-panel__actions{gap:10px}
  .screen--home .home-gateway{flex-basis:34%;padding:12px 10px;border-radius:21px}
  .screen--home .home-gateway__copy b{font-size:14px}
  .screen--home .home-gateway__copy small{font-size:5.5px}
  .screen--home .home-gateway__copy em{font-size:6px}
}

@media(prefers-reduced-motion:reduce){
  .screen--home .home-gateway--outerwear,
  .screen--home .home-gateway--outerwear::before{animation:none!important}
}

/* 双入口极简版：删除蓝框信息后，仅保留中英文标题。 */
.screen--home .home-gateway-panel{
  height:104px;
}

.screen--home .home-gateway{
  display:flex;
  align-items:center;
  justify-content:center;
  height:104px;
  padding:14px 10px;
  border-radius:22px;
  text-align:center;
}

.screen--home .home-gateway__copy{
  display:grid;
  align-content:center;
  justify-items:center;
  gap:8px;
  width:100%;
}

.screen--home .home-gateway__copy small{
  max-width:100%;
  color:#9a815c;
  font-size:6px;
  letter-spacing:.13em;
}

.screen--home .home-gateway__copy b{
  max-width:100%;
  color:#242521;
  font-size:16px;
  line-height:1;
  letter-spacing:.04em;
}

.screen--home .home-gateway--outerwear .home-gateway__copy small{color:#78907f}
.screen--home .home-gateway--outerwear .home-gateway__copy b{color:#26382e}

@media(max-width:380px){
  .screen--home .home-gateway-panel,
  .screen--home .home-gateway{height:100px}
  .screen--home .home-gateway{padding-inline:8px;border-radius:20px}
  .screen--home .home-gateway__copy{gap:7px}
  .screen--home .home-gateway__copy b{font-size:14px}
  .screen--home .home-gateway__copy small{font-size:5.5px}
}

/* 双入口最终排版：纵向、左对齐、无光效。 */
.screen--home .home-gateway-panel{
  justify-content:flex-start;
  height:126px;
}

.screen--home .home-gateway-panel__actions{
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:8px;
  width:60%;
  height:126px;
}

.screen--home .home-gateway,
.screen--home .home-gateway--styling,
.screen--home .home-gateway--outerwear{
  flex:0 0 59px;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  height:59px;
  padding:10px 14px;
  border-color:rgba(90,83,72,.1);
  border-radius:18px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 18px rgba(65,58,49,.1),inset 0 1px rgba(255,255,255,1);
  color:#242521;
  text-align:left;
  animation:none!important;
}

.screen--home .home-gateway::before,
.screen--home .home-gateway--outerwear::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

.screen--home .home-gateway__copy{
  align-content:center;
  justify-items:start;
  gap:5px;
  text-align:left;
}

.screen--home .home-gateway__copy small,
.screen--home .home-gateway--outerwear .home-gateway__copy small{
  color:#93846e;
  font-size:6px;
}

.screen--home .home-gateway__copy b,
.screen--home .home-gateway--outerwear .home-gateway__copy b{
  color:#242521;
  font-size:16px;
}

@media(max-width:380px){
  .screen--home .home-gateway-panel,
  .screen--home .home-gateway-panel__actions{height:120px}
  .screen--home .home-gateway-panel__actions{gap:8px;width:60%}
  .screen--home .home-gateway,
  .screen--home .home-gateway--styling,
  .screen--home .home-gateway--outerwear{flex-basis:56px;height:56px;padding:9px 13px;border-radius:17px}
  .screen--home .home-gateway__copy b,
  .screen--home .home-gateway--outerwear .home-gateway__copy b{font-size:15px}
}

/* 参考款式：入口位于 BEAUTIFUL 下方，左侧线稿图标，右侧三行信息。 */
.screen--home .hero-copy .home-gateway-panel{
  position:static;
  display:block;
  width:clamp(244px,64vw,270px);
  height:140px;
  margin:15px 0 0;
  overflow:visible;
}

.screen--home .hero-copy .home-gateway-panel__actions{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(2,66px);
  justify-items:stretch;
  gap:8px;
  width:100%;
  height:140px;
}

.screen--home .hero-copy .home-gateway,
.screen--home .hero-copy .home-gateway--styling,
.screen--home .hero-copy .home-gateway--outerwear{
  position:relative;
  display:grid;
  grid-template-columns:50px minmax(0,1fr);
  align-items:center;
  gap:12px;
  width:100%;
  height:66px;
  min-height:0;
  padding:8px 13px 8px 10px;
  overflow:hidden;
  border:1px solid rgba(93,85,73,.09);
  border-radius:0 17px 17px 0;
  background:linear-gradient(112deg,rgba(255,255,255,.97),rgba(249,247,243,.91));
  box-shadow:0 8px 18px rgba(55,50,43,.1);
  color:#22231f;
  text-align:left;
  animation:none!important;
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}

.screen--home .hero-copy .home-gateway::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:4px;
  background:#b99255;
}

.screen--home .hero-copy .home-gateway--outerwear::after{background:#799178}

.screen--home .hero-copy .home-gateway__icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border:1px solid rgba(184,145,84,.48);
  border-radius:50%;
  background:rgba(255,255,255,.55);
  box-shadow:0 5px 11px rgba(65,56,43,.08);
  color:#b18b50;
}

.screen--home .hero-copy .home-gateway--outerwear .home-gateway__icon{
  border-color:rgba(111,143,112,.45);
  color:#789178;
}

.screen--home .hero-copy .home-gateway__icon svg{
  width:31px;
  height:31px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.screen--home .hero-copy .home-gateway__copy{
  display:grid;
  align-content:center;
  justify-items:start;
  gap:3px;
  min-width:0;
  text-align:left;
}

.screen--home .hero-copy .home-gateway__copy small,
.screen--home .hero-copy .home-gateway--outerwear .home-gateway__copy small{
  color:#a07f4f;
  font:700 6px/1 var(--sans);
  letter-spacing:.14em;
}

.screen--home .hero-copy .home-gateway--outerwear .home-gateway__copy small{color:#748a74}

.screen--home .hero-copy .home-gateway__copy b,
.screen--home .hero-copy .home-gateway--outerwear .home-gateway__copy b{
  color:#22231f;
  font:800 17px/1.05 var(--cn-sans);
  letter-spacing:.04em;
}

.screen--home .hero-copy .home-gateway__copy em,
.screen--home .hero-copy .home-gateway--outerwear .home-gateway__copy em{
  display:block;
  overflow:hidden;
  max-width:100%;
  color:#77736d;
  font:600 7px/1.1 var(--cn-sans);
  font-style:normal;
  letter-spacing:.07em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

@media(max-width:380px){
  .screen--home .hero-copy .home-gateway-panel{width:238px;height:134px;margin-top:13px}
  .screen--home .hero-copy .home-gateway-panel__actions{grid-template-rows:repeat(2,63px);gap:8px;height:134px}
  .screen--home .hero-copy .home-gateway,
  .screen--home .hero-copy .home-gateway--styling,
  .screen--home .hero-copy .home-gateway--outerwear{grid-template-columns:46px minmax(0,1fr);gap:10px;height:63px;padding:7px 11px 7px 9px}
  .screen--home .hero-copy .home-gateway__icon{width:44px;height:44px}
  .screen--home .hero-copy .home-gateway__icon svg{width:28px;height:28px}
  .screen--home .hero-copy .home-gateway__copy b,
  .screen--home .hero-copy .home-gateway--outerwear .home-gateway__copy b{font-size:16px}
}

/* 双入口重做：单一中文标题，图标负责区分，彻底减少信息密度。 */
.screen--home .hero-copy .home-gateway-panel{
  width:242px;
  height:124px;
  margin-top:14px;
}

.screen--home .hero-copy .home-gateway-panel__actions{
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:repeat(2,58px);
  gap:8px;
  width:100%;
  height:124px;
}

.screen--home .hero-copy .home-gateway,
.screen--home .hero-copy .home-gateway--styling,
.screen--home .hero-copy .home-gateway--outerwear{
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:1fr;
  gap:13px;
  width:100%;
  height:58px;
  padding:8px 14px 8px 10px;
  border:1px solid rgba(68,62,53,.075);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 7px 16px rgba(47,43,38,.085);
  animation:none!important;
  transition:transform .18s ease,background .18s ease;
}

.screen--home .hero-copy .home-gateway::after{display:none}
.screen--home .hero-copy .home-gateway:active{transform:scale(.985);background:#fff}

.screen--home .hero-copy .home-gateway__icon{
  width:40px;
  height:40px;
  border:0;
  border-radius:13px;
  background:#f3eee5;
  box-shadow:none;
  color:#a98248;
}

.screen--home .hero-copy .home-gateway--outerwear .home-gateway__icon{
  border:0;
  background:#edf1ec;
  color:#6f876f;
}

.screen--home .hero-copy .home-gateway__icon svg{
  width:27px;
  height:27px;
  stroke-width:1.55;
}

.screen--home .hero-copy .home-gateway__copy{
  display:flex;
  grid-column:2;
  grid-row:1;
  align-items:center;
  align-self:center;
  justify-content:flex-start;
  justify-self:stretch;
  width:100%;
  min-width:0;
}

.screen--home .hero-copy .home-gateway__copy b,
.screen--home .hero-copy .home-gateway--outerwear .home-gateway__copy b{
  color:#252521;
  font:800 17px/1 var(--cn-sans);
  letter-spacing:.075em;
  white-space:nowrap;
}

@media(max-width:380px){
  .screen--home .hero-copy .home-gateway-panel{width:232px;height:120px;margin-top:12px}
  .screen--home .hero-copy .home-gateway-panel__actions{grid-template-rows:repeat(2,56px);height:120px}
  .screen--home .hero-copy .home-gateway,
  .screen--home .hero-copy .home-gateway--styling,
  .screen--home .hero-copy .home-gateway--outerwear{grid-template-columns:40px minmax(0,1fr);gap:11px;height:56px;padding:8px 12px 8px 9px}
  .screen--home .hero-copy .home-gateway__icon{width:38px;height:38px}
  .screen--home .hero-copy .home-gateway__icon svg{width:25px;height:25px}
  .screen--home .hero-copy .home-gateway__copy b,
  .screen--home .hero-copy .home-gateway--outerwear .home-gateway__copy b{font-size:16px}
}

/* 卡宽按手机实测收紧，保持两个五字标题完整且等宽。 */
.screen--home .hero-copy .home-gateway-panel{width:200px}

@media(max-width:380px){
  .screen--home .hero-copy .home-gateway-panel{width:196px}
}

/* 主视觉内容统一对齐下方卡片的 22px 左边距。 */
.screen--home .hero-copy{left:22px!important}

/* 全站字体体系：中文、英文正文与数字统一为现代无衬线；品牌主标题保留展示衬线。 */
:root{
  --cn-sans:"PingFang SC","Noto Sans SC","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
  --sans:var(--cn-sans);
}

body,
button,
input,
textarea,
select,
body :is(h1,h2,h3,h4,p,b,strong,span,em,small,button,a,li,label,input,textarea,select){
  font-family:var(--cn-sans)!important;
  font-synthesis:none;
}

.hero-copy h1{font-family:"DM Serif Display",Georgia,serif!important}

/* 秋季相册首屏：暖白留白、细线几何和轻量数字排版。 */
.screen--autumn,
.screen--autumn-detail{
  background:#f6f5f1;
}

.topbar--autumn,
.topbar--autumn-detail{
  border-bottom:1px solid rgba(41,39,35,.07);
  background:rgba(250,249,246,.9);
  box-shadow:0 6px 20px rgba(43,39,33,.035);
}

.topbar--autumn p small,
.topbar--autumn-detail p small{color:#9d8156}

.topbar--autumn p b,
.topbar--autumn-detail p b{color:#262521;font-weight:700}

.topbar--autumn>p{
  position:absolute;
  left:50%;
  width:max-content;
  transform:translateX(-50%);
}

.autumn-search{
  border-bottom:1px solid rgba(45,43,38,.07);
  background:rgba(246,245,241,.94);
}

.autumn-search label{
  border-color:rgba(50,47,41,.1);
  background:rgba(255,255,255,.88);
  box-shadow:0 7px 18px rgba(46,42,36,.045),inset 0 1px rgba(255,255,255,1);
}

/* 原相册分类：搜索与分类并列，展开后保持白色、轻量、适合手机触控。 */
.autumn-search__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.autumn-search__controls>label{min-width:0}
.autumn-category__toggle{display:grid;grid-template-columns:minmax(0,1fr) 9px;align-items:center;gap:8px;width:min(33vw,142px);min-width:112px;height:50px;padding:0 15px;border:1px solid rgba(50,47,41,.1);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 7px 18px rgba(46,42,36,.045),inset 0 1px #fff;color:#37352f;text-align:left}
.autumn-category__toggle span{overflow:hidden;font-size:12px;font-weight:600;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}
.autumn-category__toggle i{width:7px;height:7px;border-right:1.5px solid #77736a;border-bottom:1.5px solid #77736a;transform:translateY(-2px) rotate(45deg);transition:transform .2s ease}
.autumn-category__toggle[aria-expanded="true"] i{transform:translateY(2px) rotate(225deg)}
.autumn-category__panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;padding:8px;border:1px solid rgba(52,48,41,.09);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 16px 34px rgba(44,39,32,.12)}
.autumn-category__panel[hidden]{display:none!important}
.autumn-category__panel button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-height:42px;padding:9px 11px;border:1px solid transparent;border-radius:12px;background:#f6f5f1;color:#4c4943;text-align:left;transition:background .18s ease,color .18s ease,transform .18s ease}
.autumn-category__panel button:active{transform:scale(.98)}
.autumn-category__panel button span{font-size:11px;font-weight:600;line-height:1.35}
.autumn-category__panel button small{color:#99948a;font-size:9px;font-weight:600}
.autumn-category__panel button.is-current{border-color:rgba(168,137,84,.22);background:#262722;color:#fff}
.autumn-category__panel button.is-current small{color:#cfb581}
.autumn-pagination[hidden]{display:none!important}
@media(max-width:360px){.autumn-category__toggle{width:112px;padding-inline:12px}.autumn-category__panel{grid-template-columns:1fr}}