/* One persistent shell: site navigation and guide tools share the same surface. */
:root{--site-nav-offset:84px;--navigation-height:84px;--guide-header-height:0px;--site-header-height:64px}
.site-header,.site-header.is-floating,.site-header.is-over-guide{top:12px;height:64px;background:none;border:0;box-shadow:none;backdrop-filter:none;pointer-events:none;transition:none}
.site-header-inner,.site-header.is-floating .site-header-inner{position:relative;width:calc(100% - 48px);max-width:1240px;padding:0 24px;gap:24px;border:0;background:none;border-radius:32px;pointer-events:auto;isolation:isolate}
.site-header-inner::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fcfbf9;box-shadow:0 4px 18px rgba(81,68,100,.09);border:1px solid rgba(81,68,100,.08);opacity:var(--nav-surface,0);pointer-events:none}
.site-brand span,.site-header.is-floating .site-brand span{font-size:25px}
.site-brand,.site-menu-toggle,.site-nav-group>summary,.site-nav>.site-pricing{transition:color .2s ease}
.site-nav,.site-header.is-floating .site-nav{gap:24px}
.site-nav-group>summary,.site-nav>.site-pricing{font-size:14px}
.guide-controls{width:0;opacity:0;visibility:hidden;transition:width .28s ease,opacity .2s ease,visibility .28s;flex-shrink:0}
.is-guide .guide-controls{width:240px;opacity:1;visibility:visible}
#guide-search-panel{display:flex;align-items:center;gap:8px}
.guide-controls .search{position:relative;width:240px;margin:0}
.guide-controls .search-field{height:40px;min-height:40px;border:1px solid #e6e0eb;border-radius:20px;background:#fff;padding:0 14px;display:flex;align-items:center;gap:8px}
.guide-controls .search-field svg{width:18px;height:18px;flex-shrink:0;color:var(--muted)}
.guide-controls input{width:100%;min-width:0;background:none;border:0;outline:0;font:inherit;font-size:13px;color:var(--ink)}
.guide-controls .search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #65518b15}
.guide-controls .search-results{right:0;left:auto;width:360px;max-width:calc(100vw - 32px);top:calc(100% + 16px);background:#fff}
.guide-search-toggle{display:none}
.guide-controls .mobile-toggle{display:none}
.guide-entry{scroll-margin-top:0}
@media(max-width:1100px) and (min-width:761px){.is-guide .site-nav-group:nth-child(2),.is-guide .site-nav-group:nth-child(4),.is-guide .site-pricing{display:none}.site-header-inner{gap:20px}}
@media(max-width:760px){
 :root{--site-nav-offset:74px;--navigation-height:74px;--site-header-height:54px}
 .site-header,.site-header.is-floating{top:10px;height:54px}
 .site-header-inner,.site-header.is-floating .site-header-inner{width:calc(100% - 24px);padding:0 12px;gap:4px;border-radius:27px}
 .site-brand span,.site-header.is-floating .site-brand span{font-size:22px}
 .site-brand img,.site-header.is-floating .site-brand img{width:18px;height:23px}
 .guide-controls{margin-left:auto;width:0}
 .is-guide .guide-controls{width:88px;display:flex;align-items:center}
 .guide-search-toggle,.guide-controls .mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--ink);font-size:13px;cursor:pointer}
 .guide-search-toggle{font-size:29px}
 #guide-search-panel{display:contents}
 .guide-controls .search{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;padding:12px;background:#fcfbf9;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px #51446417}
 .is-search-open .guide-controls .search{display:block}
 .guide-controls .search-results{width:100%;top:calc(100% + 6px)}
 .site-menu-toggle{margin:0;width:44px;min-width:44px}
 .site-header.is-floating .site-nav{right:0;top:calc(100% + 8px)}
}
@media(prefers-reduced-motion:reduce){.guide-controls,.site-brand,.site-menu-toggle,.site-nav-group>summary,.site-nav>.site-pricing{transition:none}}

.guide-search-toggle svg{width:20px;height:20px}
/* Scroll state: frosted glass navigation with a soft edge highlight. */
.site-header-inner::before{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease,opacity .35s ease}
.site-header.is-floating .site-header-inner::before{background:linear-gradient(135deg,rgba(248,249,251,.78),rgba(210,214,221,.58));border-color:rgba(255,255,255,.7);box-shadow:0 16px 42px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(25,27,31,.1);backdrop-filter:blur(22px) saturate(112%) contrast(1.03);-webkit-backdrop-filter:blur(22px) saturate(112%) contrast(1.03)}
.site-header.is-floating .site-brand,.site-header.is-floating .site-brand span,.site-header.is-floating .site-menu-toggle{color:#17181b!important}
.site-header.is-floating .site-brand img{filter:brightness(0)}
.site-header.is-floating .site-nav-group>summary,.site-header.is-floating .site-pricing{font-family:'Overpass', "PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.01em;color:#1b1c20!important;text-shadow:none}
.site-header.is-floating .site-nav-group>summary:hover,.site-header.is-floating .site-nav-group[open]>summary,.site-header.is-floating .site-pricing:hover{color:#050608!important}
.site-header.is-floating .site-nav-group:nth-child(4)>summary,.site-header.is-guide .site-nav-group:nth-child(4)>summary{color:#101116!important;font-weight:600;text-shadow:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:12px}
@media(prefers-reduced-transparency:reduce){.site-header.is-floating .site-header-inner::before{background:rgba(236,238,242,.97);backdrop-filter:none;-webkit-backdrop-filter:none}}