.capsule-shell { position: -webkit-sticky; position: sticky; top: 0; z-index: 30; width: 100%; margin: 0 auto; padding: 8px max(20px, calc((100% - 1180px) / 2)); transition: width .24s ease, margin .24s ease, padding .24s ease; }
    .capsule-shell.is-scrolled { top: 8px; width: min(920px, calc(100% - 40px)); margin: 8px auto 0; padding: 0; }
    .capsule { min-height: 54px; display: grid; grid-template-columns: minmax(160px, 300px) minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 6px 9px 6px 13px; border: 1px solid transparent; border-radius: 32px; background: transparent; box-shadow: none; backdrop-filter: none; transition: border-color .24s ease, background .24s ease, box-shadow .24s ease; }
    .capsule-shell.is-scrolled .capsule { border-color: rgba(24,59,68,.1); background: rgba(255,255,255,.97); box-shadow: 0 8px 26px rgba(20,47,51,.1); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
    .capsule-brand { display: flex; align-items: center; min-width: 0; gap: 10px; color: #172d32; white-space: nowrap; font-size: 14px; font-weight: 700; }
    .capsule-logo { display: block; width: 300px; max-width: 100%; height: auto; object-fit: contain; }
    .capsule-links,.capsule-tools { display: flex; align-items: center; }
    .capsule-links { min-width: 0; flex-wrap: wrap; justify-content: flex-end; gap: 0 18px; }
    .capsule-links a { display: inline-flex; align-items: center; min-height: 36px; color: #566164; white-space: nowrap; font-size: 13px; }
    .capsule-links [hidden] { display: none !important; }
    .capsule-links[data-nav-pending] { visibility: hidden; }
    .capsule-links:empty { display: none; }
    .capsule-links a:hover { color: #183b44; }
    .capsule-tools { gap: 8px; }
    .capsule-icon { width: 34px; height: 34px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #273b3f; cursor: pointer; }
    .capsule-icon:hover,.capsule-icon[aria-expanded="true"] { background: #eef3f1; }
    .capsule-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    .capsule-account { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border-radius: 12px; color: #fff; background: #b5d34a; white-space: nowrap; font-size: 12px; font-weight: 700; }
    .locale-picker { position: relative; }
    .locale-menu { position: absolute; top: calc(100% + 10px); right: -8px; width: 174px; padding: 6px; border: 1px solid #dce4e1; border-radius: 12px; background: #fff; box-shadow: 0 14px 36px rgba(16,43,48,.16); }
    .locale-menu[hidden] { display: none; }
    .locale-menu button { width: 100%; padding: 9px 10px; border: 0; border-radius: 7px; background: transparent; color: #33464a; text-align: left; font: inherit; font-size: 13px; cursor: pointer; }
    .locale-menu button:hover,.locale-menu button[aria-current="true"] { background: #edf4f2; color: #135b63; }
.capsule-shell{font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:normal;box-sizing:border-box;background:var(--surface,#fff)}
.capsule-shell *{box-sizing:border-box}.capsule-shell a,.capsule-shell a:hover{text-decoration:none!important}
.capsule-shell .capsule-links a{color:var(--muted,#536a70);font-weight:400}
.capsule-shell .capsule-links a:hover,.capsule-shell .capsule-links a[aria-current="page"]{color:var(--ink,#17343d)}
.capsule-shell .capsule-icon{color:var(--ink,#17343d)}
.capsule-shell .capsule-icon:hover,.capsule-shell .capsule-icon[aria-expanded="true"]{background:var(--control-hover,#edf4f2)}
.capsule-shell .capsule-account{background:var(--accent,#17616b);color:var(--on-accent,#fff);font-family:inherit;line-height:normal}
.capsule-shell.is-scrolled{background:transparent}
.capsule-shell.is-scrolled .capsule{background:var(--capsule-bg,rgba(255,255,255,.97));border-color:var(--line,#d8e3e0);box-shadow:0 8px 26px var(--header-shadow,rgba(20,47,51,.10))}
.capsule-shell .locale-menu{background:var(--card,#fff);border-color:var(--line,#d8e3e0);box-shadow:0 14px 36px var(--header-shadow,rgba(20,47,51,.10));z-index:45;display:block}
.capsule-shell .locale-menu[hidden]{display:none}
.capsule-shell .locale-menu button{color:var(--ink,#17343d);font-family:inherit;font-weight:400}
.capsule-shell .locale-menu button:hover,.capsule-shell .locale-menu button[aria-current="true"]{background:var(--control-hover,#edf4f2);color:var(--accent,#17616b)}
.capsule-shell .capsule-account.is-avatar{width:30px;height:30px;min-height:30px;padding:0;border-radius:50%;background:var(--avatar-color,#17616b);color:#fff;font-size:13px;flex-shrink:0}
.capsule-shell :focus-visible{outline:2px solid var(--gold,#947033);outline-offset:3px}
@media(max-width:1100px){.capsule-shell .capsule{grid-template-columns:minmax(0,1fr) auto;gap:0 16px;border-radius:24px}.capsule-brand{grid-column:1;grid-row:1}.capsule-tools{grid-column:2;grid-row:1}.capsule-shell .capsule-links{grid-column:1/-1;grid-row:2;justify-content:center;gap:0 22px}.capsule-links a{min-height:44px}}
@media(max-width:640px){.capsule-shell{width:100%;top:0;margin:0;padding:7px 12px}.capsule-shell.is-scrolled{width:calc(100% - 24px);top:7px;margin:7px auto 0;padding:0}.capsule-shell .capsule{min-height:48px;gap:0 10px;padding:5px 9px}.capsule-brand{gap:7px;font-size:12px}.capsule-logo{width:240px}.capsule-shell .capsule-links{gap:0 16px}.capsule-links a{font-size:12px}.capsule-tools{gap:2px}.capsule-icon{width:36px;height:36px}.capsule-icon svg{width:17px;height:17px}.capsule-account{padding:0 9px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.capsule-shell,.capsule{transition:none!important}}

.capsule-shell{--header-shadow:rgba(20,47,51,.10)}html[data-theme="dark"] .capsule-shell{--header-shadow:rgba(0,0,0,.30)}