#lumosse-extension{font-family:Inter,sans-serif;background:#f4e8d0;color:#2a1810;padding:8rem 6vw 6rem;position:relative;z-index:40;scroll-snap-align:start;scroll-snap-stop:normal;min-height:100dvh}
#lumosse-extension .lm-inner{max-width:1400px;margin:0 auto}
#root nav>div{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
#root nav .lm-nav-links{display:flex;align-items:center;gap:1.15rem;font:500 .64rem/1 Inter,sans-serif;letter-spacing:.15em}
#root nav .lm-nav-links a{color:inherit;text-decoration:none;opacity:.72;transition:opacity .2s ease}
#root nav .lm-nav-links a:hover{opacity:1}
#lumosse-extension .lm-kicker{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;opacity:.65}
#lumosse-extension h1,#lumosse-extension h2,#lumosse-extension h3{font-family:"Playfair Display",serif;font-weight:500}
#lumosse-extension .lm-hero-copy{max-width:730px;padding:0 0 2rem}
#lumosse-extension .lm-hero-copy h1{font-size:clamp(2.4rem,5.5vw,6rem);line-height:.92;margin:.75rem 0 1.5rem}
#lumosse-extension .lm-hero-copy p{max-width:500px;font-size:.9rem;line-height:1.65;margin:0;opacity:.72}
#lumosse-extension h2{font-size:clamp(2.5rem,6vw,6rem);line-height:.95;margin:.8rem 0 2rem}
#lumosse-extension .lm-toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2.5rem}
#lumosse-extension button{font:inherit;border:1px solid rgba(42,24,16,.28);background:transparent;color:inherit;padding:.65rem 1rem;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}
#lumosse-extension button.is-active,#lumosse-extension button:hover{background:#2a1810;color:#fff}
#lumosse-extension .lm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
#lumosse-extension .lm-card{background:#fff;display:flex;flex-direction:column;min-height:100%;transition:transform .3s ease}
#lumosse-extension .lm-card:hover{transform:translateY(-4px)}
#lumosse-extension .lm-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#eadbc2}
#lumosse-extension .lm-card-body{padding:1rem 1rem 1.2rem;display:flex;flex-direction:column;gap:.65rem;flex:1}
#lumosse-extension .lm-card h3{font-size:1.35rem;margin:0;line-height:1.05}
#lumosse-extension .lm-card p{font-size:.78rem;line-height:1.45;opacity:.68;margin:0;flex:1}
#lumosse-extension .lm-card-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem}
#lumosse-extension .lm-price{font-size:.85rem;letter-spacing:.08em}
#lumosse-extension .lm-card-foot button{padding:.55rem .7rem;font-size:.62rem}
#lumosse-extension .lm-contact{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;border-top:1px solid rgba(42,24,16,.2);margin-top:6rem;padding-top:1.5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
#lumosse-extension .lm-contact div{display:grid;gap:.45rem}
#lumosse-extension .lm-contact a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.2rem}
#lumosse-extension .lm-footer-note{margin-top:3rem;padding-top:1.25rem;border-top:1px solid rgba(42,24,16,.12);font-size:.65rem;letter-spacing:.12em;opacity:.62;text-transform:uppercase}
#lumosse-extension .lm-cart{position:fixed;right:1.5rem;bottom:1.5rem;z-index:20;background:#2a1810;color:#fff;border:0;padding:.9rem 1.1rem;box-shadow:0 8px 25px rgba(42,24,16,.2)}
#lumosse-extension .lm-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(390px,92vw);background:#fff;color:#2a1810;z-index:30;padding:2rem;box-shadow:-10px 0 40px rgba(42,24,16,.18);transform:translateX(105%);transition:transform .3s ease;display:flex;flex-direction:column}
#lumosse-extension .lm-drawer.is-open{transform:translateX(0)}
#lm-login-hint{position:fixed;top:1.25rem;left:50%;transform:translate(-50%,-160%);z-index:9995;background:#2a1810;color:#fff;padding:.8rem 1.2rem;display:flex;gap:1rem;align-items:center;box-shadow:0 8px 24px rgba(42,24,16,.25);transition:transform .25s ease;font-size:.78rem}
#lm-login-hint.is-visible{transform:translate(-50%,0)}
#lm-login-hint a{color:#f4e8d0;text-decoration:underline;white-space:nowrap}
#lm-page-nav{position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;align-items:center;gap:.65rem;opacity:0;pointer-events:none;transition:opacity .25s ease;color:var(--nav-ink,#2a1810)}
#lm-page-nav.is-visible{opacity:1;pointer-events:auto}
#lm-page-nav button{width:3.25rem;height:3.25rem;border:1.5px solid var(--nav-accent,#2a1810);border-radius:50%;background:var(--nav-surface,#f4e8d0);color:var(--nav-ink,#2a1810);display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 5px 18px color-mix(in srgb,var(--nav-accent,#2a1810),transparent 82%);backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease,opacity .2s ease}
#lm-page-nav button:hover:not(:disabled){transform:scale(1.08);background:var(--nav-surface,#f4e8d0)}
#lm-page-nav button:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}
#lm-page-nav svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:560px){#lm-page-nav{right:.7rem;gap:.45rem}#lm-page-nav button{width:2.75rem;height:2.75rem}}
#lumosse-extension .lm-drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(42,24,16,.18);padding-bottom:1rem}
#lumosse-extension .lm-drawer-items{overflow:auto;flex:1;padding:1rem 0}
#lumosse-extension .lm-line{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid rgba(42,24,16,.1);font-size:.8rem}
#lumosse-extension .lm-checkout{width:100%;background:#2a1810;color:#fff;margin-top:1rem}
@media (max-width:900px){#lumosse-extension .lm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){#root nav>div{gap:.8rem}#root nav .lm-nav-links{gap:.6rem;font-size:.53rem;letter-spacing:.08em}#lumosse-extension{padding:5rem 1.25rem 4rem}#lumosse-extension .lm-hero-copy{padding-bottom:4rem}#lumosse-extension .lm-grid{grid-template-columns:1fr}#lumosse-extension .lm-contact{flex-direction:column;gap:1rem;margin-top:4rem}}
.lm-product-page{min-height:100dvh;background:#f4e8d0;color:#2a1810;padding:2rem 6vw 6rem;font-family:Inter,sans-serif}.lm-back{display:inline-flex;align-items:center;gap:.45rem;color:#2a1810;text-decoration:none;letter-spacing:.13em;text-transform:uppercase;font-size:.98rem;font-weight:600;padding:.55rem 1.15rem;border:1.5px solid rgba(42,24,16,.55);border-radius:999px;background:rgba(255,255,255,.4);transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.lm-back:hover{background:#2a1810;color:#fff;border-color:#2a1810;transform:translateY(-1px)}.lm-detail{max-width:1200px;margin:1.25rem auto 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center}.lm-detail-media{background:#eadbc2}.lm-detail-media img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.lm-detail-copy h1{font-family:"Playfair Display",serif;font-size:clamp(2.8rem,6vw,6rem);line-height:.95;font-weight:500;margin:.8rem 0 1.5rem}.lm-detail-copy p{max-width:30rem;line-height:1.7;opacity:.7}.lm-detail-price{display:block;margin:2rem 0;font-size:1.1rem;letter-spacing:.08em}.lm-detail-copy button{background:#2a1810;color:#fff;border:0;padding:1rem 1.4rem;cursor:pointer;letter-spacing:.1em;text-transform:uppercase}.lm-detail-cart{display:inline-flex;align-items:center;justify-content:center;margin-top:1.4rem;padding:.75rem 1.5rem;border:1px solid rgba(42,24,16,.32);border-radius:999px;color:#2a1810;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}.lm-detail-cart:hover{background:#2a1810;color:#fff9f2;border-color:#2a1810}@media(max-width:760px){.lm-detail{grid-template-columns:1fr;margin-top:3rem}}
html:has(.lm-product-page){scroll-snap-type:none!important;scroll-behavior:auto!important}
body:has(.lm-product-page){scroll-snap-type:none!important;overflow-x:clip}
.lm-product-page{position:relative;z-index:1}
.lm-product-page .lm-back{position:relative;z-index:10;pointer-events:auto;cursor:pointer}
/* 首页 hero 的大写水印字(WHITE/SILK/PISTA…)原本 z-0，被左侧模特图(z-10)盖住；
   提到图片之上使其可见。透明度仅 .08，不会影响标题阅读，且保持 pointer-events:none 不挡点击。 */
#root section>div.absolute.items-center.justify-center{z-index:15}

/* ===== LUMOSSE 独立站功能补充：购物车 / 登录弹窗 / Toast / 详情规格 =====
   购物车按钮、抽屉、登录弹窗、Toast 都挂载在 body 下（由 lumosse-shop.js 创建），
   因此这里使用不带作用域的类名，避免受 #lumosse-extension 层叠上下文限制。 */

/* 购物车按钮（层级高于导航 60） */
.lm-cart{position:fixed;right:1.5rem;bottom:1.5rem;z-index:10000;background:#2a1810;color:#fff;border:1px solid rgba(42,24,16,.9);padding:.9rem 1.15rem;border-radius:999px;font:600 .8rem/1 Inter,sans-serif;letter-spacing:.06em;cursor:pointer;box-shadow:0 10px 30px rgba(42,24,16,.28);transition:transform .2s ease,background .2s ease}
.lm-cart:hover{transform:translateY(-2px);background:#3a2418}

/* 抽屉 */
/* 抽屉：层级必须高于合规页脚（legal-footer.js 用的是 9999），否则滚动到底部时会被它盖住 */
.lm-drawer{position:fixed;right:0;top:0;height:100dvh;width:min(400px,92vw);background:#fff;color:#2a1810;z-index:10010;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));box-shadow:-12px 0 44px rgba(42,24,16,.2);transform:translateX(105%);transition:transform .3s ease;display:flex;flex-direction:column;font-family:Inter,sans-serif}
.lm-drawer.is-open{transform:translateX(0)}
.lm-drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(42,24,16,.18);padding-bottom:1rem}
.lm-drawer-head strong{font-family:"Playfair Display",serif;font-size:1.3rem;font-weight:500}
.lm-drawer-head button{background:transparent;border:0;color:inherit;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;opacity:.7}
.lm-drawer-items{overflow:auto;flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.9rem}
.lm-empty{opacity:.6;font-size:.85rem}
.lm-line{display:flex;gap:.85rem;padding:.4rem 0;border-bottom:1px solid rgba(42,24,16,.1);font-size:.82rem}
.lm-line-img{width:56px;height:70px;object-fit:cover;background:#eadbc2;flex:0 0 auto}
.lm-line-main{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}
.lm-line-name{line-height:1.3}
.lm-line-spec{font-size:.7rem;color:rgba(42,24,16,.55)}
.lm-line-price{opacity:.6;font-size:.75rem}
.lm-line-qty{display:inline-flex;align-items:center;gap:.5rem;margin-top:.2rem}
.lm-line-qty span{min-width:1.1rem;text-align:center;font-size:.85rem;font-weight:600}
.lm-line-qty button{width:2.25rem;height:2.25rem;border:1px solid rgba(42,24,16,.25);background:transparent;color:inherit;cursor:pointer;line-height:1;border-radius:6px;font-size:1.05rem}
.lm-line-qty button:hover{background:#2a1810;color:#fff}
.lm-line-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:.4rem;flex:0 0 auto}
.lm-line-del{background:transparent;border:0;color:#a06a4a;cursor:pointer;font-size:.68rem;letter-spacing:.06em;text-decoration:underline;padding:0}
.lm-drawer-foot{border-top:1px solid rgba(42,24,16,.18);padding-top:1rem;display:flex;flex-direction:column;gap:.85rem}
.lm-drawer-total{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;letter-spacing:.08em}
.lm-drawer-total strong{font-size:1.05rem}
.lm-drawer-actions{display:flex;gap:.6rem}
.lm-btn-ghost{flex:0 0 auto;background:transparent;border:1px solid rgba(42,24,16,.3);color:inherit;padding:.7rem 1rem;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}
.lm-btn-ghost:hover{background:rgba(42,24,16,.06)}
.lm-checkout{flex:1;background:#2a1810;color:#fff;border:0;padding:.85rem 1rem;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}
.lm-checkout:hover{background:#3a2418}

/* Toast */
#lm-toast{position:fixed;left:50%;bottom:2rem;transform:translate(-50%,150%);z-index:10030;background:#2a1810;color:#fff;padding:.8rem 1.25rem;border-radius:999px;font:500 .8rem/1.2 Inter,sans-serif;box-shadow:0 12px 30px rgba(42,24,16,.3);opacity:0;pointer-events:none;transition:transform .28s ease,opacity .28s ease}
#lm-toast.is-visible{transform:translate(-50%,0);opacity:1}

/* 登录弹窗（与首页登录界面风格一致） */
.lm-login-mask{position:fixed;inset:0;z-index:10020;background:rgba(20,12,8,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.25rem;opacity:0;pointer-events:none;transition:opacity .25s ease}
.lm-login-mask.is-visible{opacity:1;pointer-events:auto}
.lm-login-card{position:relative;width:min(420px,100%);background:#f7efe0;color:#2a1810;padding:2.4rem 2rem 1.8rem;box-shadow:0 30px 70px rgba(20,12,8,.35);font-family:Inter,sans-serif}
.lm-login-close{position:absolute;top:.7rem;right:.9rem;background:transparent;border:0;font-size:1.4rem;line-height:1;color:rgba(42,24,16,.6);cursor:pointer}
.lm-login-kicker{font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;opacity:.6}
.lm-login-title{font-family:"Playfair Display",serif;font-weight:500;font-size:1.8rem;margin:.5rem 0 .4rem}
.lm-login-sub{font-size:.78rem;line-height:1.5;opacity:.7;margin:0 0 1.4rem}
.lm-login-form{display:flex;flex-direction:column;gap:.35rem}
.lm-login-label{font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-top:.6rem}
.lm-login-input{border:1px solid rgba(42,24,16,.25);background:#fff;padding:.7rem .8rem;font:inherit;color:inherit;outline:none}
.lm-login-input:focus{border-color:#2a1810}
.lm-login-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.7rem;line-height:1.4;margin:.9rem 0 .2rem;opacity:.8}
.lm-login-error{background:rgba(180,60,40,.1);color:#a4301c;font-size:.72rem;padding:.5rem .6rem;border-left:3px solid #a4301c}
.lm-login-submit{margin-top:.9rem;background:#2a1810;color:#fff;border:0;padding:.9rem 1rem;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;cursor:pointer}
.lm-login-submit:disabled{opacity:.6;cursor:default}
.lm-login-links{display:flex;justify-content:space-between;margin-top:1.1rem;font-size:.72rem}
.lm-login-links a{color:#8a5a3a}

/* 详情页：相册 / 规格 / 数量 / 信息表 */
.lm-gallery{display:flex;flex-direction:column;gap:.8rem}
.lm-gallery-main-wrap{background:#eadbc2;overflow:hidden}
.lm-gallery-main{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.lm-gallery-thumbs{display:flex;gap:.5rem;flex-wrap:wrap}
.lm-thumb{width:64px;height:80px;padding:0;border:1px solid transparent;background:#eadbc2;cursor:pointer;opacity:.7}
.lm-thumb.is-active,.lm-thumb:hover{opacity:1;border-color:#2a1810}
.lm-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.lm-gallery-empty{aspect-ratio:4/5;background:#eadbc2;display:grid;place-items:center;color:rgba(42,24,16,.5);font-size:.8rem}
.lm-detail-stockrow{min-height:1.2rem;font-size:.75rem;color:rgba(42,24,16,.7);margin:-.6rem 0 .4rem}
.lm-specs{display:flex;flex-direction:column;gap:1rem;margin:1.4rem 0 .4rem}
.lm-spec-name{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.65;margin-bottom:.5rem}
.lm-spec-values{display:flex;flex-wrap:wrap;gap:.5rem}
.lm-spec-value{border:1px solid rgba(42,24,16,.28);background:transparent;color:inherit;padding:.5rem .9rem;font-size:.76rem;cursor:pointer;transition:all .18s ease}
.lm-spec-value:hover{border-color:#2a1810}
.lm-spec-value.is-active{background:#2a1810;color:#fff;border-color:#2a1810}
.lm-qty{display:flex;align-items:center;gap:1rem;margin:1.4rem 0}
.lm-qty-label{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.65}
.lm-qty-control{display:inline-flex;align-items:center;gap:1rem;border:1px solid rgba(42,24,16,.28);padding:.35rem .6rem}
.lm-qty-control button{border:0;background:transparent;color:inherit;font-size:1.1rem;line-height:1;cursor:pointer;width:1.6rem}
.lm-qty-control span{min-width:1.6rem;text-align:center;font-size:.9rem}
.lm-buy-row{display:flex;gap:.7rem;flex-wrap:wrap;margin:0 0 1.4rem}
.lm-buy-row button{flex:1;min-width:140px;background:#2a1810;color:#fff;border:0;padding:1rem 1.2rem;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;transition:background .2s ease}
.lm-buy-row button:hover:not(:disabled){background:#3a2418}
.lm-buy-row button:disabled{opacity:.5;cursor:not-allowed}
.lm-buy-row .lm-buy-now{background:transparent;color:#2a1810;border:1px solid #2a1810}
.lm-buy-row .lm-buy-now:hover:not(:disabled){background:#2a1810;color:#fff}
.lm-info-block{margin-top:1.6rem}
.lm-info-block h3{font-family:"Playfair Display",serif;font-weight:500;font-size:1.15rem;margin:0 0 .6rem}
.lm-info-table{width:100%;border-collapse:collapse;font-size:.78rem}
.lm-info-table th{width:34%;text-align:left;font-weight:400;color:rgba(42,24,16,.6);padding:.5rem .6rem;border-top:1px solid rgba(42,24,16,.12);vertical-align:top}
.lm-info-table td{padding:.5rem .6rem;border-top:1px solid rgba(42,24,16,.12);color:#2a1810;word-break:break-word}

/* 布局修正：媒体列顶部对齐 + 吸顶，避免右栏很长时图片被垂直居中而在其上方留出大段空白 */
.lm-detail{align-items:start}
.lm-detail-media{position:sticky;top:1.5rem;align-self:start;max-width:100%}
.lm-gallery-main{max-height:78vh}
/* 规格按钮：限制宽度、允许换行，避免单个取值把一行铺满 */
.lm-spec-values{gap:.45rem}
.lm-spec-value{max-width:100%;word-break:break-word;text-align:center;line-height:1.25}
@media(max-width:760px){.lm-detail-media{position:static;top:auto}}

/* 关键修正：原有 `.lm-detail-copy button`（深底/大写/大内边距）优先级高于单类名，
   会把规格按钮全变成一片近黑色、且选中不可辨。这里用 .lm-detail-copy 前缀提高优先级复位。 */
.lm-detail-copy .lm-spec-value{border:1px solid rgba(42,24,16,.28);background:transparent;color:inherit;padding:.5rem .9rem;font-size:.76rem;letter-spacing:0;text-transform:none;font-weight:400;line-height:1.25;max-width:100%;word-break:break-word;text-align:center;cursor:pointer}
.lm-detail-copy .lm-spec-value:hover{border-color:#2a1810}
.lm-detail-copy .lm-spec-value.is-active{background:#2a1810;color:#fff;border-color:#2a1810}
/* 每个规格取值一个方框：左边规格名，右边该 SKU 的 − N + */
.lm-spec-cell{display:inline-flex;align-items:center;gap:.55rem;max-width:100%;padding:.35rem .55rem .35rem .8rem;border:1px solid rgba(42,24,16,.28);border-radius:10px;background:transparent;transition:border-color .18s ease,background .18s ease}
.lm-spec-cell:hover{border-color:#2a1810}
.lm-spec-cell.is-active{border-color:#2a1810;background:#2a1810}
.lm-detail-copy .lm-spec-cell .lm-spec-value{display:flex;flex-direction:column;gap:.08rem;align-items:flex-start;border:0;padding:.1rem 0;background:transparent;color:inherit;font-size:.78rem;line-height:1.25;font-weight:400;letter-spacing:0;text-transform:none;text-align:left;max-width:100%;word-break:break-word;cursor:pointer}
.lm-detail-copy .lm-spec-label{font-size:.78rem;line-height:1.3}
.lm-detail-copy .lm-spec-price{font-size:.72rem;opacity:.62}
.lm-detail-copy .lm-spec-cell .lm-spec-value:hover{background:transparent}
.lm-detail-copy .lm-spec-cell .lm-spec-value.is-active{background:transparent;color:inherit;border:0}
.lm-detail-copy .lm-spec-qty{display:inline-flex;align-items:center;gap:.3rem;flex:0 0 auto}
.lm-detail-copy .lm-spec-qty button{width:1.5rem;height:1.5rem;padding:0;border:1px solid rgba(42,24,16,.28);border-radius:50%;background:transparent;color:#2a1810;font-size:.95rem;line-height:1;letter-spacing:0;text-transform:none;font-weight:400;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.lm-detail-copy .lm-spec-qty button:hover:not(:disabled){border-color:#2a1810;background:rgba(42,24,16,.06)}
.lm-detail-copy .lm-spec-qty button:disabled{opacity:.35;cursor:not-allowed}
.lm-detail-copy .lm-spec-qty-num{min-width:1.1rem;text-align:center;font-size:.78rem;color:#2a1810}

/* 选中态：整框反转（深咖底 + 米白字）；并去掉原来那条金色内描边（看起来是橙线） */
.lm-detail-copy .lm-spec-cell .lm-spec-value.is-active{box-shadow:none}
.lm-detail-copy .lm-spec-cell.is-active .lm-spec-value,
.lm-detail-copy .lm-spec-cell.is-active .lm-spec-label,
.lm-detail-copy .lm-spec-cell.is-active .lm-spec-qty-num{color:#fff9f2}
.lm-detail-copy .lm-spec-cell.is-active .lm-spec-price{color:#fff9f2;opacity:.7}
.lm-detail-copy .lm-spec-cell.is-active .lm-spec-qty button{border-color:rgba(255,249,242,.5);color:#fff9f2}
.lm-detail-copy .lm-spec-cell.is-active .lm-spec-qty button:hover:not(:disabled){border-color:#fff9f2;background:rgba(255,249,242,.15)}
.lm-detail-copy .lm-spec-cell.is-active .lm-spec-qty button:disabled{opacity:.3;border-color:rgba(255,249,242,.28)}
.lm-detail-copy .lm-qty-control button{padding:0;background:transparent;color:inherit;border:0;font-size:1.1rem;width:1.6rem;letter-spacing:0;text-transform:none}
.lm-detail-copy .lm-buy-row button{border:0;padding:1rem 1.2rem;background:#2a1810;color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}
.lm-detail-copy .lm-buy-row button:hover:not(:disabled){background:#3a2418}
.lm-detail-copy .lm-buy-row .lm-buy-now{background:transparent;color:#2a1810;border:1px solid #2a1810}
.lm-detail-copy .lm-buy-row .lm-buy-now:hover:not(:disabled){background:#2a1810;color:#fff}

/* ===== 固定规格说明（如「长度(CM)」只有一个取值）：做成带色条的信息条，不再是一行淡字 ===== */
.lm-detail-copy .lm-fixed-specs{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  margin:.9rem 0 0;
}
.lm-detail-copy .lm-fixed-spec{
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.7rem .9rem;
  border-left:3px solid var(--lm-gold);
  border-radius:0 8px 8px 0;
  background:rgba(198,161,91,.14);
  font-size:.84rem;
  line-height:1.35;
}
.lm-detail-copy .lm-fixed-spec-label{
  flex:0 0 auto;
  font-size:.64rem;
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--lm-gold-ink);
  opacity:.9;
}
.lm-detail-copy .lm-fixed-spec-value{
  font-weight:600;
  color:#2a1810;
  overflow-wrap:anywhere;
}

/* ===== 规格：圆形色卡（swatch）=====
   · 白底产品图用 mix-blend-mode:multiply 融进米色底，去掉"白方块贴纸感"
   · 名字 / 价格只在「选中那一行」显示；数量条也只服务当前选中的颜色
   · 每个圆点右下角有数量角标，所以已加过哪些颜色一眼可见 */
.lm-detail-copy .lm-spec-values{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem .85rem;
}
.lm-detail-copy .lm-spec-value{
  position:relative;
  display:block;
  width:64px;
  height:64px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:inherit;
  font-size:.62rem;
  line-height:1.15;
  letter-spacing:0;
  text-transform:none;
  font-weight:400;
  text-align:center;
  cursor:pointer;
  transition:transform .2s ease;
}
.lm-detail-copy .lm-spec-value:hover{transform:scale(1.05)}
/* 覆盖旧规则：选中态不再是"深棕底 + 米白字" */
.lm-detail-copy .lm-spec-value.is-active{background:transparent;color:inherit}
.lm-detail-copy .lm-spec-media{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  overflow:hidden;
  /* 白底融进页面米色（白底产品图的万能招） */
  mix-blend-mode:multiply;
}
.lm-detail-copy .lm-spec-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  transform:scale(1.18); /* 收紧裁切，让头巾本体占满圆 */
}
/* 没有 SKU 图时的兜底：文字圆片 */
.lm-detail-copy .lm-spec-plain{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  padding:.3rem;
  border:1px solid rgba(42,24,16,.25);
  border-radius:50%;
  overflow:hidden;
}
/* 选中：金色圆环 */
.lm-detail-copy .lm-spec-value.is-active::after{
  content:"";
  position:absolute;
  inset:-4px;
  z-index:1;
  border:2px solid var(--lm-gold);
  border-radius:50%;
  pointer-events:none;
}
/* 已在购物车的数量：圆点右下角 */
.lm-detail-copy .lm-spec-badge{
  position:absolute;
  right:-3px;
  bottom:-3px;
  z-index:2;
  min-width:1.1rem;
  height:1.1rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 .26rem;
  border-radius:999px;
  background:#2a1810;
  color:#fff9f2;
  font-size:.62rem;
  font-weight:700;
  font-style:normal;
  line-height:1;
}
/* 选中信息行：名字 · 价格 + 该颜色的 − N + */
.lm-detail-copy .lm-spec-info{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem;
  min-height:1.7rem;
  margin-top:.7rem;
  font-size:.8rem;
  color:#2a1810;
}
.lm-detail-copy .lm-spec-info-label{line-height:1.3}
/* SKU 单价：回到低调样式（放大 + 金色胶囊会和上方「合计金额」看起来像重复的两个价格） */
.lm-detail-copy .lm-spec-info-price{font-size:.74rem;opacity:.55}
/* 数量条：无边框极简三格，靠底色和 hover 表达可点（回到右对齐） */
.lm-detail-copy .lm-spec-qty{
  display:grid;
  grid-template-columns:2.25rem minmax(1.4rem,1fr) 2.25rem;
  align-items:center;
  gap:0;
  margin-left:auto;
  padding:0;
  border:0;
  border-radius:999px;
  background:rgba(42,24,16,.06);
  overflow:hidden;
}
.lm-detail-copy .lm-spec-qty button{
  width:auto;
  height:2.25rem;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#2a1810;
  font-size:1.05rem;
  line-height:1;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
.lm-detail-copy .lm-spec-qty button:hover:not(:disabled){background:#2a1810;color:#fff9f2}
.lm-detail-copy .lm-spec-qty button:disabled{opacity:.28;cursor:not-allowed}
.lm-detail-copy .lm-spec-qty-num{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  font-size:.82rem;
  font-weight:600;
  color:#2a1810;
}

/* ===== 详情页标题：原来 clamp(2.8rem,6vw,6rem)（约 86px）在 508px 宽的右栏里要折 4~5 行，收小 ===== */
.lm-detail-copy h1{
  font-size:clamp(1.8rem,2.8vw,2.4rem);
  line-height:1.1;
}
/* 金色下划线（与首页 hero 同一条配方） */
.lm-detail-copy h1::after{
  content:"";
  display:block;
  width:4.5rem;
  height:2px;
  margin-top:.9rem;
  background:linear-gradient(90deg,var(--lm-gold),transparent);
}

/* ===== 结算区域：金额 + 库存 + 预估运费 + Checkout this product（同一个区域） ===== */
.lm-detail-copy .lm-buy-region{
  margin:1.6rem 0 .2rem;
  padding-top:1rem;
  border-top:1px solid rgba(42,24,16,.16);
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.lm-detail-copy .lm-buy-region-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  flex-wrap:wrap;
}
/* 覆盖旧的大字价格（原来 display:block + 上下 2rem 外边距） */
.lm-detail-copy .lm-buy-region .lm-detail-price{
  display:block;
  margin:0;
  font-size:1.35rem;
  letter-spacing:.04em;
  color:var(--lm-gold-ink);
}
.lm-detail-copy .lm-buy-region .lm-detail-stockrow{margin:0}
.lm-detail-copy .lm-buy-region .lm-freight{margin:0}
.lm-detail-copy .lm-buy-now{
  flex:0 0 auto;
  padding:.78rem 1.7rem;
  border:1px solid #2a1810;
  border-radius:3px;
  background:#2a1810;
  color:#fff9f2;
  /* 金色描边光晕：2px 实环 + 一圈柔光 */
  box-shadow:0 0 0 2px var(--lm-gold),0 8px 22px rgba(198,161,91,.45);
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.lm-detail-copy .lm-buy-now:hover:not(:disabled){
  background:#3a2418;
  box-shadow:0 0 0 2px var(--lm-gold-soft),0 10px 26px rgba(198,161,91,.6);
  transform:translateY(-1px);
}
.lm-detail-copy .lm-buy-now:disabled{
  opacity:.38;
  box-shadow:none;
  cursor:not-allowed;
}

/* 登录框里的协议链接 + 协议弹层 */
.lm-login-agree span{flex:1}
.lm-policy-link{background:none;border:0;padding:0;margin:0;font:inherit;color:#8a5a3a;text-decoration:underline;cursor:pointer}
.lm-policy-link:hover{color:#2a1810}
.lm-policy-mask{position:fixed;inset:0;z-index:10020;background:rgba(20,12,8,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.25rem;opacity:0;pointer-events:none;transition:opacity .25s ease}
.lm-policy-mask.is-visible{opacity:1;pointer-events:auto}
.lm-policy-card{display:flex;flex-direction:column;width:min(760px,92vw);max-height:80vh;background:#f7efe0;color:#3a2a1e;box-shadow:0 30px 70px rgba(20,12,8,.35)}
.lm-policy-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;border-bottom:1px solid rgba(42,24,16,.15)}
.lm-policy-title{font-family:"Playfair Display",serif;font-size:1.2rem;font-weight:500}
.lm-policy-close{background:none;border:0;font-size:1.4rem;line-height:1;color:rgba(42,24,16,.6);cursor:pointer}
.lm-policy-body{padding:1.2rem 1.4rem;overflow-y:auto;line-height:1.8;font-size:.86rem}
.lm-policy-body h1,.lm-policy-body h2,.lm-policy-body h3{font-family:"Playfair Display",serif;line-height:1.4;margin:1rem 0 .5rem}
.lm-policy-body a{color:#8a5a3a}
.lm-policy-hint{opacity:.6}

/* 预估运费 */
.lm-freight{font-size:.85rem;color:rgba(42,24,16,.85);margin:.25rem 0 .7rem;letter-spacing:.02em}
.lm-freight strong{font-size:.95rem}
.lm-freight-login{background:none;border:0;padding:0;margin:0;color:#8a5a3a;text-decoration:underline;cursor:pointer;font:inherit}
.lm-freight-login:hover{color:#2a1810}
.lm-drawer-freight{font-size:.78rem;color:rgba(42,24,16,.8);padding-bottom:.35rem}

/* ====================================================================
   LUMOSSE 视觉增强：金色点缀 / 微交互 / 滚动揭示 / 卡片浮层 / 空态
   原则：只做加法（不重写布局），全部走 transform/opacity，尊重 reduced-motion。
   ==================================================================== */
:root{--lm-gold:#c6a15b;--lm-gold-soft:#e3c98b;--lm-gold-ink:#8a6a2f}

/* ---- 区块背景与氛围特效（金色光晕 + 斜纹 + 光斑 + 顶部金线 + 缓慢柔光扫过） ----
   注意：底色要与原米色拉开明暗差、纹理透明度要够，否则肉眼看不出来。 */
#lumosse-extension{
  background:
    /* 顶部金色发光线 */
    linear-gradient(90deg,transparent,rgba(198,161,91,.9),transparent) 0 0 / 100% 2px no-repeat,
    /* 金色光晕（右上大、左上中、右下暖棕） */
    radial-gradient(46rem 46rem at 86% -8%, rgba(198,161,91,.8), transparent 60%),
    radial-gradient(36rem 36rem at -8% 24%, rgba(198,161,91,.5), transparent 60%),
    radial-gradient(42rem 42rem at 70% 116%, rgba(160,106,74,.36), transparent 58%),
    /* 斜向金纹 */
    repeating-linear-gradient(135deg, rgba(198,161,91,.16) 0 1.5px, transparent 1.5px 22px),
    /* 底色（上下拉开明暗，明显比原米色更暖、更有层次） */
    linear-gradient(180deg,#f9efd8 0%,#ecd9b3 52%,#dcc392 100%);
  overflow:hidden;
  isolation:isolate;
}
/* 左下金色光斑：缓慢漂浮 + 明暗呼吸 */
#lumosse-extension::before{content:"";position:absolute;left:-8rem;bottom:-12rem;width:44rem;height:44rem;border-radius:50%;background:radial-gradient(circle,rgba(198,161,91,.72),transparent 70%);filter:blur(26px);pointer-events:none;z-index:-1;animation:lmAmbient 14s ease-in-out infinite}
@keyframes lmAmbient{0%,100%{transform:translate3d(0,0,0) scale(1);opacity:.85}50%{transform:translate3d(4rem,-3rem,0) scale(1.15);opacity:1}}
/* 缓慢斜向扫过的一道柔光 */
#lumosse-extension::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.32) 50%,transparent 68%);background-size:260% 260%;background-position:120% 0;animation:lmSweep 13s ease-in-out infinite}
@keyframes lmSweep{0%{background-position:120% 0}55%,100%{background-position:-45% 0}}

/* ---- 金色点缀（克制使用） ---- */
#lumosse-extension .lm-kicker{color:var(--lm-gold-ink)}
#lumosse-extension .lm-hero-copy h1::after{content:"";display:block;width:4.5rem;height:2px;margin-top:1.5rem;background:linear-gradient(90deg,var(--lm-gold),transparent)}
#lumosse-extension .lm-price{color:var(--lm-gold-ink)}
#lumosse-extension .lm-contact span:first-child{color:var(--lm-gold-ink)}
.lm-detail-price{color:var(--lm-gold-ink)}
.lm-drawer-total strong,.lm-line-right strong{color:var(--lm-gold-ink)}

/* ---- 筛选工具栏：药丸形 + 金色激活态 ---- */
#lumosse-extension .lm-toolbar button{border-radius:999px;padding:.6rem 1.15rem;border-color:rgba(42,24,16,.22);transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease}
#lumosse-extension .lm-toolbar button:hover{transform:translateY(-1px)}
#lumosse-extension .lm-toolbar button.is-active{background:linear-gradient(135deg,var(--lm-gold),var(--lm-gold-soft));color:#2a1810;border-color:transparent;font-weight:600;letter-spacing:.1em;box-shadow:0 5px 16px rgba(198,161,91,.4)}

/* ---- 按钮高光扫过（sheen） ----
   注意：不要把 .lm-cart（fixed 悬浮）纳入 position:relative，否则会破坏其固定定位；
   .lm-cart / .lm-quick-add 自身已是定位元素，只需 overflow:hidden 即可裁剪高光。 */
.lm-checkout,.lm-login-submit,.lm-btn-ghost,.lm-buy-row button,.lm-detail-copy .lm-buy-now,#lumosse-extension .lm-card-foot button,#lumosse-extension .lm-toolbar button,.lm-empty button{position:relative;overflow:hidden}
.lm-cart,.lm-quick-add{overflow:hidden}
.lm-cart::after,.lm-checkout::after,.lm-login-submit::after,.lm-btn-ghost::after,.lm-buy-row button::after,.lm-detail-copy .lm-buy-now::after,#lumosse-extension .lm-card-foot button::after,#lumosse-extension .lm-toolbar button::after,.lm-quick-add::after,.lm-empty button::after{content:"";position:absolute;top:0;bottom:0;left:-130%;width:55%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg)}
.lm-cart:hover::after,.lm-checkout:hover::after,.lm-login-submit:hover::after,.lm-btn-ghost:hover::after,.lm-buy-row button:hover::after,.lm-detail-copy .lm-buy-now:hover::after,#lumosse-extension .lm-card-foot button:hover::after,#lumosse-extension .lm-toolbar button:hover::after,.lm-quick-add:hover::after,.lm-empty button:hover::after{animation:lmSheen .85s ease}
@keyframes lmSheen{from{left:-130%}to{left:150%}}

/* ---- 商品卡：悬停上浮 + 阴影 + 图片微放大 + Quick add 浮层 ---- */
#lumosse-extension .lm-card{position:relative;border-radius:6px;overflow:hidden;box-shadow:0 2px 10px rgba(42,24,16,.05);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
#lumosse-extension .lm-card:hover{transform:translateY(-8px);box-shadow:0 18px 38px rgba(42,24,16,.16),0 0 0 1px var(--lm-gold)}
#lumosse-extension .lm-card img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
#lumosse-extension .lm-card:hover img{transform:scale(1.06)}
.lm-card-media{position:relative;overflow:hidden;background:#eadbc2}
/* Quick add：自适应整卡宽 + 苹果「液态玻璃」质感（毛玻璃 + 描边高光 + 深色半透底）。
   深色/浅色商品图上都用深色半透底 + 白字，保证清晰；无 backdrop-filter 时也有底色兜底。 */
#lumosse-extension .lm-quick-add{position:absolute;left:.7rem;right:.7rem;bottom:.7rem;transform:translateY(150%);opacity:0;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.9rem 1rem;font:700 .7rem/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;background-color:rgba(22,15,10,.4);background-image:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.06));-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.42);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.14),0 12px 28px rgba(0,0,0,.38);text-shadow:0 1px 2px rgba(0,0,0,.4);cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s ease,background-color .2s ease}
#lumosse-extension .lm-quick-add::before{content:"+";font-size:1rem;line-height:1;font-weight:400;opacity:.95}
#lumosse-extension .lm-card:hover .lm-quick-add{transform:translateY(0);opacity:1}
#lumosse-extension .lm-quick-add:hover{background-color:rgba(198,161,91,.55)}

/* ---- 滚动揭示 ---- */
.lm-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.lm-reveal.is-in{opacity:1;transform:none}

/* ---- 图片淡入 ---- */
.lm-fade{animation:lmFade .55s ease both}
@keyframes lmFade{from{opacity:0}to{opacity:1}}

/* ---- 规格选中脉冲（金色描边） ---- */
@keyframes lmPulse{0%{transform:scale(1)}45%{transform:scale(1.08)}100%{transform:scale(1)}}
.lm-detail-copy .lm-spec-value.lm-pulse{animation:lmPulse .32s ease}
.lm-detail-copy .lm-spec-value.is-active{box-shadow:inset 0 0 0 1px var(--lm-gold)}

/* ---- 数量数字弹跳 ---- */
@keyframes lmQtyPop{0%{transform:scale(1)}40%{transform:scale(1.32)}100%{transform:scale(1)}}
#lm-qty-value{display:inline-block}
#lm-qty-value.lm-pop{animation:lmQtyPop .28s ease}

/* ---- 购物车按钮抖动 + 加购粒子 ---- */
@keyframes lmCartBounce{0%{transform:scale(1)}30%{transform:scale(1.14)}55%{transform:scale(.96)}100%{transform:scale(1)}}
.lm-cart.lm-bounce{animation:lmCartBounce .55s ease}
.lm-particle{position:fixed;width:7px;height:7px;border-radius:50%;pointer-events:none;z-index:10040;animation:lmParticle .85s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes lmParticle{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.25);opacity:0}}

/* ---- 空购物车态（丝巾线稿 + 引导） ---- */
.lm-empty{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;padding:2.6rem 1rem;opacity:1;font-size:.85rem}
.lm-empty svg{width:76px;height:76px;color:var(--lm-gold);opacity:.75}
.lm-empty p{margin:0;color:rgba(42,24,16,.6)}
.lm-empty button{background:#2a1810;color:#fff;border:0;padding:.72rem 1.35rem;border-radius:999px;font:600 .64rem/1 Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.lm-empty button:hover{background:var(--lm-gold-ink)}

/* ---- 卡片正文区域圆角衔接 ---- */
#lumosse-extension .lm-card-body{background:#fff}

@media (prefers-reduced-motion: reduce){
  .lm-reveal{opacity:1;transform:none;transition:none}
  .lm-fade{animation:none}
  #lumosse-extension::before{animation:none}
  #lumosse-extension::after{animation:none}
  .lm-cart::after,.lm-checkout::after,.lm-login-submit::after,.lm-btn-ghost::after,.lm-buy-row button::after,.lm-detail-copy .lm-buy-now::after,#lumosse-extension .lm-card-foot button::after,#lumosse-extension .lm-toolbar button::after,.lm-quick-add::after,.lm-empty button::after{display:none}
  #lumosse-extension .lm-card:hover{transform:none}
  #lumosse-extension .lm-card:hover img{transform:none}
  .lm-particle{display:none}
}

/* ---------- 详情页背景：绸缎质感（静态，无图片/无动画，保持品牌奶白+金） ---------- */
.lm-product-page{
  background-color:#f4e8d0;
  background-image:
    /* 斜向绸缎高光：两道折光 */
    linear-gradient(112deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 18%,rgba(255,255,255,0) 34%,rgba(255,255,255,.24) 52%,rgba(255,255,255,0) 68%,rgba(255,255,255,.14) 86%,rgba(255,255,255,0) 100%),
    /* 暖金斜向氛围 */
    linear-gradient(165deg,rgba(198,161,91,.20) 0%,rgba(198,161,91,0) 42%,rgba(160,106,74,.18) 100%),
    /* 角落金色光晕 */
    radial-gradient(44rem 44rem at 88% -12%,rgba(198,161,91,.34),transparent 62%),
    radial-gradient(38rem 38rem at -12% 32%,rgba(198,161,91,.22),transparent 60%),
    radial-gradient(30rem 30rem at 50% 118%,rgba(160,106,74,.20),transparent 60%),
    /* 极细织物经纬纹（satin weave） */
    repeating-linear-gradient(90deg,rgba(42,24,16,.020) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(0deg,rgba(42,24,16,.020) 0 1px,transparent 1px 3px),
    /* 基调：奶白 → 浅金 */
    linear-gradient(180deg,#fbf3e2 0%,#f4e8d0 48%,#e8d6b4 100%);
  background-repeat:no-repeat;
}
/* 商品图块像落在绸缎上：一层柔和投影 */
.lm-product-page .lm-detail-media{box-shadow:0 18px 40px rgba(42,24,16,.12)}

/* ---------- 首页滚动修复：四个全屏系列之后"划不动" ----------
   首页 html 是强制吸附 scroll-snap-type:y mandatory，而最后一个区块
   #lumosse-extension（商品区）远高于一屏、又带 scroll-snap-align:start，
   强制吸附会不断把它吸回顶部 → 表现为"四张图看完就划不下去"。
   这里放宽为 proximity（只在靠近吸附点时才吸附），并取消该区块自身的吸附点
   （商品区内部即可正常滚动）；四张全屏图仍保留轻微吸附手感。
   注意：商品详情页的 html:has(.lm-product-page){scroll-snap-type:none!important}
   优先级更高，不受此处影响。 */
html{scroll-snap-type:y proximity!important}
#lumosse-extension{scroll-snap-align:none!important}

/* ===== 账号入口：Sign in / Hi, 名字 + Sign out（在购物车按钮上方） ===== */
#lm-account{
  position:fixed;
  top:1.25rem;
  right:1.5rem;
  z-index:10000;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  max-width:min(300px,72vw);
  padding:.45rem .5rem .45rem .85rem;
  border-radius:999px;
  background:rgba(42,24,16,.9);
  color:#fff9f2;
  box-shadow:0 8px 22px rgba(42,24,16,.22);
  backdrop-filter:blur(8px);
  font:600 .72rem/1 Inter,sans-serif;
  letter-spacing:.04em;
}
#lm-account .lm-account-name{
  max-width:130px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  opacity:.9;
}
#lm-account .lm-account-btn{
  border:1px solid rgba(255,249,242,.45);
  border-radius:999px;
  background:transparent;
  color:inherit;
  padding:.42rem .78rem;
  font:inherit;
  letter-spacing:.06em;
  cursor:pointer;
  transition:background .2s ease,color .2s ease;
}
#lm-account .lm-account-btn:hover{background:#fff9f2;color:#2a1810}

/* 首页：放进导航链接右侧，跟随导航排版（不再固定定位） */
#lm-account.is-inline{
  position:static;
  inset:auto;
  z-index:auto;
  max-width:none;
  padding:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  color:inherit;
  font:600 .66rem/1 Inter,sans-serif;
  letter-spacing:.06em;
  text-transform:none;
}
#lm-account.is-inline .lm-account-name{
  max-width:110px;
  opacity:.72;
  letter-spacing:.1em;
}
#lm-account.is-inline .lm-account-btn{
  border-color:rgba(42,24,16,.35);
  padding:.3rem .6rem;
  font-size:.58rem;
  letter-spacing:.12em;
}
#lm-account.is-inline .lm-account-btn:hover{background:#2a1810;color:#f4e8d0}

/* ===== 清空购物车确认弹层（盖住整个抽屉） ===== */
.lm-confirm-mask{
  position:absolute;
  inset:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.5rem;
  background:rgba(20,12,8,.5);
  backdrop-filter:blur(2px);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.lm-confirm-mask.is-visible{opacity:1;pointer-events:auto}
.lm-confirm-card{
  width:100%;
  max-width:320px;
  padding:1.5rem 1.4rem 1.3rem;
  border-radius:10px;
  background:#fff;
  box-shadow:0 24px 60px rgba(20,12,8,.3);
}
.lm-confirm-card h3{
  margin:0 0 .5rem;
  font-family:"Playfair Display",serif;
  font-size:1.15rem;
  font-weight:500;
  color:#2a1810;
}
.lm-confirm-card p{
  margin:0 0 1.2rem;
  font-size:.78rem;
  line-height:1.55;
  color:rgba(42,24,16,.68);
}
.lm-confirm-actions{display:flex;gap:.6rem;justify-content:flex-end}
.lm-confirm-danger{
  border:1px solid #b42318;
  border-radius:4px;
  background:#b42318;
  color:#fff;
  padding:.62rem 1rem;
  font-size:.66rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .2s ease;
}
.lm-confirm-danger:hover:not(:disabled){background:#96180f}
.lm-confirm-danger:disabled{opacity:.6;cursor:not-allowed}

/* 未登录时的运费提示：整行可点 */
.lm-drawer-freight.is-link,
.lm-freight.is-link{
  cursor:pointer;
  color:#8a5a3a;
  text-decoration:underline;
  text-underline-offset:2px;
}
.lm-drawer-freight.is-link:hover,
.lm-freight.is-link:hover{color:#2a1810}

/* Checkout this product 置灰：仍可点击（点了给提示），所以用 is-disabled 而非 disabled */
.lm-detail-copy .lm-buy-now.is-disabled{
  opacity:.42;
  box-shadow:none;
  cursor:not-allowed;
}
.lm-detail-copy .lm-buy-now.is-disabled:hover{
  background:#2a1810;
  box-shadow:none;
  transform:none;
}
.lm-detail-copy .lm-buy-now.is-disabled::after{display:none}