/* Halo blog surface: a glassy, pointer-reactive page around the preserved
   green article cover. The article content remains unchanged. */
html.nq-blog-surface body.nq-blog-surface {
  --nq-ink:#39445e; --nq-muted:#667085;
  position:relative; isolation:isolate; overflow-x:clip;
  color:var(--nq-ink) !important;
  background:
    radial-gradient(circle at 8% 5%,rgba(247,125,170,.22),transparent 34%),
    radial-gradient(circle at 90% 5%,rgba(122,162,247,.24),transparent 38%),
    linear-gradient(135deg,#fbfcff 0%,#f6f3ff 48%,#eef7ff 100%) !important;
  transition:background .8s ease,color .45s ease;
}
html.nq-blog-surface body.nq-blog-surface::before,
html.nq-blog-surface body.nq-blog-surface::after {
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
}
html.nq-blog-surface body.nq-blog-surface::before {
  opacity:.42;
  background-image:linear-gradient(rgba(122,162,247,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(247,125,170,.055) 1px,transparent 1px);
  background-size:48px 48px; mask-image:linear-gradient(#000,rgba(0,0,0,.72) 66%,transparent);
  animation:nq-blog-grid 30s linear infinite;
}
html.nq-blog-surface body.nq-blog-surface::after {
  background:
    radial-gradient(circle at calc(50% + var(--nq-shift-x,0px)) calc(38% + var(--nq-shift-y,0px)),rgba(255,255,255,.65),transparent 21%),
    radial-gradient(circle at 16% 72%,rgba(122,162,247,.17),transparent 28%),
    radial-gradient(circle at 84% 74%,rgba(247,125,170,.14),transparent 28%);
  opacity:.68; transition:background-position .25s ease,opacity .5s ease;
}
html.nq-blog-surface body.nq-blog-surface > * { position:relative; z-index:1; }
html.nq-blog-surface body.nq-blog-surface > header {
  z-index:50; background:rgba(255,255,255,.66) !important;
  border-bottom:1px solid rgba(255,255,255,.84) !important;
  box-shadow:0 12px 34px rgba(87,106,150,.12) !important;
  backdrop-filter:blur(18px) saturate(135%); -webkit-backdrop-filter:blur(18px) saturate(135%);
  animation:nq-blog-header-in .7s cubic-bezier(.22,1,.36,1) both;
}
html.nq-blog-surface body.nq-blog-surface > header a { transition:color .25s ease,transform .35s cubic-bezier(.22,1,.36,1),filter .35s ease; }
html.nq-blog-surface body.nq-blog-surface > header a:hover { transform:translateY(-2px); filter:drop-shadow(0 5px 10px rgba(122,162,247,.18)); }
html.nq-blog-surface body.nq-blog-surface > header img[data-nq-blog-logo="true"] { border-radius:50% !important; object-fit:cover; box-shadow:0 7px 18px rgba(247,125,170,.2); }
html.nq-article-motion body.nq-article-motion > .nq-merged-blog-hero {
  min-height:400px; height:min(60vh,680px); border-radius:0 0 2.3rem 2.3rem;
  overflow:hidden; box-shadow:0 24px 70px rgba(89,107,151,.18);
  animation:nq-article-hero-in .85s cubic-bezier(.22,1,.36,1) both;
}
html.nq-article-motion body.nq-article-motion > .nq-merged-blog-hero img {
  transform:translate3d(calc(var(--nq-shift-x,0px) * -.22),calc(var(--nq-shift-y,0px) * -.18),0) scale(1.035);
  filter:saturate(.9) brightness(1.06); transition:transform .6s cubic-bezier(.22,1,.36,1),filter .6s ease;
  animation:nq-article-cover-breathe 18s ease-in-out infinite alternate;
}
html.nq-article-motion body.nq-article-motion > .nq-merged-blog-hero::after {
  content:""; position:absolute; inset:0; pointer-events:none; z-index:1;
  background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,rgba(247,125,170,.12) 72%,rgba(49,62,98,.28) 100%);
}
html.nq-article-motion body.nq-article-motion > div:has(#nq-blog-directory) {
  position:relative; z-index:3; display:flex; align-items:flex-start; background:transparent !important;
  margin-top:-2.8rem; padding:0 clamp(.7rem,2vw,1.5rem) 3rem;
}
html.nq-article-motion body.nq-article-motion #nq-blog-directory,
html.nq-article-motion body.nq-article-motion #articleContentId,
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] {
  border:1px solid rgba(255,255,255,.78); border-radius:1.5rem;
  background:rgba(255,255,255,.64) !important;
  box-shadow:0 18px 58px rgba(89,107,151,.13),inset 0 1px rgba(255,255,255,.84);
  backdrop-filter:blur(16px) saturate(120%); -webkit-backdrop-filter:blur(16px) saturate(120%);
  animation:nq-blog-card-in .78s cubic-bezier(.22,1,.36,1) both;
}
html.nq-article-motion body.nq-article-motion #nq-blog-directory { animation-delay:.12s; }
html.nq-article-motion body.nq-article-motion #articleContentId { animation-delay:.2s; }
html.nq-article-motion body.nq-article-motion #nq-blog-directory a,
html.nq-article-motion body.nq-article-motion #articleContentId a { transition:color .25s ease,text-shadow .25s ease; }
html.nq-article-motion body.nq-article-motion #nq-blog-directory a:hover,
html.nq-article-motion body.nq-article-motion #articleContentId a:hover { color:#d45a91 !important; text-shadow:0 0 14px rgba(247,125,170,.2); }
html.nq-article-motion body.nq-article-motion > footer { background:rgba(255,255,255,.38); border-top-color:rgba(255,255,255,.74); }
html:is(.dark,[data-theme="dark"]).nq-blog-surface body.nq-blog-surface {
  --nq-ink:#edf1ff; --nq-muted:#a9b1d6; color:var(--nq-ink) !important;
  background:radial-gradient(ellipse at 8% 4%,rgba(79,132,255,.29),transparent 36%),radial-gradient(ellipse at 92% 4%,rgba(231,107,188,.25),transparent 34%),linear-gradient(180deg,#080a11 0%,#0b0c10 100%) !important;
}
html:is(.dark,[data-theme="dark"]).nq-blog-surface body.nq-blog-surface::before { opacity:.46; background-image:linear-gradient(rgba(148,166,221,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,166,221,.12) 1px,transparent 1px); }
html:is(.dark,[data-theme="dark"]).nq-blog-surface body.nq-blog-surface::after { opacity:.6; background:radial-gradient(circle at calc(50% + var(--nq-shift-x,0px)) calc(38% + var(--nq-shift-y,0px)),rgba(111,157,255,.22),transparent 24%),radial-gradient(circle at 12% 66%,rgba(80,126,248,.22),transparent 30%),radial-gradient(circle at 88% 66%,rgba(239,118,190,.2),transparent 30%); }
html:is(.dark,[data-theme="dark"]).nq-blog-surface body.nq-blog-surface > header { background:rgba(11,12,16,.72) !important; border-bottom-color:rgba(255,255,255,.1) !important; box-shadow:0 12px 34px rgba(0,0,0,.24) !important; }
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion > div:has(#nq-blog-directory) { background:transparent !important; }
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion #nq-blog-directory,
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion #articleContentId,
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion [id^="comment-content-"] { background:linear-gradient(130deg,rgba(25,34,58,.84),rgba(17,25,47,.76)) !important; border-color:rgba(122,162,247,.22); box-shadow:0 18px 54px rgba(3,6,18,.28); }
@keyframes nq-blog-grid { from{background-position:0 0} to{background-position:48px 48px} }
@keyframes nq-blog-header-in { from{opacity:0;transform:translateY(-14px)} to{opacity:1;transform:translateY(0)} }
@keyframes nq-article-hero-in { from{opacity:0;transform:translateY(18px) scale(1.01)} to{opacity:1;transform:translateY(0) scale(1)} }
@keyframes nq-article-cover-breathe { from{transform:translate3d(calc(var(--nq-shift-x,0px) * -.22),calc(var(--nq-shift-y,0px) * -.18),0) scale(1.035)} to{transform:translate3d(calc(var(--nq-shift-x,0px) * -.32),calc(var(--nq-shift-y,0px) * -.26),0) scale(1.075)} }
@keyframes nq-blog-card-in { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }
@media(max-width:640px) {
  /* The mobile drawer keeps every destination reachable by scrolling instead
     of clipping the last items behind the browser chrome. The supplied anime
     artwork sits behind a dark glass veil so the labels remain legible. */
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel {
    z-index:90 !important; max-height:calc(100dvh - 4.25rem) !important;
    overflow-y:auto !important; overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch; scrollbar-width:thin;
    padding:1.1rem .8rem max(1.2rem,env(safe-area-inset-bottom)) !important;
    border:1px solid rgba(255,255,255,.48) !important;
    border-radius:1.25rem !important;
    background-image:linear-gradient(180deg,rgba(16,20,49,.64),rgba(13,16,37,.82)),url('/space-assets/20260909-1/mobile-menu-bg.jpg') !important;
    background-position:center top !important; background-size:cover !important;
    background-repeat:no-repeat !important; background-attachment:local !important;
    box-shadow:0 18px 70px rgba(18,24,61,.35) !important;
    backdrop-filter:blur(18px) saturate(125%); -webkit-backdrop-filter:blur(18px) saturate(125%);
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel::after {
    content:""; position:absolute; inset:0; pointer-events:none; border-radius:inherit;
    background:linear-gradient(135deg,rgba(124,174,255,.16),transparent 42%,rgba(246,139,203,.14));
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel > * { position:relative; z-index:1; }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel a {
    color:rgba(242,246,255,.88) !important; text-shadow:0 1px 12px rgba(4,7,25,.5);
    background:rgba(21,27,58,.32) !important; border-color:rgba(255,255,255,.22) !important;
    transition:transform .3s ease,background .3s ease,color .3s ease;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel a:hover,
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel a:focus-visible {
    color:#fff !important; background:rgba(111,145,235,.4) !important; transform:translateX(4px);
  }
  html.nq-article-motion body.nq-article-motion > .nq-merged-blog-hero { min-height:320px; height:48vh; border-radius:0 0 1.4rem 1.4rem; }
  html.nq-article-motion body.nq-article-motion > div:has(#nq-blog-directory) { margin-top:-1.3rem; padding-inline:.55rem; }
  html.nq-article-motion body.nq-article-motion #nq-blog-directory,html.nq-article-motion body.nq-article-motion #articleContentId { border-radius:1.15rem; }
}
@media(prefers-reduced-motion:reduce) {
  html.nq-blog-surface body.nq-blog-surface::before,html.nq-blog-surface body.nq-blog-surface > header,
  html.nq-article-motion body.nq-article-motion > .nq-merged-blog-hero,
  html.nq-article-motion body.nq-article-motion > .nq-merged-blog-hero img,
  html.nq-article-motion body.nq-article-motion #nq-blog-directory,
  html.nq-article-motion body.nq-article-motion #articleContentId { animation:none !important; transition:none !important; }
}

/* BongoCat-style floating glass chrome for the Halo blog surface. */
html.nq-blog-surface body.nq-blog-surface > header {
  position:fixed !important; top:1rem !important; left:50% !important;
  transform:translateX(-50%) !important; width:min(1440px,calc(100% - clamp(2rem,5vw,8rem))) !important;
  min-height:4.7rem; height:auto; margin:0 !important; padding:.4rem .7rem !important;
  border:1px solid rgba(255,255,255,.8) !important; border-radius:999px !important;
  background:rgba(255,255,255,.64) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.98),0 18px 48px rgba(74,91,151,.18) !important;
  backdrop-filter:blur(24px) saturate(1.25) !important;
  -webkit-backdrop-filter:blur(24px) saturate(1.25) !important;
  transition:box-shadow .35s ease,background .35s ease,top .55s ease !important;
}
html.nq-blog-surface body.nq-blog-surface > header:hover { box-shadow:inset 0 1px rgba(255,255,255,.98),0 22px 56px rgba(74,91,151,.24) !important; }
html:is(.dark,[data-theme="dark"]).nq-blog-surface body.nq-blog-surface > header {
  background:rgba(14,19,35,.74) !important; border-color:rgba(132,150,218,.42) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 18px 48px rgba(0,0,0,.3) !important;
}
html.nq-blog-surface body.nq-blog-surface .nq-archive-year {
  border-radius:2.35rem !important; background:rgba(255,255,255,.56) !important;
  border-color:rgba(255,255,255,.82) !important; backdrop-filter:blur(20px) saturate(125%);
  -webkit-backdrop-filter:blur(20px) saturate(125%);
  box-shadow:0 20px 58px rgba(89,107,151,.14),inset 0 1px rgba(255,255,255,.86) !important;
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;
}
html.nq-blog-surface body.nq-blog-surface .nq-archive-year:hover { transform:translateY(-4px); box-shadow:0 26px 68px rgba(89,107,151,.2),inset 0 1px rgba(255,255,255,.9) !important; }
html.nq-blog-surface body.nq-blog-surface .nq-archive-list li {
  border-radius:999px !important; background:rgba(255,255,255,.46) !important;
  border-color:rgba(255,255,255,.72) !important; backdrop-filter:blur(16px) saturate(120%);
  -webkit-backdrop-filter:blur(16px) saturate(120%);
  box-shadow:inset 0 1px rgba(255,255,255,.74),0 10px 28px rgba(89,107,151,.09) !important;
  transition:transform .3s ease,background .3s ease,box-shadow .3s ease;
}
html.nq-blog-surface body.nq-blog-surface .nq-archive-list li:hover { transform:translateX(6px); background:rgba(255,255,255,.68) !important; box-shadow:inset 0 1px rgba(255,255,255,.9),0 14px 34px rgba(89,107,151,.14) !important; }
html:is(.dark,[data-theme="dark"]).nq-blog-surface body.nq-blog-surface .nq-archive-year { background:rgba(20,27,48,.62) !important; border-color:rgba(132,150,218,.34) !important; box-shadow:0 20px 58px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.12) !important; }
html:is(.dark,[data-theme="dark"]).nq-blog-surface body.nq-blog-surface .nq-archive-list li { background:rgba(32,42,70,.58) !important; border-color:rgba(132,150,218,.3) !important; box-shadow:inset 0 1px rgba(255,255,255,.1),0 12px 32px rgba(0,0,0,.2) !important; }
@media(max-width:800px) {
  html.nq-blog-surface body.nq-blog-surface > header { position:sticky !important; top:.5rem !important; left:auto !important; right:auto !important; transform:none !important; margin-inline:auto !important; width:calc(100% - 1rem) !important; box-sizing:border-box !important; border-radius:1.5rem !important; }
}

/* Year groups use the same long oval silhouette as their article pills. */
html.nq-blog-surface body.nq-blog-surface .nq-archive-year {
  border-radius: 999px !important;
}

/* Article reading stage: one continuous glass canvas instead of a white
   comment island floating in an empty page.  The original article markup is
   preserved; this only gives its existing regions a shared visual system. */
html.nq-article-motion body.nq-article-motion {
  background:
    radial-gradient(circle at 8% 18%, rgba(247,125,170,.16), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(122,162,247,.18), transparent 32%),
    linear-gradient(150deg, #f9f8ff 0%, #f4f5ff 46%, #eef7ff 100%) !important;
}
html.nq-article-motion body.nq-article-motion::before {
  opacity:.26;
  background-image:
    radial-gradient(circle at 18% 34%, rgba(122,162,247,.26) 0 1px, transparent 1.5px),
    radial-gradient(circle at 78% 24%, rgba(247,125,170,.22) 0 1px, transparent 1.5px),
    linear-gradient(125deg, transparent 0 47%, rgba(122,162,247,.08) 48%, transparent 49%);
  background-size: 42px 42px, 56px 56px, 100% 100%;
  mask-image: linear-gradient(#000, rgba(0,0,0,.68) 70%, transparent);
}
html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 {
  position:relative;
  z-index:3;
  width:min(calc(100% - clamp(1rem, 4vw, 4rem)), 1560px) !important;
  max-width:none !important;
  margin:clamp(-3rem, -4vw, -1.5rem) auto 3.5rem !important;
  padding:clamp(1rem, 2.2vw, 1.8rem) clamp(.8rem, 2.2vw, 2rem) 3rem !important;
  border:1px solid rgba(255,255,255,.76);
  border-radius:2.6rem;
  background:linear-gradient(145deg, rgba(255,255,255,.6), rgba(239,244,255,.38)) !important;
  box-shadow:0 28px 80px rgba(89,107,151,.14), inset 0 1px rgba(255,255,255,.82);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
}
html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 14% 12%, rgba(255,255,255,.72), transparent 24%),
    radial-gradient(circle at 90% 88%, rgba(122,162,247,.12), transparent 28%);
  opacity:.8;
}
html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 > .flex.w-full.max-w-\[1920px\] {
  position:relative;
  z-index:1;
  width:100% !important;
  max-width:none !important;
  align-items:flex-start;
  gap:clamp(.8rem, 1.8vw, 2rem);
}
/* This post currently has no body text, so empty side rails should not reserve
   a full viewport of blank space. If a future post gains a TOC/content, the
   rails remain available automatically. */
html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100:has(#articleContentId:not(:has(*))) > .sticky {
  display:none !important;
}
html.nq-article-motion body.nq-article-motion #articleContentId[data-nq-empty] {
  display:none !important;
}
html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100:has(#articleContentId:not(:has(*))) > .flex.w-full.max-w-\[1920px\] {
  display:block !important;
}
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] {
  width:100% !important;
  margin:0 !important;
  border-radius:1.8rem !important;
  background:rgba(255,255,255,.5) !important;
  box-shadow:0 18px 48px rgba(89,107,151,.11), inset 0 1px rgba(255,255,255,.82) !important;
}
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  border-radius:inherit;
  overflow:hidden;
}
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion {
  background:
    radial-gradient(circle at 8% 16%, rgba(79,132,255,.2), transparent 30%),
    radial-gradient(circle at 92% 16%, rgba(231,107,188,.18), transparent 32%),
    linear-gradient(150deg, #090c16 0%, #0d1020 52%, #10111b 100%) !important;
}
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 {
  border-color:rgba(132,150,218,.22);
  background:linear-gradient(145deg, rgba(18,25,47,.74), rgba(14,18,34,.62)) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.1);
}
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion [id^="comment-content-"] {
  background:rgba(20,28,52,.64) !important;
  border-color:rgba(132,150,218,.22);
  box-shadow:0 18px 54px rgba(3,6,18,.28), inset 0 1px rgba(255,255,255,.1) !important;
}
@media (max-width: 800px) {
  html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 {
    width:calc(100% - .9rem) !important;
    margin-top:-1.15rem !important;
    padding:.7rem .55rem 2rem !important;
    border-radius:1.55rem;
  }
  html.nq-article-motion body.nq-article-motion [id^="comment-content-"] { border-radius:1.25rem !important; }
}

/* Comment composer: keep the widget in the same soft glass language as the
   reading canvas instead of leaving the theme's stark white island behind. */
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] {
  padding:clamp(.9rem,2vw,1.55rem) !important;
  margin-top:clamp(1rem,2vw,1.8rem) !important;
  border-radius:2rem !important;
  background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(239,244,255,.3)) !important;
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:0 20px 56px rgba(89,107,151,.12),inset 0 1px rgba(255,255,255,.76) !important;
}
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  display:block;
  --halo-comment-widget-base-color:#34405c;
  --halo-comment-widget-base-info-color:#76819a;
  --halo-comment-widget-base-border-radius:1.15rem;
  --halo-comment-widget-base-font-family:inherit;
  --halo-comment-widget-component-form-input-bg-color:rgba(255,255,255,.68);
  --halo-comment-widget-component-form-input-color:#34405c;
  --halo-comment-widget-component-form-input-border-color:rgba(137,155,196,.28);
  --halo-comment-widget-component-form-input-border-color-focus:rgba(122,162,247,.9);
  --halo-comment-widget-component-form-input-box-shadow-focus:0 0 0 .2em rgba(122,162,247,.16);
  --halo-comment-widget-component-form-button-login-bg-color:rgba(255,255,255,.6);
  --halo-comment-widget-component-form-button-login-bg-color-hover:rgba(255,255,255,.86);
  --halo-comment-widget-component-form-button-login-border-color:rgba(137,155,196,.3);
  --halo-comment-widget-component-form-button-submit-bg-color:linear-gradient(110deg,#f47eb4,#7aa2f7);
  --halo-comment-widget-component-form-button-submit-color:#fff;
  --halo-comment-widget-component-form-button-submit-border-color:transparent;
  --halo-comment-widget-component-form-button-submit-border-color-hover:rgba(255,255,255,.75);
  --halo-comment-widget-component-form-button-emoji-color:#667696;
}
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion [id^="comment-content-"] {
  background:linear-gradient(145deg,rgba(25,34,58,.68),rgba(17,25,47,.52)) !important;
  border-color:rgba(132,150,218,.24) !important;
  box-shadow:0 20px 56px rgba(3,6,18,.3),inset 0 1px rgba(255,255,255,.1) !important;
}
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  --halo-comment-widget-base-color:#edf1ff;
  --halo-comment-widget-base-info-color:#a9b1d6;
  --halo-comment-widget-component-form-input-bg-color:rgba(18,25,47,.72);
  --halo-comment-widget-component-form-input-color:#edf1ff;
  --halo-comment-widget-component-form-input-border-color:rgba(132,150,218,.3);
  --halo-comment-widget-component-form-input-border-color-focus:rgba(122,162,247,.95);
  --halo-comment-widget-component-form-input-box-shadow-focus:0 0 0 .2em rgba(122,162,247,.2);
  --halo-comment-widget-component-form-button-login-bg-color:rgba(32,42,70,.7);
  --halo-comment-widget-component-form-button-login-bg-color-hover:rgba(52,68,108,.88);
  --halo-comment-widget-component-form-button-login-border-color:rgba(132,150,218,.3);
  --halo-comment-widget-component-form-button-emoji-color:#b8c7ff;
}

