/* Figma 13252:4295: full-width 64px bar, 12px padding; content max-width 1440px, 40px controls. */
html{scrollbar-gutter:stable}
.site-figma-header[data-figma-node-id]{--header-tone-progress:1;--header-surface-progress:0;position:fixed!important;inset:0 0 auto!important;transform:none!important;width:100%!important;height:64px!important;margin:0!important;padding:12px!important;display:flex!important;justify-content:space-between;column-gap:24px;align-items:center;z-index:1000;isolation:isolate;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:24px}
.site-figma-header.site-home-header{--header-tone-progress:0;--header-surface-progress:0}
.site-figma-header,.site-figma-header *{box-sizing:border-box;letter-spacing:0!important}
.site-figma-header::after{content:none!important}
.site-figma-header button{font:inherit}
.site-figma-header .figma-node{--figma-stroke:0 solid transparent;--figma-stroke-inset:0px}
.site-figma-header .figma-container-node::after{content:none}
.site-figma-header .figma-text-node{font-synthesis:none;-webkit-font-smoothing:antialiased}
.site-figma-header::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:rgba(255,255,255,.01);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-bottom:1px solid rgba(255,255,255,.04);opacity:var(--header-surface-progress);transition:opacity .28s ease}
.site-header-glass,.site-header-backdrop{display:none!important}
.site-header-content>[data-figma-node-id="13252:4296"],.site-header-content>[data-figma-node-id="13252:4311"]{position:relative!important;inset:auto!important;transform:none!important;flex-shrink:0}
.site-header-content>[data-figma-node-id="13252:4296"]{order:0;display:flex!important;align-items:center;gap:6px!important;width:128px!important;height:36px!important;text-decoration:none}
.site-brand-symbol{display:block;flex:none;width:36px;height:36px;filter:brightness(0) invert(1);opacity:calc(1 - var(--header-tone-progress))}
.site-brand-symbol-blue{position:absolute;left:0;top:0;width:36px;height:36px;opacity:var(--header-tone-progress);pointer-events:none}
.site-brand-wordmark{display:block;flex:none;width:86px;height:24px;filter:brightness(0) invert(1)}
.site-brand-symbol-only .site-header-content>[data-figma-node-id="13252:4296"]{width:36px!important}
.site-brand-symbol-only .site-brand-wordmark{display:none}
.site-header-content>[data-figma-node-id="13252:4311"]{order:2;display:flex!important;align-items:center;gap:0!important;width:auto!important;height:40px!important;padding:0!important}
.site-menu-anchor{order:1;position:relative;display:flex;align-items:center;height:40px}
.site-nav-links{display:flex;align-items:center;gap:24px;width:max-content}
.site-header-tab,.site-header-cta{position:relative!important;inset:auto!important;transform:none!important;flex-shrink:0}
.site-header-tab{display:flex!important;align-items:center;justify-content:center;width:auto!important;height:40px!important;padding:8px 0!important;background:transparent!important;border:0!important;text-decoration:none;cursor:pointer;white-space:nowrap}
.site-header-tab>.figma-node,.site-header-cta>.figma-text-node{position:relative!important;inset:auto!important;transform:none!important;flex-shrink:0}
.site-tab-label,.site-tab-label span{width:auto!important;max-width:none!important;color:rgba(255,255,255,.60)!important;font-size:14px!important;line-height:24px!important;font-weight:400!important;white-space:nowrap!important;text-shadow:none!important;transition:color .2s}
.site-header-tab:hover .site-tab-label,.site-header-tab:hover .site-tab-label span{color:#FFFFFF!important}
.site-header-tab[aria-current] .site-tab-label,.site-header-tab[aria-current] .site-tab-label span{color:#FFFFFF!important;font-weight:500!important}
.site-tab-indicator{display:none!important}
.site-home-link{max-width:28px;overflow:hidden}
.site-header-cta{display:flex!important;align-items:center;justify-content:center;appearance:none;width:96px!important;height:40px!important;padding:0 20px!important;border:0!important;border-radius:8px;outline:0;cursor:pointer;white-space:nowrap;background-color:rgba(255,255,255,var(--header-tone-progress))!important;--smooth-focus-color:transparent;transition:background-color .2s}
.site-header-cta>.figma-text-node{width:auto!important;height:24px!important;max-width:none!important}
.site-header-cta .figma-text-node,.site-header-cta .figma-text-node span{color:rgb(calc(255 - 231 * var(--header-tone-progress)),calc(255 - 230 * var(--header-tone-progress)),calc(255 - 229 * var(--header-tone-progress)))!important;font-size:14px!important;font-weight:500!important;line-height:24px!important;white-space:nowrap!important}
.site-header-cta>.smooth-corner-stroke>path:first-child{stroke:rgba(255,255,255,.45);stroke-width:2;stroke-opacity:calc(1 - var(--header-tone-progress))}
.site-header-cta:hover{background-color:#FFFFFF!important}
.site-header-cta:hover .figma-text-node,.site-header-cta:hover .figma-text-node span{color:#18191A!important}
.site-header-cta:hover>.smooth-corner-stroke>path:first-child{stroke-opacity:0}
.site-header-cta:focus-visible{--smooth-focus-color:#0080FF}
.site-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:0;border-radius:8px;color:#FFFFFF;cursor:pointer}
.site-menu-toggle svg{display:block;width:24px;height:24px}
.site-menu-toggle:focus-visible,.site-header-tab:focus-visible,.site-header-content>[data-figma-node-id="13252:4296"]:focus-visible{outline:2px solid #0080FF;outline-offset:4px}
.site-menu-toggle>.smooth-corner-stroke{width:100%;height:100%}
body.has-figma-header{padding-top:64px}
/* 导航收起与否由 JS 依据真实内容宽度决定（.site-header-compact），不再使用固定断点 */
.site-figma-header:not(.site-header-compact) .site-nav-links.dropdown-menu{display:flex!important;position:static!important;inset:auto!important;transform:none!important;min-width:0;width:max-content;margin:0;padding:0;border:0;background:transparent;box-shadow:none;mask-image:none!important;-webkit-mask-image:none!important}
.site-figma-header.site-header-compact[data-figma-node-id]{column-gap:12px}
.site-figma-header.site-header-compact .site-menu-anchor{width:40px;margin-left:auto}
.site-figma-header.site-header-compact .site-menu-toggle{display:flex}
.site-figma-header.site-header-compact .site-nav-links.dropdown-menu{display:none;position:absolute;inset:auto;transform:none;width:164px;min-width:164px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 88px);overflow:auto;padding:8px;margin:0;background:#0F0F0F;border:0;border-radius:18px;gap:4px;flex-direction:column;box-shadow:0 8px 24px rgba(15,15,15,.30);z-index:1001}
.site-figma-header.site-header-compact .site-nav-links.dropdown-menu.show{display:flex}
.site-figma-header.site-header-compact .site-nav-links>.site-header-tab{width:100%!important;max-width:none;height:40px!important;padding:8px 12px!important;justify-content:flex-start}
@media(prefers-reduced-motion:reduce){.site-figma-header,.site-figma-header *{transition:none!important}}
body.admin-scope-page.has-figma-header{padding-top:0!important}
body.admin-scope-page>.site-figma-header{display:none!important}

.site-header-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;max-width:1440px;height:40px;margin-inline:auto;min-width:0}
.site-figma-header.site-header-compact .site-header-content{gap:12px}

@media(prefers-reduced-motion:reduce){.site-figma-header::before{transition:none}}

/* logo 白↔品牌蓝的平滑过渡由 --header-tone-progress 驱动 */
.site-brand-symbol,.site-brand-symbol-blue{transition:opacity .34s ease}
.site-header-cta{transition:background-color .34s ease}
/* 子页面首屏即为白 logo（避免脚本执行前的蓝→白闪动） */
body.has-figma-header .site-figma-header[data-figma-node-id]{--header-tone-progress:0}

/* logo 交互规则：顶部纯白，滚动超过 88px 后由 --header-tone-progress 驱动淡入到品牌色 */
.site-brand-symbol{transition:opacity .18s ease}
.site-brand-symbol-blue{transition:opacity .18s ease}

/* 顶栏 CTA：所有页面统一为白底黑字实心按钮，去掉随滚动（下滑）变色的效果 */
.site-header-cta{background-color:#FFFFFF!important;transition:background-color .2s ease,filter .2s ease}
.site-header-cta .figma-text-node,.site-header-cta .figma-text-node span{color:#18191A!important}
.site-header-cta>.smooth-corner-stroke>path:first-child{stroke-opacity:0!important}
.site-header-cta:hover,.site-header-cta:focus-visible{background-color:#FFFFFF!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.28))}
.site-header-cta:hover .figma-text-node,.site-header-cta:hover .figma-text-node span{color:#18191A!important}

/* Compact navigation uses a dark glass surface and concentric corners. */
.site-figma-header.site-header-compact .site-nav-links.dropdown-menu{
  width:224px;min-width:224px;padding:12px;gap:4px;border-radius:32px;
  background:rgba(15,15,15,.90);
  -webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 16px 40px rgba(0,0,0,.30);
 }
.site-figma-header.site-header-compact .site-nav-links.dropdown-menu>.site-header-tab{
  height:44px!important;padding:10px 16px!important;justify-content:flex-start!important;
  border-radius:20px;transition:background-color .18s ease;
 }
.site-figma-header.site-header-compact .site-nav-links.dropdown-menu>.site-header-tab:is(:hover,:focus-visible){background:rgba(255,255,255,.07)!important}
.site-figma-header.site-header-compact .site-nav-links.dropdown-menu>.site-header-tab:is(:active,[aria-current]){background:rgba(255,255,255,.10)!important}
.site-figma-header.site-header-compact .site-nav-links.dropdown-menu .site-tab-label,.site-figma-header.site-header-compact .site-nav-links.dropdown-menu .site-tab-label span{color:rgba(255,255,255,.90)!important}
