#whispart-leftnav{
  --wpln-mid-logo-width: 120px;
  --wpln-mid-logo-right: 50%;
  --wpln-mid-logo-top: 50%;

  /* 閴?閺傛澘顤冮敍姘斧閻㈢喖銆夋径?Logo 閹恒劎些闁插骏绱欓懘姘拱閸愭瑥鍙嗛敍?*/
  --wpln-header-logo-shift: 0px;

  --wpln-scale: 1;
  --wpln-height-fixed: 74px;
  --wpln-top-nudge: 0px;

  --wpln-screen-left: 26px;
  --wpln-icon-right-offset: 45px;
  --wpln-min-gap-to-logo: 30px;

  --wpln-screen-left-s: calc(var(--wpln-screen-left) * var(--wpln-scale));
  --wpln-icon-right-offset-s: calc(var(--wpln-icon-right-offset) * var(--wpln-scale));
  --wpln-min-gap-to-logo-s: calc(var(--wpln-min-gap-to-logo) * var(--wpln-scale));

  --wpln-top: 37px;
  --wpln-top-dyn: var(--wpln-top);

  --wpln-slide-speed: 0.6s;

  --wpln-item-gap: 18px;
  --wpln-row-gap: 10px;

  --wpln-font-family: "Inter", system-ui, -apple-system, sans-serif;
  --wpln-font-size: 12px;
  --wpln-font-weight: 400;
  --wpln-font-letter-spacing: 0.06em;
  --wpln-font-text-transform: uppercase;

  --wpln-sub-font-family: var(--wpln-font-family);
  --wpln-sub-font-size: 11px;
  --wpln-sub-font-weight: 300;
  --wpln-sub-letter-spacing: 0.07em;
  --wpln-sub-text-transform: uppercase;

  --wpln-color-text: #111;
  --wpln-color-hover-bg: #000;
  --wpln-color-hover-text: #fff;

  --wpln-gap-bridge: 10px;
  --wpln-drawer-width: 260px;
  --wpln-drawer-bg: #fff;
  --wpln-drawer-border: rgba(0,0,0,.12);
  --wpln-drawer-radius: 0px;
  --wpln-drawer-shadow: 0 18px 40px rgba(0,0,0,.16);
  --wpln-drawer-pad: 12px;

  --wpln-open-duration: 220ms;
  --wpln-text-in-duration: 260ms;
  --wpln-text-stagger: 45ms;

  --wpln-hit-padding-y: 10px;
  --wpln-hit-padding-x: 12px;
  --wpln-radius: 0px;
  --wpln-initial-fade-ms: 520ms;
  --wpln-initial-fade-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* 閴?>=960 閹靛秵妯夌粈?*/