/* The footer and the animal strip are part of the same scene; remove the
   opaque theme layer so the animated dots and pastel gradients continue
   through the bottom of the page. */
html.nq-article-motion body.nq-article-motion > footer,
html.nq-article-motion body.nq-article-motion > footer > div,
html.nq-article-motion body.nq-article-motion > div.sticky.bottom-2 {
  background:transparent !important;
  border-top-color:transparent !important;
  box-shadow:none !important;
}
html.nq-article-motion body.nq-article-motion > div.sticky.bottom-2 {
  margin-top:-.25rem;
  filter:drop-shadow(0 10px 22px rgba(89,107,151,.1));
}
html.nq-article-motion body.nq-article-motion > div.sticky.bottom-2 img {
  transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s ease;
}
html.nq-article-motion body.nq-article-motion > div.sticky.bottom-2 img:hover {
  transform:translateY(-4px) scale(1.025);
  filter:drop-shadow(0 14px 24px rgba(122,162,247,.18));
}
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion > div.sticky.bottom-2 {
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.26));
}
html:is(.dark,[data-theme="dark"]).nq-article-motion body.nq-article-motion > div.sticky.bottom-2 img:hover {
  filter:drop-shadow(0 14px 26px rgba(122,162,247,.25));
}
@media (max-width: 640px) {
  html.nq-article-motion body.nq-article-motion [id^="comment-content-"] {
    padding:.75rem !important;
    border-radius:1.35rem !important;
  }
  html.nq-article-motion body.nq-article-motion > div.sticky.bottom-2 { margin-top:-.5rem; }
}

