/* HANSHOP combined stylesheet; source rules and order are preserved. */

/* source: /hanshop-web/member-auth.css?v=style20261012 */
/* App-consistent login controls, inside the existing storefront glass shell. */
.member-auth-links{display:flex;flex-direction:column;gap:16px;margin-top:20px}.member-auth-links button,#member-flow-back,#member-flow-resend{font:inherit;cursor:pointer;color:inherit;min-height:44px;background:transparent;border:0}.member-auth-links #member-register{border:1px solid currentColor;border-radius:24px;padding:12px}.member-consent{display:flex!important;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:16px 0}.member-body .member-consent input{width:18px;min-width:18px;height:18px;min-height:18px;margin:2px 0;accent-color:#c91e3b}.member-consent a{color:inherit;text-decoration:underline}.member-body #member-phone-flow input:not([type=checkbox]){display:block;width:100%;margin:8px 0 18px}.member-body #member-phone-flow label{display:block;font-size:13px}.member-body #member-flow-submit{width:100%;margin-top:18px}.member-body #member-flow-back{display:block;width:100%;margin-top:12px}#member-flow-phone-step .small-note{line-height:1.7}#member-flow-resend{font-size:12px;text-decoration:underline}.member-auth-links button:focus-visible,#member-flow-back:focus-visible,#member-flow-resend:focus-visible{outline:2px solid #c91e3b;outline-offset:4px}.member-body [hidden]{display:none!important}

/* Match the storefront reader: controls stay readable behind transparent chrome. */
body #member-dialog .member-body{background:rgb(255 255 255 / 96%)!important;background-image:none!important;color:#252830;border-radius:20px;text-shadow:none;box-shadow:inset 0 1px #fff,0 5px 16px rgb(30 40 56 / 5%)}
body #member-dialog .member-body :is(input,select){background:rgb(255 255 255 / 96%)!important;color:#252830;border:1px solid #d2d5dc}body #member-dialog .member-body .member-submit{background:#c91e3b!important;color:#fff;justify-content:center;text-align:center}body #member-dialog .member-body :is(p,label,a,button){text-shadow:none}body #member-dialog .member-body #member-description{color:#555b65}body #member-dialog{padding:12px!important}body #member-dialog .member-body .member-consent input{background:transparent!important;border:0}

