header.site-header { position:sticky; top:0; left:0; z-index:60; width:var(--reader-viewport,100%); height:auto; border:0; background:#102d2a; box-shadow:0 3px 16px #102d2a2e; }
header.site-header .top { max-width:1180px; min-height:80px; height:auto; margin:auto; padding:18px 28px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:16px; font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
header.site-header .brand { font-size:16px; line-height:24px; font-weight:700; letter-spacing:0; white-space:nowrap; text-decoration:none; color:#f2fbf7; }
header.site-header nav { display:flex; align-items:center; flex-wrap:nowrap; gap:18px; margin-left:auto; font-size:14px; line-height:20px; }
header.site-header nav a { flex-shrink:0; font-size:14px; font-weight:400; line-height:20px; padding:8px 10px; border-radius:5px; color:#b9d0c8; text-decoration:none; white-space:nowrap; }
header.site-header nav a[aria-current] { font-weight:700; background:#ffffff1a; }
html[data-appearance] header.site-header .top a { color:var(--theme-header-text,#edf7f3)!important; }
header.site-header #appearanceButton { width:auto; height:36px; min-height:36px; flex-shrink:0; padding:8px 12px; margin:0; font-family:inherit; font-size:13px; line-height:18px; font-weight:500; letter-spacing:0; border-radius:6px; }
.reader-document-title { width:var(--reader-viewport,100%); padding:12px 22px 0; font-size:13px; line-height:20px; overflow-wrap:anywhere; }
.reader-document-title strong { font-weight:500; }
.readbar { top:var(--site-header-height,80px); }
@media(max-width:800px) {
  body > header.site-header .top { padding:12px 16px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 12px; }
  body > header.site-header .top > a.brand { display:inline-flex; }
  header.site-header nav { grid-column:1 / -1; grid-row:2; margin:0; gap:4px; justify-content:space-between; }
  header.site-header nav a { padding:8px 6px; font-size:13px; }
  header.site-header #appearanceButton { grid-column:2; grid-row:1; }
  .reader-document-title { padding-inline:8px; }
}
@media print { header.site-header,.reader-document-title { display:none; } }
html[data-workspace-content] body>header.site-header { display:none; }
html[data-workspace-content] .readbar { top:0; }
header.site-header .brand { display: inline-flex; align-items: center; gap: 9px; }
header.site-header { box-shadow: none; }
header.site-header nav a { display: inline-flex; align-items: center; gap: 7px; }
header.site-header .nav-glyph { width: 16px; height: 16px; flex: 0 0 16px; }
header.site-header .brand-glyph { width: 23px; height: 23px; flex: 0 0 23px; color: var(--theme-soft,#a9d8c2); }
header.site-header #appearanceButton { display: inline-flex; align-items: center; gap: 7px; }
header.site-header nav a[aria-current] { box-shadow: inset 0 -2px var(--theme-soft,#a9d8c2); }
.operate-page .upload-glyph { width: 28px; height: 28px; margin: 0 auto 12px; color: var(--theme-accent,#236b61); }
@media(max-width:440px) { header.site-header nav .nav-glyph { display: none; } }