/* Give the comment composer room to breathe. Halo renders the form inside
   an open shadow root, so the public theme variables below are the stable
   customization surface while the host rules keep its emoji popover visible. */
html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100,
html.nq-article-motion body.nq-article-motion #articleContentId,
html.nq-article-motion body.nq-article-motion [id^="comment-content-"],
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  overflow: visible !important;
}
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] {
  position: relative !important;
  z-index: 12 !important;
  min-height: 18rem !important;
  padding: clamp(1.35rem, 3vw, 2.5rem) !important;
  border-radius: 2.25rem !important;
  background: linear-gradient(145deg, rgba(255,255,255,.34), rgba(231,238,255,.2)) !important;
  box-shadow: 0 24px 70px rgba(89,107,151,.14), inset 0 1px rgba(255,255,255,.78) !important;
}
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  --halo-comment-widget-component-form-input-bg-color: rgba(255,255,255,.42);
  --halo-comment-widget-component-form-input-border-color: rgba(137,155,196,.34);
  --halo-comment-widget-component-form-input-border-color-focus: rgba(122,162,247,.7);
  --halo-comment-widget-component-form-input-box-shadow-focus: 0 0 0 4px rgba(122,162,247,.16);
  --halo-comment-widget-component-form-button-login-bg-color: rgba(255,255,255,.48);
  --halo-comment-widget-component-form-button-login-bg-color-hover: rgba(255,255,255,.72);
  --halo-comment-widget-component-form-button-login-border-color: rgba(137,155,196,.38);
  --halo-comment-widget-component-form-button-submit-bg-color: linear-gradient(110deg, #f47eb4, #7aa2f7);
  --halo-comment-widget-component-form-button-submit-color: #fff;
  --halo-comment-widget-component-form-button-submit-border-color: transparent;
  --halo-comment-widget-component-form-button-submit-border-color-hover: rgba(255,255,255,.76);
  --halo-comment-widget-component-form-button-emoji-color: #586b95;
  --halo-comment-widget-base-border-radius: 1.35rem;
}
html:is(.dark, [data-theme="dark"]).nq-article-motion body.nq-article-motion [id^="comment-content-"] {
  background: linear-gradient(145deg, rgba(25,34,58,.7), rgba(17,25,47,.54)) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.1) !important;
}
html:is(.dark, [data-theme="dark"]).nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  --halo-comment-widget-component-form-input-bg-color: rgba(13,20,39,.58);
  --halo-comment-widget-component-form-input-color: rgba(244,247,255,.94);
  --halo-comment-widget-component-form-input-border-color: rgba(161,181,235,.3);
  --halo-comment-widget-component-form-button-login-bg-color: rgba(255,255,255,.08);
  --halo-comment-widget-component-form-button-login-bg-color-hover: rgba(255,255,255,.16);
  --halo-comment-widget-component-form-button-login-border-color: rgba(181,195,242,.32);
  --halo-comment-widget-component-form-button-emoji-color: #b8c7ff;
}

