/* =========================================================
   Header / Mega Menu
   单行 Header：左侧 Logo，中间导航，右侧工具栏；颜色全部来自 :root。
========================================================= */
.site-header{position:sticky;top:0;z-index:50;background:var(--color-header-glass);border-bottom:1px solid var(--color-line);backdrop-filter:blur(10px)}
.header-main{height:78px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}
.logo{font-family:var(--font-title);font-size:28px;letter-spacing:3px;text-transform:uppercase;font-weight:400;white-space:nowrap}
.logo small{display:block;font-family:var(--font-body);font-size:10px;letter-spacing:4px;text-align:center;margin-top:2px;color:var(--color-muted)}
.primary-nav{height:78px;display:flex;justify-content:center;min-width:0}
.primary-nav>ul{height:78px;display:flex;align-items:center;justify-content:center;list-style:none;padding:0;margin:0;gap:26px;min-width:0}
.nav-item{height:78px;display:flex;align-items:center}
.nav-link{height:78px;display:flex;align-items:center;font-size:12px;letter-spacing:1.45px;text-transform:uppercase;position:relative;white-space:nowrap;color:var(--color-ink)}
.nav-link:after{content:"";position:absolute;left:0;bottom:20px;height:1px;width:100%;background:var(--color-ink);transform:scaleX(0);transform-origin:left;transition:transform .32s ease}
.nav-item:hover .nav-link:after,.nav-link.active:after{transform:scaleX(1)}
.header-icons{display:flex;justify-content:flex-end;gap:12px;align-items:center;white-space:nowrap}
.header-icons a,.menu-toggle{width:34px;height:34px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--color-ink);transition:var(--transition)}
.header-icons a:hover,.menu-toggle:hover{color:var(--color-accent-dark)}
.menu-toggle{display:none}
.mega-menu{position:absolute;left:0;right:0;top:78px;background:var(--color-white);border-bottom:1px solid var(--color-line);box-shadow:var(--shadow-soft);opacity:0;visibility:hidden;transform:translateY(12px);transition:var(--transition)}
.nav-item:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}
.mega-inner{width:min(var(--container),calc(100% - 40px));margin:0 auto;padding:32px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;gap:34px}
.mega-title{font-family:var(--font-title);font-size:18px;margin:0 0 16px;font-weight:400}
.mega-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:var(--color-muted);font-size:14px}
.mega-list a:hover{color:var(--color-ink)}
.mega-card{background:var(--color-light);padding:22px;min-height:188px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.mega-card:before{content:"";position:absolute;right:-45px;top:-45px;width:170px;height:170px;border-radius:50%;background:var(--color-rose);opacity:.72}
.mega-card h3{font-family:var(--font-title);font-weight:400;font-size:25px;margin:0 0 10px;position:relative}
.mega-card p{color:var(--color-muted);line-height:1.6;margin:0 0 14px;position:relative}
.mobile-drawer{display:none}
.drawer-mask{display:none}
.cart-content{ position: relative;}
.cart-content span.cart_total_number_lp{ position: absolute; top: 0; right: 0; background: var(--color-ink); color: var(--color-white); font-size: 12px; border-radius: 100%; width: 20px; height: 20px; line-height:20px; text-align: center;}