/* =========================================================================
   YOOAN 全站导航（2026-09-18）— OH Architecture 模式
   顶部：毛玻璃顶栏 Logo + 横排链接 + MENU + Get a Quote   →   滚动后：只剩 MENU + Get a Quote 胶囊
   点击 MENU：顶栏变实色奶油色，浮在深蓝全屏菜单之上（2026-09-23）
   MENU：深蓝全屏大字菜单      Get a Quote：右侧 3 步询价抽屉
   文字特效：CascadeText（逐字母向上翻滚）
   ========================================================================= */

:root{
  --ysn-ink:#0E1733;
  --ysn-paper:#FBF7E9;
  --ysn-accent:#F5A20E;
  --ysn-pill:#EFE8D2;
  --ysn-display:YASchibsted,"Schibsted Grotesk Variable","Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --ysn-body:YAFustat,"Fustat Variable","Helvetica Neue",Arial,sans-serif;
  --ysn-gutter:clamp(16px,2.4vw,32px);
  --ysn-ease:cubic-bezier(.16,1,.3,1);
}
html.ysn-lock{overflow:hidden}
/* 区块主题会给 .wp-site-blocks 的子元素加 margin-block-start，这里清零 */
.wp-site-blocks > :is(.ysn,.ysn-crumb,.ysn-menu,.ysn-drawer,.ysn-skip){margin-block:0 !important}
.ysn *,.ysn-menu *,.ysn-drawer *,.ysn-crumb *{box-sizing:border-box}