@media (min-width: 960px){
  header.header, header { position: relative; }

  html[data-wpln-header-reveal="pending"] #whispart-leftnav,
  html[data-wpln-header-reveal="ready"] #whispart-leftnav{
    opacity: 1;
  }

  #whispart-leftnav:not([data-wpln-mounted="1"]){
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  #whispart-leftnav[data-wpln-mounted="1"]{
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* 閴佸應娓介墎?閺傛澘顤冮敍姘腹閸樼喓鏁撴い闈涖仈 logo閿涘牅绗夎ぐ鍗炴惙閸氭悂銆婃稉顓㈡？logo閿?*/
  header.header .header__heading,
  header .header__heading{
    position: relative;
    transform: translate3d(var(--wpln-header-logo-shift, 0px), 0, 0);
    will-change: transform;
  }

  #whispart-leftnav{
    position: absolute;
    left: clamp(0px, var(--wpln-screen-left-s), 9999px);
    top: var(--wpln-top-dyn, var(--wpln-top));
    z-index: 60;
    width: auto;
    pointer-events: auto;
    transition: none;

    height: var(--wpln-height-fixed);
    display: flex;
    align-items: center;
    opacity: 1;
    transition: none;
  }

  #whispart-leftnav .wpln-scale-left{
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 100%;

    transform: scale(var(--wpln-scale));
    transform-origin: left center;
    will-change: transform;
  }

  #whispart-leftnav .wpln-scale-right{
    position: absolute;
    right: var(--wpln-icon-right-offset-s);
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;

    transform: scale(var(--wpln-scale));
    transform-origin: right center;
    will-change: transform;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease;
  }

  #whispart-leftnav .wpln-menus{
    position: relative;
    display:flex;
    align-items:center;
    gap: var(--wpln-item-gap);
    margin:0;
    padding:0;
    list-style:none;

    font-family: var(--wpln-font-family);
    font-size: var(--wpln-font-size);
    font-weight: var(--wpln-font-weight);
    letter-spacing: var(--wpln-font-letter-spacing);
    text-transform: var(--wpln-font-text-transform);

    color: var(--wpln-color-text);

    white-space: nowrap;
    flex-wrap: nowrap;
  }

  #whispart-leftnav .wpln-top-hot-track{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: var(--wpln-top-hot-w, 0px);
    height: var(--wpln-top-hot-h, 0px);
    background: var(--wpln-color-hover-bg);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(var(--wpln-top-hot-x, 0px), var(--wpln-top-hot-y, 0px), 0);
    transition:
      transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
      width 0.3s ease,
      height 0.3s ease,
      opacity 0.3s ease;
    will-change: transform, width, height, opacity;
  }

  #whispart-leftnav .wpln-menus.is-top-hot-active .wpln-top-hot-track{
    opacity: 1;
  }

  #whispart-leftnav .wpln-item{
    position: relative;
    z-index: 1;
  }

  #whispart-leftnav .wpln-trigger{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: var(--wpln-hit-padding-y) var(--wpln-hit-padding-x);
    border-radius: var(--wpln-radius);
    text-decoration:none;
    color: var(--wpln-color-text);
    line-height:1;
    white-space: nowrap;
    transition: none;
  }

  #whispart-leftnav .wpln-item.is-open > .wpln-trigger,
  #whispart-leftnav .wpln-item:hover > .wpln-trigger,
  #whispart-leftnav .wpln-item.is-hot > .wpln-trigger{
    background: transparent;
  }

  #whispart-leftnav .wpln-item.is-hot > .wpln-trigger{
    color: var(--wpln-color-hover-text);
  }

  /* 取消颜色过渡（进出吸顶时不会闪烁），仅 hover 背景条滑入已有动效 */
  #whispart-leftnav .wpln-menus > .wpln-item > .wpln-trigger,
  #whispart-leftnav .wpln-menus > .wpln-item > .wpln-trigger *{
    transition: none !important;
  }

  #whispart-leftnav .wpln-item.is-hot > .wpln-trigger *,
  #whispart-leftnav .wpln-item.is-hot > .wpln-trigger .wpln-arrow,
  #whispart-leftnav .wpln-item.is-hot > .wpln-trigger .wpln-arrow *{
    color: var(--wpln-color-hover-text);
  }

  #whispart-leftnav .wpln-arrow{
    width:12px;height:12px;
    display:inline-block;
    transform: none;
    color: inherit;
    will-change: transform;
    opacity:1;
  }

  #whispart-leftnav .wpln-trigger .wpln-arrow,
  #whispart-leftnav .wpln-trigger .wpln-arrow *{
    color: inherit;
    stroke: currentColor;
  }

  #whispart-leftnav .wpln-menus > .wpln-item > .wpln-trigger .wpln-arrow{
    transition: transform 0.3s ease, opacity 0.3s ease !important;
  }
  #whispart-leftnav .wpln-item.is-open .wpln-arrow,
  #whispart-leftnav .wpln-item:hover .wpln-arrow,
  #whispart-leftnav .wpln-item.is-hot .wpln-arrow{ transform: translateY(2px); opacity: 0.65; }

  #whispart-leftnav .wpln-item::after{
    content:"";
    position:absolute;
    left:0; top:100%;
    width:100%;
    height: var(--wpln-gap-bridge);
    background:transparent;
  }

  #whispart-leftnav .wpln-drawer{
    position:absolute;
    left: var(--wpln-drawer-left, 0px);
    top: calc(100% + var(--wpln-gap-bridge));
    z-index: 1004;
    width: var(--wpln-drawer-width);
    background: var(--wpln-drawer-bg);
    border:1px solid var(--wpln-drawer-border);
    border-radius: var(--wpln-drawer-radius);
    box-shadow: var(--wpln-drawer-shadow);
    padding: var(--wpln-drawer-pad);

    transform-origin: top;
    transform: scaleY(0.96);
    opacity:0;
    max-height:0;
    overflow:hidden;
    pointer-events:none;

    transition: transform var(--wpln-open-duration) ease,
                opacity var(--wpln-open-duration) ease,
                max-height var(--wpln-open-duration) ease;
  }
  #whispart-leftnav .wpln-item.is-open .wpln-drawer,
  #whispart-leftnav .wpln-item:hover .wpln-drawer{
    opacity:1;
    transform: scaleY(1);
    max-height:700px;
    pointer-events:auto;
  }

  #whispart-leftnav .wpln-sub{
    position: relative;
    margin:0;padding:0;
    list-style:none;

    font-family: var(--wpln-sub-font-family);
    font-size: var(--wpln-sub-font-size);
    font-weight: var(--wpln-sub-font-weight);
    letter-spacing: var(--wpln-sub-letter-spacing);
    text-transform: var(--wpln-sub-text-transform);
  }

  #whispart-leftnav .wpln-sub li{
    position: relative;
    z-index: 1;
  }

  #whispart-leftnav .wpln-sub .wpln-hot-track{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: var(--wpln-hot-h, 0px);
    background: #d8d8d8;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, var(--wpln-hot-y, 0px), 0);
    transition:
      transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
      height 0.3s ease,
      opacity 0.3s ease;
    will-change: transform, height, opacity;
  }

  #whispart-leftnav .wpln-sub.is-hot-active .wpln-hot-track{
    opacity: 1;
  }

  #whispart-leftnav .wpln-sub a{
    display:block;
    width: 100%;
    box-sizing: border-box;
    padding:10px 10px;
    border-radius:0px;
    text-decoration:none;
    color:#111;
    background-color: transparent;
    contain: paint;
    will-change: background-color;

    opacity:0;
    transform: translateX(-10px);
    pointer-events:none;

    transition:
      background-color 0ms linear 0ms,
      color 0ms linear 0ms,
      opacity var(--wpln-text-in-duration) ease calc(var(--i, 0) * var(--wpln-text-stagger)),
      transform var(--wpln-text-in-duration) ease calc(var(--i, 0) * var(--wpln-text-stagger));
  }
  #whispart-leftnav .wpln-item.is-open .wpln-sub a,
  #whispart-leftnav .wpln-item:hover .wpln-sub a{
    opacity:1;
    transform: translateX(0);
    pointer-events:auto;
  }
  #whispart-leftnav .wpln-sub a:hover,
  #whispart-leftnav .wpln-sub a.is-hot{
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
  }

  body.pdp-optimized #whispart-leftnav .wpln-sub a:hover,
  body.pdp-optimized #whispart-leftnav .wpln-sub a.is-hot,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-sub a:hover,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-sub a.is-hot,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-sub a:hover,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-sub a.is-hot {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    color: #111111 !important;
  }

  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-menus,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-trigger,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-trigger *,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-arrow,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-arrow * {
    color: #ffffff !important;
  }

  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-item.is-open > .wpln-trigger,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-item:hover > .wpln-trigger,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-item.is-hot > .wpln-trigger {
    background: transparent !important;
  }

  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-item.is-hot > .wpln-trigger {
    color: #111111 !important;
  }

  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-top-hot-track {
    background: #ffffff !important;
  }

  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-item.is-hot > .wpln-trigger *,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-item.is-hot > .wpln-trigger .wpln-arrow,
  body.pdp-optimized #whispart-leftnav:not(.wpln-pinned) .wpln-item.is-hot > .wpln-trigger .wpln-arrow * {
    color: #111111 !important;
  }

  body.pdp-optimized .wpln-return-standin .wpln-menus,
  body.pdp-optimized .wpln-return-standin .wpln-trigger,
  body.pdp-optimized .wpln-return-standin .wpln-trigger *,
  body.pdp-optimized .wpln-return-standin .wpln-arrow,
  body.pdp-optimized .wpln-return-standin .wpln-arrow * {
    color: #ffffff !important;
  }

  body.pdp-optimized .wpln-return-standin .wpln-item.is-open > .wpln-trigger,
  body.pdp-optimized .wpln-return-standin .wpln-item:hover > .wpln-trigger,
  body.pdp-optimized .wpln-return-standin .wpln-item.is-hot > .wpln-trigger {
    background: transparent !important;
  }

  body.pdp-optimized .wpln-return-standin .wpln-item.is-hot > .wpln-trigger {
    color: #111111 !important;
  }

  body.pdp-optimized .wpln-return-standin .wpln-top-hot-track {
    background: #ffffff !important;
  }

  body.pdp-optimized .wpln-return-standin .wpln-item.is-hot > .wpln-trigger *,
  body.pdp-optimized .wpln-return-standin .wpln-item.is-hot > .wpln-trigger .wpln-arrow,
  body.pdp-optimized .wpln-return-standin .wpln-item.is-hot > .wpln-trigger .wpln-arrow * {
    color: #111111 !important;
  }

  .wpln-return-standin{
    position: absolute;
    left: clamp(0px, var(--wpln-screen-left-s, 26px), 9999px);
    top: var(--wpln-top-dyn, var(--wpln-top, 37px));
    z-index: 999;
    width: auto;
    height: var(--wpln-height-fixed, 74px);
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: none;
  }
  .wpln-return-standin.is-visible{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .wpln-return-standin .wpln-scale-left{
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 100%;
    transform: scale(var(--wpln-scale, 1));
    transform-origin: left center;
  }
  .wpln-return-standin .wpln-menus{
    position: relative;
    display:flex;
    align-items:center;
    gap: var(--wpln-item-gap, 18px);
    margin:0;
    padding:0;
    list-style:none;
    font-family: var(--wpln-font-family, "Inter", system-ui, -apple-system, sans-serif);
    font-size: var(--wpln-font-size, 11px);
    font-weight: var(--wpln-font-weight, 300);
    letter-spacing: var(--wpln-font-letter-spacing, 0.05em);
    text-transform: var(--wpln-font-text-transform, uppercase);
    color: var(--wpln-color-text, #111);
    white-space: nowrap;
    flex-wrap: nowrap;
  }
  .wpln-return-standin .wpln-top-hot-track{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: var(--wpln-top-hot-w, 0px);
    height: var(--wpln-top-hot-h, 0px);
    background: var(--wpln-color-hover-bg, #000);
    opacity: 0;
    pointer-events: none;
    transform: translate3d(var(--wpln-top-hot-x, 0px), var(--wpln-top-hot-y, 0px), 0);
    transition:
      transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
      width 0.3s ease,
      height 0.3s ease,
      opacity 0.3s ease;
    will-change: transform, width, height, opacity;
  }

  .wpln-return-standin .wpln-menus.is-top-hot-active .wpln-top-hot-track{
    opacity: 1;
  }

  .wpln-return-standin .wpln-item{
    position: relative;
    z-index: 1;
  }
  .wpln-return-standin .wpln-trigger{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding: var(--wpln-hit-padding-y, 10px) var(--wpln-hit-padding-x, 12px);
    border-radius: var(--wpln-radius, 0px);
    text-decoration:none;
    color: var(--wpln-color-text, #111);
    line-height:1;
    white-space: nowrap;
    transition: none;
  }
  .wpln-return-standin .wpln-item.is-open > .wpln-trigger,
  .wpln-return-standin .wpln-item:hover > .wpln-trigger,
  .wpln-return-standin .wpln-item.is-hot > .wpln-trigger{
    background: transparent;
  }

  .wpln-return-standin .wpln-item.is-hot > .wpln-trigger{
    color: var(--wpln-color-hover-text, #fff);
  }

  .wpln-return-standin .wpln-menus > .wpln-item > .wpln-trigger,
  .wpln-return-standin .wpln-menus > .wpln-item > .wpln-trigger *{
    transition: none !important;
  }

  .wpln-return-standin .wpln-item.is-hot > .wpln-trigger *,
  .wpln-return-standin .wpln-item.is-hot > .wpln-trigger .wpln-arrow,
  .wpln-return-standin .wpln-item.is-hot > .wpln-trigger .wpln-arrow *{
    color: var(--wpln-color-hover-text, #fff);
  }
  .wpln-return-standin .wpln-arrow{
    width:12px;height:12px;
    display:inline-block;
    transform: none;
    color: inherit;
    will-change: transform;
    opacity:1;
  }

  .wpln-return-standin .wpln-trigger .wpln-arrow,
  .wpln-return-standin .wpln-trigger .wpln-arrow *{
    color: inherit;
    stroke: currentColor;
  }

  .wpln-return-standin .wpln-menus > .wpln-item > .wpln-trigger .wpln-arrow{
    transition: transform 0.3s ease, opacity 0.3s ease !important;
  }
  .wpln-return-standin .wpln-item.is-open .wpln-arrow,
  .wpln-return-standin .wpln-item:hover .wpln-arrow,
  .wpln-return-standin .wpln-item.is-hot .wpln-arrow{ transform: translateY(2px); opacity: 0.65; }
  .wpln-return-standin .wpln-item::after{
    content:"";
    position:absolute;
    left:0; top:100%;
    width:100%;
    height: var(--wpln-gap-bridge, 10px);
    background:transparent;
  }
  .wpln-return-standin .wpln-drawer{
    position:absolute;
    left: var(--wpln-drawer-left, 0px);
    top: calc(100% + var(--wpln-gap-bridge, 10px));
    z-index: 1004;
    width: var(--wpln-drawer-width, 260px);
    background: var(--wpln-drawer-bg, #fff);
    border:1px solid var(--wpln-drawer-border, rgba(0,0,0,.12));
    border-radius: var(--wpln-drawer-radius, 0px);
    box-shadow: var(--wpln-drawer-shadow, 0 18px 40px rgba(0,0,0,.16));
    padding: var(--wpln-drawer-pad, 12px);
    transform-origin: top;
    transform: scaleY(0.96);
    opacity:0;
    max-height:0;
    overflow:hidden;
    pointer-events:none;
    transition: transform var(--wpln-open-duration, 220ms) ease,
                opacity var(--wpln-open-duration, 220ms) ease,
                max-height var(--wpln-open-duration, 220ms) ease;
  }
  .wpln-return-standin .wpln-item.is-open .wpln-drawer,
  .wpln-return-standin .wpln-item:hover .wpln-drawer{
    opacity:1;
    transform: scaleY(1);
    max-height:700px;
    pointer-events:auto;
  }
  .wpln-return-standin .wpln-sub{
    position: relative;
    margin:0;padding:0;
    list-style:none;
    font-family: var(--wpln-sub-font-family, var(--wpln-font-family, "Inter", system-ui, -apple-system, sans-serif));
    font-size: var(--wpln-sub-font-size, 11px);
    font-weight: var(--wpln-sub-font-weight, 300);
    letter-spacing: var(--wpln-sub-letter-spacing, 0.07em);
    text-transform: var(--wpln-sub-text-transform, uppercase);
  }

  .wpln-return-standin .wpln-sub li{
    position: relative;
    z-index: 1;
  }

  .wpln-return-standin .wpln-sub .wpln-hot-track{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: var(--wpln-hot-h, 0px);
    background: #d8d8d8;
    opacity: 0;
    pointer-events: none;
    transform: translate3d(0, var(--wpln-hot-y, 0px), 0);
    transition:
      transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
      height 0.3s ease,
      opacity 0.3s ease;
    will-change: transform, height, opacity;
  }

  .wpln-return-standin .wpln-sub.is-hot-active .wpln-hot-track{
    opacity: 1;
  }
  .wpln-return-standin .wpln-sub a{
    display:block;
    width: 100%;
    box-sizing: border-box;
    padding:10px 10px;
    border-radius:0px;
    text-decoration:none;
    color:#111;
    background-color: transparent;
    contain: paint;
    will-change: background-color;
    opacity:0;
    transform: translateX(-10px);
    pointer-events:none;
    transition:
      background-color 0ms linear 0ms,
      color 0ms linear 0ms,
      opacity var(--wpln-text-in-duration, 260ms) ease calc(var(--i, 0) * var(--wpln-text-stagger, 45ms)),
      transform var(--wpln-text-in-duration, 260ms) ease calc(var(--i, 0) * var(--wpln-text-stagger, 45ms));
  }
  .wpln-return-standin .wpln-item.is-open .wpln-sub a,
  .wpln-return-standin .wpln-item:hover .wpln-sub a{
    opacity:1;
    transform: translateX(0);
    pointer-events:auto;
  }
  .wpln-return-standin .wpln-sub a:hover,
  .wpln-return-standin .wpln-sub a.is-hot{
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
  }

  body.pdp-optimized .wpln-return-standin .wpln-sub a:hover,
  body.pdp-optimized .wpln-return-standin .wpln-sub a.is-hot {
    background: transparent !important;
    background-color: transparent !important;
    opacity: 1 !important;
    color: #111111 !important;
  }

  #whispart-leftnav.wpln-pinned{
    position: fixed !important;
    top:0 !important;
    left:0 !important;
    width:100% !important;
    height: var(--wpln-height-fixed);

    background:#fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);

    z-index:1000;

    padding: 0 var(--wpln-screen-left-s);
    box-sizing:border-box;

    will-change: transform;
    transform: translate3d(0,-100%,0);
    transition:none !important;
    backface-visibility: hidden;
    isolation: isolate;

    display:flex;
    align-items:center;
  }
  #whispart-leftnav.wpln-pinned.wpln-animating{
    transition: transform var(--wpln-slide-speed) cubic-bezier(0.25,1,0.5,1) !important;
  }
  #whispart-leftnav.wpln-resuming,
  #whispart-leftnav.wpln-resuming.wpln-pinned,
  #whispart-leftnav.wpln-resuming.wpln-pinned.wpln-animating{
    transition: none !important;
  }
  #whispart-leftnav.wpln-pinned.is-visible{
    transform: translate3d(0,0,0);
  }

  #whispart-leftnav.wpln-pinned .wpln-scale-right{
    visibility: visible;
    opacity: 1;
    pointer-events: none;
    transition: none;
  }

  #whispart-leftnav.wpln-pinned.is-visible .wpln-scale-right{
    pointer-events: auto;
  }

  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-menus,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-trigger,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-trigger *,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-arrow,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-arrow * {
    color: #111111 !important;
  }

  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-item.is-open > .wpln-trigger,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-item:hover > .wpln-trigger,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-item.is-hot > .wpln-trigger {
    background: transparent !important;
  }

  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-item.is-hot > .wpln-trigger {
    color: #ffffff !important;
  }

  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-top-hot-track {
    background: #111111 !important;
  }

  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-item.is-hot > .wpln-trigger *,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-item.is-hot > .wpln-trigger .wpln-arrow,
  body.pdp-optimized #whispart-leftnav.wpln-pinned .wpln-item.is-hot > .wpln-trigger .wpln-arrow * {
    color: #ffffff !important;
  }

  #whispart-leftnav .wpln-icons-clone{
    display:flex;
    align-items:center;
    gap:20px;
  }
