/* Progressive enhancement: with JavaScript disabled, every language remains visible. */
html[data-pzx-language="zh"] [data-pzx-lang="en"],
html[data-pzx-language="en"] [data-pzx-lang="zh"] { display: none !important; }
html[data-pzx-language="en"] .pzx-bilingual > .pzx-bilingual__en { font-size: inherit; color: inherit; font-weight: inherit; }
html[data-pzx-language="en"] .home-portal-hero__title-en { font-size: clamp(32px, 4vw, 58px); line-height: 1.15; color: inherit; }
html[data-pzx-language="en"] .portal-about-section::before { content: 'PROFILE'; }
html[data-pzx-language="zh"] .portal-about-section::before { content: '个人档案'; }
.pzx-language-control { display: inline-flex; align-items: center; gap: 5px; color: #c4d8d3; font: 12px/1.3 system-ui, sans-serif; white-space: nowrap; }
.pzx-language-control select { min-height: 40px; padding: 6px 20px 6px 8px; border: 1px solid #5c7771; border-radius: 7px; background: #172320; color: #e9f2ef; font: inherit; cursor: pointer; }
.pzx-language-control select:focus-visible,.pzx-cat button:focus-visible,.pzx-resume button:focus-visible { outline: 2px solid #a0ded1; outline-offset: 4px; }
.pzx-language-dock { position: fixed; top: 12px; right: 12px; z-index: 100; }
.pzx-language-notice,.pzx-resume { margin: 12px 0 20px; padding: 12px 16px; border-left: 2px solid #79b9ad; background: #182522; color: #cbdad6; font: 14px/1.7 system-ui,sans-serif; }
.pzx-language-notice[hidden],.pzx-resume[hidden],.pzx-cat [hidden] { display: none !important; }
.pzx-resume button { margin: 4px 12px 4px 0; border: 1px solid #668c81; border-radius: 6px; color: inherit; background: transparent; padding: 7px 12px; cursor: pointer; }
.home-portal-nav__links,.semantic-site-nav__links { flex-wrap: wrap; }
.pzx-cat { position: fixed; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); z-index: 50; width: 192px; pointer-events: none; color: #d7e9e3; }
.pzx-cat button { pointer-events: auto; font: 12px/1.4 system-ui,sans-serif; cursor: pointer; }
.pzx-cat__body { display: block; position: relative; padding: 0; border: 0; width: 192px; height: 252px; color: inherit; background: transparent; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
.pzx-cat__body canvas,.pzx-cat__body .pzx-cat__fallback { display: block; width: 100% !important; height: 100% !important; object-fit: contain; overflow: visible; filter: drop-shadow(0 3px 3px #0005); }
.pzx-cat__body:active { cursor: grabbing; }
.pzx-cat__controls { display: flex; align-items: center; justify-content: center; gap: 10px; }
.pzx-cat__credit { pointer-events: auto; color: #9ebcb2; font: 10px/1.4 system-ui,sans-serif; border: 0; text-decoration: none; }
.pzx-cat__credit:hover { color: #d7e9e3; }
.pzx-cat__credit:focus-visible { outline: 2px solid #a0ded1; outline-offset: 4px; }
.pzx-cat__toggle { display: block; margin: 0; padding: 6px 10px; min-height: 32px; border: 1px solid #77958b; border-radius: 16px; background: #1e2b28; color: #d7e9e3; }
.pzx-cat__message { box-sizing: border-box; position: absolute; right: 0; bottom: 100%; width: 228px; max-width: 70vw; margin: 0 0 8px; padding: 10px 12px; border: 1px solid #698b80; border-radius: 12px 12px 3px 12px; background: #20332ef5; color: #e0eee7; font: 13px/1.6 system-ui,sans-serif; pointer-events: none; }
.pzx-cat[data-message-position="beside"] .pzx-cat__message { top: 18px; bottom: auto; right: calc(100% + 8px); }
.pzx-cat[data-paused="true"] * { animation-play-state: paused !important; transition: none !important; }
.pzx-cat[data-covered="true"] { visibility: hidden; }
.pzx-cat[data-covered="true"][data-toggle-safe="true"] .pzx-cat__toggle { visibility: visible; }
@media (max-width: 1100px) { .home-portal-nav__links { gap: 12px; } }
/* Keep the desktop star-map labels clear of the fixed large companion dock. */
@media (min-width: 1100px) { .home-portal-graph { margin-left: -176px; margin-right: 176px; } }
@media (max-width: 767px) {
  .pzx-cat { right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); }
  .pzx-cat__toggle { min-height: 44px; }
  .pzx-cat__credit { display: none; }
  .pzx-language-control select { min-height: 44px; }
  .home-portal-nav__mobile .pzx-language-control,.semantic-site-nav__mobile .pzx-language-control { margin: 8px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .pzx-cat * { animation: none !important; transition: none !important; }
}
/* Reader controls share one reserved bottom rail on narrow screens. */
@media (max-width: 767px) {
  body:has(.article-reader-page) .pzx-cat { bottom: calc(12px + env(safe-area-inset-bottom)); }
}