/* Member 2.0.6: six cells, white surfaces and secondary actions below login. */
#member-auth-links{flex-direction:row;justify-content:space-between;gap:8px}#member-auth-links button{font-size:12px;border:0!important;padding:0!important;border-radius:0!important;min-height:40px}
.member-six-input{position:relative;margin:8px 0 18px;height:54px}.member-six-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;height:54px}.member-six-boxes span{display:flex;align-items:center;justify-content:center;background:#f5f8f7;border:1px solid #d9e3df;border-radius:12px;font-size:22px;color:#263932}.member-six-boxes span.active{border:2px solid #3b7060;background:#f0f7f3}
body #member-dialog .member-six-input input{position:absolute;inset:0;width:100%;height:54px;margin:0!important;opacity:.015;cursor:text}.member-six-input.legacy-password .member-six-boxes{visibility:hidden}body #member-dialog .member-six-input.legacy-password input{opacity:1}
#member-avatar-preview{display:block;margin:14px auto;object-fit:contain;border-radius:50%}#member-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}#member-avatar-grid button{background:#f6f9f8;border:2px solid transparent;border-radius:50%;padding:5px;aspect-ratio:1;cursor:pointer}#member-avatar-grid img{width:100%;display:block}#member-avatar-grid [aria-pressed=true]{border-color:#3b7060}#member-avatar-skip{display:block;width:100%;border:0;background:none;padding:12px;color:#65796f;cursor:pointer}

body #member-dialog{background:#fff!important;color:#263932!important;max-width:760px}body #member-dialog .member-intro{background:#f5f9f7!important;color:#263932!important}#member-legacy-login{display:block;margin:0 0 14px;padding:0;min-height:36px;border:0;background:none;color:#65796f;font:inherit;font-size:12px;cursor:pointer}body #member-dialog .member-body .member-submit{background:#355b4c!important;color:#fff!important;border-radius:24px}@media(max-width:600px){body #member-dialog{width:calc(100% - 24px)!important;max-height:calc(100dvh - 24px);overflow-y:auto}body #member-dialog .member-intro{display:none!important}body #member-dialog .member-body{padding:24px 16px!important}.member-six-boxes{gap:6px}#member-auth-links{flex-wrap:wrap}}

/* Match HANSHOP shared storefront controls on desktop and mobile. */
body #member-dialog{color:var(--hs-control-ink)!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(213,220,228,.65)!important}
body #member-dialog .member-intro{background:linear-gradient(145deg,#f7f9fc,#eef3f8)!important;color:var(--hs-control-ink)!important}
body #member-dialog .member-body{background:rgba(255,255,255,.96)!important;color:var(--hs-control-ink)!important}
body #member-dialog :is(h2,h3,h4,label,.member-saved-link){color:var(--hs-control-ink)!important}
body #member-dialog :is(.eyebrow,.member-intro small,.member-body p,.member-auth-links button,#member-flow-back,#member-flow-resend,#member-avatar-skip){color:var(--hs-control-muted)!important}
body #member-dialog .member-body .member-submit{background:var(--hs-control-accent)!important;color:var(--hs-control-on-accent)!important}
body #member-dialog .member-six-boxes span{background:#f4f7fa!important;border-color:var(--hs-control-line)!important;color:var(--hs-control-ink)!important}
body #member-dialog .member-six-boxes span.active{background:var(--hs-control-selected)!important;border-color:var(--hs-control-focus)!important}
body #member-dialog #member-avatar-grid button{background:#f4f7fa!important}
body #member-dialog #member-avatar-grid [aria-pressed=true]{border-color:var(--hs-control-focus)!important}
body #member-dialog .member-consent input{accent-color:var(--hs-control-accent)!important}
body #member-dialog .member-star{color:#a7bacd!important}
body #member-dialog .modal-close{color:var(--hs-control-ink)!important}
body #member-dialog .member-status{color:#b42338!important}


/* source: /hanshop-web/mobile-navigation.css?v=nav1 */
.mobile-menu-toggle{display:none}
@media(max-width:720px){html{scroll-padding-top:76px}.header{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;width:calc(100% - 20px);height:auto;min-height:56px;top:8px;margin:8px auto 14px;padding:6px 10px;gap:0 6px;border-radius:21px}.header .wordmark{grid-column:1;grid-row:1;font-size:22px}.header .member-entry{grid-column:2;grid-row:1}.header .mobile-menu-toggle{display:grid;place-items:center;grid-column:3;grid-row:1;width:44px;height:44px;border-radius:50%;background:var(--glass-readable);padding:10px}.header .mobile-menu-toggle svg{width:20px;height:20px}.header:not([data-mobile-menu=open]) :is(nav,.search,.app-link){display:none}.header[data-mobile-menu=open] nav{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;margin-top:8px}.header[data-mobile-menu=open] .search{display:flex;grid-column:1/-1;grid-row:3;max-width:none;width:100%;height:44px;margin:8px 0}.header[data-mobile-menu=open] .search input{font-size:16px}.header[data-mobile-menu=open] .app-link{display:flex;grid-column:1/-1;grid-row:4;justify-content:center;margin:4px 0 8px;min-height:44px}.discover .filterbar{position:relative;top:auto;z-index:1}.mobile-menu-toggle:focus-visible{outline:2px solid #c91e3b;outline-offset:2px}.header[data-mobile-menu=open]{background:rgb(255 255 255 / 96%)}.header[data-mobile-menu=open] .mobile-menu-toggle{color:#c91e3b}}


/* source: /hanshop-web/mobile-bottom.css?v=glassnav20261007 */
.mobile-dock,.mobile-search-panel{display:none}
@media(max-width:720px){html{scroll-padding-top:18px}body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.header{position:relative;top:auto;min-height:50px;height:50px;margin:10px auto 12px;padding:0 14px;display:flex;justify-content:space-between;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.header::before{display:none}.header .wordmark{font-size:23px}.header :is(nav,.search,.app-link,.member-entry,.mobile-menu-toggle){display:none!important}.header::after{content:'美妆发现';font-size:12px;color:#626570;letter-spacing:.06em}.discover .filterbar{position:relative;top:auto;z-index:1}.mobile-dock{display:flex;position:fixed;left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom));height:64px;z-index:30;align-items:center;justify-content:space-around;border-radius:25px;background:rgb(255 255 255 / 86%);backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:inset 0 1px #fff,0 8px 30px rgb(30 40 65 / 16%)}.mobile-dock :is(a,button){display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-width:58px;min-height:52px;padding:6px 16px;border-radius:19px;color:#626570;font-size:10px;background:transparent}.mobile-dock svg{width:22px;height:22px;stroke-width:1.7}.mobile-dock [aria-current=page]{color:#c91e3b;background:rgb(255 235 240 / 70%)}.mobile-dock :is(a,button):focus-visible{outline:2px solid #c91e3b;outline-offset:2px}dialog.mobile-search-panel[open]{display:block;position:fixed;inset:auto 12px calc(92px + env(safe-area-inset-bottom));margin:0;width:calc(100vw - 24px);max-width:none;max-height:65dvh;padding:24px;border:0;border-radius:24px;background:rgb(255 255 255 / 97%);color:#242630;box-shadow:0 16px 40px #26314b29;backdrop-filter:blur(24px)}.mobile-search-panel::backdrop{background:#20273924;backdrop-filter:blur(6px)}.mobile-search-panel h2{font-size:22px;margin:0 0 20px}.mobile-search-panel label{font-size:13px}.mobile-search-panel input{width:100%;min-height:48px;font-size:16px;padding:12px;border:1px solid #d8dce4;border-radius:14px;margin:8px 0 18px;background:#fff}.mobile-search-panel .search-actions{display:flex;gap:10px}.mobile-search-panel button{min-height:44px;border-radius:22px;padding:10px 18px;font-size:14px;background:#f0f2f6}.mobile-search-panel .search-result-button{background:#c91e3b;color:#fff;flex:1}#glass-launcher{bottom:calc(90px + env(safe-area-inset-bottom))}.desk-dock{bottom:calc(90px + env(safe-area-inset-bottom))}.studio-notice{bottom:calc(164px + env(safe-area-inset-bottom))}}
@media(max-width:720px){#glass-launcher,.desk-dock{display:none!important}}

@media(max-width:720px){html body nav.mobile-dock{background:var(--glass-surface,rgba(255,255,255,.25))!important;backdrop-filter:blur(var(--glass-effective-blur,8px)) saturate(145%)!important;-webkit-backdrop-filter:blur(var(--glass-effective-blur,8px)) saturate(145%)!important;border:1px solid rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 26px rgba(30,40,65,.14)}html body nav.mobile-dock :is(a,button){background:transparent!important;color:#455666!important}html body nav.mobile-dock [aria-current="page"]{background:rgba(255,255,255,.18)!important;color:#334d63!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}}


/* source: /hanshop-web/unified-controls.css?v=20261010-restore-template09 */
/* HANSHOP shared controls: soft corners, quiet slate, visible keyboard focus. */
:root{--hs-control-ink:#273443;--hs-control-muted:#5c6774;--hs-control-accent:#3c556e;--hs-control-on-accent:#fff;--hs-control-focus:#52789e;--hs-control-line:#d5dce4;--hs-control-surface:rgba(255,255,255,.92);--hs-control-hover:#edf2f7;--hs-control-selected:#e4ecf4;--hs-control-radius:16px;--hs-control-popover:22px;--hs-control-shadow:0 12px 34px rgba(31,47,65,.12)}
html[data-hs-admin-theme="dark"]{--hs-control-ink:#edf2f8;--hs-control-muted:#b8c5d2;--hs-control-accent:#b9cde0;--hs-control-on-accent:#162433;--hs-control-focus:#accbe8;--hs-control-line:#435364;--hs-control-surface:rgba(35,45,57,.96);--hs-control-hover:#334353;--hs-control-selected:#35495d}
html[data-hs-admin]{--hs-admin-accent:var(--hs-control-accent);--hs-admin-selected:var(--hs-control-selected);--hs-admin-focus:var(--hs-control-focus);--hs-admin-hover:var(--hs-control-hover)}
html[data-hs-admin] body{--primary:var(--hs-control-accent);--primary-foreground:var(--hs-control-on-accent);--ring:var(--hs-control-focus);--accent:var(--hs-control-selected);--accent-foreground:var(--hs-control-ink);--sidebar-accent:var(--hs-control-selected);--sidebar-accent-foreground:var(--hs-control-accent)}
::selection{background:var(--hs-control-selected)!important;color:var(--hs-control-ink)!important}
:where(input,textarea,select){accent-color:var(--hs-control-accent)!important;caret-color:var(--hs-control-ink)!important}
html body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),textarea,select,[data-slot="select-trigger"],[role="combobox"]){border-radius:var(--hs-control-radius)!important;border-color:var(--hs-control-line)!important;transition:border-color .16s ease,background-color .16s ease;}
html:not([data-hs-input-mode="pointer"]) body :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),textarea,select,[data-slot="select-trigger"],[role="combobox"]):focus-visible{border-color:var(--hs-control-muted)!important;outline:1px solid var(--hs-control-muted)!important;outline-offset:3px!important;box-shadow:none!important}
html:not([data-hs-input-mode="pointer"]) body :is(button,a,[role="button"],[role="checkbox"],[role="tab"],[role="menuitem"],[role="option"]):focus-visible{outline:1px solid var(--hs-control-muted)!important;outline-offset:3px!important;box-shadow:none!important}
html[data-hs-input-mode="pointer"] body :is(button,a,input,textarea,select,[role="button"],[role="checkbox"],[role="tab"],[role="menuitem"],[role="option"],[role="combobox"]):focus{outline:none!important;box-shadow:none!important}
html body :is(button,[role="button"],[data-slot="sidebar-menu-button"],[data-slot="sidebar-menu-sub-button"]){border-radius:14px!important;transition:background-color .16s ease,color .16s ease,border-color .16s ease;}
html body :is([data-slot="dropdown-menu-content"],[data-slot="dropdown-menu-sub-content"],[data-slot="select-content"],[data-slot="popover-content"],[data-slot="context-menu-content"],[data-slot="command-dialog"]){border-radius:var(--hs-control-popover)!important;background:var(--hs-control-surface)!important;color:var(--hs-control-ink)!important;border:0!important;box-shadow:var(--hs-control-shadow)!important;padding:8px!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
html body :is([data-slot="dropdown-menu-item"],[data-slot="dropdown-menu-checkbox-item"],[data-slot="dropdown-menu-radio-item"],[data-slot="select-item"],[data-slot="context-menu-item"]){border-radius:11px!important;min-height:36px;}
html body :is([data-slot="dropdown-menu-item"],[data-slot="select-item"],[data-slot="dropdown-menu-checkbox-item"],[data-slot="dropdown-menu-radio-item"])[data-highlighted]{background:var(--hs-control-hover)!important;color:var(--hs-control-ink)!important}
html body :is(dialog,[data-slot="dialog-content"],[data-slot="alert-dialog-content"],.member-body,.glass-panel,.desk-panel,.mobile-search-panel){border-radius:24px!important;}
html body :is([data-slot="tabs-list"],.tabs,.filters){border-radius:18px!important}
html body :is([data-slot="tabs-trigger"],.tabs button,.filters button){border-radius:14px!important}
html body :is([data-slot="tabs-trigger"][data-state="active"],.tabs button[aria-pressed="true"],.filters button[aria-pressed="true"],.filters .active){background:var(--hs-control-surface)!important;color:var(--hs-control-accent)!important;box-shadow:0 2px 7px rgba(31,47,65,.08)!important}
html body :is(.hs-page-number[aria-current="page"],button[type="submit"]:not(.danger-solid),.member-submit,.primary,#member-flow-submit){background:var(--hs-control-accent)!important;color:var(--hs-control-on-accent)!important;border-color:transparent!important}
html body :is(.hs-page-number,.member-entry,.header nav a,.header .search,.mobile-search,.hero-cta,.rail-controls button,.glass-launcher,.desk-launch,.mobile-bottom-nav button,.mobile-bottom-nav a){border-radius:18px!important}
html body :is(.member-entry,.hero-cta,.rail-controls button,.glass-launcher,.desk-launch){color:var(--hs-control-ink)!important;}
html body :is(.header .search,.mobile-search):focus-within{outline:2px solid var(--hs-control-focus);outline-offset:2px;border-color:var(--hs-control-focus)!important}
html body .header .search input:focus{outline:0!important;border-color:transparent!important}
html body :is(.brand[aria-pressed="true"] .brand-ring,.brand.active .brand-ring,.avatar-option[aria-pressed="true"],.system-avatar-option[aria-pressed="true"]){border-color:var(--hs-control-focus)!important;outline-color:var(--hs-control-focus)!important;box-shadow:0 3px 12px rgba(31,47,65,.1)!important}
html body :is(.saved[aria-pressed="true"],.save[aria-pressed="true"],.favorite[aria-pressed="true"],.desk-pin[aria-pressed="true"],#detail-shop){color:var(--hs-control-accent)!important}
html body :is(.hs-custom-page-size button,.hs-page-jump button,.hs-workspace-tools button,.row-actions button,.secondary){border-radius:14px!important;}
html body :is(.hs-page-number:hover,.tabs button:hover,.member-entry:hover){background:var(--hs-control-hover)!important;color:var(--hs-control-accent)!important}
html body .hs-page-number[aria-current="page"]:hover{background:var(--hs-control-accent)!important;color:var(--hs-control-on-accent)!important}
html body :is(.hs-auth-card input,.member-body input:not([type="checkbox"]),#editor input:not([type="checkbox"])){background:var(--hs-control-surface)!important;color:var(--hs-control-ink)!important;}
html body :is(button:disabled,input:disabled,select:disabled){cursor:not-allowed!important}
html body :is(.hs-auth-card button[type="submit"],.member-submit,#save:not(.danger-solid)):hover:not(:disabled){filter:brightness(.93)}
html body input[aria-invalid="true"]{border-color:#ad4651!important}
html body :is(.danger-text,.danger-solid){border-radius:14px!important}
html body :is(.check input,.member-consent input){accent-color:var(--hs-control-accent)!important}
html[data-hs-admin] [data-slot="badge"]:not([data-variant="destructive"]){background:var(--hs-control-selected);color:var(--hs-control-accent)}
@media(hover:hover){html body :is(button,[role="button"]):active:not(:disabled){filter:brightness(.96)}}
@media(max-width:767px){html body :is([data-slot="dropdown-menu-item"],[data-slot="select-item"]){min-height:44px}html body :is(.hs-custom-page-size button,.hs-page-jump button,.row-actions button){min-height:44px}}
@media(prefers-reduced-motion:reduce){html body :is(button,input,textarea,select,a){transition:none!important}}
@media(forced-colors:active){html:not([data-hs-input-mode="pointer"]) body :is(button,input,textarea,select,a,[role="button"],[role="combobox"]):focus-visible{outline:2px solid Highlight!important}html body [aria-current="page"]{border:2px solid Highlight!important}}

/* A close glyph is secondary chrome, not another glass surface. */
html body dialog .modal-close{display:grid;place-items:center;box-sizing:border-box;right:16px;top:16px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--hs-control-ink);transform:none!important;translate:none!important;scale:none!important}
html body dialog .modal-close svg{width:18px;height:18px;stroke-width:1.75}
html body dialog#detail .modal-close{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
html body dialog .web-photo-viewer-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
html body dialog .web-photo-viewer-close svg{width:18px;height:18px}
@media(hover:hover){html body dialog .modal-close:hover{opacity:.72}}
@media(forced-colors:active){html body dialog#detail .modal-close{color:CanvasText;filter:none}}

html body :is(#hs-account-link,#hs-upgrade-link){border-radius:16px!important;border-color:var(--hs-control-line)!important;color:var(--hs-control-ink)!important}html body :is(#hs-account-link,#hs-upgrade-link):hover{background:var(--hs-control-hover)}

/* Search is a single control: focus belongs to its outer glass shell. */
html body .header label.search{border-radius:22px!important;border:1px solid rgba(118,137,154,.18)!important;transition:border-color .15s,box-shadow .15s}
html body .header label.search:focus-within{outline:none!important;border-color:var(--hs-control-muted)!important;box-shadow:none!important}
html body .header label.search #search,html body .header label.search #search:focus,html body .header label.search #search:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important;min-height:0!important;color:#273443!important;appearance:none}
html body .header label.search kbd{border:0!important;background:transparent!important;box-shadow:none!important;opacity:.55}

html body #mobile-search-panel .mobile-search-shell{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:8px 0 18px;min-height:48px;border:1px solid rgba(118,137,154,.18);border-radius:22px;background:var(--glass-readable,rgba(255,255,255,.86));backdrop-filter:blur(var(--glass-effective-blur,8px));-webkit-backdrop-filter:blur(var(--glass-effective-blur,8px));transition:border-color .15s,box-shadow .15s}
html body #mobile-search-panel .mobile-search-shell:focus-within{border-color:rgba(82,120,158,.55);box-shadow:0 0 0 3px rgba(82,120,158,.12);outline:none}
html body #mobile-search-panel .mobile-search-shell svg{width:20px;height:20px;flex-shrink:0;fill:none;stroke:#536575;stroke-width:1.7}
html body #mobile-search-panel #mobile-search-query,html body #mobile-search-panel #mobile-search-query:focus,html body #mobile-search-panel #mobile-search-query:focus-visible{flex:1;width:0;min-width:0;min-height:0;margin:0;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;color:#273443;font:inherit;font-size:16px;line-height:1.4}
html body #mobile-search-panel #mobile-search-query::placeholder{color:#65666e;opacity:1}

@media(max-width:720px){
html body dialog#mobile-search-panel[open]{display:flex;align-items:center;gap:8px;inset:auto 14px calc(88px + env(safe-area-inset-bottom));width:calc(100vw - 28px);max-width:460px;min-height:60px;padding:8px 10px;margin:0 auto;border:1px solid rgba(118,137,154,.18);border-radius:24px!important;background:var(--glass-readable,rgba(255,255,255,.9));box-shadow:0 8px 24px rgba(31,47,65,.14);overflow:visible}
html body #mobile-search-panel h2,html body #mobile-search-panel>label,html body #mobile-search-close{display:none!important}
html body #mobile-search-panel .mobile-search-shell{flex:1;min-width:0;margin:0;padding:10px 8px;min-height:42px;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none!important}
html body #mobile-search-panel:focus-within{border-color:rgba(82,120,158,.55);box-shadow:0 0 0 3px rgba(82,120,158,.1),0 8px 24px rgba(31,47,65,.14)}
html body #mobile-search-panel .search-actions{display:flex;flex-shrink:0;gap:0}
html body #mobile-search-panel #mobile-search-results{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:50%!important;font-size:0;background:#e4ecf4!important;color:#334d63!important}
html body #mobile-search-panel #mobile-search-results::before{content:'→';font-size:22px;line-height:1}
html body #mobile-search-panel::backdrop{background:rgba(30,40,55,.06);backdrop-filter:none;-webkit-backdrop-filter:none}
}

@media(max-width:720px){html body dialog#mobile-search-panel[open]{bottom:var(--search-keyboard-bottom,calc(88px + env(safe-area-inset-bottom)))!important;scroll-margin-bottom:12px}}

/* Stable mobile editor: prevent page motion behind the focused input. */
@media(max-width:720px){html.hs-search-editing{overflow:hidden;overscroll-behavior:none}html.hs-search-editing body{overflow:hidden;overscroll-behavior:none}html body dialog#mobile-search-panel[open]{transform:none!important;animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body #mobile-search-query{caret-color:#334d63;transform:none!important;animation:none!important;transition:none!important}}

@media(max-width:720px){html body dialog#mobile-search-panel[open]{top:calc(16px + env(safe-area-inset-top))!important;bottom:auto!important;max-height:none!important}html body #mobile-search-close{display:flex!important;align-items:center;justify-content:center;width:36px;min-width:36px;height:40px;min-height:40px;padding:0;font-size:0;background:transparent!important;color:#687786!important}html body #mobile-search-close::before{content:'×';font-size:24px}html body #mobile-search-panel .search-actions{gap:2px}}

/* Mobile uses the same persistent search field as desktop, not a dialog. */
@media(max-width:720px){html body .header{position:relative;top:auto;height:auto;min-height:50px;flex-wrap:wrap;gap:12px;padding:12px 14px;margin:8px auto 16px}html body .header label.search{display:flex!important;order:10;flex:0 0 100%;width:100%;max-width:none;min-height:46px;padding:10px 14px;box-sizing:border-box;background:var(--glass-readable,rgba(255,255,255,.86));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html body .header .search input{font-size:16px!important;width:100%;min-width:0}html body .header .search kbd{display:none}html body dialog#mobile-search-panel{display:none!important}}

.mobile-header-logo{display:none}
@media(max-width:720px){html{scroll-padding-top:92px}html body .header{position:sticky;top:calc(6px + env(safe-area-inset-top));z-index:45;display:flex;flex-wrap:nowrap;gap:10px;height:64px;min-height:64px;width:calc(100% - 24px);margin:6px auto 14px;padding:8px 10px;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 5px 20px rgba(35,53,70,.08)}html body .header::after{display:none}html body .header .wordmark{display:flex;flex:0 0 40px;width:40px;min-width:40px;margin:0}html body .header .desktop-header-wordmark{display:none}html body .header .mobile-header-logo{display:block;width:40px;height:40px;border-radius:12px;object-fit:contain}html body .header label.search{order:0;flex:1 1 0;width:auto;min-width:0;margin:0;min-height:44px;padding:9px 12px;border-radius:18px!important}html body .mobile-dock :is(a,button){flex:1;min-width:0;padding:6px 3px;font-size:10px;gap:4px}html body .mobile-dock svg{width:21px;height:21px}html body .mobile-dock{padding:0 5px}}

html body .header .wordmark>.desktop-header-wordmark{font-size:inherit;vertical-align:baseline;letter-spacing:inherit}html body .header .desktop-header-wordmark>span{font-size:12px;vertical-align:super}


/* source: /hanshop-web/load-more.css?v=batchsmall20261007 */
/* Manual feed continuation */
#load-zone.load-zone{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 16px 48px;text-align:center}
#load-zone[hidden]{display:none!important}
#load-zone #load-state{order:2;margin:0;color:#566779;font-size:13px;line-height:1.6}
#load-zone #load-more{order:1;min-width:184px;min-height:48px;padding:12px 28px;border:1px solid #d5dfe6;border-radius:999px;background:rgba(248,251,253,.88);backdrop-filter:blur(16px);color:#344e64;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;transition:background .18s ease,transform .18s ease;box-shadow:none}
#load-zone #load-more:hover{background:#e8eff4;transform:translateY(-1px)}
#load-zone #load-more:active{transform:translateY(0);background:#dce7ef}
#load-zone #load-more:focus-visible{outline:2px solid #45647e;outline-offset:4px}
#load-zone #load-more:disabled{cursor:wait;transform:none;color:#566779;background:#edf2f6}
#load-zone #load-more[hidden]{display:none!important}
#load-zone #load-more[aria-busy="true"]:before{content:"";display:inline-block;width:12px;height:12px;margin-right:10px;border:2px solid #c6d3dd;border-top-color:#45647e;border-radius:50%;vertical-align:-2px;animation:hs-load-turn .8s linear infinite}
@keyframes hs-load-turn{to{transform:rotate(360deg)}}
@media(max-width:600px){#load-zone.load-zone{padding:28px 12px 40px;gap:10px}#load-zone #load-more{min-width:176px;min-height:48px}#load-zone #load-state{font-size:12px}}
@media(prefers-reduced-motion:reduce){#load-zone #load-more{transition:none}#load-zone #load-more[aria-busy="true"]:before{animation:none}}
#load-zone #load-more{border-radius:999px!important;background:rgba(248,251,253,.88)!important;color:#344e64!important}
#load-zone #load-more:hover{background:#e8eff4!important}
#load-zone #load-more:disabled{background:#edf2f6!important}

#load-zone .load-auto-control{order:3;display:flex;align-items:center;gap:10px;font-size:13px;color:#455d70;min-height:44px;cursor:pointer}
#load-zone .load-auto-control input{appearance:none;width:38px;height:22px;border-radius:999px;background:#c7d1da;border:0;position:relative;cursor:pointer;margin:0}
#load-zone .load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white;transition:transform .15s}
#load-zone .load-auto-control input:checked{background:#405e75}
#load-zone .load-auto-control input:checked:before{transform:translateX(16px)}
#load-zone .load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:4px}

#desk-dock{display:flex;align-items:center;gap:8px}
#desk-dock .load-auto-control{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.92);color:#455d70;font-size:12px;box-shadow:0 6px 20px rgba(35,50,65,.08);backdrop-filter:blur(16px);cursor:pointer}
#desk-dock .load-auto-control input{appearance:none;width:34px;height:20px;border-radius:999px;background:#c7d1da;border:0;position:relative;cursor:pointer;margin:0;flex:none}
#desk-dock .load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white}
#desk-dock .load-auto-control input:checked{background:#405e75}
#desk-dock .load-auto-control input:checked:before{transform:translateX(14px)}
#desk-dock .load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:4px}
@media(max-width:600px){#desk-dock .load-auto-control{padding:0 10px;min-height:44px;font-size:11px;gap:6px}}

#desk-dock .load-auto-control input{background:#c7d1da!important;border-radius:999px!important;padding:0!important}#desk-dock .load-auto-control input:checked{background:#405e75!important}

#glass-panel .load-auto-control{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-top:12px;padding:12px 0;border-top:1px solid #dce4eb;color:#455d70;font-size:14px;cursor:pointer}
#glass-panel .load-auto-control input{appearance:none;width:38px;height:22px;border-radius:999px!important;background:#c7d1da!important;border:0!important;padding:0!important;position:relative;cursor:pointer;margin:0;flex:none}
#glass-panel .load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:white}
#glass-panel .load-auto-control input:checked{background:#405e75!important}
#glass-panel .load-auto-control input:checked:before{transform:translateX(16px)}
#glass-panel .load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:4px}

.glass-settings{position:fixed;right:22px;bottom:22px;z-index:35;display:flex!important;align-items:center;gap:6px;padding:4px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 6px 20px rgba(35,50,65,.1)}
.glass-settings>.glass-launcher{position:static!important;box-shadow:none!important;background:transparent!important}
.glass-settings>.load-auto-control{order:-1;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;color:#455d70;font-size:12px;cursor:pointer;white-space:nowrap}
.glass-settings>.load-auto-control input{appearance:none;width:34px;height:20px;border-radius:999px!important;background:#c7d1da!important;border:0!important;padding:0!important;position:relative;cursor:pointer;margin:0;flex:none}
.glass-settings>.load-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white}
.glass-settings>.load-auto-control input:checked{background:#405e75!important}
.glass-settings>.load-auto-control input:checked:before{transform:translateX(14px)}
.glass-settings>.load-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:3px}
@media(max-width:600px){.glass-settings>.load-auto-control{padding:0 7px;gap:5px;font-size:11px}.glass-settings{gap:0;right:14px;bottom:max(14px,env(safe-area-inset-bottom))}}

#hs-auto-control input{background:#c7d1da!important;border-radius:999px!important}#hs-auto-control input:checked{background:#405e75!important}

body>#hs-auto-control{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:35;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 6px 20px rgba(35,50,65,.1);color:#455d70;font-size:12px;cursor:pointer;white-space:nowrap}
body>#hs-auto-control input{appearance:none;width:34px;height:20px;border:0!important;padding:0!important;position:relative;cursor:pointer;margin:0;flex:none}
body>#hs-auto-control input:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:white}
body>#hs-auto-control input:checked:before{transform:translateX(14px)}
body>#hs-auto-control input:focus-visible{outline:2px solid #45647e;outline-offset:3px}
@media(max-width:600px){body>#hs-auto-control{bottom:calc(88px + env(safe-area-inset-bottom));min-height:44px;padding:0 12px}}

/* Shared glass surface for all three floating tools */
html body :is(#desk-dock,.glass-settings, #hs-auto-control){background:var(--glass-surface)!important;-webkit-backdrop-filter:blur(var(--glass-effective-blur)) saturate(135%)!important;backdrop-filter:blur(var(--glass-effective-blur)) saturate(135%)!important;box-shadow:var(--glass-edge),0 6px 20px rgba(35,50,65,.1)!important;border-radius:999px!important;min-height:48px}
html body #desk-dock #desk-launch,html body .glass-settings #glass-launcher{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;min-height:40px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body :is(#desk-dock,.glass-settings,#hs-auto-control){background:#fff!important}}

html body>#hs-auto-control{left:auto;right:22px;bottom:80px;transform:none;min-width:116px;justify-content:center}
@media(max-width:600px){html body>#hs-auto-control{right:14px;bottom:calc(74px + env(safe-area-inset-bottom));min-width:104px}}

html body>#hs-auto-control,html body .glass-settings{box-sizing:border-box!important;width:132px!important;min-width:132px!important;justify-content:center}
html body .glass-settings #glass-launcher{width:100%;justify-content:center}
@media(max-width:600px){html body>#hs-auto-control,html body .glass-settings{width:124px!important;min-width:124px!important}}

@media(max-width:720px){html body .glass-settings{display:none!important}html body>#hs-auto-control{right:14px;bottom:calc(88px + env(safe-area-inset-bottom));min-height:40px!important;height:40px;width:124px!important;min-width:124px!important;padding:0 10px;font-size:11px}html body #desk-dock{display:none!important}}

#feed .feed-enter{animation:hs-feed-enter .32s ease-out both}
@keyframes hs-feed-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
#load-zone{min-height:144px;overflow-anchor:none}#feed .post-media{background:#f2f4f6}
@media(prefers-reduced-motion:reduce){#feed .feed-enter{animation:none}}

/* Display returned cards immediately; never wait for all media. */
#feed .feed-enter{animation:none}

/* Avoid one backdrop compositing surface per brand on mobile. */
@media(max-width:720px){
.brand-ring,.play-badge,.filterbar button,.rail-motion{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.brand-ring{background:rgba(255,255,255,.72)!important}
#feed .post{contain:layout style}
}

/* Repeated feed surfaces do not need individual backdrop layers. */
.brand-ring,.play-badge,.filterbar button,.rail-motion{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.brand-ring{background:rgba(255,255,255,.64)!important}
#feed .post{contain:layout style}

/* Stable media geometry and offscreen work reduction. */
#feed .post-media{position:relative}
#feed .post-media img,#feed .post-media.tall img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;transition:none}
#feed .post{content-visibility:auto;contain-intrinsic-size:auto 600px}