#whispart-leftnav .wpln-icons-clone{
  display:flex;
  align-items:center;
  gap:20px;
  color:#111 !important;
}

#whispart-leftnav .wpln-icons-clone > *{
  background:none !important;
  border:none !important;
  margin:0 !important;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#111 !important;
}

#whispart-leftnav .wpln-icons-clone a,
#whispart-leftnav .wpln-icons-clone button,
#whispart-leftnav .wpln-icons-clone summary,
#whispart-leftnav .wpln-icons-clone .icon-button,
#whispart-leftnav .wpln-icons-clone .header__icon-button,
#whispart-leftnav .wpln-icons-clone #cart-icon-bubble-wrapper{
  color:#111 !important;
}

#whispart-leftnav .wpln-icons-clone svg{
  display:block;
  width:auto;
  height:auto;
  color:#111 !important;
  fill:none !important;
}

#whispart-leftnav .wpln-icons-clone svg *,
#whispart-leftnav .wpln-icons-clone path,
#whispart-leftnav .wpln-icons-clone circle,
#whispart-leftnav .wpln-icons-clone ellipse,
#whispart-leftnav .wpln-icons-clone line,
#whispart-leftnav .wpln-icons-clone polyline,
#whispart-leftnav .wpln-icons-clone polygon{
  stroke: currentColor !important;
}

