/* ==========================================================================
   M2 · 顶栏（原版 header：h-60 → lg:h-50，px-10/20 → lg:px-12，逐项入场 500+40i ms）
   ========================================================================== */
.hdr-wrap{position:fixed;top:0;left:0;width:100%;z-index:9999;padding-top:env(safe-area-inset-top,0px)}
.hdr-grad{position:absolute;inset:0;height:calc(var(--hdr) + 40px);pointer-events:none;opacity:0;transition:opacity .3s;background:linear-gradient(to bottom,#000,transparent)}
.hdr-grad.light{background:linear-gradient(to bottom,#e6e6dc,transparent)}
html[data-nav-theme=dark][data-nav-bg=solid] .hdr-grad.dark{opacity:.8}
html[data-nav-theme=light][data-nav-bg=solid] .hdr-grad.light{opacity:.92}
@media (max-width:939px){.hdr-grad{height:calc(var(--hdr) + 56px)}.hdr-grad.light{background:linear-gradient(to bottom,#efefe4 40%,rgba(239,239,228,0))}.hdr-grad.dark{background:linear-gradient(to bottom,#000 30%,transparent)}}
@media (min-width:940px){
  html[data-nav-theme=dark][data-nav-bg=solid] .hdr-grad.dark{opacity:.75}
  html[data-nav-theme=light][data-nav-bg=solid] .hdr-grad.light{opacity:.75}
}
.hdr{position:relative;color:var(--white);transition:color .3s}
html[data-nav-theme=light] .hdr{color:var(--ink)}
.hdr nav{max-width:1680px;margin:0 auto;height:var(--hdr);display:flex;align-items:center;padding:10px 10px}
@media (min-width:640px){.hdr nav{padding-inline:20px}}
@media (min-width:940px){.hdr nav{padding:8px 12px}}
.label-1{font:700 14px/1.15 var(--f-sans);letter-spacing:-.01em}
.label-2{font:700 14px/1.2 var(--f-sans)}
.label-3{font:500 12px/1.2 var(--f-sans)}
.brand{display:flex;align-items:center;gap:8px;padding:5px 0;border-radius:4px;text-decoration:none}
.brand svg{width:24px;height:24px;flex:none}
.brand .t{display:flex;flex-direction:column;gap:2px}
.brand .t span+span{opacity:.6}
@media (min-width:940px){.brand svg{width:18px;height:18px}.brand .t{flex-direction:row;gap:8px}}
.nav-mid{display:none}
@media (min-width:940px){.nav-mid{display:flex;flex:1;align-items:center;gap:24px;margin-left:40px}}
.nav-right{display:flex;align-items:center;gap:10px;margin-left:auto}
@media (min-width:640px){.nav-right{gap:20px}}
.navButton{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:5px 8px;border-radius:4px;text-decoration:none;transition:color .3s,background-color .3s}
@media (hover:hover){
  .hdr .navButton:hover{background:var(--white);color:var(--ink)}
  html[data-nav-theme=light] .hdr .navButton:hover{background:var(--ink);color:var(--white)}
}
.navButton svg{width:16px;height:16px}
.roundedButton{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 14px;border-radius:999px;background:var(--white);color:var(--ink);text-decoration:none;transition:background-color .3s,color .3s}
html[data-nav-theme=light] .roundedButton{background:var(--ink);color:var(--white)}
@media (hover:hover){html[data-nav-theme=light] .roundedButton:hover{background:#2a2a2a}}
.only-lg{display:none}
@media (min-width:940px){.only-lg{display:inline-flex}.only-sm{display:none!important}}
/* 入场：每项从上方落下 */
@media (min-width:940px) and (prefers-reduced-motion:no-preference){
  .nav-in{transform:translateY(-100%);opacity:0;animation:navIn .7s var(--ease-out-cubic) forwards}
}
@keyframes navIn{to{transform:none;opacity:1}}

/* 产品线下拉（对应原版 Editions 下拉） */
.dd{position:relative}
.dd-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.chev{transition:transform .3s}
.dd-list{position:absolute;left:0;top:calc(100% + 8px);min-width:272px;background:var(--white);color:var(--ink);border-radius:4px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .3s var(--ease-out-cubic),visibility 0s linear .3s;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.dd-list.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .3s var(--ease-out-cubic)}
.dd-list li{border-bottom:1px solid #0000001a}
.dd-list li:last-child{border:0}
.dd-list a{display:flex;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:background-color .15s}
.dd-list li:first-child a{padding-top:10px;border-radius:4px 4px 0 0}
.dd-list a:hover{background:#f3f3ee}
.dd-list .th{width:36px;height:36px;border-radius:4px;background-size:cover;background-position:center;flex:none;box-shadow:inset 0 0 0 1px #0000001a}
.dd-list .label-3{color:#6b6b60;margin-top:3px}
.dd-list .all{justify-content:center;padding:15px}
.dd-list .all svg{width:16px;height:16px}

/* 搜索 */
.search{position:relative;flex:1;max-width:640px;margin-right:20px}
.search-form{position:absolute;left:0;top:-6px;width:100%;opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s linear .2s}
.search.open .search-form{opacity:1;visibility:visible;transition:opacity .2s}
.search.open .search-open{visibility:hidden}
.search-field{display:flex;align-items:center;height:46px;border-radius:4px;background:#f2f2ec;color:var(--ink)}
.search-field input{flex:1;min-width:0;height:100%;padding:0 16px;border:0;background:transparent;font:700 14px var(--f-sans);color:var(--ink);outline:none}
.search-field .x{height:24px;padding:0 8px;margin-right:6px;border-radius:3px;background:#e2e2da;color:#55554a;font:700 11px var(--f-sans);text-transform:uppercase}
.search-field .go{width:32px;height:32px;margin:0 8px;display:grid;place-items:center;color:#8a8a80}
.search-results{margin-top:6px;background:var(--white);color:var(--ink);border-radius:4px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.search-results a{display:flex;justify-content:space-between;gap:16px;padding:10px 16px;text-decoration:none;font:700 14px/1.4 var(--f-sans);border-top:1px solid #0000000f}
.search-results a:first-child{border-top:0}
.search-results a:hover,.search-results a.sel{background:#f3f3ee}
.search-results a span{color:#8a8a80;font-weight:500;white-space:nowrap}
.search-results p{padding:14px 16px;font:500 14px var(--f-sans);color:#6b6b60}

/* 手机菜单：grid 行 0fr→1fr，300ms */
.mmenu{position:absolute;top:var(--hdr);left:0;width:100%;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;overflow:clip}
.mmenu.open{grid-template-rows:1fr}
.mmenu>div{overflow:hidden}
.mmenu-in{height:calc(100dvh - var(--hdr));overflow-y:auto;background:linear-gradient(180deg,#1d1d12 0%,#2b2a1b 60%,#3b3421 100%);display:flex;flex-direction:column;justify-content:space-between;padding:12px 20px 32px}
@media (min-width:940px){.mmenu{display:none}}
.mobile-nav-list{counter-reset:mobile-item}
.mobile-nav-list li{position:relative;border-top:1px solid #ffffff1a}
.mobile-nav-list li:last-child{border-bottom:1px solid #ffffff1a}
.mobile-nav-list li::after{counter-increment:mobile-item;content:counters(mobile-item,".",upper-roman);position:absolute;right:0;top:50%;transform:translateY(-50%);font:500 20px/.97 var(--f-serif);letter-spacing:-.8px;color:#fff9;pointer-events:none}
.mobile-nav-list a{display:block;padding:20px 0;font:700 24px/.95 var(--f-sans);letter-spacing:-.48px;text-decoration:none}
.mmenu-foot{display:grid;gap:10px;margin-top:28px}
.mmenu-foot .roundedButton{height:48px;justify-content:center;font-size:16px}
.mmenu-foot .navButton{justify-content:center;min-height:48px;box-shadow:inset 0 0 0 1px #ffffff40;border-radius:999px}
.menu-btn{width:34px;height:34px;display:grid;place-items:center}
.menu-btn svg{width:24px;height:24px}
.menu-btn .l1,.menu-btn .l2{transition:transform .3s var(--ease-out-cubic);transform-origin:center}
.menu-btn[aria-expanded=true] .l1{transform:translateY(3px) rotate(45deg)}
.menu-btn[aria-expanded=true] .l2{transform:translateY(-3px) rotate(-45deg)}