/* NailFit product pages — original palette, with compact reading and product demonstrations. */
.pr-page{background:var(--nf-paper,#fff9fb);color:var(--nf-ink,#282429);font-family:var(--font-body,sans-serif)}
.pr-page *{box-sizing:border-box}
.pr-page [hidden]{display:none!important}
.pr-page h1,.pr-page h2,.pr-page h3{font-family:var(--font-display,sans-serif);font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.pr-page h1{font-size:38px;line-height:1.3;margin:0 0 20px}
.pr-page h2{font-size:28px;line-height:1.45;margin:0 0 20px}
.pr-page h3{font-size:20px;line-height:1.4;margin:0 0 14px}
.pr-page p{font-size:14px;line-height:1.9}
.pr-page figure{margin:0}
.pr-page img{display:block;max-width:100%;height:auto}
.pr-page button,.pr-page a{touch-action:manipulation}
.pr-page button:focus-visible,.pr-page a:focus-visible,.pr-page summary:focus-visible,.pu-bp-gallery:focus-visible{outline:3px solid var(--nf-pink,#994867);outline-offset:5px}
.pr-page ::selection{background:var(--nf-pink,#994867);color:#fff}
.pr-wrap{width:min(100% - 64px,1080px);margin-inline:auto}
.pr-hero{max-width:1144px;margin:auto;padding:44px 32px 36px;min-height:0;position:relative}
.pr-hero em{font-style:normal;color:var(--nf-pink,#994867)}
.pr-hero-copy>p{max-width:34ch;color:var(--nf-muted,#625760);margin:0 0 30px}
.nf-redesigned .pr-page .pr-hero figcaption{color:var(--nf-muted,#625760)}
.nf-redesigned .pr-page .pr-hero-copy>p{color:var(--nf-muted,#625760)}
.pr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.pr-page .pr-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;background:var(--nf-pink,#994867);color:#fff;border:0;border-radius:12px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s}
.pr-page .pr-action:hover{background:#733044}
.pr-text-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:6px;font-size:14px;font-weight:600;color:inherit}
.pr-merchant-hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.pr-merchant-visual{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:center;min-width:0}
.pr-merchant-photo{height:230px;overflow:hidden;border-radius:8px}
.pr-merchant-photo>img{width:100%;height:100%;object-fit:cover;object-position:63% center}
.pr-merchant-app{position:relative;width:100%;max-width:220px}
.pr-merchant-app>img{width:100%;object-fit:contain;border-radius:12px}
.pr-merchant-app figcaption{color:var(--nf-muted,#625760);font-size:12px;line-height:1.8;margin-top:12px}
.pr-experience-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center}
.pr-experience-film{grid-column:2;grid-row:1;position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;border-radius:8px}
.pr-experience-film>video{display:block;width:100%;height:100%;object-fit:cover}
.pr-experience-hero .pr-hero-copy{grid-column:1;grid-row:1;position:relative;z-index:1}
.pr-experience-hero h1{font-size:38px;line-height:1.3}
.pr-paper{background:var(--nf-paper,#f5f4ef);color:var(--nf-ink,#141414)}
.pu-section{padding-block:44px}
.pr-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:28px}
.pr-section-heading h2{margin-bottom:0}
.pr-section-heading p{max-width:43ch;margin:0;color:var(--nf-muted,#5c5c56)}
.pr-section-heading .pr-text-link{margin-top:14px}
.pr-page .pu-note,.pr-page figcaption,.pr-page .pu-demo-caption,.pr-page .pr-local-label{font-size:12px;line-height:1.8;color:var(--nf-muted,#5c5c56)}
.pu-console-header,.pu-handoff-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.pu-console-header p{margin:0}
.pr-page .pu-demo-play{border:1px solid #aaa9a1;background:transparent;color:var(--nf-ink,#141414);padding:10px 18px;min-height:44px;border-radius:12px;font:600 13px var(--font-body,sans-serif);cursor:pointer}
.pr-page .pu-demo-play:disabled{cursor:default;color:#676760}
.pu-task-switch,.pu-flow-switch{display:flex;flex-wrap:wrap;gap:8px}
.pu-task-switch{margin-bottom:32px}
.pr-page .pu-task-switch button,.pr-page .pu-flow-switch button,.pr-page .pu-step-switch button,.pr-page .pu-bp-tabs button{border:0;color:var(--nf-muted);background:transparent;min-height:44px;padding:10px 16px;border-radius:8px;font:500 13px var(--font-body);cursor:pointer;transition:background-color .18s,color .18s}
.pr-page button[aria-pressed="true"],.pr-page .pu-bp-tabs button[aria-selected="true"]{background:var(--nf-lime);color:var(--nf-rose)}
.pr-demo-work{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;align-items:start;padding:24px 0;border-block:1px solid var(--nf-line)}
.pr-demo-context{grid-column:1;grid-row:1}
.pu-case-subject{display:flex;gap:14px;align-items:center;margin:0 0 18px}
.pu-case-subject img{width:44px;height:44px}
.pu-case-subject strong{font-size:22px;font-weight:550}
.pr-demo-context>p:not(.pu-case-subject){color:var(--nf-muted,#5c5c56)}
.pu-step-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.pr-page .pu-step-switch button{padding:10px 13px;font-size:13px}
.pu-reply-sheet{grid-column:2;grid-row:1;padding:0 0 0 32px;background:transparent;border:0;border-left:1px solid var(--nf-line);border-radius:0;min-height:210px}
.pr-page .pu-reply-status{display:block;font-size:13px;font-weight:700;color:#994867}
.pr-page .pu-reply-text{margin:16px 0;font-size:16px;line-height:1.95;min-height:100px}
.pr-page .pu-reply-boundary{font-size:12px;color:var(--nf-muted,#5c5c56);margin:0}
.pu-demo-caption{margin:24px 0 0;max-width:85ch}
.pu-bp-showcase{display:grid;grid-template-columns:1fr 1fr;gap:64px;min-width:0;border-top:1px solid var(--nf-line)}
.pu-bp-showcase h3{font-size:19px}
.pu-bp-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}
.pr-page .pu-bp-tabs button{padding:9px 14px;font-size:13px}
.pu-bp-showcase .pu-note{margin:10px 0;max-width:45ch}
.pu-bp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;border-radius:12px}
.pu-bp-enhanced .pu-bp-gallery{display:block}
.pu-bp-view>img{display:block;width:auto;max-width:100%;max-height:430px;object-fit:contain;margin:auto}
.pu-bp-view figcaption{padding-top:16px;max-width:400px;margin:auto}
.pu-bp-view h3{font-size:18px;margin-bottom:6px}
.pr-page .pu-bp-view figcaption p{font-size:13px;line-height:1.85;margin:0}
.pu-bp-view .pr-text-link{font-size:12px}
.pr-services{border-top:1px solid var(--nf-line)}
.pu-services{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}
.pu-services details{border-bottom:1px solid var(--nf-line);padding-block:22px}
.pr-page .pu-services summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-size:18px;font-weight:550;list-style:none;min-height:44px;align-items:center}
.pr-page .pu-services summary span{font-size:12px;font-weight:400;color:var(--nf-muted,#5c5c56);white-space:nowrap}
.pu-services summary::-webkit-details-marker{display:none}
.pu-services summary::after{content:'+';font-size:20px;font-weight:400;line-height:1;flex:none}
.pu-services details[open] summary::after{content:'−'}
.pu-services summary span{margin-left:auto}
.pu-services details[open] summary{color:#994867}
.pr-page .pu-services details p{font-size:14px;line-height:1.9;margin-bottom:0;max-width:48ch}
.pr-boundary{border-top:1px solid var(--nf-line);margin-top:28px;padding-top:18px}
.pr-page .pr-boundary summary{cursor:pointer;font-size:14px;font-weight:600;min-height:44px}
.pr-page .pr-boundary p{font-size:14px;max-width:76ch;color:var(--nf-muted,#5c5c56)}
.pr-page .pr-store-images{padding-block:60px 80px;background:transparent;border:0}
.pr-page .pw-st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pr-page .pw-st-grid figure{margin:0;align-self:start}
.pr-page .pw-st-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.pr-page .pw-st-grid figure:nth-child(n+3) img{aspect-ratio:4/3}
.pr-page .pw-st-grid figcaption{margin-top:12px;color:var(--nf-muted,#5c5c56);font-size:12px}
.pr-partner-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;border-top:1px solid var(--nf-line)}
.pr-partner-contact h2{font-size:clamp(26px,2.8vw,34px)}
.pr-partner-contact>div>p:first-child{margin-top:0}
.pr-partner-contact .pr-actions{margin-top:24px}
.pu-flow-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;align-items:start}
.pu-flow-scene article{min-width:0;padding-top:18px;border-top:1px solid var(--nf-line)}
.pu-flow-scene article.is-current{border-top-color:var(--nf-pink,#994867)}
.pu-flow-scene article>p{font-size:14px;line-height:1.9;color:var(--nf-muted);max-width:30ch;margin:0 0 24px}
.pu-flow-surface{min-width:0}
.pu-flow-screen{height:360px;display:flex;align-items:center;justify-content:center}
.pr-page .pu-flow-screen>img{width:auto;height:100%;max-width:100%;object-fit:contain}
.pu-flow-confirmation{min-height:340px;display:flex;flex-direction:column;justify-content:center}
.pr-page .pu-flow-selection>img{width:100%;height:170px;object-fit:cover;object-position:center 42%}
.pu-flow-selection figcaption{margin-top:10px}
.pu-flow-confirmation dl{margin:18px 0 0}
.pu-flow-confirmation dl>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid var(--nf-line)}
.pu-flow-confirmation dt{font-size:12px;color:var(--nf-muted,#5c5c56)}
.pu-flow-confirmation dd{margin:0;font-size:13px;text-align:right}
.pu-flow-place{position:relative;margin-top:16px}
.pu-flow-place:empty{margin-top:0}
.pu-flow-card{background:var(--nf-lime);color:var(--nf-ink);padding:22px;border-radius:8px;max-width:390px}
.pu-flow-reference-head{display:flex;gap:14px;align-items:center}
.pr-page .pu-flow-reference-head>img{width:60px;height:60px;object-fit:cover;border-radius:7px;flex-shrink:0}
.pu-flow-card strong{font-size:20px;line-height:1.5;font-weight:550}
.pr-page .pu-flow-card p{font-size:14px;line-height:1.8;margin:16px 0 12px}
.pu-flow-card small{font-size:12px;line-height:1.8}
.nf-redesigned .pr-page .pu-flow-card :is(p,small){color:var(--nf-dark,#101010)}
.pr-page .pu-flow-source{font-size:12px;line-height:1.8;margin:12px 0 0}
.pr-understanding{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--nf-line)}
.pr-understanding p{margin-top:0;max-width:42ch}
.exp-words{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0;margin:22px 0;font-size:14px;color:#994867}
.pr-tryon{display:grid;grid-template-columns:1fr .9fr;gap:10%;align-items:center}
.pr-tryon-copy>p{max-width:39ch;color:var(--nf-muted,#5c5c56)}
.pr-hand-display{min-width:0}
.pr-page #tryon-stage{background:transparent;width:min(100%,315px);height:auto;aspect-ratio:3/4;overflow:visible;max-height:none;margin:auto}
.pr-page #tryon-stage picture{display:block;width:100%;height:100%}
.pr-page #tryon-stage .tryon-hand{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.pr-page .pr-hand-display{overflow:visible;text-align:center}
.pr-hand-display figcaption{margin-top:16px}
.pr-page .tryon-controls{display:block;margin:28px 0}
.tryon-controls p{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #d6d5cc;padding:12px 0}
.tryon-controls strong{font-size:14px}
.tryon-controls span{font-size:13px;color:var(--nf-muted,#5c5c56)}
.pu-agent-film-row{display:grid;grid-template-columns:1.25fr .75fr;gap:7%;align-items:center;border-top:1px solid var(--nf-line)}
.pu-agent-film{position:relative;aspect-ratio:4/3;overflow:hidden}
.pu-agent-film video{display:block;width:100%;height:100%;object-fit:contain}
.pu-agent-film-copy h2{font-size:clamp(26px,2.8vw,34px)}
.pu-agent-film-copy>p{max-width:30ch}
.pr-records{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.pr-record-copy>p{max-width:38ch;color:var(--nf-muted,#5c5c56)}
.pu-tip-list{margin:26px 0}
.pu-tip-list>div{padding:18px 0;border-bottom:1px solid #d0cfc6}
.pu-tip-list dt{font-size:16px;font-weight:700;margin-bottom:7px}
.pu-tip-list dd{font-size:14px;line-height:1.9;color:var(--nf-muted,#5c5c56);margin:0}
.pr-record-screens{display:block;min-width:0}
.pr-record-screens figure:nth-child(2){margin-top:0}
.pr-record-screens img{width:100%;border-radius:14px}
.pr-record-screens figcaption{margin-top:16px}
.pr-choice,.pr-real-life{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.pr-choice figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pr-choice-links{list-style:none;padding:0;margin:26px 0}
.pr-choice-links li{border-top:1px solid var(--nf-line)}
.pr-choice-links a{display:flex;min-height:52px;align-items:center;text-underline-offset:5px;font-size:15px}
.pr-real-life{grid-template-columns:1.2fr .8fr}
.pr-real-life>figure img{width:100%;aspect-ratio:5/4;object-fit:cover}
.pr-real-life h2{font-size:clamp(26px,2.8vw,34px)}
.pr-end{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:34px 70px;border-top:1px solid var(--nf-line)}
.pr-page .pr-end p{font-size:26px;font-weight:550;line-height:1.5;margin:0}
.pr-page .pu-image-failed{background:#e8e7de;color:var(--nf-ink,#141414);font-size:14px;object-fit:contain}

.pu-handoff-ready .pu-flow-scene{display:block}
.pu-handoff-ready .pu-flow-scene article{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0 44px;border:0;padding:0}
.pu-handoff-ready .pu-flow-scene article:not(.is-current){display:none}
.pu-handoff-ready .pu-flow-scene article>h3{grid-column:1;grid-row:1}
.pu-handoff-ready .pu-flow-scene article>p:not(.pu-flow-source){grid-column:1;grid-row:2;align-self:start}
.pu-handoff-ready .pu-flow-surface{grid-column:2;grid-row:1/4;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.pu-handoff-ready .pu-flow-source{grid-column:1/-1;grid-row:4}
.pu-handoff-ready .pu-flow-place{margin:0}
.pu-handoff-ready .pu-flow-confirmation{height:auto;min-height:360px}
@media(max-width:1050px){.pr-hero{gap:32px}.pr-demo-work,.pu-bp-showcase,.pr-section-heading,.pr-records{gap:32px}.pu-handoff-ready .pu-flow-scene article{grid-template-columns:180px 1fr;gap:28px}.pu-handoff-ready .pu-flow-surface{gap:16px}.pr-merchant-visual{gap:16px}.pr-merchant-photo{height:200px}}
@media(max-width:700px){
 .pr-wrap{width:calc(100% - 40px)}.pr-hero{padding:28px 20px;display:flex;flex-direction:column;align-items:stretch;gap:24px}.pr-page h1,.pr-experience-hero h1{font-size:29px;line-height:1.4;margin-bottom:16px}.pr-hero-copy>p{font-size:14px;max-width:40ch;margin-bottom:20px}.pr-experience-film{aspect-ratio:16/10}.pr-experience-hero .pr-hero-copy{order:-1}.pr-merchant-visual{display:flex;flex-direction:column;gap:20px;align-items:center}.pr-merchant-app{order:-1;width:190px;max-width:100%;margin:auto}.pr-merchant-photo{width:100%;height:160px}.pr-merchant-app figcaption{font-size:11px}
 .pu-section{padding-block:36px}.pr-page h2{font-size:24px;line-height:1.5}.pr-page h3{font-size:20px}.pr-section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.pr-section-heading p{font-size:14px}.pu-console-header{margin-bottom:14px}.pu-task-switch,.pu-flow-switch{gap:4px}.pr-page .pu-task-switch button,.pr-page .pu-flow-switch button{font-size:12px;padding:10px 9px}.pr-demo-work{grid-template-columns:1fr;gap:20px;padding-block:20px}.pr-demo-context,.pu-reply-sheet{grid-column:auto;grid-row:auto}.pr-demo-context>p:not(.pu-case-subject){margin-bottom:12px}.pu-step-switch{margin-top:14px}.pr-page .pu-step-switch button{padding:10px 9px;font-size:12px}.pu-reply-sheet{border-left:0;border-top:1px solid var(--nf-line);padding:20px 0 0;min-height:0}.pr-page .pu-reply-text{font-size:15px;min-height:0}.pu-bp-showcase{grid-template-columns:1fr;gap:24px}.pu-bp-gallery{grid-template-columns:1fr;gap:28px}.pu-bp-view>img{max-height:400px}.pu-services{grid-template-columns:1fr}.pr-page .pu-services summary{font-size:17px}.pr-page .pw-st-grid{grid-template-columns:1fr 1fr;gap:16px}.pr-page .pw-st-grid figure:nth-child(n) img{aspect-ratio:4/3}
 .pr-partner-contact,.pr-understanding,.pr-tryon,.pu-agent-film-row,.pr-records,.pr-choice,.pr-real-life{grid-template-columns:1fr;gap:24px}.pu-handoff-top{align-items:flex-start;flex-direction:column;gap:8px}.pu-flow-scene{grid-template-columns:1fr;gap:24px}.pu-handoff-ready .pu-flow-scene article{display:block}.pu-handoff-ready .pu-flow-scene article:not(.is-current){display:none}.pu-handoff-ready .pu-flow-surface{grid-template-columns:1fr;gap:20px}.pu-flow-screen{height:330px}.pu-handoff-ready .pu-flow-confirmation{min-height:0}.pu-flow-card{max-width:none}.pr-page .pu-flow-selection>img{height:190px}.pr-page #tryon-stage{max-height:370px}.tryon-controls p{flex-wrap:wrap;gap:6px 16px}.pr-choice figure img,.pr-real-life>figure img{aspect-ratio:4/3}.pr-end{display:block;padding-bottom:36px}.pr-end .pr-text-link{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.pr-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Restore the original continuous film, then keep one clear product sequence. */
.theme-experience .pr-page .exp-hero{min-height:calc(100svh - 72px);margin:0;padding:80px max(32px,calc((100vw - 1080px)/2));align-items:center}
.theme-experience .pr-page .exp-hero-copy{position:relative;z-index:1;width:min(100%,620px)}
.theme-experience .pr-page .exp-hero h1{font-size:clamp(36px,4.4vw,62px);color:#fff;line-height:1.24;margin-bottom:24px}
.theme-experience .pr-page .exp-hero h1 em{font-style:normal;color:#fff}
.nf-redesigned .pr-page .exp-hero-copy>p{color:#fff;max-width:35ch;font-size:16px;line-height:1.9;margin-bottom:28px}
.pr-page .exp-hero .pr-action{background:#fff;color:#733044}
.pr-page .exp-hero .pr-text-link{color:#fff}
.pr-page .exp-hero .nf-video-toggle{z-index:3;right:32px;bottom:24px}
.pr-page .pu-section{padding-block:64px}
.pr-page .pr-understanding{border-top:0}
.pr-page .store-map-stage{display:block;max-width:1080px;min-height:0;padding:64px 0 0;margin:auto}
.pr-page .store-map-copy{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:0 0 28px}
.pr-page .store-map-copy p{max-width:44ch;margin-top:0}
.pr-page .store-map-copy h2{font-size:32px;line-height:1.4}
.pr-page .store-map-canvas{height:540px;min-height:0;border-radius:12px;overflow:hidden;background:#eee9e5;border:1px solid var(--nf-line)}
.pr-page #store-map{height:100%;width:100%}
.pr-page .store-map-fallback{position:absolute;left:16px;right:auto;bottom:16px;top:auto;max-width:calc(100% - 32px);margin:0;background:#fff;padding:10px 16px;border-radius:8px;font-size:12px;line-height:1.8;pointer-events:none}
.pr-page .store-map-canvas[data-state=error] .store-map-fallback{left:24px;bottom:24px;right:24px;max-width:none}
.pr-page #store-map-status{margin-top:12px}
.pr-page .pr-ip-closing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;border-top:1px solid var(--nf-line)}
.pr-ip-character{display:flex;flex-direction:column;align-items:center;gap:18px}
.pr-page .pr-ip-character>img{width:230px;height:230px;object-fit:contain;filter:drop-shadow(0 14px 12px #6b3b4c18)}
.pr-ip-character[data-running=true]>img{animation:nf-xiaohua-float 3.8s ease-in-out infinite}
.pr-page .pr-ip-character button{min-height:44px;border:1px solid var(--nf-line);background:transparent;border-radius:8px;padding:10px 16px;color:var(--nf-muted);font:inherit;font-size:12px;cursor:pointer}
.pr-ip-film{margin-top:20px;color:var(--nf-muted);font-size:12px}
.pr-ip-film>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.pr-ip-film .pu-agent-film{max-width:260px;margin-top:10px}
@keyframes nf-xiaohua-float{0%,100%{transform:translateY(0) rotate(-3deg)}40%{transform:translateY(-12px) rotate(3deg)}65%{transform:translateY(-5px) rotate(1deg)}}
.gb-demo{display:grid;grid-template-columns:.8fr 1.2fr;align-items:start;gap:64px;border-block:1px solid var(--nf-line)}
.gb-intro{padding-top:66px}
.pr-page .gb-label{font-size:11px;letter-spacing:.09em;color:var(--nf-muted);margin:0 0 20px}
.gb-intro>p:not(.gb-label){max-width:34ch;color:var(--nf-muted)}
.gb-instructions{display:grid;gap:12px;margin:28px 0;font-size:13px}
.gb-instructions>span{border-bottom:1px solid var(--nf-line);padding-bottom:12px}
.gb-discovery{min-width:0;position:relative}
.gb-stage{display:grid;gap:18px;position:relative;outline-offset:6px}
.gb-card{background:#fff;border:5px solid #f1eae5;border-radius:30px;overflow:hidden;box-shadow:0 20px 35px -20px #482b3755;min-width:0}
.pr-page .gb-card img{width:100%;height:75%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.gb-card-copy{padding:16px 18px 14px;background:#fff}
.pr-page .gb-card-copy h3{font-size:18px;line-height:1.5;margin:2px 0 6px}
.gb-card-copy>span{font-size:10px;letter-spacing:.04em;color:var(--nf-muted)}
.pr-page .gb-card-copy>p{font-size:11px;line-height:1.8;margin:0;color:var(--nf-muted)}
.gb-ready .gb-stage{display:block;height:500px;overflow:hidden;perspective:1100px;touch-action:pan-y}
.gb-ready .gb-card{position:absolute;left:50%;top:52%;width:min(360px,82%);height:84%;--gb-slot:0;--gb-scale:1;--gb-turn:0deg;--gb-yaw:0deg;transform:translate(calc(-50% + var(--gb-slot)*91% + var(--gb-dx,0px)),calc(-50% + var(--gb-dy,0px))) rotate(var(--gb-turn)) rotate(var(--gb-angle,0deg)) rotateY(var(--gb-yaw)) scale(var(--gb-scale));transition:transform 260ms cubic-bezier(.22,.61,.36,1),opacity 260ms ease;transform-origin:center center}
.gb-ready .gb-card[data-place="0"]{z-index:3;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.gb-ready .gb-card[data-place="-1"]{--gb-slot:-1;--gb-scale:.9;--gb-turn:-5deg;--gb-yaw:10deg;opacity:.65;z-index:1}
.gb-ready .gb-card[data-place="1"]{--gb-slot:1;--gb-scale:.9;--gb-turn:5deg;--gb-yaw:-10deg;opacity:.65;z-index:1}
.gb-dragging .gb-card[data-place="0"]{transition:none;cursor:grabbing}
.gb-ready .gb-flying{z-index:5;pointer-events:none;transition:none}
.gb-empty::after{content:'已留下所有喜欢';position:absolute;inset:45% 0 auto;text-align:center;color:var(--nf-muted);font-size:14px}
.gb-actions{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:12px}
.pr-page .gb-actions button{min-height:46px;border:1px solid var(--nf-line);border-radius:50%;background:transparent;color:var(--nf-ink);width:46px;font:inherit;font-size:17px;cursor:pointer;transition:background-color .18s}
.pr-page .gb-actions [data-gb-save]{border-radius:24px;width:auto;padding:10px 22px;background:var(--nf-pink);color:#fff;border-color:var(--nf-pink);font-size:13px}
.pr-page .gb-actions button:disabled{opacity:.4;cursor:default}
.gb-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px}
.pr-page .gb-bottom>p{font-size:11px;line-height:1.7;max-width:30ch;margin:0;color:var(--nf-muted)}
.pr-page .gb-shortlist{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 0 6px 10px;border:0;background:transparent;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer;color:var(--nf-ink)}
.gb-thumbs{width:50px;height:34px;position:relative;display:block;border:1px dashed var(--nf-line);border-radius:7px}
.pr-page .gb-thumbs img{position:absolute;width:25px;height:32px;border-radius:4px;object-fit:cover;border:2px solid #fff;left:2px;top:0;transform:rotate(-8deg)}
.pr-page .gb-thumbs img:nth-child(2){left:12px;transform:rotate(0)}
.pr-page .gb-thumbs img:nth-child(3){left:22px;transform:rotate(8deg)}
.gb-saved{border-top:1px solid var(--nf-line);margin-top:24px;padding-top:22px}
.pr-page .gb-saved h3{font-size:16px}
.gb-saved ul{list-style:none;padding:0;margin:0}
.gb-saved li{display:flex;gap:12px;align-items:center;padding-block:10px;border-bottom:1px solid var(--nf-line);font-size:13px}
.pr-page .gb-saved li img{width:40px;height:48px;object-fit:cover;border-radius:5px}
.pr-page .gb-saved button{min-height:44px;padding:8px 12px;font:inherit;font-size:12px;background:transparent;color:var(--nf-pink);border:0;cursor:pointer}
.gb-saved li button{margin-left:auto}
.gb-saved .pu-note{margin-top:18px}
@media(max-width:767px){
 .theme-experience .pr-page .exp-hero{min-height:calc(100svh - 64px);padding:70px 20px;align-items:flex-end}
 .theme-experience .pr-page .exp-hero-copy{width:100%;max-width:450px}
 .theme-experience .pr-page .exp-hero h1{font-size:36px;line-height:1.3}
 .nf-redesigned .pr-page .exp-hero-copy>p{font-size:14px;max-width:32ch}
 .pr-page .exp-hero .nf-video-toggle{right:20px;bottom:20px}
 .pr-page .pu-section{padding-block:44px}
 .pr-page #tryon-stage{width:min(100%,278px);max-height:none}
 .pr-page .store-map-stage{padding-top:44px}.pr-page .store-map-copy{grid-template-columns:1fr;gap:12px}.pr-page .store-map-copy h2{font-size:26px;margin-bottom:8px}.pr-page .store-map-canvas{height:420px}
 .pr-page .pr-ip-closing{grid-template-columns:1fr;gap:28px}.pr-page .pr-ip-character>img{width:190px;height:190px}
 .gb-demo{grid-template-columns:1fr;gap:16px}.gb-intro{padding-top:0}.gb-intro>p:not(.gb-label){max-width:100%}.gb-instructions{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0}.gb-instructions>span{font-size:12px}.gb-label{margin-bottom:14px}
 .gb-ready .gb-stage{height:440px;margin-inline:-12px}.gb-ready .gb-card{width:78%;height:84%;border-radius:28px}.gb-card-copy{padding:12px 14px}.pr-page .gb-card-copy h3{font-size:17px}.gb-bottom{gap:8px}.pr-page .gb-bottom>p{max-width:22ch}.pr-page .gb-shortlist{padding-left:0;gap:6px}
}
@media(max-width:359px){.gb-ready .gb-stage{height:405px}.gb-thumbs{width:34px}.gb-bottom{align-items:flex-start}.pr-page .gb-bottom>p{max-width:17ch}.gb-card-copy{padding:10px 12px}.pr-page .gb-card-copy>p{font-size:10px}.theme-experience .pr-page .exp-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.gb-ready .gb-card{--gb-turn:0deg!important;--gb-yaw:0deg!important;--gb-scale:1!important;transition:opacity 140ms}.pr-ip-character>img{animation:none!important;filter:none}}