#whispart-leftnav .wpln-icons-clone .icon-heart,
#whispart-leftnav .wpln-icons-clone .icon-heart *{
  color:#111 !important;
  stroke: currentColor !important;
  fill:none !important;
}

#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone,
#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone > *,
#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone a,
#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone button,
#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone summary,
#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone svg,
#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone .icon-heart,
#whispart-leftnav.wpln-pinned.is-visible .wpln-icons-clone .icon-heart *{
  color:#111 !important;
}

/* ===== PDP 商品详情页覆盖：左导航图标不受页头白色化影响 ===== */
body.pdp-optimized #whispart-leftnav .wpln-icons-clone,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone > *,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone a,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone button,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone summary,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone .icon-button,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone .header__icon-button,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg *,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg path,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg circle,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg ellipse,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg line,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg polyline,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone svg polygon,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone .icon-heart,
body.pdp-optimized #whispart-leftnav .wpln-icons-clone .icon-heart * {
  color: #111 !important;
  stroke: currentColor !important;
}

/* ===== 閸欘亜婀痪鎸庢蒋閺堫剝闊?hover 閺冭埖澧犻崣妯间紗閿涙艾绱戞慨?===== */

/* 閸忓牊濡搁垾婊冾樆鐏炲倹瀵滈柦?hover 鐏忚精袝閸欐垵娴橀弽鍥у綁閻忔壋鈧繄娈戦弫鍫熺亯閸忋劑鍎撮崣鏍ㄧХ閹?*/
#whispart-leftnav .wpln-icons-clone > *:hover svg,
#whispart-leftnav .wpln-icons-clone > *:hover svg *,
#whispart-leftnav .wpln-icons-clone a:hover svg,
#whispart-leftnav .wpln-icons-clone button:hover svg,
#whispart-leftnav .wpln-icons-clone summary:hover svg,
#whispart-leftnav .wpln-icons-clone .icon-button:hover svg,
#whispart-leftnav .wpln-icons-clone .header__icon-button:hover svg{
  opacity: 1 !important;
  color: #111 !important;
  stroke: currentColor !important;
}