/* Empty article bodies are rendered by Halo before the article content is
   loaded.  The motion card used to make that empty shell look like a stray
   white circle in the upper-left of the reading page. */
html.nq-article-motion body.nq-article-motion #articleContentId:empty {
  display: none !important;
}

/* Halo's submit button consumes a solid-color custom property.  Supplying a
   readable pastel fill and a dark label keeps it legible on the light glass
   composer instead of falling back to an almost invisible white-on-white
   button. */
html.nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  --halo-comment-widget-component-form-button-submit-bg-color: #d9e5ff;
  --halo-comment-widget-component-form-button-submit-color: #263b6c;
  --halo-comment-widget-component-form-button-submit-border-color: #a9c1f2;
  --halo-comment-widget-component-form-button-submit-border-color-hover: #7f9fe4;
}
html:is(.dark, [data-theme="dark"]).nq-article-motion body.nq-article-motion [id^="comment-content-"] comment-widget {
  --halo-comment-widget-component-form-button-submit-bg-color: #789ae8;
  --halo-comment-widget-component-form-button-submit-color: #101a38;
  --halo-comment-widget-component-form-button-submit-border-color: #9bb7ff;
  --halo-comment-widget-component-form-button-submit-border-color-hover: #c9d7ff;
}
@media (max-width: 640px) {
  html.nq-article-motion body.nq-article-motion [id^="comment-content-"] {
    min-height: 15rem !important;
    padding: 1rem !important;
    border-radius: 1.55rem !important;
  }
}

/* Share the reading row between the article and a non-shrinking TOC.
   The directory card has a 2rem top margin, mirrored by its side rail. */
