.site-header { --home-ink:#26292c; --home-muted:#70767a; --home-line:#e6e8e8; --home-paper:#fff; --home-soft:#f6f7f7; --home-accent:#b7484e; --home-cream:#f6f1e6; color:var(--home-ink); font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif; }
.dark-theme .site-header { --home-ink:#ebeded; --home-muted:#a3abad; --home-line:#454a4d; --home-paper:#292a2d; --home-soft:#32363a; --home-accent:#e58e94; --home-cream:#3d3930; }
.site-header *, .site-header *::before, .site-header *::after { box-sizing:border-box; }
.site-header a { color:var(--home-ink); }
.site-header a:hover { color:var(--home-accent); }
.site-header a:focus-visible, .site-header button:focus-visible { outline:2px solid var(--home-accent); outline-offset:5px; }
@media (max-width:768px) { body:not(.home-page) .main { padding-top:0; } }
@media (prefers-reduced-motion:reduce) { .site-header *, .site-header *::before, .site-header *::after { transition:none!important; } }
.site-header .navbar { height:112px; line-height:normal; }
.site-header .navbar .container { max-width:1144px; height:100%; padding:0 32px; align-items:center; gap:24px; }
.site-header .header-logo a { display:flex; align-items:center; gap:12px; font-size:20px; font-weight:700; letter-spacing:-.8px; }
.brand-monogram { display:grid; place-items:center; flex-shrink:0; width:41px; height:43px; border:1px solid var(--home-ink); border-radius:12px 12px 14px 4px; color:var(--home-accent); background:var(--home-cream); font:italic 29px/1 Georgia,serif; transform:rotate(-7deg); box-shadow:3px 3px 0 var(--home-line); }
.brand-wordmark { display:block; text-align:left; line-height:1.3; }
.brand-caption { display:block; font-size:7px; font-weight:400; letter-spacing:1.4px; margin-top:5px; color:var(--home-muted); }
.home-brand-dot { color:var(--home-accent); }
.site-header .navbar .menu { display:flex; align-items:center; gap:4px; padding:6px 8px; border:1px solid var(--home-line); border-radius:40px; background:var(--home-paper); box-shadow:0 4px 0 #00000003,0 9px 24px #00000004; }
.site-header .navbar .menu a { padding:11px 14px; color:var(--home-muted); font-size:12px; border-radius:24px; transition:background .2s,transform .2s; white-space:nowrap; }
.site-header .navbar .menu a:hover { color:var(--home-ink); background:var(--home-soft); transform:translateY(-2px); }
.site-header .navbar .menu a.is-current { background:var(--home-ink); color:var(--home-paper); }
.nav-home span { color:#e6b9b1; margin-right:3px; }
.site-header label { margin-left:7px; transform:none; }
.site-header .switch_default + label { width:34px; height:34px; background:var(--home-cream); border-radius:50%; box-shadow:none; flex-shrink:0; }
.site-header .switch_default + label:after { content:'☼'; display:grid; place-items:center; position:static; width:34px; height:34px; color:var(--home-ink); background:none; font-size:24px; box-shadow:none; line-height:1; }
.dark-theme .site-header .switch_default + label:after { content:'☾'; }
.home-menu-button { border:0; background:transparent; color:inherit; font:inherit; cursor:pointer; }
@media (min-width:769px) and (max-width:1023px) {
  .site-header .navbar .menu { gap:1px; }
  .site-header .navbar .menu a { padding:10px 9px; font-size:11px; }
  .brand-caption { font-size:6px; letter-spacing:1px; }
  .brand-monogram { width:34px; height:37px; }
  .site-header .header-logo a { gap:8px; font-size:18px; }
}
@media (max-width:768px) {
  .site-header .navbar { display:none; }
  .site-header .navbar-mobile { display:block!important; position:relative; z-index:10; width:100%; }
  .site-header .navbar-mobile .container { line-height:normal; padding:0 24px; background:var(--home-paper); }
  .site-header .navbar-mobile .navbar-header { display:flex; justify-content:space-between; align-items:center; min-height:88px; padding:0; width:100%; }
  .site-header .navbar-mobile .navbar-header > div { display:flex; align-items:center; gap:14px; }
  .site-header .navbar-mobile .navbar-header > div > a:first-child { display:flex; align-items:center; gap:9px; font-size:19px; font-weight:700; letter-spacing:-.7px; }
  .brand-monogram { width:32px; height:35px; font-size:25px; }
  .brand-caption { font-size:6px; letter-spacing:.75px; }
  .site-header #mobile-toggle-theme { font-size:10px; color:var(--home-muted); padding:14px 0; cursor:pointer; }
  .site-header .navbar-mobile .container .navbar-header .menu-toggle { font-size:11px; line-height:1.2; padding:12px 14px; border:1px solid var(--home-line); border-radius:22px; background:var(--home-soft); }
  .site-header .navbar-mobile .menu { display:none; border:0; border-top:1px solid var(--home-line); padding:12px 0 18px; background:var(--home-paper); box-shadow:none; white-space:normal; }
  .site-header .navbar-mobile .menu.active { display:flex; flex-wrap:wrap; gap:7px; }
  .site-header .navbar-mobile .menu a { display:inline-block; margin:0; padding:8px 15px; line-height:1.8; font-size:12px; background:var(--home-soft); border-radius:22px; }
  .site-header .navbar-mobile .menu a.is-current { background:var(--home-ink); color:var(--home-paper); }
}
@media (max-width:480px) {
  .site-header .navbar-mobile .navbar-header > div { gap:9px; }
  .site-header #mobile-toggle-theme { font-size:9px; }
  .site-header .navbar-mobile .container .navbar-header .menu-toggle { padding:11px 10px; font-size:10px; }
}