/* SVG 閻㈣绔烽張顒冮煩娑撳秵甯?hover閿涘矂浼╅崗宥夌炊閺嶅洭娼潻鎴濇皑鐟欙箑褰?*/
#whispart-leftnav .wpln-icons-clone svg{
  pointer-events: none;
}

/* 閸欘亝婀侀惇鐔割劀閻ㄥ嫮鍤庨弶鈥冲帗缁辩姵甯?hover */
#whispart-leftnav .wpln-icons-clone svg path,
#whispart-leftnav .wpln-icons-clone svg circle,
#whispart-leftnav .wpln-icons-clone svg ellipse,
#whispart-leftnav .wpln-icons-clone svg line,
#whispart-leftnav .wpln-icons-clone svg polyline,
#whispart-leftnav .wpln-icons-clone svg polygon{
  pointer-events: visibleStroke;
  transition: opacity .18s ease, stroke .18s ease, color .18s ease;
}

/* 姒х姵鐖ｉ惇鐔割劀绾版澘鍩岀痪鎸庢蒋閺冭绱濋幍宥呭綁閻?*/
#whispart-leftnav .wpln-icons-clone svg path:hover,
#whispart-leftnav .wpln-icons-clone svg circle:hover,
#whispart-leftnav .wpln-icons-clone svg ellipse:hover,
#whispart-leftnav .wpln-icons-clone svg line:hover,
#whispart-leftnav .wpln-icons-clone svg polyline:hover,
#whispart-leftnav .wpln-icons-clone svg polygon:hover{
  opacity: .62;
}

