/* Shared geometry for every public TikBit header. */
.business-header{--header-bg:#fff;--header-ink:#475569;--header-line:#e3e5e9;position:sticky!important;inset:0 0 auto!important;z-index:100!important;width:100%;height:auto!important;background:var(--header-bg)!important;border:0!important;border-bottom:1px solid var(--header-line)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;color:var(--header-ink);backdrop-filter:none!important}
[data-theme=dark] .business-header{--header-bg:#17181c;--header-ink:#d5d8e1;--header-line:#393b44}
.business-header *{box-sizing:border-box;letter-spacing:0!important}
.business-header .business-topbar{width:100%;max-width:1400px;height:66px!important;padding:0 40px!important;margin:0 auto!important;display:flex;align-items:center;gap:20px!important}
.business-header .business-brand{display:flex;flex:0 0 76px;width:76px;margin:0;padding:0}
.business-header .business-brand img{display:block;width:76px!important;height:28px!important;object-fit:contain}
.business-header .business-brand .brand-logo-dark{display:none}
[data-theme=dark] .business-header .business-brand .brand-logo-dark{display:block}
[data-theme=dark] .business-header .business-brand .brand-logo-light{display:none}
.business-header .business-nav{position:static!important;display:flex;align-items:center;gap:6px!important;background:none!important;border:0!important;width:auto;height:auto;backdrop-filter:none!important}
.business-header .business-nav a{display:block;padding:8px 14px!important;margin:0!important;font-size:14px!important;font-weight:600!important;line-height:22px!important;border:0!important;border-radius:8px;white-space:nowrap;color:var(--header-ink)!important;background:transparent;text-decoration:none}
.business-header .business-nav a:hover,.business-header .business-nav a[aria-current=page]{background:#8881;color:#de283b!important}
.business-header .business-actions{display:flex;align-items:center;gap:9px!important;margin-left:auto!important;white-space:nowrap;font-size:14px;font-weight:600}
.business-header .business-actions>a{height:42px;display:inline-flex;align-items:center;justify-content:center;line-height:22px;padding:0!important;margin:0!important;font-size:14px!important;font-weight:600!important;text-decoration:none;border-radius:8px}
.business-header .console-link-with-icon{display:inline-flex;align-items:center;gap:6px;color:var(--header-ink);border:0;background:none}
.business-header .business-actions>a.console-link,.business-header .business-actions>a.console-link:visited{color:var(--header-ink)}
.business-header .business-actions>.console-link{width:66px;flex-shrink:0}
.business-header .business-actions>.model-link{width:82px;flex-shrink:0;color:var(--header-ink)}
.business-header .login-link{width:62px;border:1px solid var(--header-line);color:var(--header-ink);background:none}
.business-header .register-link{width:92px;border:1px solid #de283b;background:#de283b;color:#fff}
.business-header .theme-switch{position:relative!important;display:grid!important;place-items:center;width:48px!important;min-width:48px;height:28px!important;margin:0!important;padding:0;border:1px solid var(--header-line)!important;border-radius:18px!important;background:#8881!important;color:#de283b;cursor:pointer}
.business-header .mobile-toggle{display:none;width:40px;height:40px;background:none;border:0;color:inherit}
.business-header .business-mobile{position:static!important;display:grid;gap:4px;padding:10px 24px 20px;background:var(--header-bg)!important;border:0;border-top:1px solid var(--header-line);width:100%}
.business-header .business-mobile a{display:block;padding:11px 0;font-size:14px;line-height:22px;color:var(--header-ink);text-decoration:none}
.business-header .static-mobile{display:none;margin:0}
@media(max-width:1160px){.business-header .business-topbar{padding:0 24px!important;gap:14px!important}.business-header .business-nav{gap:0!important}.business-header .business-nav a{padding:8px 9px!important}.business-header .business-actions{gap:6px!important}}
@media(max-width:1100px){.business-header .business-nav,.business-header .business-actions .model-link,.business-header .business-actions .console-link,.business-header .business-actions .login-link{display:none!important}.business-header .mobile-toggle{display:flex;align-items:center;justify-content:center}.business-header .static-mobile{display:block}.business-header .static-mobile summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;cursor:pointer;font-size:24px}.business-header .static-mobile summary::-webkit-details-marker{display:none}.business-header .static-mobile .business-mobile{position:absolute!important;top:66px;left:0;right:0}.business-header .business-actions .register-link{font-size:14px!important}}
@media(max-width:600px){.business-header .business-topbar{padding:0 20px!important}}

.business-header .theme-switch:not(:has(svg))::before{content:"☀";position:static;width:auto;height:auto;font-size:16px;line-height:1;color:#de283b;background:none}.business-header .theme-switch:not(:has(svg))::after{display:none!important}[data-theme=dark] .business-header .theme-switch:not(:has(svg))::before{content:"☾"}

.business-header .business-actions>a.console-link,.business-header .business-mobile a.console-link{font-weight:800!important}.business-header .business-mobile .console-link svg{vertical-align:middle;margin-right:6px}

/* One geometry contract for the public site and the Classic application header.
   Loaded last from a content-addressed asset by patch-site-layout.mjs. */
:root{--tikbit-header-max:1400px;--tikbit-header-height:66px;--tikbit-page-banner-height:460px}
/* Match the left menu's 14px padding + 6px gap on the right menu too. */
.business-header .business-actions{gap:6px!important}
.business-header .business-actions>a.console-link,
.business-header .business-actions>a.model-link{width:auto!important;flex:0 0 auto;padding:8px 14px!important;height:38px;line-height:22px!important}
.business-header .business-actions>a.console-link{gap:6px}
.business-header .business-actions>a.console-link svg{width:16px;height:16px;margin:0}
/* Classic keeps its notification, language, theme and account controls. */
header:has(>.w-full>div>.tikbit-classic-navigation){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;color:#475569;background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid #e3e5e9}
.dark header:has(>.w-full>div>.tikbit-classic-navigation){color:#d5d8e1;background:#17181c!important;border-color:#393b44}
header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full{width:100%;max-width:var(--tikbit-header-max);margin:0 auto;padding:0 40px;box-sizing:border-box}
header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div{height:var(--tikbit-header-height);gap:0}
header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div>div:first-child{flex:0 0 76px;margin-right:20px}
header:has(>.w-full>div>.tikbit-classic-navigation) a.group{width:76px;gap:0}
header:has(>.w-full>div>.tikbit-classic-navigation) a.group>.relative{width:76px;height:28px;flex-shrink:0}
header:has(>.w-full>div>.tikbit-classic-navigation) a.group img{width:76px;height:28px;object-fit:contain;transform:none}
.tikbit-classic-navigation{margin:0 6px 0 0!important;overflow:visible!important;gap:0!important}
.tikbit-classic-nav-public,.tikbit-classic-nav-account{gap:6px!important}
.tikbit-classic-nav-account{padding-left:20px}
.tikbit-classic-navigation a{font-family:inherit;font-size:14px!important;font-weight:600;line-height:22px!important;height:38px;box-sizing:border-box;padding:8px 14px!important;border-radius:8px;letter-spacing:0;gap:6px!important;color:inherit}
.tikbit-classic-navigation a.tikbit-console-link{font-weight:800}
.tikbit-classic-navigation a svg{width:16px;height:16px;flex-shrink:0}
.tikbit-classic-navigation+div{width:214px;flex:0 0 214px;gap:6px!important;justify-content:flex-end}
.tikbit-classic-navigation+div>div{min-width:0}
.tikbit-classic-navigation+div>.relative .semi-typography{display:inline-block;max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
/* Keep body/sidebar offset consistent with the 67px header including border. */
body:has(.tikbit-classic-navigation) .semi-layout-header+.semi-layout{padding-top:3px}
body:has(.tikbit-classic-navigation) .app-sider{top:67px!important;height:calc(100dvh - 67px)}
/* Desktop banners share the same height. Stacked downloads may grow on mobile. */
#download.hero-shell{min-height:var(--tikbit-page-banner-height)}
#download.hero-shell .hero{min-height:var(--tikbit-page-banner-height)}
.page-banner{height:var(--tikbit-page-banner-height)}
@media(max-width:1160px) and (min-width:1101px){
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full{padding:0 24px}
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div>div:first-child{margin-right:14px}
 .tikbit-classic-nav-public{gap:0!important}
 .tikbit-classic-nav-public a{padding:8px 9px!important}
}
@media(max-width:1100px){
 /* Keep Classic's scrollable navigation and all account actions accessible. */
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full{padding:0 20px}
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div{flex-wrap:wrap;height:auto;min-height:66px;padding:12px 0;row-gap:10px}
 header:has(>.w-full>div>.tikbit-classic-navigation)>.w-full>div>div:first-child{margin-right:0}
 .tikbit-classic-navigation{order:3;flex:1 0 100%;width:100%;overflow-x:auto!important;margin:0!important;padding-bottom:2px}
 .tikbit-classic-nav-account{margin-left:0;padding-left:6px}
 .tikbit-classic-navigation a{padding:8px 10px!important}
 .tikbit-classic-navigation+div{margin-left:auto;width:auto;flex:0 1 auto}
 /* Classic's fixed outer header must reserve the second navigation row. */
 body:has(.tikbit-classic-navigation) .semi-layout-header+.semi-layout{padding-top:43px}
 body:has(.tikbit-classic-navigation) .app-sider{top:107px!important;height:calc(100dvh - 107px)}
}
@media(max-width:600px){:root{--tikbit-page-banner-height:420px}}

/* Shared guide navigation for static pages, business React and Classic. */
.guide-menu{position:relative;margin:0;font-family:inherit;font-size:14px;font-weight:600;line-height:22px;color:inherit}
.guide-menu>summary{font-family:inherit;font-size:14px!important;font-weight:600!important;display:flex;align-items:center;gap:6px;padding:8px 12px;min-height:38px;border-radius:8px;cursor:pointer;list-style:none;white-space:nowrap}
.guide-menu>summary::-webkit-details-marker{display:none}
.guide-menu>summary:hover,.guide-menu[open]>summary{background:#8881;color:#de283b}
.guide-menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:200;min-width:210px;padding:8px;border:1px solid #e3e5e9;border-radius:12px;background:#fff;box-shadow:0 12px 36px #0f172a1a;color:#475569}
.guide-menu .guide-menu-panel a{display:block!important;width:auto!important;height:auto!important;padding:11px 12px!important;font-size:14px!important;font-weight:400!important;line-height:22px!important;white-space:nowrap;color:inherit;text-decoration:none;border-radius:7px}
.guide-menu .guide-menu-panel a:hover{background:#de283b0c;color:#de283b}
.guide-menu summary:focus-visible,.guide-menu a:focus-visible{outline:2px solid #de283b;outline-offset:3px}
[data-theme=dark] .guide-menu-panel,.dark .guide-menu-panel{background:#202126;color:#e2e8f0;border-color:#393b44}
.guide-menu-panel::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
@media(max-width:1200px){.business-header .business-nav{display:none!important}.business-header .mobile-toggle{display:flex;align-items:center;justify-content:center}.business-header .static-mobile{display:block}.business-header .static-mobile summary{list-style:none;display:grid;place-items:center;width:40px;height:40px;cursor:pointer;font-size:24px}.business-header .static-mobile .business-mobile{position:absolute!important;top:66px;left:0;right:0}}
@media(max-width:1100px){.business-actions>.guide-menu{display:none}.tikbit-classic-navigation .guide-menu-panel{position:fixed;top:106px;right:16px;max-width:calc(100vw - 32px)}}

.workstation-guide{overflow-x:clip}
html:has(.workstation-guide){overflow-x:clip;scroll-padding-top:0}
.workstation-guide .business-header{overflow-wrap:normal;word-break:normal;line-height:22px}
.workstation-guide .layout{padding-top:24px}
.workstation-guide .sec h3,.workstation-guide #aa,.workstation-guide #ab{scroll-margin-top:90px}
.workstation-guide .lb{z-index:300}
.workstation-guide #qa-panel,.workstation-guide #qa-fab{z-index:160}
.workstation-guide #qa-panel{max-height:calc(100dvh - 100px)}
.workstation-guide .m-toc{top:76px}
@media(min-width:900px){.workstation-guide .toc{top:67px;height:calc(100dvh - 67px);left:max(20px,calc((100vw - 1180px)/2));margin-left:0}}
[data-theme=dark]:has(.workstation-guide){--ink:#f0f1f4;--body:#d1d5dd;--muted:#a3aab9;--line:#353a44;--card:#252932;--white:#1b1e24;--redbg:#302027;--pink:#4b2932}
[data-theme=dark] .workstation-guide{background:#14161b}
[data-theme=dark] .workstation-guide .toc{background:#14161b}
[data-theme=dark] .workstation-guide .hero,[data-theme=dark] .workstation-guide .contact{background:linear-gradient(160deg,#1b1e24,#302027)}
[data-theme=dark] .workstation-guide .tbl tr:nth-child(even) td{background:#22262e}
[data-theme=dark] .workstation-guide .note{background:#1d3028;color:#b1d3c0}
[data-theme=dark] .workstation-guide .warn{background:#34291c;color:#e1bd8d}
[data-theme=dark] .workstation-guide code{background:#2a2e38;color:#ff95a3}
[data-theme=dark] .workstation-guide kbd,[data-theme=dark] .workstation-guide .speech,[data-theme=dark] .workstation-guide .ops .k{background:#303641;color:#f0f1f4}
@media(max-width:899px){.workstation-guide .layout{padding-top:0}.workstation-guide .sec h3,.workstation-guide #aa,.workstation-guide #ab{scroll-margin-top:146px}}
@media(prefers-reduced-motion:reduce){html:has(.workstation-guide){scroll-behavior:auto}}
[data-theme=dark] .workstation-guide{color-scheme:dark}
[data-theme=dark] .workstation-guide :is(a.link,.toc .brand,.toc a.active,.pian h2,.sub-h,.ops li b,.callout b,.tbl th,.card .n,.prompt .q .fill,.quick .row b,.contact .wx,.appx h3,.m-toc summary){color:#ff8b99}
[data-theme=dark] .workstation-guide .hero .tag{color:#ffb1bc}
[data-theme=dark] .workstation-guide #qa-panel{background:#1b1e24;border-color:#353a44}
[data-theme=dark] .workstation-guide .qa-body{background:#14161b}
[data-theme=dark] .workstation-guide .qa-msg.a .b{background:#252932;border-color:#353a44;color:#e2e6ed}
[data-theme=dark] .workstation-guide .qa-foot{background:#1b1e24;border-color:#353a44}
[data-theme=dark] .workstation-guide .qa-foot textarea{background:#252932;color:#f0f1f4;border-color:#535b6a}
[data-theme=dark] .workstation-guide .qa-foot textarea::placeholder{color:#a3aab9}