.ysn-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ysn-skip{position:fixed;top:-80px;left:16px;z-index:1100;background:#fff;color:var(--ysn-ink);padding:12px 16px;border-radius:999px}
.ysn-skip:focus{top:16px}

/* ---------- CascadeText：逐字母向上翻滚 ---------- */
[data-ysn-cascade].is-split{display:inline-flex;overflow:hidden;height:1.12em;line-height:1.12em;vertical-align:bottom}
[data-ysn-cascade] .ysn-ch{display:inline-block;white-space:pre;text-shadow:0 1.12em currentColor;transition:transform .25s ease-in-out;transition-delay:calc(var(--ysn-c,0) * 25ms);will-change:transform}
:is(a,button):hover > [data-ysn-cascade] .ysn-ch,
:is(a,button):focus-visible > [data-ysn-cascade] .ysn-ch,
a[data-ysn-cascade]:hover .ysn-ch,
a[data-ysn-cascade]:focus-visible .ysn-ch,
.ysn-menu__big:hover .ysn-ch,
.ysn-menu__big:focus-visible .ysn-ch,
.ysn-menu__sub a:hover .ysn-ch,
.ysn-menu__sub a:focus-visible .ysn-ch{transform:translateY(-1.12em)}
@media (hover:none){[data-ysn-cascade] .ysn-ch{transition:none}}

/* ---------- 顶栏（2026-09-23 改版：毛玻璃 → 点击 MENU 变实色） ----------
   默认：半透明毛玻璃，会根据下方背景自动切换深/浅两种色调（JS 采样，写到 html[data-ysn-tone]）
   点击 MENU：顶栏变成实色奶油色（#EFE8D2）并浮在全屏菜单之上，MENU 变 CLOSE
   ------------------------------------------------------------------------- */
:root{
  /* 顶栏玻璃：无 JS 时的兜底色调（深蓝半透明，深浅背景上都能看清） */
  --ysn-g-bg:rgba(14,23,51,.62);--ysn-g-fg:var(--ysn-paper);--ysn-g-mute:rgba(251,247,233,.5);--ysn-g-bd:rgba(255,255,255,.14);--ysn-g-hl:rgba(255,255,255,.14);
  /* MENU 胶囊玻璃 */
  --ysn-p-bg:rgba(14,23,51,.62);--ysn-p-fg:var(--ysn-paper);--ysn-p-bd:rgba(255,255,255,.14);--ysn-p-hl:rgba(255,255,255,.14);
  --ysn-solid:#EFE8D2;
  --ysn-blur:blur(18px) saturate(1.6);
}
/* 深色背景上（图片、视频、深色区块）：透明度更高的烟灰玻璃 + 奶油色文字 */
html[data-ysn-tone=dark]{--ysn-g-bg:rgba(18,22,36,.4);--ysn-g-fg:var(--ysn-paper);--ysn-g-mute:rgba(251,247,233,.55);--ysn-g-bd:rgba(255,255,255,.2);--ysn-g-hl:rgba(255,255,255,.22)}
html[data-ysn-ptone=dark]{--ysn-p-bg:rgba(18,22,36,.4);--ysn-p-fg:var(--ysn-paper);--ysn-p-bd:rgba(255,255,255,.2);--ysn-p-hl:rgba(255,255,255,.22)}
/* 浅色背景上（奶油色/白色区块）：乳白玻璃 + 深蓝文字 */
html[data-ysn-tone=light]{--ysn-g-bg:rgba(255,253,246,.46);--ysn-g-fg:var(--ysn-ink);--ysn-g-mute:rgba(14,23,51,.4);--ysn-g-bd:rgba(14,23,51,.08);--ysn-g-hl:rgba(255,255,255,.7)}
html[data-ysn-ptone=light]{--ysn-p-bg:rgba(255,253,246,.46);--ysn-p-fg:var(--ysn-ink);--ysn-p-bd:rgba(14,23,51,.08);--ysn-p-hl:rgba(255,255,255,.7)}

.ysn{position:fixed;inset:0 0 auto 0;z-index:1000;pointer-events:none;font-family:var(--ysn-body)}
html.ysn-menu-open .ysn{z-index:1055}

.ysn-bar{position:relative;pointer-events:auto;display:flex;align-items:center;gap:40px;margin:14px var(--ysn-gutter) 0;padding:0 clamp(18px,2vw,28px);height:64px;
  background-color:var(--ysn-g-bg);color:var(--ysn-g-fg);
  -webkit-backdrop-filter:var(--ysn-blur);backdrop-filter:var(--ysn-blur);
  border:1px solid var(--ysn-g-bd);border-radius:18px;
  box-shadow:inset 0 1px 0 var(--ysn-g-hl),0 10px 30px rgba(14,23,51,.08);
  transition:opacity .45s var(--ysn-ease),transform .55s var(--ysn-ease),background-color .45s ease,color .35s ease,border-color .45s ease,box-shadow .45s ease}
/* 玻璃高光：上亮下透，模拟视频里的玻璃反光 */
.ysn-bar::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 55%,rgba(255,255,255,0) 100%);transition:opacity .45s ease}
.ysn-logo{display:inline-flex;align-items:center;flex:none;width:118px;color:var(--ysn-accent)}
.ysn-logo svg,.ysn-logo img{display:block;width:100%;height:auto}
.ysn-inline{display:flex;align-items:center;margin-left:auto;margin-right:clamp(300px,23vw,340px);font-family:var(--ysn-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:opacity .3s ease,visibility 0s}
.ysn-inline a{color:var(--ysn-g-fg);opacity:.9;text-decoration:none;transition:color .3s,opacity .3s}
.ysn-inline a:hover,.ysn-inline a:focus-visible{opacity:1;color:var(--ysn-accent)}
.ysn-inline a.is-current{opacity:1;color:var(--ysn-accent)}
html[data-ysn-tone=light] .ysn-inline a.is-current{color:#C77E00}
.ysn-comma{margin-right:.55em;color:var(--ysn-g-mute)}

/* 右上角胶囊：MENU（玻璃） + Get a Quote（橙色实心，保持不变） */
.ysn-pills{pointer-events:auto;position:fixed;top:26px;right:calc(var(--ysn-gutter) + clamp(12px,1.2vw,16px));display:flex;align-items:center;gap:8px;z-index:1001}
.ysn .ysn-quote{box-shadow:0 8px 24px rgba(14,23,51,.18)}
html body .ysn-menu-btn{all:unset;box-sizing:border-box;order:-1;position:relative;display:inline-flex;align-items:center;gap:10px;height:42px;padding:0 18px 0 15px;border-radius:999px;
  background-color:var(--ysn-p-bg);color:var(--ysn-p-fg);border:1px solid var(--ysn-p-bd);
  -webkit-backdrop-filter:var(--ysn-blur);backdrop-filter:var(--ysn-blur);
  box-shadow:inset 0 1px 0 var(--ysn-p-hl),0 8px 24px rgba(14,23,51,.12);
  font-family:var(--ysn-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;
  transition:background-color .45s ease,color .35s ease,border-color .45s ease,box-shadow .45s ease,transform .2s ease}
.ysn-menu-btn:hover{border-color:var(--ysn-accent)}
.ysn-menu-btn:active{transform:scale(.97)}
.ysn-menu-btn:focus-visible{outline:2px solid var(--ysn-accent);outline-offset:3px}
/* 汉堡图标：两条线，打开时转成 × */
.ysn-burger{position:relative;display:block;width:16px;height:10px;flex:none}
.ysn-burger i{position:absolute;left:0;right:0;height:1.5px;border-radius:2px;background:currentColor;transition:transform .45s var(--ysn-ease),top .45s var(--ysn-ease)}
.ysn-burger i:first-child{top:1px}
.ysn-burger i:last-child{top:7.5px}
.ysn-mb-t--close{display:none}

/* 滚动后：顶栏收起，只留两个胶囊 */
.ysn.is-scrolled .ysn-bar{opacity:0;transform:translateY(-120%);pointer-events:none}

/* ===== 点击 MENU 后：顶栏变实色（与视频一致），并浮在全屏菜单之上 ===== */
html.ysn-menu-open .ysn .ysn-bar{opacity:1;transform:none;pointer-events:auto;background-color:var(--ysn-solid);color:var(--ysn-ink);border-color:var(--ysn-solid);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 18px 40px rgba(0,0,0,.28)}
html.ysn-menu-open .ysn-bar::before{opacity:0}
html.ysn-menu-open .ysn-inline{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}
html.ysn-menu-open body .ysn-menu-btn{background-color:rgba(14,23,51,.07);color:var(--ysn-ink);border-color:rgba(14,23,51,.12);box-shadow:none}
html.ysn-menu-open body .ysn-menu-btn:hover{border-color:var(--ysn-ink)}
html.ysn-menu-open .ysn-burger i:first-child{top:4.25px;transform:rotate(45deg)}
html.ysn-menu-open .ysn-burger i:last-child{top:4.25px;transform:rotate(-45deg)}
html.ysn-menu-open .ysn-mb-t--menu{display:none}
html.ysn-menu-open .ysn-mb-t--close{display:inline}
/* 全屏菜单自带的 Logo / Close 行由上面的实色顶栏代替，这里只保留占位高度 */
html.ysn-menu-open .ysn-menu__top{visibility:hidden}

/* ---------- 面包屑：只在页面顶部，随页面滚走（同样用玻璃，跟随顶栏色调） ---------- */
.ysn-crumb{position:absolute;top:92px;left:calc(var(--ysn-gutter) + 4px);z-index:990;font-family:var(--ysn-body);font-size:12px;transition:opacity .35s}
.ysn-crumb ol{display:flex;align-items:center;gap:8px;margin:0;padding:7px 14px;list-style:none;border-radius:999px;
  background-color:var(--ysn-g-bg);border:1px solid var(--ysn-g-bd);-webkit-backdrop-filter:var(--ysn-blur);backdrop-filter:var(--ysn-blur);color:var(--ysn-g-fg);opacity:.92;transition:background-color .45s,color .35s,border-color .45s}
.ysn-crumb a{color:inherit;text-decoration:none;opacity:.75}
.ysn-crumb a:hover{color:var(--ysn-accent);opacity:1}
.ysn-crumb svg{display:block;width:14px;height:14px;fill:currentColor}
.ysn-crumb [aria-current]{color:inherit}
html.ysn-scrolled .ysn-crumb{opacity:0;pointer-events:none}
.admin-bar .ysn-bar{margin-top:46px}.admin-bar .ysn-pills{top:58px}.admin-bar .ysn-crumb{top:124px}

/* ---------- 全屏菜单 ---------- */
.ysn-menu{position:fixed;inset:0;z-index:1050;display:flex;flex-direction:column;background:var(--ysn-ink);color:var(--ysn-paper);font-family:var(--ysn-body);overflow-y:auto;
  clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ysn-ease)}
.ysn-menu[hidden]{display:none}
.ysn-menu.is-open{clip-path:inset(0 0 0 0)}
.ysn-menu__top{display:flex;align-items:center;justify-content:space-between;padding:26px calc(var(--ysn-gutter) + 16px) 0}
html body .ysn-close{all:unset;box-sizing:border-box;cursor:pointer;height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(251,247,233,.28);color:var(--ysn-paper);display:inline-flex;align-items:center;
  font-family:var(--ysn-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;transition:border-color .3s,color .3s}
.ysn-close:hover{border-color:var(--ysn-accent);color:var(--ysn-accent)}
.ysn-close:focus-visible{outline:2px solid var(--ysn-accent);outline-offset:3px}
.ysn-menu__body{flex:1;padding:clamp(40px,8vh,96px) calc(var(--ysn-gutter) + 16px) 40px}
.ysn-menu__list{position:relative;list-style:none;margin:0;padding:0;width:52%}
.ysn-menu__row{display:flex;align-items:center;gap:16px;padding:6px 0}
.ysn-menu__big{display:inline-block;color:rgba(251,247,233,.9);text-decoration:none;font-family:var(--ysn-display);font-weight:500;text-transform:uppercase;
  font-size:clamp(36px,4.2vw,64px);letter-spacing:-.03em;line-height:1.08;transition:color .3s}
.ysn-menu__mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.04em}
.ysn-menu__mask > span{display:inline-flex;transform:translateY(105%);transition:transform .8s var(--ysn-ease);transition-delay:calc(.18s + var(--ysn-i,0) * .07s)}
.ysn-menu.is-open .ysn-menu__mask > span{transform:none}
.ysn-menu__item.is-active .ysn-menu__big,.ysn-menu__big:hover,.ysn-menu__big:focus-visible{color:var(--ysn-accent)}
.ysn-menu__big:focus-visible{outline:none}
.ysn-menu__toggle{display:none}

/* 右侧：当前分类的二级页面 */
.ysn-menu__sub{position:absolute;top:0;left:calc(100% + 6vw);width:min(38vw,520px);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .35s,transform .45s var(--ysn-ease),visibility 0s .35s}
.ysn-menu__item.is-active .ysn-menu__sub{opacity:1;visibility:visible;transform:none;transition:opacity .35s .05s,transform .45s var(--ysn-ease) .05s}
.ysn-menu__subhead{margin:0 0 18px;font-family:var(--ysn-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:rgba(251,247,233,.5)}
.ysn-menu__sub ul{list-style:none;margin:0;padding:0;border-top:1px solid rgba(251,247,233,.14)}
.ysn-menu__sub li{padding:18px 0;border-bottom:1px solid rgba(251,247,233,.14)}
.ysn-menu__sub a{color:var(--ysn-paper);text-decoration:none}
.ysn-menu__sub li > a{display:block}
.ysn-menu__sublabel{font-family:var(--ysn-display);font-weight:500;font-size:clamp(20px,1.8vw,28px);letter-spacing:-.02em}
.ysn-menu__sub li > a:hover .ysn-menu__sublabel{color:var(--ysn-accent)}
.ysn-menu__desc{display:block;margin-top:6px;font-size:14px;line-height:1.45;color:rgba(251,247,233,.58)}
.ysn-menu__third{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;font-size:13px;color:rgba(251,247,233,.5)}
.ysn-menu__third a{color:rgba(251,247,233,.8);padding-bottom:2px;border-bottom:1px solid rgba(251,247,233,.25);transition:color .25s,border-color .25s}
.ysn-menu__third a:hover{color:var(--ysn-accent);border-color:var(--ysn-accent)}
.ysn-menu__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 calc(var(--ysn-gutter) + 16px) 28px;font-family:var(--ysn-display);font-weight:600;font-size:12px;letter-spacing:.06em;color:rgba(251,247,233,.5)}

/* ---------- 询价抽屉 ---------- */
.ysn-drawer{position:fixed;inset:0;z-index:1060}
.ysn-drawer[hidden]{display:none}
.ysn-drawer__backdrop{position:absolute;inset:0;background:rgba(14,23,51,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s}
.ysn-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(600px,100%);display:flex;flex-direction:column;overflow-y:auto;padding:28px clamp(20px,3vw,40px) 32px;
  background:var(--ysn-ink);color:var(--ysn-paper);font-family:var(--ysn-body);transform:translateX(100%);transition:transform .6s var(--ysn-ease)}
.ysn-drawer.is-open .ysn-drawer__backdrop{opacity:1}
.ysn-drawer.is-open .ysn-drawer__panel{transform:none}
.ysn-drawer__progress{position:absolute;top:0;left:0;right:0;height:3px;background:rgba(251,247,233,.1)}
.ysn-drawer__progress span{display:block;height:100%;width:33.34%;background:var(--ysn-accent);transition:width .5s var(--ysn-ease)}
.ysn-drawer__top{display:flex;align-items:center;justify-content:space-between}
.ysn-drawer__tag{margin:0;font-family:var(--ysn-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.ysn-drawer__intro{margin:22px 0 40px;max-width:44ch;font-size:15px;line-height:1.5;color:rgba(251,247,233,.72)}

.ysn-form{display:flex;flex-direction:column;flex:1}
.ysn-step{display:none;margin:0;padding:0;border:0;min-width:0}
.ysn-step.is-active{display:block;animation:ysnStep .5s var(--ysn-ease) both}
@keyframes ysnStep{from{opacity:0;transform:translateX(24px)}}
.ysn-step legend{display:flex;justify-content:space-between;width:100%;padding:0 0 14px;margin-bottom:22px;border-bottom:1px solid rgba(251,247,233,.16);
  font-family:var(--ysn-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.ysn-step__count{color:rgba(251,247,233,.5)}
.ysn-step label:not(.ysn-chips label),.ysn-field{display:block;margin-bottom:22px;font-size:14px;color:rgba(251,247,233,.86)}
.ysn-field > p{margin:0 0 10px}
.ysn-step b,.ysn-field b{color:var(--ysn-accent);font-weight:600}
.ysn-step input:not([type=radio]):not([type=checkbox]),.ysn-step textarea{display:block;width:100%;margin-top:8px;padding:14px 16px;border:1px solid transparent;border-radius:10px;
  background:rgba(251,247,233,.07);color:var(--ysn-paper);font:inherit;font-size:16px;outline:none;box-shadow:none;transition:border-color .3s,background .3s}
.ysn-step input::placeholder,.ysn-step textarea::placeholder{color:rgba(251,247,233,.36)}
.ysn-step input:focus,.ysn-step textarea:focus{border-color:var(--ysn-accent);background:rgba(251,247,233,.1)}
.ysn-step [aria-invalid=true]{border-color:#FF8A6B !important}
.ysn-chips{display:flex;flex-wrap:wrap;gap:8px}
.ysn-chips label{position:relative;margin:0;cursor:pointer}
.ysn-chips input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.ysn-chips span{display:inline-block;padding:9px 16px;border:1px solid rgba(251,247,233,.3);border-radius:999px;font-size:14px;color:var(--ysn-paper);transition:all .25s}
.ysn-chips input:checked + span{background:var(--ysn-paper);border-color:var(--ysn-paper);color:var(--ysn-ink)}
.ysn-chips input:focus-visible + span{outline:2px solid var(--ysn-accent);outline-offset:3px}
.ysn-chips.is-invalid span{border-color:#FF8A6B}
.ysn-step--done p{font-size:15px;line-height:1.55;color:rgba(251,247,233,.8)}
.ysn-step--done a{color:var(--ysn-accent)}
.ysn-done__title{font-family:var(--ysn-display);font-size:30px !important;letter-spacing:-.02em;color:var(--ysn-paper) !important;margin:0 0 12px}
.ysn-form__nav{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:24px}
.ysn-form__nav [data-ysn-next],.ysn-form__nav [data-ysn-submit]{margin-left:auto}
html body .ysn-back{all:unset;cursor:pointer;font-family:var(--ysn-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:rgba(251,247,233,.7)}
.ysn-back:hover{color:var(--ysn-accent)}
.ysn-back[hidden],.ysn-form__nav [hidden]{display:none !important}
.ysn-form__note{margin:16px 0 0;font-size:12px;line-height:1.5;color:rgba(251,247,233,.45)}

/* ---------- 响应式 ---------- */
@media (max-width:1199px){
  .ysn-inline{display:none}
}
@media (max-width:900px){
  .ysn-bar{height:56px;margin-top:10px}
  .ysn-pills{top:18px}
  .ysn-logo{width:96px}
  .ysn-crumb{top:78px}
  .ysn-menu__list{width:100%}
  .ysn-menu__big{font-size:clamp(32px,9vw,48px)}
  .ysn-menu__row{justify-content:space-between}
  html body .ysn-menu__toggle{all:unset;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(251,247,233,.3);font-size:22px;cursor:pointer;transition:transform .4s var(--ysn-ease)}
  .ysn-menu__toggle[aria-expanded=true]{transform:rotate(45deg);border-color:var(--ysn-accent);color:var(--ysn-accent)}
  .ysn-menu__sub{position:static;width:auto;display:none;opacity:1;visibility:visible;transform:none;padding:8px 0 18px}
  .ysn-menu__item.is-open .ysn-menu__sub{display:block}
  .ysn-menu__item.is-active:not(.is-open) .ysn-menu__sub{display:none}
  .ysn-menu__subhead{display:none}
  .ysn-menu__desc{display:none}
  .ysn-menu__foot span{display:none}
}
@media (max-width:600px){
  .ysn-bar{padding:0 14px}
  .ysn-logo{width:78px}
  .ysn-pills{right:calc(var(--ysn-gutter) + 8px);gap:6px;top:19px}
  .ysn .ysn-quote{--pill-pad:.8rem;--pill-room:38px;--pill-size:28px;min-height:38px !important;font-size:.72rem}
  html body .ysn-menu-btn{height:38px;padding:0 13px 0 12px;gap:8px;font-size:12px}
  .ysn-menu__top{padding:18px calc(var(--ysn-gutter) + 8px) 0}
}
@media (prefers-reduced-motion:reduce){
  .ysn-bar,.ysn-menu-btn,.ysn-burger i,.ysn-menu,.ysn-drawer__panel,.ysn-drawer__backdrop,.ysn-menu__mask > span,[data-ysn-cascade] .ysn-ch{transition:none !important;animation:none !important}
  .ysn-menu__mask > span{transform:none}
}

.ysn-form__note a{color:var(--ya-orange,#F5A20E);text-underline-offset:2px}
/* 2026-10-15 焦点环:鼠标点击不出现浏览器默认黑框;键盘 Tab 时显示品牌色细环(保留可访问性) */
.ysn-inline a:focus:not(:focus-visible){outline:none}
.ysn-inline a:focus-visible{outline:2px solid var(--ysn-accent);outline-offset:6px;border-radius:4px}

/* 2026-10-16：MENU 固定在导航栏最右端；下滑隐藏、上滑出现（所有屏宽，原来只在手机上） */
html body .ysn-menu-btn{transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s ease,background-color .3s,color .3s,border-color .3s,box-shadow .3s}
html.ysn-pill-away body .ysn-menu-btn{transform:translateY(-160%);opacity:0;pointer-events:none}
/* 2026-10-19：语言切换（EN|中文）只在页面顶部随导航栏显示；滚动后收起，悬浮右上角的只有 MENU/目录 胶囊。
   打开全屏菜单时顶栏变实色，语言切换一并回来，方便在菜单里换语言。 */
.ysn-pills .ysn-language{transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s ease}
html.ysn-scrolled:not(.ysn-menu-open) .ysn-pills .ysn-language{position:absolute;right:0;visibility:hidden;transform:translateY(-160%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s ease,visibility 0s .35s}
/* ↑ 2026-10-19 午后：收起时让语言切换脱离排版，目录胶囊顺势靠到最右端（原来它停在中间、右边空出一块） */

/* 2026-10-19 下午：MENU/目录 按钮永远在屏幕最右上角——语言切换排在它左边（原来 order:-1 让 MENU 排第一，被语言胶囊挤到中间） */
html body .ysn-pills .ysn-menu-btn{order:9}
.ysn-pills .ysn-language{order:1}
.ysn-pills .ysn-cta-slot{order:2}