#whispart-leftnav .wpln-icons-clone .header__cart-point,
#whispart-leftnav .wpln-icons-clone .header__cart-point:hover{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 14px;
  min-width: 14px;
  font-size: 9px;
  bottom: -4px;
  padding: 0 4px;
  border-radius: 999px;
  line-height: 1;
  opacity: 1 !important;
  pointer-events: auto;
  color: #ffffff !important;
  background-color: #555555 !important;
}

/* ===== 閸欘亜婀痪鎸庢蒋閺堫剝闊?hover 閺冭埖澧犻崣妯间紗閿涙氨绮ㄩ弶?===== */

/* ===== 鐟曞棛娲婇崥鎼併€婇懣婊冨礋閸欏厖鏅?3 娑?SVG閿涙over 閸欘亪妾烽柅蹇旀鎼达讣绱濈粋浣诡剾缂傗晜鏂?===== */
#whispart-leftnav .wpln-icons-clone > *,
#whispart-leftnav .wpln-icons-clone a,
#whispart-leftnav .wpln-icons-clone button,
#whispart-leftnav .wpln-icons-clone summary,
#whispart-leftnav .wpln-icons-clone .icon-button,
#whispart-leftnav .wpln-icons-clone .header__icon-button,
#whispart-leftnav .wpln-icons-clone #cart-icon-bubble-wrapper,
#whispart-leftnav .wpln-icons-clone svg,
#whispart-leftnav .wpln-icons-clone svg *{
  transform: none !important;
}