@media (min-width: 1024px) {
  html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 {
    column-gap: clamp(1rem, 2vw, 2rem);
  }
  html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 > .sticky.top-24.hidden.text-left {
    flex: 0 0 clamp(18rem, 25vw, 26rem);
    width: clamp(18rem, 25vw, 26rem) !important;
    padding-left: 0 !important;
    align-self: flex-start;
  }
  html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100:has(#nq-blog-directory) > .sticky.top-24.hidden.text-left {
    margin-top: 2rem;
  }
  html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 > .flex.w-full.max-w-\[1920px\] {
    flex: 1 1 0%;
    width: auto !important;
    min-width: 0;
  }
  html.nq-article-motion body.nq-article-motion > div.relative.mx-auto.flex.w-full.justify-center.bg-base-100 > .flex.w-full.max-w-\[1920px\] > div:first-child {
    width: 100%;
    min-width: 0;
  }
  html.nq-article-motion body.nq-article-motion .catalog-container {
    width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 640px) {
  html.nq-blog-surface:not(.dark):not([data-theme="dark"]) body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel {
    background: transparent !important;
    background-image: none !important;
    box-shadow:0 18px 70px rgba(89,107,151,.22) !important;
  }
  html.nq-blog-surface:not(.dark):not([data-theme="dark"]) body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-title {
    color:#2e3a59 !important;
    text-shadow:0 2px 16px rgba(255,255,255,.8);
  }
  html.nq-blog-surface:not(.dark):not([data-theme="dark"]) body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a {
    color:#34405c !important;
    background:rgba(255,255,255,.48) !important;
    border-color:rgba(255,255,255,.76) !important;
    text-shadow:0 1px 12px rgba(255,255,255,.8);
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel {
    inset-inline:.5rem !important;
    top:4.65rem !important;
    bottom:max(.55rem,env(safe-area-inset-bottom)) !important;
    width:auto !important;
    max-height:none !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    border-radius:1.55rem !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-card {
    position:relative !important;
    display:flex !important;
    flex-direction:column !important;
    max-height:100% !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overscroll-behavior:contain;
    padding:1.2rem .9rem max(1.25rem,env(safe-area-inset-bottom)) !important;
    border-radius:1.35rem !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-title {
    flex:none !important;
    margin-bottom:.8rem !important;
    color:rgba(248,250,255,.96) !important;
    text-shadow:0 2px 18px rgba(5,8,30,.55);
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links {
    display:grid !important;
    flex:none !important;
    gap:.62rem !important;
    min-height:0 !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:3.35rem !important;
    padding:.78rem 1rem !important;
    pointer-events:auto !important;
    position:relative !important;
    z-index:2 !important;
    border:1px solid rgba(255,255,255,.28) !important;
    border-radius:1.05rem !important;
    background:rgba(21,27,58,.34) !important;
    color:rgba(248,250,255,.92) !important;
    text-decoration:none !important;
    text-shadow:0 1px 14px rgba(4,7,25,.6);
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a span {
    opacity:.8;
    font-size:1.15em;
  }
}

/* Mobile navigation: keep the page visible and float one centred glass card
   directly beneath the header.  The old full-screen image/backdrop made the
   menu look like a second page and obscured the controls behind it. */
@media (max-width: 640px) {
  html.nq-blog-surface body.nq-blog-surface > header {
    /* A sticky box is centred by its margins, not the fixed-position
       left:50%/translateX(-50%) pair used by the desktop header. */
    min-height: 4.2rem;
    padding: .35rem .45rem !important;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div {
    gap: .25rem;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:first-child {
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    gap: .25rem;
    padding-left: 0 !important;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:first-child > div:first-child {
    min-width: 0;
    flex-shrink: 1;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:first-child > div:first-child > a {
    min-width: 0;
    white-space: nowrap;
  }
  html.nq-blog-surface body.nq-blog-surface > header img[data-nq-blog-logo="true"] {
    width: 1.75rem !important;
    height: 1.75rem !important;
    flex-shrink: 0;
  }
  html.nq-blog-surface body.nq-blog-surface > header img[data-nq-blog-logo="true"] + span {
    margin-left: .4rem;
    font-size: clamp(.8rem, 4vw, 1rem);
    line-height: 1.4;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:first-child > button {
    margin-left: 0 !important;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:last-child {
    flex: 0 0 auto;
    gap: .3rem;
    padding-right: 0 !important;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:last-child > * {
    margin-left: 0 !important;
    flex-shrink: 0;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:last-child > div > button {
    min-width: 2rem;
    height: 2rem;
  }
  html.nq-blog-surface body.nq-blog-surface > header button[data-nq-theme-toggle] {
    width: 2rem !important;
    height: 2rem !important;
  }
  html.nq-blog-surface body.nq-blog-surface > header nav > div > div:last-child button img {
    width: 1.75rem;
    height: 1.75rem;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel {
    position: fixed !important;
    inset: 0 !important;
    z-index: 90 !important;
    display: block !important;
    overflow: visible !important;
    pointer-events: none !important;
    padding: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-backdrop {
    display: none !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel::after {
    display: none !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-card {
    position: absolute !important;
    top: 5.15rem !important;
    left: 50% !important;
    right: auto !important;
    width: calc(100% - 1.35rem) !important;
    max-width: 31rem !important;
    max-height: calc(100dvh - 6.1rem) !important;
    min-height: 0 !important;
    transform: translateX(-50%) !important;
    overflow-y: auto !important;
    pointer-events: auto !important;
    padding: 1.05rem .8rem max(1rem, env(safe-area-inset-bottom)) !important;
    border: 1px solid rgba(255,255,255,.64) !important;
    border-radius: 1.65rem !important;
    background: linear-gradient(145deg, rgba(255,255,255,.72), rgba(239,244,255,.54) 55%, rgba(255,239,250,.6)) !important;
    box-shadow: 0 24px 68px rgba(72,86,145,.22), inset 0 1px rgba(255,255,255,.92) !important;
    backdrop-filter: blur(24px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(145%) !important;
    animation: nq-mobile-menu-float-in .46s cubic-bezier(.16,1.28,.28,1) both !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    background: linear-gradient(120deg, rgba(255,255,255,.36), transparent 38%, rgba(168,191,255,.16));
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-card > * {
    position: relative !important;
    z-index: 1 !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-title {
    margin: 0 0 .8rem !important;
    padding: .15rem .65rem .45rem !important;
    color: rgba(47,59,91,.9) !important;
    font-size: .84rem !important;
    letter-spacing: .12em !important;
    text-shadow: 0 2px 14px rgba(255,255,255,.74) !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links {
    gap: .55rem !important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a {
    min-height: 3.2rem !important;
    border: 1px solid rgba(255,255,255,.66) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.4) !important;
    color: rgba(47,59,91,.94) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.7), 0 8px 22px rgba(99,114,173,.08) !important;
    text-shadow: 0 1px 10px rgba(255,255,255,.7) !important;
    animation: nq-mobile-menu-link-in .42s cubic-bezier(.22,1,.36,1) both;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a:nth-child(2) { animation-delay: .035s; }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a:nth-child(3) { animation-delay: .07s; }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a:nth-child(4) { animation-delay: .105s; }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a:nth-child(5) { animation-delay: .14s; }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a:nth-child(6) { animation-delay: .175s; }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a:nth-child(7) { animation-delay: .21s; }
}
html:is(.dark, [data-theme="dark"]).nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-card {
  background: linear-gradient(145deg, rgba(24,32,58,.82), rgba(13,19,39,.72) 55%, rgba(40,24,54,.78)) !important;
  border-color: rgba(159,178,239,.38) !important;
  box-shadow: 0 24px 68px rgba(0,0,0,.36), inset 0 1px rgba(255,255,255,.12) !important;
}
html:is(.dark, [data-theme="dark"]).nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-title {
  color: rgba(238,243,255,.92) !important;
  text-shadow: 0 2px 16px rgba(132,157,255,.26) !important;
}
html:is(.dark, [data-theme="dark"]).nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a {
  background: rgba(31,42,75,.48) !important;
  border-color: rgba(164,181,239,.28) !important;
  color: rgba(240,244,255,.94) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 8px 24px rgba(0,0,0,.16) !important;
  text-shadow: 0 1px 12px rgba(115,146,255,.25) !important;
}
@keyframes nq-mobile-menu-float-in {
  from { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(.965); }
  to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); }
}
@keyframes nq-mobile-menu-link-in {
  from { opacity: 0; transform: translateY(-7px); }
  to { opacity: 1; transform: translateY(0); }
}
html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel[hidden] {
  display: none !important;
}

/* nq-archive-showcase-20260924 */
/* Scoped to the archive landing page: post bodies and comments retain their own theme. */
html.nq-blog-surface body.nq-blog-surface.nq-archive-page.nq-archive-showcase {
  --v-bg:#f2f6fc; --v-ink:#18263b; --v-muted:#687d95; --v-line:#7296ba30;
  --v-surface:#ffffff96; --v-panel:#f9fcff; --v-star-opacity:.6;
  background:linear-gradient(180deg,#e9f3fc 0,#f5f8fd 800px,#f2f6fc 100%)!important;
  color:var(--v-ink)!important; overflow-x:clip; margin:0; padding:0!important;
  font-family:'Plus Jakarta Sans','Noto Sans SC','Microsoft YaHei',system-ui,sans-serif;
}
html.nq-blog-surface:is(.dark,[data-theme=dark]) body.nq-blog-surface.nq-archive-page.nq-archive-showcase {
  --v-bg:#020509; --v-ink:#f4f8fc; --v-muted:#9aa9ba; --v-line:#bfdef51c;
  --v-surface:#0c152080; --v-panel:#080f19; --v-star-opacity:1;
  background:linear-gradient(180deg,#020204 0,#04101d 880px,#020509 1450px)!important;
}
html body.nq-archive-showcase::before,html body.nq-archive-showcase::after,
body.nq-archive-showcase #nq-night-scene,body.nq-archive-showcase #nq-ambient-canvas { display:none!important; }
body.nq-archive-showcase *,body.nq-archive-showcase *::before,body.nq-archive-showcase *::after { box-sizing:border-box; }
body.nq-archive-showcase #nq-blog-archive { width:100%!important;max-width:none!important;margin:0!important;padding:0!important;position:relative;z-index:1; }
body.nq-archive-showcase .nq-v-stars { position:fixed!important;inset:0;pointer-events:none;z-index:0;opacity:var(--v-star-opacity);overflow:hidden; }
.nq-v-star-layer { position:absolute;left:0;top:0;width:1px;height:1px;border-radius:50%;background:#b5d3f8; }
/* One glass surface, centred in the viewport; no nested backgrounds on the nav groups. */
html body.nq-archive-showcase > header {
  position:fixed!important;left:50%!important;right:auto!important;top:16px!important;
  width:calc(100% - 48px)!important;max-width:1160px!important;min-height:62px!important;
  margin:0!important;transform:translateX(-50%)!important;translate:none!important;
  border:1px solid var(--v-line)!important;border-radius:36px!important;background:var(--v-surface)!important;
  box-shadow:inset 0 1px 0 #ffffff12,0 8px 30px #03122208!important;
  backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important;z-index:1000!important;
}
body.nq-archive-showcase > header::before,body.nq-archive-showcase > header::after { display:none!important; }
body.nq-archive-showcase > header > nav { width:100%!important;max-width:none!important;margin:0!important;padding:5px 15px!important;border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important; }
body.nq-archive-showcase > header > nav > div { min-height:50px!important;height:auto!important;background:transparent!important; }
html body.nq-archive-showcase > header a,html body.nq-archive-showcase > header button { color:var(--v-ink)!important;font-size:14px; }
body.nq-archive-showcase > header a[href='/'] > span { font-size:17px!important;white-space:nowrap; }
body.nq-archive-showcase > header img[alt='网站Logo'] { width:30px!important;height:30px!important; }
.nq-v-stage { position:relative;height:calc(770px * var(--nq-v-k,1));overflow:hidden;min-height:620px; }
.nq-v-canvas { position:absolute;left:50%;top:0;width:1172px;height:770px;transform:translateX(-50%) scale(var(--nq-v-k,1));transform-origin:50% 0; }
.nq-v-stack { position:absolute;inset:0;z-index:30;pointer-events:none; }
.nq-v-stack > * { position:absolute;pointer-events:auto; }
.nq-v-badge { left:461px;top:116px;width:250px;height:39px;border:1px solid var(--v-line);border-radius:12px;
  background:linear-gradient(to top,#bee1ff2d 0,#bee1ff13 4px,#ffffff03 9px);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff09; }
.nq-v-badge i { position:absolute;left:4px;top:4px;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;
  background:linear-gradient(to top,#46afc8,#0b859d 4px,#004e66 8px,#031a2a 14px,#090c1c 23px);box-shadow:inset 1px 0 #96dcfa66,inset -1px 0 #96dcfa85,0 0 6px #3cbee633; }
.nq-v-badge svg { width:14px;height:16px;fill:#107098b8;stroke:#beecffb3;stroke-width:1.6;stroke-linejoin:round; }
.nq-v-badge b { position:absolute;left:45px;top:0;height:39px;display:flex;align-items:center;font-size:12px;font-weight:500;white-space:nowrap;color:var(--v-ink);letter-spacing:.02em; }
.nq-v-title { left:50%;top:185px;transform:translateX(-50%);font-size:50px!important;line-height:1.2!important;letter-spacing:.035em!important;font-weight:850!important;text-align:center;white-space:nowrap;margin:0!important;color:var(--v-ink)!important; }
.nq-v-title span { display:block; }
.nq-v-title-accent { color:#117d9c; }
html:is(.dark,[data-theme=dark]) .nq-v-title { text-shadow:0 0 34px #82b4ff38; }
html:is(.dark,[data-theme=dark]) .nq-v-title-accent { color:#f4faff; }
.nq-v-sub,.nq-v-caption { left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center;margin:0!important;line-height:1.6!important;font-size:13px!important;color:var(--v-muted)!important; }
.nq-v-sub { top:326px;font-weight:600; }
.nq-v-caption { top:348px; }
.nq-v-btn { display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden;color:#fff!important;text-decoration:none!important;
  background:linear-gradient(to top,#9ad9ec 1px,#89dff0 2px,#79e0f1 3px,#61daef 4px,#3ec8e4 5px,#14a8c6 6px,#0596b3 7px,#038aa8 8px,#047796 9px,#006180 10px,#025066 12px,#0a4f5e 13px,#04465a 14px,#073746 16px,#0a2a37 18px,#0d212e 20px,#0f1824 24px,#0a121e 30px,#0a111d 34px);
  box-shadow:inset 0 3px 3px -2px #b4e4ff1a,inset 1px 0 #ffffff17,inset -1px 0 #ffffff17,0 1px #98daea61,1px 0 #98daea2b,-1px 0 #98daea2b,0 0 8px #3cbeeb1a,0 2px 5px -3px #5adcff73;
  transition:filter .25s,translate .25s; }
.nq-v-btn::after { content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg,#c8f5ffb3,transparent 13px),linear-gradient(270deg,#c8f5ffb3,transparent 13px);
  mask:linear-gradient(to top,#000 0,#000 6px,#0006 12px,#00000026 18px,#00000017 24px,#00000005 30px); }
.nq-v-btn span { position:relative;z-index:2; }
.nq-v-btn:hover { filter:brightness(1.15);translate:0 -2px; }
.nq-v-cta { left:502px;top:390px;width:168px;height:55px;border-radius:13px;font-size:14px;font-weight:600; }
.nq-v-arrow { font-size:17px;font-weight:400; }
.nq-v-showcase { position:absolute;left:0;top:0;width:1172px;height:0;z-index:5; }
.nq-v-ring { position:absolute;left:0;top:0;width:1172px;height:657px;perspective:891px;perspective-origin:586px 918px;transform-style:preserve-3d;pointer-events:none; }
.nq-v-card { position:absolute;left:586px;top:647px;width:130px;height:300px;margin:-150px 0 0 -65px;border-radius:12px;overflow:hidden;background:#101a2a;color:#fff;box-shadow:0 24px 46px #0006,0 3px 8px #0005;backface-visibility:hidden;will-change:transform;text-align:left; }
.nq-v-edge { position:absolute;inset:0;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 16px 30px #ffffff0d; }
.nq-v-cover-kicker { position:absolute;top:18px;left:12px;right:10px;letter-spacing:.15em;font-size:5px;font-weight:700; }
.nq-v-cover-title { position:absolute;left:12px;top:45px;z-index:2;font-size:25px;font-weight:750;white-space:pre-line;line-height:1.2;letter-spacing:-.02em; }
.nq-v-cover-footer { position:absolute;left:12px;bottom:15px;font-size:5px;letter-spacing:.15em; }
.nq-v-cover-number { position:absolute;right:10px;bottom:26px;font-size:72px;line-height:1;font-weight:900;opacity:.12; }
.nq-v-cover-art { position:absolute;width:190px;height:190px;left:-35px;top:112px;border-radius:50%;border:20px solid #ffffff30;box-shadow:0 0 0 14px #ffffff0d,inset 0 0 30px #ffffff30;rotate:-25deg; }
.nq-v-cover-life { background:linear-gradient(150deg,#f6d8c8,#e59273);color:#492b24; }
.nq-v-cover-life .nq-v-cover-art { border-radius:100px 100px 0 0;background:linear-gradient(90deg,#7f5b8c,#f5c7bd);left:30px;top:136px;width:110px;height:190px;border:0; }
.nq-v-cover-code { background:linear-gradient(155deg,#052c44,#0a5970 70%,#23a6b4); }
.nq-v-cover-code .nq-v-cover-art { border:1px solid #62f4f5;box-shadow:0 0 0 10px #62f4f51a,0 0 0 28px #62f4f51a,0 0 0 48px #62f4f51a; }
.nq-v-cover-read { background:linear-gradient(#0d22388c,#0d223800),url('/space-assets/20260909-1/night-reading-hero.png') 66% center/cover; }
.nq-v-cover-read .nq-v-cover-art { display:none; }
.nq-v-cover-curious { background:linear-gradient(150deg,#6242a4,#371d68); }
.nq-v-cover-curious .nq-v-cover-title { color:#e8e1a3; }
.nq-v-cover-note { background:repeating-linear-gradient(0deg,transparent,transparent 17px,#af876526 18px),#efe7d8;color:#463e33; }
.nq-v-cover-note .nq-v-cover-art { border-radius:0;border:1px solid #b98370;rotate:35deg; }
.nq-v-cover-idea { background:linear-gradient(165deg,#edbdd5,#ad6893);color:#51284e; }
.nq-v-cover-idea .nq-v-cover-art { background:radial-gradient(circle,#fff5d0,transparent 60%);border:0; }
.nq-v-cover-time { background:linear-gradient(160deg,#d2e2cd,#729b94);color:#263e3a; }
.nq-v-cover-think { background:linear-gradient(140deg,#1f2f61,#527bae); }
.nq-v-cover-think .nq-v-cover-art { border-radius:15px;rotate:35deg; }
.nq-v-cover-create { background:linear-gradient(150deg,#f3f0e9,#c8cbd2);color:#1a263e; }
.nq-v-cover-create .nq-v-cover-art { border-color:#6e91b680; }
.nq-v-cover-moment { background:linear-gradient(170deg,#b85268,#642641); }
.nq-v-browser { position:absolute;left:165px;top:590px;width:842px;height:240px;border:1px solid var(--v-line);border-radius:25px 25px 20px 20px;overflow:hidden;z-index:20;background:var(--v-panel);box-shadow:0 -14px 44px #00000036,0 25px 70px #02152919; }
.nq-v-browser-bar { position:relative;height:38px;display:flex;align-items:center;justify-content:center;background:var(--v-surface);border-bottom:1px solid var(--v-line); }
.nq-v-dots { display:flex;gap:4px;position:absolute;left:20px; }
.nq-v-dots i { width:7px;height:7px;border-radius:50%;background:#ee5c62; }.nq-v-dots i:nth-child(2){background:#f6b719}.nq-v-dots i:nth-child(3){background:#12c02f}
.nq-v-address { padding:5px 60px;border:1px solid var(--v-line);border-radius:6px;color:var(--v-muted);font-size:8px;letter-spacing:.06em; }
.nq-v-bar-star { position:absolute;right:20px;color:var(--v-muted); }
.nq-v-browser-page { position:relative;display:flex;height:calc(100% - 38px);overflow:hidden;padding:24px 30px;background:linear-gradient(110deg,transparent 45%,#33889913); }
.nq-v-feature-copy { position:relative;z-index:2;max-width:70%; }
.nq-v-feature-kicker { color:#5295a6!important;font-size:9px!important;letter-spacing:.16em;margin:0 0 9px!important; }
.nq-v-feature-title { display:block;color:var(--v-ink)!important;font-size:25px!important;line-height:1.35!important;font-weight:750;text-decoration:none!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.nq-v-feature-title:hover { color:#2c9bbb!important; }
.nq-v-feature-desc { color:var(--v-muted)!important;font-size:11px!important;margin:10px 0!important; }
.nq-v-read { color:var(--v-ink)!important;text-decoration:none!important;font-size:10px;display:inline-flex;align-items:center;min-height:32px;gap:10px;border-bottom:1px solid #52acc06e; }
.nq-v-feature-art { position:absolute;right:68px;top:30px;width:145px;height:145px;display:grid;place-items:center;perspective:500px; }
.nq-v-feature-art > span { font-size:77px;font-family:Georgia,serif;font-style:italic;color:#60bfd3;transform:rotate(-12deg);text-shadow:8px 8px #4aa2bd1f; }
.nq-v-feature-art > i { position:absolute;inset:12px;border:1px solid #58aabe48;border-radius:50%;transform:rotateX(62deg) rotate(-32deg); }
.nq-v-feature-art > i:nth-of-type(2) { inset:-6px;transform:rotateY(65deg) rotate(30deg); }
.nq-v-feature-art > small { position:absolute;bottom:18px;font-size:5px;letter-spacing:.15em;color:var(--v-muted); }
.nq-v-pages { position:absolute;right:24px;bottom:14px;display:flex;align-items:center;gap:9px;color:var(--v-muted);font-size:9px; }
.nq-v-page-button { width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--v-line);border-radius:50%;background:var(--v-surface);color:var(--v-ink);cursor:pointer;transition:background .2s; }
.nq-v-page-button:hover { background:#55b5d028; }
/* Featured journal: pointer-lit glass, a small tilt and tactile controls. */
.nq-v-browser {
  transform:perspective(1000px) rotateX(var(--feature-rx,0deg)) rotateY(var(--feature-ry,0deg));
  translate:0 var(--feature-lift,0px);
  transition:transform .45s cubic-bezier(.16,1,.3,1),translate .45s cubic-bezier(.16,1,.3,1),border-color .35s,box-shadow .35s;
}
.nq-v-browser::after {
  content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;opacity:0;
  background:radial-gradient(420px circle at var(--feature-x,50%) var(--feature-y,50%),#7fe5f52b,transparent 70%);
  box-shadow:inset 0 1px #c0f4ff65;transition:opacity .4s;
}
.nq-v-feature-art > span { transition:transform .7s cubic-bezier(.16,1,.3,1),text-shadow .7s; }
.nq-v-feature-art > i,.nq-v-bar-star { transition:rotate .8s cubic-bezier(.16,1,.3,1),color .4s; }
.nq-v-read-arrow { display:inline-block;transition:transform .3s; }
.nq-v-read { transition:color .3s,border-color .3s; }
.nq-v-read:is(:hover,:focus-visible) { color:#288da8!important;border-color:#50bcd3; }
.nq-v-read:is(:hover,:focus-visible) .nq-v-read-arrow { transform:translate(3px,-3px); }
.nq-v-page-button { transition:transform .3s cubic-bezier(.16,1,.3,1),background .25s,box-shadow .25s; }
.nq-v-page-button:is(:hover,:focus-visible) { transform:translateY(-2px) scale(1.08);box-shadow:0 5px 14px #1688a525; }
.nq-v-page-button:active { transform:scale(.92); }
.nq-v-browser:not(.nq-v-motion-paused):focus-within { --feature-lift:-3px;border-color:#58bcd77a;box-shadow:0 -8px 38px #2a9fc21a,0 28px 65px #02152930; }
.nq-v-browser:not(.nq-v-motion-paused):focus-within::after { opacity:1; }
@media(hover:hover) and (pointer:fine) {
  .nq-v-browser:not(.nq-v-motion-paused):hover { --feature-lift:-4px;border-color:#58bcd77a;box-shadow:0 -8px 38px #2a9fc21a,0 28px 65px #02152930; }
  .nq-v-browser:not(.nq-v-motion-paused):hover::after { opacity:1; }
  .nq-v-browser:not(.nq-v-motion-paused):hover .nq-v-feature-art > span { transform:rotate(4deg) translateY(-3px) scale(1.05);text-shadow:10px 10px #4aa2bd24,0 0 22px #65d9f23d; }
  .nq-v-browser:not(.nq-v-motion-paused):hover .nq-v-feature-art > i { rotate:18deg; }
  .nq-v-browser:not(.nq-v-motion-paused):hover .nq-v-feature-art > i:nth-of-type(2) { rotate:-22deg; }
  .nq-v-browser:not(.nq-v-motion-paused):hover .nq-v-bar-star { rotate:90deg;color:#3eb7d1; }
}
.nq-v-motion-paused,.nq-v-motion-paused .nq-v-page-button,.nq-v-motion-paused .nq-v-read-arrow { transform:none!important;translate:none!important;transition:none!important; }
@media(prefers-reduced-motion:reduce) {
  .nq-v-browser { transform:none!important;translate:none!important; }
  .nq-v-browser,.nq-v-browser::after,.nq-v-browser * { transition:none!important; }
}
.nq-v-controls { position:absolute;top:855px;left:165px;width:842px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.2em;color:var(--v-muted); }
.nq-v-pause { border:0;background:transparent;color:var(--v-muted);font:inherit;font-size:10px;letter-spacing:0;cursor:pointer;min-height:32px;padding:0; }
/* Real articles are individual visual covers; there are no nested year capsules. */
.nq-v-library { width:min(100% - 48px,1040px);margin:100px auto 80px;position:relative;scroll-margin-top:115px; }
.nq-v-library-heading { padding:0 14px 30px; }
.nq-v-library-heading > div { font-size:10px;letter-spacing:.2em;color:#5599b5; }
.nq-v-library-heading h2 { color:var(--v-ink)!important;font-size:clamp(23px,3vw,34px)!important;line-height:1.4;margin:10px 0!important; }
.nq-v-library-heading p { color:var(--v-muted)!important;font-size:13px;margin:0; }
.nq-v-post-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px; }
.nq-v-post { min-width:0;--cover-a:#103e50;--cover-b:#04141f;--cover-light:#8feafa;--cover-glow:#3eb6c332; }
.nq-v-post-tone-1 { --cover-a:#302a62;--cover-b:#101322;--cover-light:#c2b8ff;--cover-glow:#9378d73d; }
.nq-v-post-tone-2 { --cover-a:#314b48;--cover-b:#0c211e;--cover-light:#bcead3;--cover-glow:#80cfa238; }
.nq-v-post-link { display:block;min-width:0;color:var(--v-ink)!important;text-decoration:none!important; }
.nq-v-post-cover { position:relative;aspect-ratio:1.65;isolation:isolate;overflow:hidden;border-radius:20px;color:#f6fbff;
  background:radial-gradient(ellipse at 72% 18%,var(--cover-glow),transparent 58%),linear-gradient(130deg,var(--cover-a),var(--cover-b) 85%);
  border:1px solid #b9eaff26;box-shadow:inset 0 1px #ffffff18,0 16px 35px #02102015;
  transition:transform .35s ease,border-color .35s,box-shadow .35s; }
.nq-v-post-cover::before { content:'';position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(400px circle at var(--shine-x,50%) var(--shine-y,50%),#c9f4ff1c,transparent 65%); }
.nq-v-post-cover::after { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#02070f90,transparent 55%),repeating-linear-gradient(90deg,transparent 0 54px,#e1f6ff05 54px 55px); }
.nq-v-post-series { position:absolute;left:26px;top:25px;font-size:10px;letter-spacing:.18em;color:var(--cover-light); }
.nq-v-post-number { position:absolute;right:25px;top:5px;font-family:Georgia,serif;font-style:italic;font-size:140px;line-height:1;color:var(--cover-light);opacity:.1; }
.nq-v-post-cover-title { position:absolute;left:26px;right:80px;bottom:30px;font-size:clamp(25px,3.2vw,37px);line-height:1.35;font-weight:650;letter-spacing:.01em;overflow-wrap:anywhere;text-wrap:balance;z-index:2; }
.nq-v-post-open { position:absolute;right:26px;bottom:30px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #c3e5ff38;border-radius:50%;background:#d5edff0a;color:var(--cover-light);font-size:22px;transition:rotate .35s,background .35s; }
.nq-v-post-orbit { position:absolute;width:70%;aspect-ratio:1;right:-7%;top:-26%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#b5faff38,transparent 48%);transform:rotate(-25deg); }
.nq-v-post-orbit i { position:absolute;inset:12%;border:1px solid var(--cover-light);opacity:.33;border-radius:50%;transform:rotateX(58deg);box-shadow:0 0 25px var(--cover-glow); }
.nq-v-post-orbit i:nth-child(2) { inset:0;transform:rotateY(55deg) rotate(38deg);opacity:.2; }
.nq-v-post-orbit i:nth-child(3) { inset:28%;background:radial-gradient(circle at 25% 20%,var(--cover-light),var(--cover-a) 53%,var(--cover-b) 82%);border:0;opacity:.9;transform:none; }
.nq-v-post-tone-1 .nq-v-post-orbit { right:0;top:-15%;transform:rotate(28deg); }
.nq-v-post-details { padding:20px 5px 0; }
.nq-v-post-details h3 { margin:0 0 10px!important;font-size:20px!important;font-weight:650!important;line-height:1.5!important;color:var(--v-ink)!important; }
.nq-v-post-meta { display:flex;justify-content:space-between;gap:14px;align-items:center;font-size:12px;line-height:1.6;color:var(--v-muted); }
.nq-v-post-meta > span:last-child { color:#318da6;white-space:nowrap; }
html:is(.dark,[data-theme=dark]) .nq-v-post-meta > span:last-child { color:#8acddc; }
@media(hover:hover) and (pointer:fine) {
  .nq-v-post-link:hover .nq-v-post-cover { border-color:#9ddef576;box-shadow:inset 0 1px #ffffff24,0 20px 44px #02102030; }
  .nq-v-post-link:hover .nq-v-post-cover::before { opacity:1; }
  .nq-v-post-link:hover .nq-v-post-open { rotate:45deg;background:#d5edff18; }
}
.nq-v-post-link:focus-visible .nq-v-post-cover { border-color:#80d9ec; }
body.nq-archive-showcase :is(.nq-v-stage,.nq-v-library) a:focus-visible,body.nq-archive-showcase :is(.nq-v-stage,.nq-v-library) button:focus-visible { outline:2px solid #48abc9;outline-offset:5px; }
@media(min-width:701px) { .nq-v-stage { height:calc(900px * var(--nq-v-k,1)); } .nq-v-library { margin-top:25px; } }
@media(min-width:701px) and (max-width:1080px) {
  .nq-v-stage { min-height:710px; }
  .nq-v-canvas { top:40px; }
  .nq-v-library { margin-top:40px; }
  body.nq-archive-showcase > header [class~='sm:flex'] { display:none!important; }
  body.nq-archive-showcase > header button[class~='sm:hidden'] { display:flex!important; }
}
@media(max-width:700px) {
  html body.nq-archive-showcase > header { top:10px!important;width:calc(100% - 24px)!important;min-height:58px!important;border-radius:32px!important; }
  body.nq-archive-showcase > header > nav { padding:3px 9px!important; }
  body.nq-archive-showcase > header a[href='/'] > span { font-size:14px!important;letter-spacing:0!important;margin-left:7px!important; }
  body.nq-archive-showcase > header img[alt='网站Logo'] { width:26px!important;height:26px!important; }
  body.nq-archive-showcase > header button { margin-left:3px!important; }
  .nq-v-stage { height:auto;min-height:0;overflow:hidden; }
  .nq-v-canvas { position:relative;left:auto;top:auto;width:100%;height:auto;transform:none;display:flex;flex-direction:column;align-items:center;padding:100px 20px 0; }
  .nq-v-stack { display:contents; }
  .nq-v-stack > * { position:relative;left:auto;top:auto;transform:none;flex-shrink:0; }
  .nq-v-badge { width:250px;height:39px; }
  .nq-v-title { margin-top:28px!important;font-size:clamp(29px,7.8vw,45px)!important;letter-spacing:.005em!important;line-height:1.28!important; }
  .nq-v-sub,.nq-v-caption { white-space:normal;font-size:12px!important;line-height:1.65!important; }
  .nq-v-sub { margin-top:19px!important; }.nq-v-caption { margin-top:3px!important; }
  .nq-v-cta { width:168px;height:54px;margin-top:24px; }
  .nq-v-showcase { position:relative;left:auto;top:auto;width:calc(100% + 40px);height:225px;margin-top:30px;flex:none; }
  .nq-v-ring { left:50%;margin-left:-586px;top:-457px;transform:scale(.92);transform-origin:586px 497px; }
  .nq-v-browser { position:relative;left:auto;top:auto;width:100%;height:240px;margin-top:-58px;border-radius:21px;flex:none; }
  .nq-v-browser-bar { height:35px; }.nq-v-address { font-size:6px;padding:5px 22px; }.nq-v-dots{left:13px;gap:3px}.nq-v-dots i{width:5px;height:5px}
  .nq-v-browser-page { height:205px;padding:23px 20px; }.nq-v-feature-copy{max-width:88%}
  .nq-v-feature-title { font-size:23px!important; }.nq-v-feature-desc{font-size:10px!important;max-width:190px;line-height:1.7}
  .nq-v-feature-art { right:-15px;top:23px;opacity:.28; }.nq-v-read { min-height:44px;font-size:12px; }
  .nq-v-pages { right:14px;bottom:12px;gap:8px; }.nq-v-page-button{width:36px;height:36px}
  .nq-v-controls { position:relative;left:auto;top:auto;width:100%;margin-top:12px;font-size:7px; }.nq-v-pause{font-size:10px;min-height:44px}
  .nq-v-library { width:calc(100% - 32px);margin:48px auto 50px;scroll-margin-top:90px; }
  .nq-v-library-heading { padding:0 7px 24px; }.nq-v-library-heading p{font-size:12px}
  .nq-v-post-grid { grid-template-columns:1fr;gap:30px; }
  .nq-v-post-cover { aspect-ratio:1.5;border-radius:18px; }
  .nq-v-post-cover-title { left:23px;bottom:25px;font-size:28px; }
  .nq-v-post-series { left:23px;top:22px;font-size:9px; }
  .nq-v-post-details { padding-top:16px; }.nq-v-post-details h3 { font-size:19px!important; }
}
@media(prefers-reduced-motion:reduce) { .nq-v-btn,.nq-v-page-button,.nq-v-post-cover,.nq-v-post-open,.nq-v-post-cover::before { transition:none; } }

/* Opening the menu remains immediate when the visitor reduces spatial motion. */
@media(prefers-reduced-motion:reduce) {
  html.nq-blog-surface body.nq-blog-surface > header,
  html.nq-blog-surface body.nq-blog-surface > header a,
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel,
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-card,
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a,
  html.nq-article-motion body.nq-article-motion [id^="comment-content-"] {
    animation:none !important;
    transition:none !important;
  }
  html.nq-blog-surface body.nq-blog-surface > header a,
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a {
    transform:none !important;
  }
}

/* 20261012-mobile-secondary: one menu entrance, bounded glass and short-screen scrolling. */
@media(max-width:768px) {
  html.nq-blog-surface body.nq-blog-surface > header { backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important; }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-card {
    max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain;
    backdrop-filter:blur(8px) saturate(125%)!important;-webkit-backdrop-filter:blur(8px) saturate(125%)!important;
    animation-duration:.24s!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important;
  }
  html.nq-blog-surface body.nq-blog-surface #nq-mobile-menu-fallback-panel.nq-mobile-menu-panel .nq-mobile-menu-links a { animation:none!important; }
  html.nq-article-motion body.nq-article-motion #articleContentId :is(pre,table) { max-width:100%;overflow-x:auto; }
}