#whispart-leftnav .wpln-icons-clone svg{
  opacity: 1 !important;
  transition: opacity .18s ease !important;
}

#whispart-leftnav .wpln-icons-clone > *:hover svg,
#whispart-leftnav .wpln-icons-clone > *:focus-visible svg,
#whispart-leftnav .wpln-icons-clone > *:active svg,
#whispart-leftnav .wpln-icons-clone a:hover svg,
#whispart-leftnav .wpln-icons-clone a:focus-visible svg,
#whispart-leftnav .wpln-icons-clone a:active svg,
#whispart-leftnav .wpln-icons-clone button:hover svg,
#whispart-leftnav .wpln-icons-clone button:focus-visible svg,
#whispart-leftnav .wpln-icons-clone button:active svg,
#whispart-leftnav .wpln-icons-clone summary:hover svg,
#whispart-leftnav .wpln-icons-clone summary:focus-visible svg,
#whispart-leftnav .wpln-icons-clone summary:active svg,
#whispart-leftnav .wpln-icons-clone .icon-button:hover svg,
#whispart-leftnav .wpln-icons-clone .icon-button:focus-visible svg,
#whispart-leftnav .wpln-icons-clone .icon-button:active svg,
#whispart-leftnav .wpln-icons-clone .header__icon-button:hover svg,
#whispart-leftnav .wpln-icons-clone .header__icon-button:focus-visible svg,
#whispart-leftnav .wpln-icons-clone .header__icon-button:active svg{
  opacity: .62 !important;
  transform: none !important;
}

#whispart-leftnav .wpln-icons-clone .header__cart-point,
#whispart-leftnav .wpln-icons-clone .header__cart-point:hover{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 14px;
  min-width: 14px;
  font-size: 9px;
  bottom: -4px;
  padding: 0 4px;
  border-radius: 999px;
  line-height: 1;
  opacity: 1 !important;
  color: #ffffff !important;
  background-color: #555555 !important;
}

  .wpln-sticky-mid-logo{
    position:absolute;
    z-index:1002;
    top: var(--wpln-mid-logo-top);
    right: var(--wpln-mid-logo-right);
    width: var(--wpln-mid-logo-width);
    transform: translate(50%,-50%);
    opacity:0;
    pointer-events:none;
    transition: opacity .3s ease;
    visibility: hidden;
  }
  .wpln-sticky-mid-logo img{ width:100%; height:auto; display:block; }

  #whispart-leftnav.wpln-pinned .wpln-sticky-mid-logo{
    visibility: visible;
    opacity: 1;
    pointer-events: none;
    transition: none;
  }

  #whispart-leftnav.wpln-pinned.is-visible .wpln-sticky-mid-logo{
    pointer-events: auto;
  }

  #whispart-leftnav{
    position: absolute;
    /* ... 娣囨繃瀵旀担鐘插斧閺堝娈戦崗鏈电铂娴狅絿鐖滄稉宥呭綁 ... */
    height: var(--wpln-height-fixed);
    display: flex;
    align-items: center;

    /* 閴?閺傛澘顤冮敍姘繁閸掕泛绱戦崥?GPU 绾兛娆㈤崝鐘烩偓鐕傜礉楠炲爼妯嗗銏＄セ鐟欏牆娅掗崶鐐存暪鐎瑰啰娈戝〒鍙夌厠鐏?*/
    will-change: transform;
    transform: translateZ(0);
    backface-visibility: hidden;
  }

  /* 隐藏原生导航（visibility 而非 display，避免 Grid 行高坍塌导致页面跳顶） */
  #whispart-leftnav[data-wpln-mounted="1"] ~ .header__inline-nav {
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (max-width: 959px){
  #whispart-leftnav{ display:none !important; }
  #shopline-section-header{ z-index: 30 !important; }
}

@media (min-width: 960px) and (prefers-reduced-motion: reduce){
  header.header .header__heading,
  header.header .header__icons,
  header.header .header__search,
  header .header__heading,
  header .header__icons,
  header .header__search,
  #whispart-leftnav{
    transition: none !important;
  }
}

@media (min-width: 960px){
  header .header__search .modal__content,
  header .header__search .search-modal__content,
  header .header__search .predictive-search{
    border-radius: 0 !important;
  }

  header .header__search .modal__overlay{
    display: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
  }

  header .header__search .search-modal__field{
    min-height: 64px;
    display: flex;
    align-items: center;
    position: relative;
  }

  header .header__search .search-modal__input{
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 72px 0 20px !important;
    line-height: 64px !important;
    font-size: 18px !important;
    box-sizing: border-box !important;
  }

  header .header__search .search-modal__field-label{
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    pointer-events: none !important;
    transition: opacity .15s ease !important, visibility .15s ease !important;
  }

  header .header__search .search-modal__input:focus + .search-modal__field-label,
  header .header__search .search-modal__input:not(:placeholder-shown) + .search-modal__field-label{
    opacity: 0 !important;
    visibility: hidden !important;
  }

  header .header__search .predictive-search{
    border: none !important;
    box-shadow: none !important;
    background: #fff !important;
    border-radius: 0 !important;
  }
}

#shopline-section-header {
  position: relative !important;
  z-index: 9999 !important; /* 姒涙顓绘い鐢告桨娣囨繃瀵旈崥鎼併€婇懣婊冨礋閸︺劏绶濇妯虹湴缁?*/
}

body[data-template="cart"] #shopline-section-header {
  z-index: 9999 !important; /* cart 妞ゅ吀绡冩穱婵囧瘮婢舵挳鍎撮崷銊х波缁犳灏稊瀣╃瑐 */
}

body[data-template="cart"] #whispart-leftnav.wpln-pinned {
  z-index: 10000 !important;
}

body[data-template="cart"] .wpln-sticky-mid-logo {
  z-index: 10002 !important;
}