/* ============================================================
   KukuXin 6.0 — "NEBULA" Tech Design Layer
   深空霓虹 · 科技感 × 大气
   紫罗兰 → 青蓝 → 琥珀金  深空星云视觉体系
   基于 CSS 变量覆写 + 分层增强，不破坏既有模板结构
   ============================================================ */

/* ===== 1. DESIGN TOKENS ===== */
:root {
  /* 冷调亮色：月白星尘 */
  --bg: #f3f4fb;
  --bg-alt: #e8eaf6;
  --bg-card: #ffffff;
  --bg-glass: rgba(248,249,253,0.6);
  --text: #171a2b;
  --text-soft: #565d78;
  --text-faint: #98a0bc;
  --line: rgba(23,26,43,0.06);
  --line-strong: rgba(23,26,43,0.12);

  /* 琥珀金主色（延续大气感） */
  --pri: #b45309;
  --pri-soft: rgba(180,83,9,0.10);
  --pri-glow: rgba(180,83,9,0.08);

  /* 深空霓虹三色 */
  --violet: #7c3aed;
  --cyan: #0e7490;
  --gold: #b45309;
  --violet-soft: rgba(124,58,237,0.12);
  --cyan-soft: rgba(14,116,144,0.10);
  --gold-soft: rgba(180,83,9,0.10);
  --glow-violet: rgba(124,58,237,0.20);
  --glow-cyan: rgba(14,116,144,0.16);

  --grad-accent: linear-gradient(120deg, #7c3aed, #0e7490 48%, #b45309);
  --grad-text: linear-gradient(115deg, #7c3aed 0%, #0e7490 42%, #d97706 80%, #b45309 100%);

  /* 苹果玻璃材质（macOS/visionOS 风格） */
  --glass-filter: blur(28px) saturate(1.9);
  --glass-bg: linear-gradient(180deg, rgba(255,255,255,0.66), rgba(255,255,255,0.40));
  --glass-bg-soft: linear-gradient(180deg, rgba(255,255,255,0.50), rgba(255,255,255,0.28));
  --glass-border: rgba(255,255,255,0.50);
  --glass-border-soft: rgba(255,255,255,0.32);
  --glass-shadow: 0 8px 32px rgba(23,26,43,0.10), 0 1px 6px rgba(23,26,43,0.05);
  --glass-shadow-lg: 0 20px 60px rgba(23,26,43,0.16), 0 4px 16px rgba(23,26,43,0.06);

  --bg-deep: #e9ebf7;
  --bg-noise-opacity: 0.16;
  --blob-opacity: 0.20;
}

[data-theme="dark"] {
  /* 深空暗色：宇宙黑曜 */
  --bg: #070912;
  --bg-alt: #0e1122;
  --bg-card: rgba(19,23,41,0.86);
  --bg-glass: rgba(16,18,28,0.6);
  --text: #e9ecf8;
  --text-soft: #98a0c2;
  --text-faint: #565f88;
  --line: rgba(255,255,255,0.08);
  --line-strong: rgba(255,255,255,0.14);

  --pri: #f0b98a;
  --pri-soft: rgba(240,185,138,0.12);
  --pri-glow: rgba(240,185,138,0.10);

  --violet: #a78bfa;
  --cyan: #67e8f9;
  --gold: #f0b98a;
  --violet-soft: rgba(139,92,246,0.12);
  --cyan-soft: rgba(34,211,238,0.10);
  --gold-soft: rgba(240,185,138,0.10);
  --glow-violet: rgba(139,92,246,0.24);
  --glow-cyan: rgba(34,211,238,0.20);

  --grad-accent: linear-gradient(120deg, #8b5cf6, #22d3ee 48%, #f0b98a);
  --grad-text: linear-gradient(115deg, #c4b5fd 0%, #67e8f9 45%, #f0b98a 100%);

  /* 苹果玻璃材质（深色） */
  --glass-filter: blur(28px) saturate(1.9);
  --glass-bg: linear-gradient(180deg, rgba(72,72,80,0.58), rgba(48,48,56,0.38));
  --glass-bg-soft: linear-gradient(180deg, rgba(72,72,80,0.42), rgba(48,48,56,0.26));
  --glass-border: rgba(255,255,255,0.16);
  --glass-border-soft: rgba(255,255,255,0.10);
  --glass-shadow: 0 10px 36px rgba(0,0,0,0.42), 0 2px 10px rgba(0,0,0,0.2);
  --glass-shadow-lg: 0 24px 72px rgba(0,0,0,0.55), 0 6px 20px rgba(0,0,0,0.3);

  --bg-deep: #04050c;
  --bg-noise-opacity: 0.24;
  --blob-opacity: 0.32;
}

html { background: var(--bg-deep); }

::selection { background: var(--cyan); color: #0b0f1e; }

:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; border-radius: 4px; }

/* ===== 2. GLOBAL NEBULA BACKGROUND ===== */
body { position: relative; }

.bg-aurora {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(120% 90% at 12% -10%, var(--violet-soft), transparent 55%),
    radial-gradient(110% 85% at 95% 8%, var(--cyan-soft), transparent 52%),
    radial-gradient(90% 70% at 50% 115%, var(--gold-soft), transparent 58%);
}

.bg-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  opacity: var(--blob-opacity);
  will-change: transform;
}
.bb-violet {
  width: 46vmax; height: 46vmax;
  left: -12vmax; top: -14vmax;
  background: radial-gradient(circle, var(--glow-violet), transparent 65%);
  animation: nebula-drift-a 26s ease-in-out infinite alternate;
}
.bb-cyan {
  width: 40vmax; height: 40vmax;
  right: -10vmax; top: 6vmax;
  background: radial-gradient(circle, var(--glow-cyan), transparent 65%);
  animation: nebula-drift-b 32s ease-in-out infinite alternate;
}
.bb-gold {
  width: 34vmax; height: 34vmax;
  left: 22vw; bottom: -16vmax;
  background: radial-gradient(circle, var(--pri-glow), transparent 62%);
  animation: nebula-drift-c 38s ease-in-out infinite alternate;
}
@keyframes nebula-drift-a {
  from { transform: translate3d(0,0,0) scale(1); }
  to   { transform: translate3d(9vw,7vh,0) scale(1.18); }
}
@keyframes nebula-drift-b {
  from { transform: translate3d(0,0,0) scale(1.1); }
  to   { transform: translate3d(-8vw,10vh,0) scale(0.94); }
}
@keyframes nebula-drift-c {
  from { transform: translate3d(0,0,0) scale(1); }
  to   { transform: translate3d(6vw,-8vh,0) scale(1.22); }
}

/* 噪点颗粒（消除渐变色带，胶片质感） */
.bg-noise {
  position: absolute;
  inset: 0;
  opacity: var(--bg-noise-opacity);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E");
}

/* ===== 3. SCROLL PROGRESS + BACK TO TOP ===== */
.scroll-progress {
  position: fixed;
  top: 0; left: 0;
  height: 2px;
  width: 0;
  z-index: 3000;
  background: var(--grad-accent);
  box-shadow: 0 0 12px var(--glow-cyan), 0 0 24px var(--glow-violet);
  pointer-events: none;
}

.to-top {
  position: fixed;
  right: 28px; bottom: 40px;
  z-index: 900;
  width: 46px; height: 46px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-soft);
  background: var(--glass-bg-soft);
  -webkit-backdrop-filter: var(--glass-filter);
  backdrop-filter: var(--glass-filter);
  border: 1px solid var(--glass-border-soft);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: all .3s cubic-bezier(.22,.61,.36,1);
  box-shadow: var(--glass-shadow);
  font-size: 0;
}
.to-top::before {
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: 50%;
  background: conic-gradient(var(--cyan) 0deg, var(--violet) var(--progress, 0deg), transparent var(--progress, 0deg) 360deg);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  opacity: 0;
  transition: opacity .3s;
}
.to-top svg { width: 17px; height: 17px; }
.to-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.to-top:hover {
  color: var(--cyan);
  border-color: var(--cyan);
  box-shadow: 0 0 22px var(--glow-cyan);
  transform: translateY(-3px);
}
.to-top:hover::before { opacity: 1; }

/* ===== 4. NAV — 苹果玻璃 ===== */
.nv {
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  -webkit-backdrop-filter: var(--glass-filter);
  backdrop-filter: var(--glass-filter);
  box-shadow: var(--glass-shadow);
}
[data-theme="dark"] .nv { box-shadow: var(--glass-shadow); }
.nv.scrolled {
  background: var(--glass-bg);
  border-color: var(--glass-border);
  box-shadow: var(--glass-shadow-lg);
}
.nv-logo { letter-spacing: .01em; transition: all .3s; }
.nv-logo:hover {
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.nv-menu a::after { background: var(--grad-accent); height: 2px; }

/* ===== 5. HERO — 深空主视觉 ===== */
.hero::before {
  background:
    radial-gradient(42% 55% at 30% 38%, var(--violet-soft), transparent 62%),
    radial-gradient(45% 60% at 72% 30%, var(--cyan-soft), transparent 62%),
    radial-gradient(40% 55% at 50% 82%, var(--gold-soft), transparent 62%);
}

/* 粒子网络画布 */
.hero-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  pointer-events: none;
}

/* 光标辉光 */
.hero-spotlight {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  transition: opacity .5s ease;
}
.hero-spotlight.on { opacity: 1; }
.hero-spotlight::before {
  content: '';
  position: absolute;
  left: var(--sx, 50%);
  top: var(--sy, 50%);
  width: 440px;
  height: 440px;
  border-radius: 50%;
  background: radial-gradient(circle, var(--glow-violet) 0%, var(--glow-cyan) 35%, transparent 70%);
  transform: translate(-50%, -50%);
  will-change: left, top;
}

/* 标题：渐变流光（无背景图模式下） */
.hero:not(.has-bg) .hero-title,
.hero-vr-wrap .hero-hl .hero-title {
  background: var(--grad-text);
  background-size: 220% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: grad-flow 14s linear infinite;
  text-shadow: none;
}
.hero:not(.has-bg) .hero-desc {
  color: var(--text-soft);
  text-shadow: none;
}
@keyframes grad-flow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 220% 50%; }
}

/* 徽章：苹果玻璃胶囊 */
.hero-badge {
  background: var(--glass-bg);
  -webkit-backdrop-filter: blur(20px) saturate(1.6);
  backdrop-filter: blur(20px) saturate(1.6);
  border: 1px solid var(--glass-border-soft);
  color: var(--text-soft);
  box-shadow: var(--glass-shadow);
  letter-spacing: .06em;
}
.has-bg .hero-badge {
  background: linear-gradient(180deg, rgba(28,30,44,0.45), rgba(16,18,30,0.35));
  border-color: rgba(255,255,255,0.18);
  color: #fff;
  box-shadow: 0 4px 24px rgba(0,0,0,0.25);
}
.hero-badge-dot {
  background: var(--cyan);
  box-shadow: 0 0 8px var(--cyan), 0 0 16px var(--cyan);
}
[data-theme="dark"] .hero-badge-dot { background: #67e8f9; }

/* 滚动指示器 */
.hero-scroll {
  position: absolute;
  left: 50%;
  bottom: 34px;
  transform: translateX(-50%);
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: var(--text-faint);
  font-size: .7rem;
  letter-spacing: .28em;
  text-transform: uppercase;
  pointer-events: none;
}
.hero-scroll-mouse {
  width: 22px;
  height: 36px;
  border: 1.5px solid currentColor;
  border-radius: 12px;
  position: relative;
  opacity: .85;
}
.hero-scroll-mouse::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 7px;
  width: 3px;
  height: 8px;
  margin-left: -1.5px;
  border-radius: 3px;
  background: currentColor;
  animation: scroll-wheel 1.8s ease-in-out infinite;
}
.hero-scroll-line {
  width: 1px;
  height: 34px;
  background: linear-gradient(var(--text-faint), transparent);
  position: relative;
  overflow: hidden;
}
.hero-scroll-line::after {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: linear-gradient(transparent, var(--cyan), transparent);
  animation: scroll-beam 1.8s ease-in-out infinite;
}
@keyframes scroll-wheel {
  0%   { transform: translateY(0); opacity: 1; }
  70%  { transform: translateY(10px); opacity: 0; }
  100% { transform: translateY(0); opacity: 0; }
}
@keyframes scroll-beam {
  0%   { transform: translateY(-100%); }
  60%, 100% { transform: translateY(100%); }
}

/* video-reveal 模式下滚动指示器固定在标题下方 */
.hero-vr-wrap .hero-scroll {
  position: fixed;
  bottom: 26px;
}

/* 文章列表浮层卡片：苹果玻璃 */
.hero-vr-wrap .entry,
.entries-over-reveal .entry {
  background: var(--glass-bg-soft);
  border: 1px solid var(--glass-border-soft);
  -webkit-backdrop-filter: var(--glass-filter);
  backdrop-filter: var(--glass-filter);
  box-shadow: var(--glass-shadow);
}
.hero-vr-wrap .entry:hover,
.entries-over-reveal .entry:hover {
  border-color: var(--glass-border);
  background: var(--glass-bg);
  box-shadow: var(--glass-shadow-lg);
}

/* ===== 6. ENTRIES — 文章列表 ===== */
.entry {
  position: relative;
  transition: transform .3s cubic-bezier(.22,.61,.36,1), border-color .3s, box-shadow .3s;
}
.entry:hover {
  transform: translateY(-2px);
  border-color: var(--line-strong);
  box-shadow: 0 8px 26px rgba(23,26,43,0.06), 0 0 14px var(--pri-glow);
}
.entry-cover {
  border: 1px solid var(--line);
  background:
    linear-gradient(135deg, var(--violet-soft), var(--cyan-soft) 55%, var(--gold-soft));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03);
}
.entry-cover img { border-radius: inherit; }
.entry-date {
  color: var(--text-faint);
  font-family: 'JetBrains Mono', monospace;
  letter-spacing: .08em;
}
.entry-title {
  font-family: 'Playfair Display', serif;
  font-size: 1.22rem;
  transition: all .25s;
}
.entry:hover .entry-title { color: var(--pri); }
.entry-body > a {
  position: relative;
  display: block;
}
/* 悬浮箭头 */
.entry-body > a::after {
  content: '→';
  position: absolute;
  right: 0;
  top: 32px;
  font-size: 1.1rem;
  color: var(--cyan);
  opacity: 0;
  transform: translateX(-8px);
  transition: all .3s;
}
.entry:hover .entry-body > a::after {
  opacity: 1;
  transform: translateX(0);
}

/* ===== 7. PAGER / BUTTONS ===== */
.pager-btn {
  border: 1px solid var(--line);
  transition: all .25s;
}
.pager-btn:hover {
  border-color: var(--cyan);
  background: var(--bg-card);
  color: var(--cyan);
  box-shadow: 0 0 12px var(--glow-cyan);
}

.ls-btn.primary,
.e404-btn.primary {
  background: var(--grad-accent);
  border: none;
  color: #fff;
  box-shadow: 0 3px 14px rgba(124,58,237,0.22);
}
.ls-btn.primary:hover,
.e404-btn.primary:hover {
  filter: brightness(1.08);
  box-shadow: 0 5px 20px rgba(34,211,238,0.25);
}

/* ===== 8. CARD SYSTEM — 玻璃拟态 ===== */
.gradient-card,
.moment-card,
.friend-card,
.f-grid-card,
.photo-item,
.docs-card,
.steam-game-card,
.page-card-body,
.page-card-comments,
.content-body-card,
.content-comments-card,
.moment-list-item {
  border: 1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.06), transparent 34%),
    linear-gradient(var(--bg-card), var(--bg-card)) padding-box;
  transition: transform .3s cubic-bezier(.22,.61,.36,1), border-color .3s, box-shadow .3s;
}
.gradient-card:hover,
.moment-card:hover,
.friend-card:hover,
.f-grid-card:hover,
.photo-item:hover,
.docs-card:hover,
.steam-game-card:hover,
.page-card-body:hover,
.page-card-comments:hover,
.content-body-card:hover,
.content-comments-card:hover,
.moment-list-item:hover {
  border-color: var(--line-strong);
  background:
    linear-gradient(180deg, rgba(255,255,255,0.09), transparent 36%),
    var(--bg-card);
  box-shadow: 0 12px 36px rgba(23,26,43,0.08), 0 0 18px var(--glow-violet);
  transform: translateY(-2px);
}
/* 3D tilt 由 JS 添加的 class 驱动 */
.gradient-card.tilting {
  transition: transform .12s ease-out, border-color .3s, box-shadow .3s;
  will-change: transform;
}

/* ===== 9. HEADERS — 星云页眉 ===== */
.post-h,
.lh,
.links-h,
.content-header,
.page-header,
.f-header {
  background-color: var(--bg-alt);
  background-image:
    linear-gradient(165deg, var(--pri-glow), transparent 52%),
    radial-gradient(70% 130% at 88% -10%, var(--violet-soft), transparent 58%),
    radial-gradient(60% 110% at 8% 110%, var(--cyan-soft), transparent 55%);
  border-bottom: 1px solid var(--line);
  position: relative;
}
.lh-badge,
.links-back:hover,
.post-back:hover { color: var(--pri); }
.lh-title,
.links-title,
.post-title,
.page-title,
.content-header-title,
.page-card-title {
  letter-spacing: -.02em;
}

/* ===== 10. TYPOGRAPHY — 正文 ===== */
.tp a { color: var(--cyan); border-bottom-color: transparent; }
[data-theme="dark"] .tp a { color: #67e8f9; }
.tp a:hover { border-bottom-color: var(--cyan); }

.tp blockquote {
  border-left: 2px solid transparent;
  border-image: linear-gradient(180deg, var(--violet), var(--cyan)) 1;
  background:
    linear-gradient(135deg, var(--violet-soft), var(--cyan-soft));
  font-style: normal;
  color: var(--text-soft);
}

.tp pre {
  border: 1px solid var(--line);
  background: var(--bg-alt);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02), 0 4px 24px rgba(23,26,43,0.06);
}
.tp code {
  background: var(--cyan-soft);
  color: var(--cyan);
  border: 1px solid transparent;
}
[data-theme="dark"] .tp code { color: #67e8f9; }
.tp pre code { color: inherit; background: none; border: none; }

.tp h2 {
  position: relative;
  padding-bottom: .28em;
  background-image: linear-gradient(90deg, var(--violet), var(--cyan) 70%, transparent);
  background-repeat: no-repeat;
  background-size: 3.2em 2px;
  background-position: 0 100%;
}
.tp h1, .tp h2, .tp h3, .tp h4 { letter-spacing: -.01em; }

.tp table th {
  background: linear-gradient(135deg, var(--violet-soft), var(--cyan-soft));
  font-weight: 600;
}
.tp hr { background: linear-gradient(90deg, transparent, var(--line-strong), transparent); }

/* ===== 11. TOC / SIDEBAR ===== */
.toc-nav a:hover,
.toc-nav a.active {
  color: var(--cyan);
  border-left-color: var(--cyan);
  background: linear-gradient(90deg, var(--cyan-soft), transparent 80%);
}
.side-author-avatar {
  background: linear-gradient(135deg, var(--violet), var(--cyan));
  color: #fff;
  box-shadow: 0 0 18px var(--glow-violet);
}
.side-stat-num { color: var(--pri); }

/* ===== 12. TAGS / CATEGORIES / ARCHIVE ===== */
.tag-it,
.side-tag,
.photo-tab,
.moments-tags .tag-item,
.post-tag {
  transition: all .25s;
}
.tag-it:hover,
.side-tag:hover,
.photo-tab:hover,
.moments-tags .tag-item:hover,
.moments-tags .tag-item.active,
.post-tag:hover {
  border-color: var(--cyan);
  color: var(--cyan);
  background: var(--cyan-soft);
  box-shadow: 0 0 14px var(--glow-cyan);
}
.tagcloud-item:hover {
  border-color: var(--cyan);
  color: var(--cyan);
  background: var(--cyan-soft);
  box-shadow: 0 0 16px var(--glow-cyan);
}
.cat-it:hover { border-color: var(--cyan); box-shadow: 0 4px 20px rgba(23,26,43,0.06); }
.cat-count { background: linear-gradient(135deg, var(--violet-soft), var(--cyan-soft)); }
.arch-yr-title { border-left-color: var(--cyan); color: var(--pri); }
.arch-dt { letter-spacing: .04em; }

/* ===== 13. 404 — 星云数字 ===== */
.e404-bg-digit {
  background: linear-gradient(180deg, var(--violet-soft), transparent 70%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  opacity: .4;
}
.e404-bg-digit.zero {
  background: linear-gradient(180deg, var(--cyan), var(--violet));
  -webkit-background-clip: text;
  background-clip: text;
  opacity: .42;
}
.e404-zero {
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* ===== 14. FOOTER — 渐变发丝线 ===== */
.ft { position: relative; }
.ft::before {
  content: '';
  position: absolute;
  top: -1px; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--violet) 20%, var(--cyan) 50%, var(--gold) 80%, transparent);
  opacity: .8;
}
.ft-name {
  background: var(--grad-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* ===== 15. MISC — 通用微交互 ===== */
.gradient-card::before {
  background: linear-gradient(135deg, var(--violet-soft), var(--cyan-soft) 55%, var(--gold-soft));
}

.moments-banner {
  box-shadow: 0 12px 44px rgba(23,26,43,0.18);
}

.link-submit-content {
  border: 1px solid var(--glass-border-soft);
  background: var(--glass-bg);
  -webkit-backdrop-filter: var(--glass-filter);
  backdrop-filter: var(--glass-filter);
  box-shadow: var(--glass-shadow-lg);
}

.lightbox {
  background: rgba(4,5,12,0.9);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

/* 滚动条：霓虹渐变 */
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--violet), var(--cyan));
  border-radius: 2px;
}
::-webkit-scrollbar { width: 5px; }

/* ===== 16. REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  .bg-blob, .hero:not(.has-bg) .hero-title,
  .hero-vr-wrap .hero-hl .hero-title,
  .hero-scroll-mouse::after, .hero-scroll-line::after {
    animation: none !important;
  }
  .gradient-card.tilting { transform: none !important; transition: none !important; }
}

/* ===== 17. RESPONSIVE ===== */
@media (max-width: 640px) {
  .bg-blob { filter: blur(50px); }
  .to-top { right: 16px; bottom: 24px; width: 42px; height: 42px; }
  .hero-scroll { bottom: 22px; }
  .hero-spotlight::before { width: 280px; height: 280px; }
}

/* ===== 18. LAYOUT REFINEMENTS — 克制精致的版式 ===== */
.entries { padding-bottom: 76px; }
.entry { padding: 26px 0; }
.entry-title { font-size: 1.24rem; }
.entry-excerpt { line-height: 1.72; }
.hero { padding-bottom: 112px; }

/* 正文排版：更安静的代码/引用 */
.tp pre {
  box-shadow: 0 2px 18px rgba(23,26,43,0.05);
}

/* ===== 19. APPLE GLASS — 浮层/按钮玻璃材质 ===== */
/* 下拉菜单 / 语言面板 / 友链提示气泡 / 随机穿梭按钮 */
.nv-submenu,
.nv-lang-menu,
.feed-tooltip,
.links-random-btn {
  -webkit-backdrop-filter: var(--glass-filter);
  backdrop-filter: var(--glass-filter);
  background: var(--glass-bg-soft);
  border-color: var(--glass-border-soft);
}
.nv-submenu,
.nv-lang-menu,
.feed-tooltip {
  box-shadow: var(--glass-shadow-lg);
}
.links-random-btn {
  box-shadow: var(--glass-shadow);
}

/* 移动端菜单面板同样使用苹果玻璃 */
@media (max-width: 640px) {
  .nv-menu {
    background: var(--glass-bg);
    -webkit-backdrop-filter: var(--glass-filter);
    backdrop-filter: var(--glass-filter);
    border-color: var(--glass-border-soft);
  }
}

/* 浮层模式下的页脚玻璃 */
body:has(.hero-vr-wrap) .ft,
body:has(.entries-over-reveal) .ft {
  background: var(--glass-bg-soft);
  -webkit-backdrop-filter: var(--glass-filter);
  backdrop-filter: var(--glass-filter);
  border-color: var(--glass-border-soft);
}

/* ===== 20. MEDIA — 文章内图片 / 视频 / 嵌入 ===== */
.tp video {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.4em auto;
  border-radius: var(--radius-md);
  border: 1px solid var(--line);
  background: #000;
  box-shadow: var(--glass-shadow);
  outline: none;
}
/* 外链嵌入（B站 / YouTube / 视频平台 iframe） */
.tp iframe {
  display: block;
  max-width: 100%;
  margin: 1.4em auto;
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  background: #000;
  box-shadow: var(--glass-shadow);
}
/* 图文组合 */
.tp figure {
  margin: 1.6em auto;
  text-align: center;
}
.tp figcaption {
  font-size: .8rem;
  color: var(--text-faint);
  margin-top: 10px;
}
/* 全屏播放器 */
.lightbox video {
  max-width: 90vw;
  max-height: 90vh;
  border-radius: 8px;
  outline: none;
}
/* 移动端视频高度自适应 */
@media (max-width: 640px) {
  .tp video,
  .tp iframe {
    border-radius: var(--radius-sm);
  }
}

/* ===== 21. 首页横幅模式（图片/视频）+ 文章卡片 ===== */
/* 单图/视频背景：从全屏改为横幅，正常随页面滚动 */
.hero[data-bg-mode="image"],
.hero[data-bg-mode="video"] {
  height: 64vh;
  min-height: 400px;
  padding: 72px 24px 32px;
}
.hero[data-bg-mode="image"] .hero-scroll,
.hero[data-bg-mode="video"] .hero-scroll {
  display: none;
}
/* 横幅底部渐隐，与正文无缝衔接 */
.hero[data-bg-mode="image"]::after,
.hero[data-bg-mode="video"]::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 140px;
  background: linear-gradient(180deg, transparent, var(--bg));
  z-index: 2;
  pointer-events: none;
}
/* 有背景图时隐藏粒子/辉光（避免照片上叠加噪点） */
.hero.has-bg .hero-canvas,
.hero.has-bg .hero-spotlight {
  display: none;
}

/* 普通文章列表 → 精致卡片 */
main > .entries:not(.entries-over-reveal) {
  padding-top: 28px;
}
main > .entries:not(.entries-over-reveal) > .entry {
  background: var(--bg-card);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 24px;
  margin-bottom: 14px;
  box-shadow: 0 6px 24px rgba(23,26,43,0.05);
}
main > .entries:not(.entries-over-reveal) > .entry:last-child {
  margin-bottom: 0;
}
main > .entries:not(.entries-over-reveal) > .entry:hover {
  transform: translateY(-2px);
  border-color: var(--line-strong);
  box-shadow: 0 10px 30px rgba(23,26,43,0.08), 0 0 16px var(--pri-glow);
}
@media (max-width: 640px) {
  main > .entries:not(.entries-over-reveal) > .entry {
    padding: 18px;
  }
  .hero[data-bg-mode="image"],
  .hero[data-bg-mode="video"] {
    height: 52vh;
    min-height: 320px;
  }
}



/* ===== 23. MUSK-STYLE EDITORIAL HOME — full-bleed, monochrome, decisive ===== */
body:has(.hero[data-bg-mode="image"]) .bg-aurora{display:none}
body:has(.hero[data-bg-mode="image"]){background:#080808}
.hero[data-bg-mode="image"]{height:100svh;min-height:620px;padding:88px 24px 48px}
.hero[data-bg-mode="image"]::before{display:none}
.hero[data-bg-mode="image"]::after{inset:0;height:auto;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.58) 78%,#080808 100%)}
.hero[data-bg-mode="image"] .hero-hl{top:auto;bottom:15%;transform:none}
.hero[data-bg-mode="image"] .hero-title{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 22px rgba(0,0,0,.28);animation:none!important;font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.055em}
.hero[data-bg-mode="image"] .hero-desc{color:rgba(255,255,255,.78);font-size:1rem;letter-spacing:.01em}
.hero[data-bg-mode="image"] .hero-badge{background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.24);color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.hero[data-bg-mode="image"] .hero-badge-dot{background:#fff;box-shadow:none}
main>.hero[data-bg-mode="image"]+.entries{counter-reset:story;margin-top:-230px;padding:290px max(24px,calc((100% - var(--max-wide))/2)) 100px;background:linear-gradient(180deg,transparent 0,rgba(8,8,8,.34) 80px,rgba(8,8,8,.88) 205px,#080808 350px);color:#f5f5f7}
main>.hero[data-bg-mode="image"]+.entries>.entry{counter-increment:story;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);grid-template-areas:"body cover";align-items:center;gap:clamp(32px,7vw,104px);max-width:var(--max-wide);min-height:330px;padding:72px 0;margin:0 auto;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.16);border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
main>.hero[data-bg-mode="image"]+.entries>.entry:hover{transform:none;background:transparent;border-color:rgba(255,255,255,.34);box-shadow:none}
main>.hero[data-bg-mode="image"]+.entries>.entry .entry-body{grid-area:body}
main>.hero[data-bg-mode="image"]+.entries>.entry .entry-body::before{content:"0" counter(story);display:block;margin-bottom:34px;color:rgba(255,255,255,.44);font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.16em}
main>.hero[data-bg-mode="image"]+.entries>.entry .entry-cover{grid-area:cover;width:100%;height:auto;aspect-ratio:16/10;border:0;border-radius:2px;background:rgba(255,255,255,.06);box-shadow:none}
main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc){grid-template-columns:1fr;grid-template-areas:"body";min-height:270px}
main>.hero[data-bg-mode="image"]+.entries>.entry .entry-cover.pc{display:none}
main>.hero[data-bg-mode="image"]+.entries .entry-date{color:rgba(255,255,255,.48);font-family:Inter,sans-serif;font-size:.72rem;letter-spacing:.12em}
main>.hero[data-bg-mode="image"]+.entries .entry-title{margin:12px 0 18px;color:#fff;font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,4.25rem);font-weight:500;line-height:1.03;letter-spacing:-.055em}
main>.hero[data-bg-mode="image"]+.entries .entry:hover .entry-title{color:#fff}
main>.hero[data-bg-mode="image"]+.entries .entry-excerpt{max-width:650px;color:rgba(255,255,255,.62);font-size:1rem;line-height:1.7}
main>.hero[data-bg-mode="image"]+.entries .entry-body>a::after{content:"VIEW STORY  ↗";position:static;display:block;margin-top:30px;color:#fff;font-family:Inter,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.16em;opacity:1;transform:none}
main>.hero[data-bg-mode="image"]+.entries .entry:hover .entry-body>a::after{transform:translateX(5px)}
body:has(.hero[data-bg-mode="image"]) .ft{position:relative;z-index:4;background:#080808;border-top:1px solid rgba(255,255,255,.16);color:#f5f5f7;-webkit-backdrop-filter:none;backdrop-filter:none}
body:has(.hero[data-bg-mode="image"]) .ft::before{display:none}
body:has(.hero[data-bg-mode="image"]) .ft-name{color:#fff;-webkit-text-fill-color:#fff}
body:has(.hero[data-bg-mode="image"]) .ft-desc,
body:has(.hero[data-bg-mode="image"]) .ft-author-name,
body:has(.hero[data-bg-mode="image"]) .ft-nav a,
body:has(.hero[data-bg-mode="image"]) .ft-btm,
body:has(.hero[data-bg-mode="image"]) .ft-btm a{color:rgba(255,255,255,.52)}
body:has(.hero[data-bg-mode="image"]) .ft-author-label,
body:has(.hero[data-bg-mode="image"]) .ft-btm{border-color:rgba(255,255,255,.14)}
body:has(.hero[data-bg-mode="image"]) .to-top{background:rgba(18,18,18,.72);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none}
body:has(.hero[data-bg-mode="image"]) .to-top::before{display:none}
body:has(.hero[data-bg-mode="image"]) .to-top:hover{border-color:rgba(255,255,255,.5);color:#fff;box-shadow:none}
body:has(.hero[data-bg-mode="image"]) .nv{background:rgba(12,12,12,.14);border-color:rgba(255,255,255,.18);box-shadow:none;-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15)}
body:has(.hero[data-bg-mode="image"]) .nv:not(.scrolled) .nv-logo,
body:has(.hero[data-bg-mode="image"]) .nv:not(.scrolled) .nv-menu>a,
body:has(.hero[data-bg-mode="image"]) .nv:not(.scrolled) .nv-toggle{color:#fff}
body:has(.hero[data-bg-mode="image"]) .nv.scrolled{background:rgba(246,246,246,.86);border-color:rgba(255,255,255,.70);box-shadow:0 10px 35px rgba(0,0,0,.12)}
body:has(.hero[data-bg-mode="image"]) .nv-logo:hover{background:none;color:inherit;-webkit-text-fill-color:currentColor}
body:has(.hero[data-bg-mode="image"]) .nv-menu a::after{background:currentColor;height:1px}

@media(max-width:640px){
  .hero[data-bg-mode="image"]{height:100svh;min-height:620px}
  .hero[data-bg-mode="image"] .hero-hl{bottom:16%;padding:0 22px}
  .hero[data-bg-mode="image"] .hero-title{font-size:clamp(2.5rem,13vw,4.5rem)}
  main>.hero[data-bg-mode="image"]+.entries{margin-top:-190px;padding:230px 24px 64px;background:linear-gradient(180deg,transparent 0,rgba(8,8,8,.38) 55px,rgba(8,8,8,.92) 165px,#080808 270px)}
  main>.hero[data-bg-mode="image"]+.entries>.entry,
  main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc){display:grid;grid-template-columns:1fr;grid-template-areas:"cover" "body";gap:28px;min-height:0;padding:54px 0;border-radius:0}
  main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc){grid-template-areas:"body";padding:62px 0}
  main>.hero[data-bg-mode="image"]+.entries>.entry .entry-cover{width:100%;height:auto;aspect-ratio:16/10;border-radius:2px}
  main>.hero[data-bg-mode="image"]+.entries>.entry .entry-body::before{margin-bottom:28px}
  main>.hero[data-bg-mode="image"]+.entries .entry-title{font-size:clamp(2rem,10vw,3.2rem)}
  main>.hero[data-bg-mode="image"]+.entries .entry-excerpt{font-size:.93rem}
  body:has(.hero[data-bg-mode="image"]) .ft{padding:48px 24px 32px}
  body:has(.hero[data-bg-mode="image"]) .nv{top:10px;width:calc(100% - 20px);border-radius:8px}
}


/* ===== 24. TESLA-LIKE SITE SYSTEM — 全站统一 ===== */
:root{
  --bg:#f4f4f2;--bg-alt:#ececea;--bg-card:#fff;--bg-deep:#f4f4f2;
  --text:#171717;--text-soft:#5c5c5c;--text-faint:#8a8a8a;
  --line:rgba(0,0,0,.10);--line-strong:rgba(0,0,0,.24);
  --pri:#171717;--pri-soft:rgba(0,0,0,.055);--pri-glow:transparent;
  --violet:#171717;--cyan:#171717;--gold:#171717;
  --violet-soft:rgba(0,0,0,.04);--cyan-soft:rgba(0,0,0,.04);--gold-soft:rgba(0,0,0,.04);
  --glow-violet:transparent;--glow-cyan:transparent;
  --grad-accent:linear-gradient(#171717,#171717);--grad-text:linear-gradient(#171717,#171717);
}
[data-theme="dark"]{
  --bg:#0b0b0b;--bg-alt:#151515;--bg-card:#111;--bg-deep:#0b0b0b;
  --text:#f5f5f7;--text-soft:#a1a1a6;--text-faint:#6e6e73;
  --line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.28);
  --pri:#f5f5f7;--pri-soft:rgba(255,255,255,.07);--pri-glow:transparent;
  --violet:#f5f5f7;--cyan:#f5f5f7;--gold:#f5f5f7;
  --violet-soft:rgba(255,255,255,.05);--cyan-soft:rgba(255,255,255,.05);--gold-soft:rgba(255,255,255,.05);
}
html,body{background:var(--bg)}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}
.bg-aurora{display:none!important}
.scroll-progress{height:2px;background:var(--text)}
::selection{background:var(--text);color:var(--bg)}
:focus-visible{outline-color:var(--text)}
h1,h2,h3,.page-title,.post-title,.lh-title,.links-title,.f-title,.content-header-title,.page-card-title{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif!important}

.nv{position:fixed;top:0;left:0;right:0;width:100%;max-width:none;border:0;border-bottom:1px solid transparent;border-radius:0;background:rgba(244,244,242,.82);box-shadow:none;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}
[data-theme="dark"] .nv{background:rgba(11,11,11,.78)}
.nv.scrolled{background:rgba(244,244,242,.92);border-color:var(--line);box-shadow:none}
[data-theme="dark"] .nv.scrolled{background:rgba(11,11,11,.90)}
.nv-inner{height:56px;max-width:1440px;margin:0 auto;padding:0 32px}
.nv-logo{min-width:150px;font-size:.88rem;font-weight:600;letter-spacing:-.025em}
.nv-menu{flex:1;justify-content:flex-end;gap:24px}
.nv-menu-item>a,.nv-menu>a{font-size:.78rem;font-weight:500;letter-spacing:-.01em}
.nv-menu a::after,.nv-menu-item>a::after{display:none}
.nv-menu a:hover,.nv-menu-item>a:hover{color:var(--text);opacity:.58}
.nv-search,.nv-login,.nv-theme{width:28px;height:28px;border-radius:4px;color:var(--text);background:transparent}
.nv-search:hover,.nv-login:hover,.nv-theme:hover{color:var(--text);background:var(--pri-soft)}
.nv-lang-btn{height:28px;min-width:0;padding:0 7px;border:0;border-radius:4px;background:transparent;color:var(--text)}
.nv-lang-flag{display:none}
.nv-menu-arrow{width:16px;height:20px;color:currentColor}
.nv-menu-arrow:hover{background:transparent;color:inherit}
.nv-submenu,.nv-lang-menu{top:calc(100% + 12px);padding:8px;border:1px solid var(--line);border-radius:8px;background:rgba(250,250,248,.94);box-shadow:0 12px 36px rgba(0,0,0,.12);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
[data-theme="dark"] .nv-submenu,[data-theme="dark"] .nv-lang-menu{background:rgba(24,24,24,.94)}
.nv-submenu a,.nv-lang-opt{border:0;border-radius:4px}
.nv-submenu a:hover,.nv-lang-opt:hover{border:0;background:var(--pri-soft);color:var(--text)}

.post-h,.lh,.links-h,.content-header,.page-header,.f-header{
  min-height:44vh;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;
  padding:128px max(24px,calc((100% - var(--max-wide))/2)) 58px;
  background:var(--bg);background-image:none;border-bottom:1px solid var(--line)
}
.post-h-inner,.links-h-inner,.content-header-inner,.page-header-inner,.f-header-inner{width:100%;max-width:var(--max-wide);margin:0 auto}
.post-title,.lh-title,.links-title,.page-title,.f-title,.content-header-title{
  max-width:900px;margin:0 0 14px;font-size:clamp(2.7rem,7vw,6.5rem);font-weight:500;line-height:.96;letter-spacing:-.065em;text-align:left
}
.post-meta,.lh-count,.page-desc,.links-desc,.f-desc,.content-header-meta{justify-content:flex-start;text-align:left;color:var(--text-soft)}
.lh-badge{margin:0 0 26px;padding:0;background:none;border-radius:0;color:var(--text);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.post-back,.links-back{margin-bottom:34px;color:var(--text-soft)}
.post-back:hover,.links-back:hover{color:var(--text)}
.page-title-row{width:100%}
.page-title-row .page-title{margin-bottom:0}

.post-layout{max-width:1320px;grid-template-columns:180px minmax(0,760px) 220px;gap:clamp(28px,4vw,64px);padding:72px 32px 110px}
.post-main,.post-body,.tp{font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}
.tp{font-size:1rem;line-height:1.85}
.tp h1,.tp h2,.tp h3,.tp h4{font-family:Inter,sans-serif;letter-spacing:-.035em}
.tp h2{background:none;border-bottom:1px solid var(--line);padding-bottom:12px}
.tp a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.tp blockquote{border:0;border-left:2px solid var(--text);background:transparent;padding-left:22px}
.tp code{background:var(--bg-alt);color:var(--text);border:0}
.tp pre{border:1px solid var(--line);border-radius:6px;background:#111;color:#f5f5f7;box-shadow:none}
.post-excerpt{background:transparent;border:0;border-left:2px solid var(--text);border-radius:0;padding:4px 0 4px 18px}
.post-tag,.side-tag,.tag-it,.photo-tab,.moments-tags .tag-item{border-radius:4px}
.post-tag:hover,.side-tag:hover,.tag-it:hover,.photo-tab:hover,.moments-tags .tag-item:hover,.moments-tags .tag-item.active{border-color:var(--text);color:var(--text);background:var(--pri-soft);box-shadow:none}

.archives,.cats-w,.tagcloud-wrap,.tags-w{max-width:var(--max-wide);margin:0 auto;padding:64px 24px 100px}
.arch-yr{display:grid;grid-template-columns:180px 1fr;margin:0;padding:44px 0;border-bottom:1px solid var(--line)}
.arch-yr-title{margin:0;padding:0;border:0;color:var(--text);font-family:Inter,sans-serif;font-size:2.4rem;font-weight:500;letter-spacing:-.05em}
.arch-post{padding:9px 0;border-bottom:1px solid var(--line)}
.arch-tl{font-size:1rem}
.arch-tl:hover{color:var(--text);opacity:.58}
.cat-it{padding:22px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
.cat-it:hover{border-color:var(--text);box-shadow:none}
.cat-name{font-size:1.2rem}
.cat-count{background:transparent;border:1px solid var(--line)}
.tagcloud{border:1px solid var(--line);border-radius:8px;background:var(--bg-alt);box-shadow:none}
.tagcloud-item{background:var(--bg-card);border-color:var(--line);box-shadow:none}
.tagcloud-item:hover{border-color:var(--text);color:var(--text);background:var(--bg-card);box-shadow:none}

.links-body,.photos-container,.moments-list,.page-moments-list,.docs-grid,.steam-page,.friends-list,.f-grid{
  max-width:var(--max-wide);padding:64px 24px 110px
}
.gradient-card,.moment-card,.friend-card,.f-grid-card,.photo-item,.docs-card,.steam-game-card,.page-card-body,.page-card-comments,.content-body-card,.content-comments-card,.moment-list-item,.moment-detail,.moment-detail-list,.steam-profile,.steam-stat-item{
  background:var(--bg-card);background-image:none;border:1px solid var(--line);border-radius:8px;box-shadow:none
}
.gradient-card:hover,.moment-card:hover,.friend-card:hover,.f-grid-card:hover,.photo-item:hover,.docs-card:hover,.steam-game-card:hover,.page-card-body:hover,.page-card-comments:hover,.content-body-card:hover,.content-comments-card:hover,.moment-list-item:hover{
  transform:none;background:var(--bg-card);background-image:none;border-color:var(--line-strong);box-shadow:none
}
.docs-grid,.photo-grid,.f-grid,.steam-games-grid,.steam-recent-grid{gap:12px}
.docs-card{padding:28px}
.docs-card:hover{background:var(--bg-card)}
.docs-card-icon{background:var(--bg-alt);border-radius:4px}
.photo-item,.steam-game-card{border-radius:4px}
.photo-img,.steam-game-img{filter:saturate(.75);transition:filter .3s,transform .4s}
.photo-item:hover .photo-img,.steam-game-card:hover .steam-game-img{filter:saturate(1)}
.moment-tag,.moment-list-tag{background:var(--pri-soft);color:var(--text)}
.tag-item.active .tag-count{background:var(--text);color:var(--bg)}
.side-author-avatar{background:var(--text);color:var(--bg);box-shadow:none}
.side-stat-num,.steam-stat-value,.page-action-link,.steam-profile-link{color:var(--text)}

.page-card-wrap,.content-body-area{background:var(--bg);padding-top:64px;padding-bottom:100px}
.page-card-inner,.content-body-inner{max-width:var(--max-wide)}
.page-card-head{padding:128px 24px 56px;background:var(--bg);border-bottom:1px solid var(--line)}
.page-card-title{font-size:clamp(2.7rem,7vw,6rem);font-weight:500;line-height:.98;letter-spacing:-.06em}
.page-card-head-icon{display:none}
.content-header-bg{display:none}
.moments-banner{border-radius:0;box-shadow:none}
.feed-group-title,.steam-section-title{font-family:Inter,sans-serif;letter-spacing:-.03em}
.feed-item,.link-card{border-radius:6px}
.links-random-btn,.pager-btn,.ls-btn,.e404-btn{border-radius:4px;background:transparent;color:var(--text);box-shadow:none}
.links-random-btn:hover,.pager-btn:hover,.ls-btn:hover,.e404-btn:hover{border-color:var(--text);background:var(--text);color:var(--bg);box-shadow:none}
.ls-btn.primary,.e404-btn.primary{background:var(--text);color:var(--bg);box-shadow:none}
.ft{background:var(--bg);border-top:1px solid var(--line)}
.ft::before{display:none}
.ft-name{background:none;color:var(--text);-webkit-text-fill-color:currentColor}
::-webkit-scrollbar-thumb{background:var(--text)}
.to-top{background:var(--bg-card);border-color:var(--line);color:var(--text);box-shadow:none}
.to-top::before{display:none}
.to-top:hover{color:var(--text);border-color:var(--text);box-shadow:none}

@media(max-width:900px){
  .nv-inner{padding:0 20px}
  .nv-logo{min-width:auto}
  .nv-menu{gap:15px}
  .post-layout{grid-template-columns:1fr;max-width:820px}
  .post-side{display:none}
}
@media(max-width:640px){
  .nv{top:0;width:100%;border-radius:0}
  .nv-inner{height:52px;padding:0 18px}
  .nv-menu{position:fixed;top:52px;left:0;right:0;gap:6px;padding:18px;background:rgba(244,244,242,.96);border:0;border-bottom:1px solid var(--line);border-radius:0;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
  [data-theme="dark"] .nv-menu{background:rgba(11,11,11,.96)}
  .nv-menu-item{width:100%;justify-content:space-between}
  .nv-menu-item>a,.nv-menu>a{font-size:1rem;padding:10px 4px}
  .nv-search,.nv-login,.nv-theme{width:38px;height:38px}
  .nv-lang{width:100%;justify-content:space-between}
  .nv-lang-btn{height:38px;padding:0 4px}
  .post-h,.lh,.links-h,.content-header,.page-header,.f-header{min-height:48vh;padding:116px 24px 42px}
  .post-title,.lh-title,.links-title,.page-title,.f-title,.content-header-title{font-size:clamp(2.5rem,13vw,4.4rem)}
  .post-layout{padding:48px 22px 80px}
  .archives,.cats-w,.tagcloud-wrap,.tags-w{padding:48px 22px 80px}
  .arch-yr{grid-template-columns:1fr;gap:26px;padding:36px 0}
  .arch-yr-title{font-size:2rem}
  .links-body,.photos-container,.moments-list,.page-moments-list,.docs-grid,.steam-page,.friends-list,.f-grid{padding:44px 18px 80px}
  .page-card-head{padding:116px 22px 42px}
  .page-card-title{font-size:clamp(2.5rem,13vw,4.2rem)}
}


/* ===== 25. IMMERSIVE POST + WHITE-ON-BLACK NAV ===== */
.nv,
.nv.scrolled,
[data-theme="dark"] .nv,
[data-theme="dark"] .nv.scrolled,
body:has(.hero[data-bg-mode="image"]) .nv,
body:has(.hero[data-bg-mode="image"]) .nv.scrolled{
  background:rgba(0,0,0,.88);border-color:rgba(255,255,255,.10);box-shadow:none;
  -webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1)
}
.nv-logo,.nv-menu a,.nv-menu-item>a,.nv-search,.nv-login,.nv-theme,.nv-lang-btn,.nv-menu-arrow,
body:has(.hero[data-bg-mode="image"]) .nv-logo,
body:has(.hero[data-bg-mode="image"]) .nv-menu a,
body:has(.hero[data-bg-mode="image"]) .nv-toggle{color:#fff!important;-webkit-text-fill-color:#fff}
.nv-toggle span{background:#fff}
.nv-search:hover,.nv-login:hover,.nv-theme:hover,.nv-lang-btn:hover{background:rgba(255,255,255,.10);color:#fff}
.nv-menu a:hover,.nv-menu-item>a:hover{color:#fff!important;opacity:.62}
.nv-submenu,.nv-lang-menu,[data-theme="dark"] .nv-submenu,[data-theme="dark"] .nv-lang-menu{background:rgba(12,12,12,.96);border-color:rgba(255,255,255,.14);color:#fff}
.nv-submenu a,.nv-lang-opt{color:rgba(255,255,255,.72)}
.nv-submenu a:hover,.nv-lang-opt:hover{background:rgba(255,255,255,.09);color:#fff}
.nv-lang-opt-flag{filter:saturate(0)}

body:has(.post-h){background:#080808;color:#f5f5f7}
body:has(.post-h) .bg-aurora{display:none}
.post-h{
  position:relative;min-height:74svh;padding:140px max(28px,calc((100% - 1280px)/2)) 72px;
  display:flex;align-items:flex-end;overflow:hidden;background:#080808;background-image:none;border:0;color:#fff;text-align:left
}
.post-cover-bg{position:absolute;inset:0;z-index:0}
.post-cover-bg img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.04)}
.post-h-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.24) 0%,rgba(0,0,0,.14) 35%,rgba(0,0,0,.88) 100%)}
.post-h-inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto}
.post-h .post-back{margin-bottom:44px;color:rgba(255,255,255,.68);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.post-h .post-back:hover{color:#fff}
.post-h .post-title{max-width:1100px;margin:0 0 28px;color:#fff;font-size:clamp(3rem,8vw,7.6rem);font-weight:600;line-height:.90;letter-spacing:-.07em;text-align:left}
.post-h .post-meta{justify-content:flex-start;color:rgba(255,255,255,.60);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}
.post-h .post-cat{color:#fff}

.post-layout{display:block;max-width:980px;margin:0 auto;padding:96px 28px 130px;background:#080808;color:#f5f5f7}
.post-main{max-width:820px;margin:0 auto;color:#f5f5f7}
.post-side{display:none!important}
.post-body.tp{color:#e7e7e7;font-size:1.05rem;line-height:1.9}
.post-body.tp p{color:#d0d0d0}
.post-body.tp h1,.post-body.tp h2,.post-body.tp h3,.post-body.tp h4{color:#fff}
.post-body.tp h2{border-color:rgba(255,255,255,.18)}
.post-body.tp a{color:#fff}
.post-body.tp blockquote{border-left-color:#fff;color:#aaa}
.post-body.tp hr,.post-tags,.pn-grid,.post-comments{border-color:rgba(255,255,255,.16)}
.post-body.tp table th,.post-body.tp table td{border-color:rgba(255,255,255,.16)}
.post-body.tp table th{background:#151515}
.post-body.tp code{background:#191919;color:#f5f5f7}
.post-body.tp pre{background:#111;border-color:rgba(255,255,255,.15)}
.post-excerpt{border-left-color:#fff;color:#aaa}
.post-tag{border-color:rgba(255,255,255,.22);color:#aaa;background:transparent}
.post-tag:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)}
.pn{padding:26px;border-color:rgba(255,255,255,.16);border-radius:2px;background:transparent}
.pn:hover{border-color:#fff;background:#fff}
.pn-label{color:#777}
.pn-title{color:#fff;font-size:1.05rem}
.pn:hover .pn-label,.pn:hover .pn-title{color:#080808}
body:has(.post-h) .ft{background:#080808;border-color:rgba(255,255,255,.14);color:#fff}
body:has(.post-h) .ft::before{display:none}
body:has(.post-h) .ft-name{color:#fff;-webkit-text-fill-color:#fff}
body:has(.post-h) .ft-desc,
body:has(.post-h) .ft-author-name,
body:has(.post-h) .ft-nav a,
body:has(.post-h) .ft-btm,
body:has(.post-h) .ft-btm a{color:rgba(255,255,255,.50)}
body:has(.post-h) .ft-author-label,
body:has(.post-h) .ft-btm{border-color:rgba(255,255,255,.14)}
body:has(.post-h) .to-top{background:#161616;border-color:rgba(255,255,255,.16);color:#fff}

@media(max-width:640px){
  .nv-menu,[data-theme="dark"] .nv-menu{background:rgba(0,0,0,.97);border-color:rgba(255,255,255,.12)}
  .post-h{min-height:72svh;padding:112px 22px 52px}
  .post-h .post-back{margin-bottom:34px}
  .post-h .post-title{font-size:clamp(3rem,15vw,5.2rem)}
  .post-layout{padding:68px 22px 92px}
  .post-body.tp{font-size:1rem}
  .pn-grid{grid-template-columns:1fr}
}

.post-cover-bg:has(img[src=""]),.post-cover-bg:has(img:not([src])){display:none}


/* ===== 26. SPACEX NAV / SCROLL CUE / FOOTER ===== */
.nv,
.nv.scrolled,
[data-theme="dark"] .nv,
[data-theme="dark"] .nv.scrolled,
body:has(.hero[data-bg-mode="image"]) .nv,
body:has(.hero[data-bg-mode="image"]) .nv.scrolled{
  top:0;left:0;right:0;width:100%;max-width:none;transform:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.20) 72%,transparent);
  border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none
}
.nv-inner{height:76px;max-width:1600px;padding:0 42px}
.nv-logo{
  min-width:190px;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:1rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase
}
.nv-menu{flex:1;justify-content:flex-start;gap:30px}
.nv-menu-item>a,.nv-menu>a{color:#fff!important;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.nv-search{order:20;margin-left:auto}
.nv-lang{order:21}
.nv-login{order:22}
.nv-theme{order:23}
.nv-search,.nv-login,.nv-theme{color:#fff!important}
.nv-lang-btn{color:#fff!important;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.nv-menu-arrow{color:#fff!important}
.nv-logo:hover,.nv-menu a:hover,.nv-menu-item>a:hover,.nv-search:hover,.nv-login:hover,.nv-theme:hover,.nv-lang-btn:hover{opacity:.65;background:transparent}
.nv-submenu,.nv-lang-menu{top:calc(100% + 2px);background:#080808;border:1px solid rgba(255,255,255,.18);border-radius:2px;box-shadow:none}
.nv-submenu a,.nv-lang-opt{font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}

.hero[data-bg-mode="image"] .hero-scroll,
.hero[data-bg-mode="video"] .hero-scroll{
  display:flex;position:absolute;left:50%;bottom:28px;z-index:20;gap:0;color:#fff;opacity:.92
}
.hero[data-bg-mode="image"] .hero-scroll-text,
.hero[data-bg-mode="video"] .hero-scroll-text{display:none}
.hero[data-bg-mode="image"] .hero-scroll-mouse,
.hero[data-bg-mode="video"] .hero-scroll-mouse{
  width:18px;height:18px;margin-bottom:22px;border:0;border-right:3px solid currentColor;border-bottom:3px solid currentColor;border-radius:1px;
  transform:rotate(45deg);animation:spacex-scroll-arrow 1.8s ease-in-out infinite
}
.hero[data-bg-mode="image"] .hero-scroll-mouse::after,
.hero[data-bg-mode="video"] .hero-scroll-mouse::after{display:none}
.hero[data-bg-mode="image"] .hero-scroll-line,
.hero[data-bg-mode="video"] .hero-scroll-line{width:1px;height:76px;background:rgba(255,255,255,.72);overflow:hidden}
.hero[data-bg-mode="image"] .hero-scroll-line::after,
.hero[data-bg-mode="video"] .hero-scroll-line::after{background:#fff;animation:spacex-scroll-line 1.8s ease-in-out infinite}
@keyframes spacex-scroll-arrow{0%,100%{opacity:.35;transform:translateY(0) rotate(45deg)}50%{opacity:1;transform:translateY(9px) rotate(45deg)}}
@keyframes spacex-scroll-line{0%{transform:translateY(-100%)}70%,100%{transform:translateY(100%)}}

.ft,
body:has(.hero[data-bg-mode="image"]) .ft,
body:has(.post-h) .ft,
body:has(.hero-vr-wrap) .ft,
body:has(.entries-over-reveal) .ft{
  min-height:430px;padding:68px 42px 30px;display:flex;align-items:center;background:#050505!important;
  border:0;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none
}
.ft-inner{position:relative;width:100%;max-width:1600px;min-height:310px;margin:0 auto}
.ft-top{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0;text-align:center}
.ft-brand::before{content:"";display:block;width:1px;height:132px;margin:0 auto 44px;background:rgba(255,255,255,.78)}
.ft-name{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:.82rem;font-weight:600;letter-spacing:.10em;text-transform:uppercase}
.ft-desc{max-width:620px;margin:7px auto 0;color:rgba(255,255,255,.50)!important;font-size:.72rem}
.ft-author{display:none}
.ft-nav{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;gap:34px;white-space:nowrap}
.ft-nav a{color:#fff!important;font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.ft-nav a:hover{opacity:.55}
.ft-btm{position:absolute;right:0;bottom:0;padding:0;border:0;color:rgba(255,255,255,.62)!important;font-size:.64rem;text-transform:uppercase;white-space:nowrap}
.ft-btm a{color:rgba(255,255,255,.62)!important}
.ft-dot{margin:0 5px}
.ft-custom{position:absolute;left:0;bottom:0;margin:0;padding:0;border:0}
.to-top{border-radius:50%}

@media(max-width:1000px){
  .nv-inner{padding:0 26px}
  .nv-logo{min-width:150px}
  .nv-menu{gap:18px}
  .nv-menu-item>a,.nv-menu>a{font-size:.67rem}
}
@media(max-width:640px){
  .nv-inner{height:62px;padding:0 20px}
  .nv-logo{min-width:auto;font-size:.88rem}
  .nv-menu{top:62px;left:0;right:0;width:100%;padding:20px;background:rgba(0,0,0,.98);border-bottom:1px solid rgba(255,255,255,.14)}
  .nv-search{order:20;margin-left:0}
  .hero[data-bg-mode="image"] .hero-scroll,.hero[data-bg-mode="video"] .hero-scroll{bottom:22px}
  .hero[data-bg-mode="image"] .hero-scroll-line,.hero[data-bg-mode="video"] .hero-scroll-line{height:54px}
  .ft,body:has(.hero[data-bg-mode="image"]) .ft,body:has(.post-h) .ft{min-height:520px;padding:56px 24px 28px}
  .ft-inner{min-height:405px}
  .ft-brand::before{height:104px;margin-bottom:34px}
  .ft-nav{bottom:72px;width:100%;justify-content:center;gap:16px;flex-wrap:wrap;white-space:normal}
  .ft-btm{left:0;right:0;bottom:0;text-align:center;white-space:normal;line-height:1.8}
  .ft-custom{position:static;margin-top:28px}
}


/* ===== 27. RESPONSIVE STORY EDITORIAL LAYOUT ===== */
main>.hero[data-bg-mode="image"]+.entries>.entry{
  position:relative;min-height:0;padding:64px 0;gap:clamp(34px,6vw,88px)
}
main>.hero[data-bg-mode="image"]+.entries>.entry::before{
  content:"0" counter(story);position:absolute;top:68px;left:0;color:rgba(255,255,255,.38);
  font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.15em
}
main>.hero[data-bg-mode="image"]+.entries>.entry .entry-body::before{display:none}
main>.hero[data-bg-mode="image"]+.entries>.entry .entry-body{padding-left:58px}
main>.hero[data-bg-mode="image"]+.entries .entry-date{margin-bottom:16px}
main>.hero[data-bg-mode="image"]+.entries .entry-title{
  max-width:720px;margin:0 0 18px;font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:.98
}
main>.hero[data-bg-mode="image"]+.entries .entry-excerpt{max-width:580px}
main>.hero[data-bg-mode="image"]+.entries .entry-body>a::after{
  display:inline-flex;align-items:center;justify-content:center;min-width:136px;height:42px;margin-top:32px;
  padding:0 20px;border:1px solid rgba(255,255,255,.54);font-size:.64rem;transition:background .25s,color .25s,border-color .25s,transform .25s
}
main>.hero[data-bg-mode="image"]+.entries .entry:hover .entry-body>a::after{
  transform:none;background:#fff;border-color:#fff;color:#080808
}

/* 无封面：紧凑横向信息行。 */
main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc){
  min-height:0;padding:62px 0;grid-template-columns:1fr;grid-template-areas:"body"
}
main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-body>a{
  display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"date action" "title action" "excerpt action";
  column-gap:54px;align-items:center
}
main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-date{grid-area:date}
main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-title{grid-area:title;font-size:clamp(2rem,3.7vw,4rem)}
main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-excerpt{grid-area:excerpt}
main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-body>a::after{grid-area:action;margin:0}

/* 有封面：电影感图文分栏，偶数项自动换边。 */
main>.hero[data-bg-mode="image"]+.entries>.entry:not(:has(.entry-cover.pc)){
  grid-template-columns:minmax(320px,52%) minmax(0,1fr);grid-template-areas:"cover body"
}
main>.hero[data-bg-mode="image"]+.entries>.entry:not(:has(.entry-cover.pc)) .entry-cover{
  aspect-ratio:16/10;overflow:hidden;background:#111
}
main>.hero[data-bg-mode="image"]+.entries>.entry:not(:has(.entry-cover.pc)) .entry-cover img{
  width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:filter .4s,transform .7s cubic-bezier(.22,.61,.36,1)
}
main>.hero[data-bg-mode="image"]+.entries>.entry:not(:has(.entry-cover.pc)):hover .entry-cover img{filter:saturate(1);transform:scale(1.025)}
main>.hero[data-bg-mode="image"]+.entries>.entry:nth-child(even):not(:has(.entry-cover.pc)){
  grid-template-columns:minmax(0,1fr) minmax(320px,52%);grid-template-areas:"body cover"
}

/* 正文图片允许突破文字栏，图注保持克制。 */
.post-body.tp>img,.post-body.tp>p>img,.post-body.tp>figure{
  width:min(1100px,calc(100vw - 56px));max-width:none;position:relative;left:50%;transform:translateX(-50%);
  margin:64px 0;border-radius:2px
}
.post-body.tp>img:hover,.post-body.tp>p>img:hover{transform:translateX(-50%)}
.post-body.tp figure img{width:100%;margin:0;border-radius:2px}
.post-body.tp figcaption{margin-top:14px;color:#777;font-size:.72rem;letter-spacing:.02em}

@media(max-width:760px){
  main>.hero[data-bg-mode="image"]+.entries>.entry,
  main>.hero[data-bg-mode="image"]+.entries>.entry:not(:has(.entry-cover.pc)),
  main>.hero[data-bg-mode="image"]+.entries>.entry:nth-child(even):not(:has(.entry-cover.pc)),
  main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc){
    grid-template-columns:1fr;grid-template-areas:"cover" "body";gap:32px;padding:48px 0
  }
  main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc){grid-template-areas:"body"}
  main>.hero[data-bg-mode="image"]+.entries>.entry::before{top:52px}
  main>.hero[data-bg-mode="image"]+.entries>.entry .entry-body{padding-left:42px}
  main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-body>a{display:block}
  main>.hero[data-bg-mode="image"]+.entries .entry-title,
  main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-title{font-size:clamp(2rem,10vw,3.2rem)}
  main>.hero[data-bg-mode="image"]+.entries .entry-body>a::after,
  main>.hero[data-bg-mode="image"]+.entries>.entry:has(.entry-cover.pc) .entry-body>a::after{display:inline-flex;margin-top:28px}
  .post-body.tp>img,.post-body.tp>p>img,.post-body.tp>figure{width:calc(100vw - 32px);margin:44px 0}
}


/* ===== 28. COMPACT SPACEX FOOTER WITH FULL INFORMATION ===== */
.ft,
body:has(.hero[data-bg-mode="image"]) .ft,
body:has(.post-h) .ft,
body:has(.hero-vr-wrap) .ft,
body:has(.entries-over-reveal) .ft{
  display:block!important;min-height:0!important;padding:0!important;background:#050505!important;color:#fff;border:0
}
.ft-detail{max-width:1400px;margin:0 auto;padding:64px 42px 52px}
.ft-detail-brand{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.13)}
.ft-detail .ft-name{font-size:.84rem;letter-spacing:.12em}
.ft-detail .ft-desc{margin:0!important;font-size:.7rem;letter-spacing:.04em;color:rgba(255,255,255,.40)!important}
.ft-custom{position:static!important;margin:0!important;padding:0!important;border:0!important;color:rgba(255,255,255,.54)!important;font-size:.7rem!important;line-height:1.55!important}
.ft-custom>div,.ft-custom>p{margin:0!important}
.ft-info-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;min-height:42px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-info-row:last-of-type{border-bottom:0}
.ft-section-label{width:84px;flex:0 0 84px;color:#fff;font-weight:600;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.ft-info-row a,.ft-custom a{color:rgba(255,255,255,.70)!important;transition:color .2s}
.ft-info-row a:hover,.ft-custom a:hover{color:#fff!important;opacity:1}
.ft-info-row b{color:#fff;font-weight:500}
.ft-custom img{display:inline-block;width:15px!important;height:15px!important;margin-right:4px;filter:grayscale(1) brightness(2);border-radius:0!important}
.ft-custom h3{margin:0 0 18px!important;color:#fff!important;font-family:Inter,sans-serif!important;font-size:.72rem!important;text-transform:uppercase;letter-spacing:.10em}
.ft-custom p{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 16px;padding:9px 0}
.ft-custom,.ft-custom *{animation-duration:0s!important}
.ft-custom .zane-typewriter{width:auto!important;border:0!important;color:rgba(255,255,255,.72)!important}

.ft-bar{height:78px;padding:0 36px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.12);background:#050505}
.ft-social-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#181818;color:rgba(255,255,255,.64);font-size:.7rem;transition:background .2s,color .2s}
.ft-social-button:hover{background:#252525;color:#fff}
.ft-bar .ft-nav{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;display:flex;justify-content:center;gap:34px}
.ft-bar .ft-nav a{color:#fff!important;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.ft-copy{justify-self:end;display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.70);font-size:.6rem;font-weight:500;text-transform:uppercase}
.ft-copy a{color:rgba(255,255,255,.62)}
.ft-copy a:hover{color:#fff}

@media(max-width:760px){
  .ft-detail{padding:48px 22px 38px}
  .ft-detail-brand{display:block;padding-bottom:22px;margin-bottom:18px}
  .ft-detail .ft-desc{display:block;margin-top:8px!important}
  .ft-info-row{align-items:flex-start;gap:8px 14px;padding:13px 0}
  .ft-section-label{width:100%;flex-basis:100%;margin-bottom:3px}
  .ft-custom p{justify-content:flex-start}
  .ft-bar{height:auto;min-height:138px;padding:20px 22px;grid-template-columns:48px 1fr;grid-template-areas:"social copy" "nav nav";gap:22px}
  .ft-social-button{grid-area:social}
  .ft-copy{grid-area:copy;justify-self:end;justify-content:flex-end;flex-wrap:wrap;text-align:right;gap:6px 12px}
  .ft-bar .ft-nav{grid-area:nav;justify-content:flex-start;gap:18px;flex-wrap:wrap}
}


/* ===== 29. KX BRAND + UNIFIED BORDERLESS FOOTER ===== */
.nv-logo{display:inline-flex;align-items:center;gap:12px;min-width:210px;text-transform:none}
.brand-mark{width:36px;height:20px;flex:0 0 auto;overflow:visible}
.brand-word{font-size:.82rem;font-weight:700;letter-spacing:.22em;line-height:1}
.ft-brand-logo{display:inline-flex;align-items:center;gap:14px;color:#fff}
.ft-brand-logo .brand-mark{width:46px;height:24px}
.ft-brand-logo .brand-word{font-size:.9rem;letter-spacing:.24em}

.ft-detail{display:grid;grid-template-columns:270px minmax(0,1fr);align-items:start;gap:clamp(48px,8vw,130px);max-width:1500px;padding:70px 42px 58px}
.ft-detail-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:17px;padding:0;margin:0;border:0}
.ft-detail .ft-desc{max-width:230px;line-height:1.7;text-align:left}
.ft-fallback{display:grid;grid-template-columns:.9fr 1.05fr 1.25fr 1.8fr;gap:clamp(24px,4vw,68px);align-items:start}
.ft-info-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding:0;border:0!important;line-height:1.5}
.ft-info-row .ft-section-label{width:auto;flex:none;margin:0 0 8px;color:#fff}
.ft-info-row>a,.ft-info-row>span:not(.ft-section-label){display:block}
.ft-legal{max-width:340px}
.ft-bar{border:0!important}
.ft-custom h3{border:0!important}
.ft-custom hr{display:none!important}

@media(min-width:761px){
  .ft-bar{padding-left:42px;padding-right:42px}
}
@media(max-width:1050px){
  .ft-detail{grid-template-columns:1fr;gap:42px}
  .ft-detail-brand{max-width:none}
  .ft-detail .ft-desc{max-width:none}
  .ft-fallback{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 56px}
}
@media(max-width:640px){
  .nv-logo{min-width:auto;gap:9px}
  .nv-logo .brand-mark{width:30px;height:18px}
  .nv-logo .brand-word{font-size:.72rem;letter-spacing:.16em}
  .ft-detail{padding:52px 22px 44px;gap:38px}
  .ft-fallback{grid-template-columns:1fr;gap:34px}
  .ft-info-row{gap:8px}
  .ft-brand-logo .brand-mark{width:40px;height:22px}
}


/* ===== 30. FINAL UNIFIED SPACE BLACK SYSTEM — ALL TEMPLATES ===== */
:root,[data-theme="light"],[data-theme="dark"]{
  --bg:#070707;--bg-alt:#101010;--bg-card:#0d0d0d;--bg-glass:rgba(8,8,8,.88);--bg-deep:#070707;
  --text:#f5f5f7;--text-soft:#a1a1a6;--text-faint:#6e6e73;
  --line:rgba(255,255,255,.10);--line-strong:rgba(255,255,255,.26);
  --pri:#fff;--pri-soft:rgba(255,255,255,.07);--pri-glow:transparent;
  --violet:#fff;--cyan:#fff;--gold:#fff;
  --violet-soft:rgba(255,255,255,.04);--cyan-soft:rgba(255,255,255,.04);--gold-soft:rgba(255,255,255,.04);
  --glow-violet:transparent;--glow-cyan:transparent;
  --grad-accent:linear-gradient(#fff,#fff);--grad-text:linear-gradient(#fff,#fff);
  --glass-bg:rgba(12,12,12,.90);--glass-bg-soft:rgba(12,12,12,.76);
  --glass-border:rgba(255,255,255,.18);--glass-border-soft:rgba(255,255,255,.10);
  color-scheme:dark
}
html,body,main{background:#070707!important;color:var(--text)}
.nv-theme{display:none!important}
.bg-aurora,.hero-canvas,.hero-spotlight{display:none!important}

.post-h,.lh,.links-h,.content-header,.page-header,.f-header,.page-card-head{
  min-height:52svh!important;padding:140px max(28px,calc((100% - 1280px)/2)) 62px!important;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;
  background:#070707!important;background-image:none!important;border:0!important;color:#fff;text-align:left!important
}
.post-h::before,.lh::before,.links-h::before,.content-header::before,.page-header::before,.f-header::before,.page-card-head::before{display:none!important}
.lh-title,.links-title,.content-header-title,.page-title,.f-title,.page-card-title{
  max-width:1100px;color:#fff!important;font-size:clamp(3rem,7.5vw,7rem)!important;font-weight:600!important;
  line-height:.92!important;letter-spacing:-.07em!important;text-align:left!important
}
.lh-badge,.links-back,.post-back{color:rgba(255,255,255,.62)!important}
.lh-count,.links-desc,.page-desc,.f-desc,.content-header-meta,.page-card-meta,.page-card-desc{color:rgba(255,255,255,.48)!important;text-align:left!important}

.archives,.cats-w,.tags-w,.tagcloud-wrap,.links-body,.photos-container,.moments-list,.page-moments-list,
.docs-grid,.steam-page,.friends-list,.f-grid,.page-card-wrap,.content-body-area,.doc-page,.moment-back,
.moments-tags-wrapper,.moments-list-tags{
  background:#070707!important;color:var(--text)
}
.archives,.cats-w,.tags-w,.tagcloud-wrap{max-width:1280px!important;padding:76px 28px 120px!important}
.arch-yr{grid-template-columns:190px 1fr;gap:48px;padding:56px 0;border-color:rgba(255,255,255,.13)}
.arch-yr-title{color:#fff!important;font-size:clamp(2.2rem,4vw,4rem)!important}
.arch-mo{color:rgba(255,255,255,.45)}
.arch-post{padding:13px 0;border-color:rgba(255,255,255,.10)}
.arch-dt{color:rgba(255,255,255,.38)}
.arch-tl{color:#f5f5f7;font-size:1rem}
.arch-tl:hover{color:#fff!important;opacity:.62}

.cats-w{max-width:900px!important}
.cat-it{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;padding:28px 0!important}
.cat-name{color:#fff;font-size:1.25rem}
.cat-count{color:rgba(255,255,255,.48);background:transparent!important;border-color:rgba(255,255,255,.16)}
.tagcloud{background:#0d0d0d!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}
.tagcloud-item,.tag-it{background:#101010!important;border-color:rgba(255,255,255,.13)!important;color:#d6d6d6!important;box-shadow:none!important}
.tagcloud-item:hover,.tag-it:hover{background:#fff!important;border-color:#fff!important;color:#070707!important}

body:not(:has(.hero)) main>.entries:not(.entries-over-reveal){background:#070707!important;color:#fff;padding-top:70px!important;padding-bottom:110px!important}
body:not(:has(.hero)) main>.entries:not(.entries-over-reveal)>.entry{
  max-width:1100px!important;margin:0 auto!important;padding:46px 0!important;background:transparent!important;
  border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important
}
body:not(:has(.hero)) main>.entries:not(.entries-over-reveal) .entry-title{color:#fff!important;font-family:Inter,sans-serif!important}
body:not(:has(.hero)) main>.entries:not(.entries-over-reveal) .entry-date,
body:not(:has(.hero)) main>.entries:not(.entries-over-reveal) .entry-excerpt{color:rgba(255,255,255,.48)!important}
body:not(:has(.hero)) main>.entries:not(.entries-over-reveal) .entry-cover{background:#111!important;border-color:rgba(255,255,255,.12)!important}

.gradient-card,.moment-card,.friend-card,.f-grid-card,.photo-item,.docs-card,.steam-game-card,.page-card-body,
.page-card-comments,.content-body-card,.content-comments-card,.moment-list-item,.moment-detail,.moment-detail-list,
.steam-profile,.steam-stat-item,.doc-main,.doc-catalog-item,.surround-link,.feed-group,.feed-card,.link-card{
  background:#0d0d0d!important;background-image:none!important;color:var(--text)!important;
  border-color:rgba(255,255,255,.11)!important;box-shadow:none!important
}
.gradient-card:hover,.moment-card:hover,.friend-card:hover,.f-grid-card:hover,.photo-item:hover,.docs-card:hover,
.steam-game-card:hover,.page-card-body:hover,.page-card-comments:hover,.content-body-card:hover,.content-comments-card:hover,
.moment-list-item:hover,.doc-catalog-item:hover,.surround-link:hover,.feed-card:hover,.link-card:hover{
  background:#111!important;border-color:rgba(255,255,255,.28)!important;box-shadow:none!important;color:#fff!important
}
.docs-card-icon,.author-avatar-placeholder,.moment-list-avatar-placeholder,.f-grid-avatar-placeholder,
.steam-profile-avatar,.tag-count,.action-btn{background:#181818!important;color:#ddd!important}
.docs-card-title,.friend-title,.f-grid-title,.steam-game-name,.doc-title,.doc-catalog-title,.feed-group-title{color:#fff!important}
.docs-card-desc,.friend-desc,.f-grid-desc,.steam-game-time,.moment-time,.doc-breadcrumb,.surround-label{color:rgba(255,255,255,.48)!important}

.page-card-inner,.content-body-inner{max-width:980px!important;margin:0 auto}
.page-card-wrap,.content-body-area{padding:76px 28px 120px!important}
.page-card-body,.content-body-card{padding:clamp(28px,5vw,64px)!important;border-radius:2px!important}
.page-card-head-icon,.content-body-icon{display:none!important}
.page-card-comments,.content-comments-card{border-radius:2px!important}
.page-cover{filter:saturate(.82)}

.doc-page{min-height:100vh;padding:110px 28px 100px!important}
.doc-main{max-width:980px;margin:0 auto;padding:clamp(28px,5vw,60px);border-radius:2px}
.doc-tree-link:hover,.doc-tree-link.active{background:#171717!important;color:#fff!important;border-left-color:#fff!important}

.photo-item,.steam-game-card{border-radius:2px!important}
.photo-img,.steam-game-img,.moment-media img,.friend-image{filter:saturate(.78)}
.photo-tab,.moments-tags .tag-item,.post-tag,.side-tag,.moment-tag,.moment-list-tag{
  background:transparent!important;color:#aaa!important;border-color:rgba(255,255,255,.17)!important
}
.photo-tab:hover,.photo-tab.active,.moments-tags .tag-item:hover,.moments-tags .tag-item.active,
.post-tag:hover,.side-tag:hover,.moment-tag:hover,.moment-list-tag:hover{
  background:#fff!important;color:#070707!important;border-color:#fff!important;box-shadow:none!important
}
.moments-banner{border-radius:0!important}
.moments-banner::before{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.82))}

input,textarea,select,.form-input,.form-textarea,.form-select,.link-submit-content{
  background:#101010!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;box-shadow:none!important
}
input:focus,textarea:focus,select:focus,.form-input:focus,.form-textarea:focus,.form-select:focus{
  border-color:#fff!important;box-shadow:0 0 0 1px #fff!important
}
.copy-btn,.action-btn,.pager-btn,.ls-btn,.e404-btn,.links-random-btn{
  background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important;box-shadow:none!important
}
.copy-btn:hover,.action-btn:hover,.pager-btn:hover,.ls-btn:hover,.e404-btn:hover,.links-random-btn:hover{
  background:#fff!important;color:#070707!important;border-color:#fff!important
}
.e404{background:#070707!important;color:#fff}
.e404-bg-digit,.e404-zero{background:none!important;color:rgba(255,255,255,.10)!important;-webkit-text-fill-color:currentColor!important}
.e404-title{color:#fff}
.e404-desc{color:rgba(255,255,255,.50)}

.outdated-notice{background:#131313!important;border-color:rgba(255,255,255,.14)!important;color:#aaa!important}
.scroll-progress{background:#fff!important}
::-webkit-scrollbar-track{background:#070707}
::-webkit-scrollbar-thumb{background:#555!important}
hr{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.12)!important}

@media(max-width:760px){
  .post-h,.lh,.links-h,.content-header,.page-header,.f-header,.page-card-head{
    min-height:46svh!important;padding:112px 22px 44px!important
  }
  .lh-title,.links-title,.content-header-title,.page-title,.f-title,.page-card-title{
    font-size:clamp(2.8rem,14vw,5rem)!important
  }
  .archives,.cats-w,.tags-w,.tagcloud-wrap{padding:54px 22px 88px!important}
  .arch-yr{grid-template-columns:1fr;gap:26px;padding:40px 0}
  body:not(:has(.hero)) main>.entries:not(.entries-over-reveal){padding:48px 22px 88px!important}
  body:not(:has(.hero)) main>.entries:not(.entries-over-reveal)>.entry{padding:38px 0!important}
  .page-card-wrap,.content-body-area{padding:48px 18px 88px!important}
}

/* 31. MINIMAL CENTERED FOOTER */
.ft-bar{display:flex!important;align-items:center!important;justify-content:center!important;min-height:78px!important;height:auto!important;padding:22px 24px!important;border:0!important}
.ft-social-button,.ft-copy{display:none!important}
.ft-bar .ft-nav{position:static!important;transform:none!important;justify-content:center!important;gap:38px!important;width:auto!important}
@media(max-width:720px){.ft-bar{min-height:72px!important;padding:20px!important}.ft-bar .ft-nav{gap:26px!important}}

/* 32. KX ORBIT BRAND MARK */
.brand-mark-kx{width:54px!important;height:24px!important;overflow:visible;filter:drop-shadow(0 0 8px rgba(255,255,255,.08))}
.brand-mark-kx .kx-core{opacity:1}
.brand-mark-kx .kx-orbit,.brand-mark-kx .kx-spark{opacity:.72;transition:opacity .25s ease,transform .25s ease}
.nv-logo:hover .kx-orbit,.nv-logo:hover .kx-spark,.ft-brand-logo:hover .kx-orbit,.ft-brand-logo:hover .kx-spark{opacity:1}
.ft-brand-logo .brand-mark-kx{width:66px!important;height:28px!important}
@media(max-width:640px){.brand-mark-kx{width:46px!important;height:21px!important}.brand-word{font-size:.72rem}}

/* 33. KX CUT WORDMARK */
.brand-mark-kx-cut{width:58px!important;height:26px!important;filter:none}
.brand-mark-kx-cut .kx-glyph,.brand-mark-kx-cut .kx-flight{transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s ease}
.brand-mark-kx-cut .kx-flight{opacity:.58}
.nv-logo:hover .brand-mark-kx-cut .kx-flight,.ft-brand-logo:hover .brand-mark-kx-cut .kx-flight{opacity:1;transform:translateX(2px)}
.brand-word{font-family:Inter,Arial,sans-serif!important;font-size:.76rem!important;font-weight:600!important;letter-spacing:.28em!important;transform:scaleX(.92);transform-origin:left center}
.ft-brand-logo .brand-mark-kx-cut{width:70px!important;height:30px!important}
@media(max-width:640px){.brand-mark-kx-cut{width:50px!important;height:23px!important}.brand-word{font-size:.68rem!important;letter-spacing:.22em!important}}

/* 34. KX SIGNATURE MONOGRAM */
.brand-mark-kx-signature{width:62px!important;height:27px!important;filter:none}
.brand-mark-kx-signature .kx-stem,.brand-mark-kx-signature .kx-ribbon,.brand-mark-kx-signature .kx-horizon{transform-origin:center;transition:opacity .25s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.brand-mark-kx-signature .kx-horizon{opacity:.5}
.nv-logo:hover .brand-mark-kx-signature .kx-horizon,.ft-brand-logo:hover .brand-mark-kx-signature .kx-horizon{opacity:1;transform:translateX(2px)}
.nv-logo,.ft-brand-logo{gap:15px!important}
.brand-word{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:.72rem!important;font-weight:500!important;letter-spacing:.34em!important;transform:scaleX(.94);transform-origin:left center}
.ft-brand-logo .brand-mark-kx-signature{width:74px!important;height:32px!important}
@media(max-width:640px){.brand-mark-kx-signature{width:53px!important;height:24px!important}.brand-word{font-size:.65rem!important;letter-spacing:.27em!important}}

/* 35. RESTORE KX CUT MARK */
.brand-mark-kx-cut{width:58px!important;height:26px!important;filter:none}
.brand-mark-kx-cut .kx-flight{opacity:.58}
.nv-logo:hover .brand-mark-kx-cut .kx-flight,.ft-brand-logo:hover .brand-mark-kx-cut .kx-flight{opacity:1;transform:translateX(2px)}
.nv-logo,.ft-brand-logo{gap:15px!important}
.brand-word{font-family:Inter,Arial,sans-serif!important;font-size:.76rem!important;font-weight:600!important;letter-spacing:.28em!important;transform:scaleX(.92);transform-origin:left center}
.ft-brand-logo .brand-mark-kx-cut{width:70px!important;height:30px!important}
@media(max-width:640px){.brand-mark-kx-cut{width:50px!important;height:23px!important}.brand-word{font-size:.68rem!important;letter-spacing:.22em!important}}


/* 36. MONOCHROME CODE GRID BACKGROUND */
.bg-aurora{display:block!important;position:fixed!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important;background:#070707!important}
.bg-aurora .bg-blob{display:none!important}
.bg-aurora .bg-noise{display:block!important;inset:0!important;opacity:.18!important;background-image:radial-gradient(circle at center,rgba(255,255,255,.24) 0 1px,transparent 1.2px),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px)!important;background-size:168px 168px,42px 42px,42px 42px!important;background-position:21px 21px,0 0,0 0!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 84%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 84%)}
.bg-aurora::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.055) 7% calc(7% + 1px),transparent calc(7% + 1px) 93%,rgba(255,255,255,.055) 93% calc(93% + 1px),transparent calc(93% + 1px));opacity:.65}
.bg-aurora::after{content:"";position:absolute;left:0;right:0;height:18vh;top:-20vh;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.018),rgba(255,255,255,.07),transparent);animation:kx-scanline 14s linear infinite;opacity:.42}
@keyframes kx-scanline{to{transform:translateY(140vh)}}
body>main,body>.ft{position:relative;z-index:1}
html,body{background:#070707!important}
body main{background:transparent!important}
.post-h,.lh,.links-h,.content-header,.page-header,.f-header,.page-card-head,.archives,.cats-w,.tags-w,.tagcloud-wrap,.links-body,.photos-container,.moments-list,.page-moments-list,.docs-grid,.steam-page,.friends-list,.f-grid,.page-card-wrap,.content-body-area{background-color:transparent!important}
@media(max-width:720px){.bg-aurora .bg-noise{opacity:.12!important;background-size:144px 144px,36px 36px,36px 36px!important}.bg-aurora::before{opacity:.35}.bg-aurora::after{display:none}}
@media(prefers-reduced-motion:reduce){.bg-aurora::after{animation:none;display:none}}

/* 37. TESLA / SPACEX FULL-WIDTH MEGA MENU */
@media(min-width:641px){
  .nv{overflow:visible!important;transition:background .35s ease,border-color .35s ease}
  body.nv-mega-open .nv{background:rgba(5,5,5,.98)!important;border-bottom-color:rgba(255,255,255,.12)!important}
  .nv-menu-item:not(.nv-lang)>.nv-submenu{
    position:fixed!important;top:76px!important;left:0!important;right:0!important;width:100vw!important;
    min-width:0!important;min-height:230px;margin:0!important;padding:44px max(7vw,56px) 52px!important;
    display:grid!important;grid-template-columns:repeat(auto-fit,minmax(160px,220px));align-content:start;justify-content:center;
    gap:10px 34px;background:rgba(5,5,5,.985)!important;border:0!important;border-top:1px solid rgba(255,255,255,.08)!important;
    border-radius:0!important;box-shadow:0 34px 70px rgba(0,0,0,.58)!important;
    -webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    clip-path:inset(0 0 100% 0);transform:translateY(-14px)!important;
    transform-origin:top center;transition:clip-path .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility 0s linear .48s!important;
    z-index:1190!important
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu::before{
    content:"";position:absolute;top:0;left:7vw;width:0;height:1px;background:#fff;
    transition:width .7s cubic-bezier(.22,1,.36,1) .08s
  }
  .nv-menu-item:not(.nv-lang).open>.nv-submenu{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    clip-path:inset(0 0 0 0);transform:translateY(0)!important;transition-delay:0s!important
  }
  .nv-menu-item:not(.nv-lang).open>.nv-submenu::before{width:86vw}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a{
    position:relative;display:flex!important;align-items:center;min-height:52px;padding:12px 4px!important;
    color:rgba(255,255,255,.62)!important;border:0!important;border-radius:0!important;
    font-size:clamp(.82rem,1vw,1rem)!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase;
    opacity:0;transform:translateY(15px);transition:color .2s ease,opacity .35s ease,transform .45s cubic-bezier(.22,1,.36,1)!important
  }
  .nv-menu-item:not(.nv-lang).open>.nv-submenu>a{opacity:1;transform:translateY(0)}
  .nv-menu-item:not(.nv-lang).open>.nv-submenu>a:nth-child(2){transition-delay:.05s!important}
  .nv-menu-item:not(.nv-lang).open>.nv-submenu>a:nth-child(3){transition-delay:.1s!important}
  .nv-menu-item:not(.nv-lang).open>.nv-submenu>a:nth-child(4){transition-delay:.15s!important}
  .nv-menu-item:not(.nv-lang).open>.nv-submenu>a:nth-child(n+5){transition-delay:.2s!important}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a::before{content:"↗";margin-right:13px;color:rgba(255,255,255,.25);font-size:.72rem;transition:transform .2s,color .2s}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a:hover{background:transparent!important;color:#fff!important}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a:hover::before{color:#fff;transform:translate(2px,-2px)}
  .nv-menu-item.open>.nv-menu-arrow{transform:rotate(180deg)!important;color:#fff!important}
  .nv-mega-backdrop{position:fixed;inset:76px 0 0;z-index:900;background:rgba(0,0,0,.66);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .38s ease,visibility 0s linear .38s}
  body.nv-mega-open .nv-mega-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
}
@media(max-width:640px){.nv-mega-backdrop{display:none!important}}
@media(prefers-reduced-motion:reduce){
  .nv-submenu,.nv-submenu a,.nv-mega-backdrop{transition-duration:.01ms!important;animation:none!important}
}

/* 38. REFINED COMPACT MEGA MENU */
@media(min-width:641px){
  .nv-menu-item:not(.nv-lang)>.nv-submenu{
    min-height:0!important;padding:28px max(5vw,34px) 32px!important;
    display:flex!important;align-items:stretch!important;justify-content:center!important;gap:8px!important;
    border:0!important;box-shadow:0 28px 60px rgba(0,0,0,.42)!important
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu::before{display:none!important}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a{
    counter-increment:mega-link;display:grid!important;grid-template-columns:28px minmax(100px,150px) 18px;
    align-items:center!important;column-gap:12px!important;width:auto!important;min-height:66px!important;
    padding:12px 18px!important;background:rgba(255,255,255,.025)!important;border:0!important;border-radius:3px!important;
    font-size:.88rem!important;letter-spacing:.04em!important;text-transform:none!important
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu{counter-reset:mega-link}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a::before{
    content:"0" counter(mega-link)!important;margin:0!important;color:rgba(255,255,255,.28)!important;
    font-family:"JetBrains Mono",monospace;font-size:.62rem!important;letter-spacing:.08em
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a::after{
    content:"→"!important;display:block!important;position:static!important;width:auto!important;height:auto!important;
    color:rgba(255,255,255,.24)!important;background:none!important;font-size:.86rem;opacity:1!important;
    transition:transform .25s ease,color .25s ease!important
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a:hover::before{color:rgba(255,255,255,.52)!important;transform:none!important}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a:hover::after{color:#fff!important;transform:translateX(3px)!important}
}

/* 39. VERTICAL MISSION-LIST MEGA MENU */
@media(min-width:641px){
  .nv-menu-item:not(.nv-lang)>.nv-submenu{
    flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
    gap:0!important;padding:22px max(5vw,34px) 28px!important
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a{
    grid-template-columns:34px minmax(190px,330px) 22px!important;column-gap:14px!important;
    width:min(100%,440px)!important;min-height:68px!important;padding:12px 8px!important;
    background:transparent!important;border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a:last-child{border-bottom:0!important}
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a:hover{background:rgba(255,255,255,.045)!important;padding-left:14px!important;padding-right:14px!important}
}
\n/* 40. BORDERLESS VERTICAL MENU */\n@media(min-width:641px){.nv-menu-item:not(.nv-lang)>.nv-submenu>a,.nv-menu-item:not(.nv-lang)>.nv-submenu>a:last-child{border:0!important;margin-bottom:3px!important}}\n
/* 41. ANCHORED MENU + CODE-LIGHT BACKGROUND */
@media(min-width:641px){
  .nv-menu-item:not(.nv-lang)>.nv-submenu{
    align-items:flex-start!important;padding-left:var(--mega-anchor-x,42px)!important;padding-right:32px!important
  }
  .nv-menu-item:not(.nv-lang)>.nv-submenu>a{
    width:min(440px,calc(100vw - var(--mega-anchor-x,42px) - 32px))!important;
    border:0!important;margin:0 0 4px!important
  }
}
.bg-aurora{
  background:
    radial-gradient(ellipse 52% 42% at 52% 26%,rgba(255,255,255,.105),transparent 72%),
    linear-gradient(112deg,transparent 22%,rgba(255,255,255,.012) 35%,rgba(255,255,255,.075) 49%,rgba(255,255,255,.014) 62%,transparent 76%),
    #050505!important
}
.bg-aurora::before{
  background:
    linear-gradient(103deg,transparent 0 18%,rgba(255,255,255,.055) 18.1%,transparent 31%),
    linear-gradient(77deg,transparent 0 67%,rgba(255,255,255,.038) 67.1%,transparent 82%),
    linear-gradient(90deg,transparent 0 7%,rgba(255,255,255,.09) 7% calc(7% + 1px),transparent calc(7% + 1px) 93%,rgba(255,255,255,.09) 93% calc(93% + 1px),transparent calc(93% + 1px))!important;
  opacity:.9!important
}
.bg-aurora .bg-noise{opacity:.28!important}
.bg-code{
  position:absolute;z-index:2;display:flex;flex-direction:column;gap:12px;
  color:rgba(255,255,255,.19);font-family:"JetBrains Mono",monospace;
  font-size:clamp(.55rem,.62vw,.68rem);line-height:1.9;letter-spacing:.035em;
  white-space:pre;user-select:none;text-shadow:0 0 18px rgba(255,255,255,.08)
}
.bg-code span{color:rgba(255,255,255,.32);font-size:.56rem;letter-spacing:.18em}
.bg-code code{font:inherit;color:inherit;background:none;padding:0}
.bg-code-left{left:8vw;top:24vh;transform:rotate(-2deg)}
.bg-code-right{right:8vw;bottom:15vh;text-align:right;align-items:flex-end;transform:rotate(1deg)}
@media(max-width:900px){.bg-code{opacity:.62}.bg-code-left{left:6vw}.bg-code-right{right:6vw}}
@media(max-width:640px){.bg-code{font-size:.5rem;opacity:.48}.bg-code-left{top:18vh}.bg-code-right{bottom:12vh}.bg-aurora{background:radial-gradient(ellipse 80% 34% at 50% 22%,rgba(255,255,255,.08),transparent 75%),#050505!important}}

/* 42. DEEP OCEAN INTELLIGENCE BACKGROUND */
.bg-aurora{
  background:
    radial-gradient(ellipse 62% 48% at 52% 30%,rgba(76,118,255,.19),transparent 68%),
    radial-gradient(ellipse 42% 36% at 84% 12%,rgba(44,197,255,.13),transparent 72%),
    radial-gradient(ellipse 36% 30% at 12% 78%,rgba(38,82,190,.11),transparent 75%),
    linear-gradient(180deg,#030711 0%,#050913 46%,#03050a 100%)!important
}
.bg-neural-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.82}
.bg-aurora .bg-noise{
  z-index:3!important;opacity:.12!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")!important;
  mask-image:none!important;-webkit-mask-image:none!important
}
.bg-aurora::before{
  z-index:2!important;background:
    linear-gradient(112deg,transparent 22%,rgba(111,156,255,.02) 38%,rgba(152,203,255,.095) 50%,rgba(75,116,222,.02) 64%,transparent 78%),
    repeating-linear-gradient(90deg,transparent 0 89px,rgba(122,161,255,.025) 90px),
    repeating-linear-gradient(0deg,transparent 0 89px,rgba(122,161,255,.02) 90px)!important;
  opacity:1!important
}
.bg-aurora::after{
  z-index:2!important;height:24vh!important;top:-28vh!important;
  background:linear-gradient(to bottom,transparent,rgba(104,151,255,.025),rgba(190,225,255,.115),transparent)!important;
  opacity:.5!important;animation-duration:18s!important
}
.bg-code{z-index:4!important;color:rgba(137,178,255,.13)!important;text-shadow:0 0 22px rgba(61,125,255,.15)!important}
.bg-code span{color:rgba(170,207,255,.24)!important}
.bg-code-left{top:20vh!important}.bg-code-right{bottom:12vh!important}
@media(max-width:640px){
  .bg-neural-canvas{opacity:.58}
  .bg-code{opacity:.28!important}
  .bg-aurora{background:radial-gradient(ellipse 95% 42% at 50% 24%,rgba(72,114,245,.16),transparent 74%),linear-gradient(180deg,#030711,#03050a)!important}
}

/* 43. HERO TYPEWRITER + INTERACTIVE WATER FIELD + REGISTRATION */
.hero{position:relative!important;isolation:isolate}
.hero-ripple-layer{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:.92}
.hero::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none;
  background:radial-gradient(360px circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(111,166,255,.16),rgba(69,117,224,.055) 36%,transparent 72%)!important;
  opacity:var(--ripple-active,0);transition:opacity .5s ease!important
}
.hero .hero-hl{position:relative;z-index:10!important}
.hero-desc.is-typing{display:inline-block;max-width:none!important;min-height:1.65em}
.hero-desc.is-typing::after{content:"";display:inline-block;width:1px;height:1.05em;margin-left:6px;vertical-align:-.12em;background:rgba(185,217,255,.92);box-shadow:0 0 10px rgba(92,153,255,.55);animation:kx-caret .8s steps(1,end) infinite}
@keyframes kx-caret{50%{opacity:0}}
.ft-bar{flex-direction:column!important;gap:14px!important;padding-top:24px!important;padding-bottom:25px!important}
.ft-copy{display:flex!important;justify-self:auto!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px 20px!important;color:rgba(255,255,255,.38)!important;font-size:.58rem!important;letter-spacing:.04em!important;text-transform:none!important}
.ft-copy>span:first-child{display:none!important}
.ft-copy a{color:rgba(255,255,255,.42)!important}
.ft-copy a:hover{color:#fff!important}
@media(max-width:640px){.hero::before{background:radial-gradient(220px circle at var(--ripple-x,50%) var(--ripple-y,50%),rgba(111,166,255,.13),transparent 72%)!important}.ft-copy{flex-direction:column!important;align-items:center!important;gap:7px!important}}
@media(prefers-reduced-motion:reduce){.hero-desc.is-typing::after{animation:none}.hero-ripple-layer{display:none}}

/* 44. CONTINUOUS DSH FLOW FIELD */
.hero-ripple-layer{display:none!important}
.hero-flow-layer{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:.9;mix-blend-mode:screen}
.hero::before{
  background:radial-gradient(460px circle at var(--flow-x,50%) var(--flow-y,50%),rgba(102,160,255,.19),rgba(44,92,201,.06) 42%,transparent 74%)!important;
  opacity:var(--flow-active,.62)!important;transition:opacity .7s ease!important
}
.bg-aurora::before{
  background:
    radial-gradient(ellipse 58% 44% at 52% 29%,rgba(134,183,255,.085),transparent 72%),
    linear-gradient(112deg,transparent 18%,rgba(71,119,226,.025) 38%,rgba(140,191,255,.07) 50%,rgba(72,119,224,.022) 63%,transparent 82%),
    repeating-linear-gradient(90deg,transparent 0 95px,rgba(117,160,255,.018) 96px),
    repeating-linear-gradient(0deg,transparent 0 95px,rgba(117,160,255,.015) 96px)!important;
  opacity:1!important
}
@media(max-width:640px){.hero-flow-layer{opacity:.62}.hero::before{background:radial-gradient(260px circle at var(--flow-x,50%) var(--flow-y,50%),rgba(102,160,255,.15),transparent 75%)!important}}
@media(prefers-reduced-motion:reduce){.hero-flow-layer{display:none!important}}

/* 45. QUIET INTELLIGENCE — FINAL MINIMAL BACKGROUND */
.bg-neural-canvas,.hero-flow-layer,.hero-ripple-layer,.bg-code{display:none!important}
.bg-aurora{
  background:
    radial-gradient(ellipse 62% 46% at 50% 28%,rgba(67,103,188,.15),transparent 70%),
    radial-gradient(ellipse 38% 30% at 86% 8%,rgba(42,113,157,.075),transparent 74%),
    linear-gradient(180deg,#03060d 0%,#050914 52%,#03050a 100%)!important
}
.bg-aurora::before{
  display:block!important;inset:0!important;
  background:
    linear-gradient(rgba(126,157,211,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(126,157,211,.014) 1px,transparent 1px)!important;
  background-size:64px 64px!important;
  -webkit-mask-image:radial-gradient(ellipse 70% 58% at 50% 34%,#000 0%,transparent 78%)!important;
  mask-image:radial-gradient(ellipse 70% 58% at 50% 34%,#000 0%,transparent 78%)!important;
  opacity:1!important
}
.bg-aurora::after{display:none!important}
.bg-aurora .bg-noise{opacity:.055!important}
.hero::before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;
  left:0!important;top:0!important;transform:none!important;z-index:3!important;
  background:radial-gradient(420px circle at var(--spot-x,50%) var(--spot-y,48%),rgba(111,160,255,.105),rgba(67,103,196,.035) 44%,transparent 73%)!important;
  opacity:var(--spot-opacity,.5)!important;transition:opacity .65s ease!important;pointer-events:none!important
}
@media(max-width:640px){.hero::before{background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,42%),rgba(103,151,243,.085),transparent 74%)!important}.bg-aurora::before{background-size:48px 48px!important}}


/* 46. DEVELOPER COCKPIT — MYSQL / LINUX / PYTHON */
.hero-techdeck{position:absolute;inset:0;z-index:7;overflow:hidden;pointer-events:none;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
.tech-panel{--tx:0px;--ty:0px;position:absolute;width:min(19vw,300px);padding:14px 16px 15px;color:rgba(216,229,255,.5);background:linear-gradient(135deg,rgba(12,19,34,.52),rgba(7,12,22,.2));border:1px solid rgba(143,181,255,.11);border-radius:10px;box-shadow:0 18px 50px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.025);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translate3d(var(--tx),var(--ty),0);opacity:0;animation:cockpit-in .9s cubic-bezier(.22,1,.36,1) forwards}
.tech-panel::after{content:"";position:absolute;left:12px;right:12px;top:38px;height:1px;background:linear-gradient(90deg,rgba(126,170,255,.22),transparent)}
.tech-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:9px;line-height:1;letter-spacing:.15em;color:rgba(201,219,255,.54)}
.tech-panel header b{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:500;color:rgba(135,184,255,.46)}
.tech-panel header b::before{content:"";width:4px;height:4px;border-radius:50%;background:#83b8ff;box-shadow:0 0 9px rgba(94,158,255,.9)}
.tech-panel pre{margin:0;white-space:pre-wrap;font:400 10px/1.75 "SFMono-Regular",Consolas,monospace;letter-spacing:.015em;color:rgba(175,197,233,.36)}
.tech-panel pre i{font-style:normal;color:rgba(145,187,255,.68)}.tech-panel pre em{font-style:normal;color:rgba(183,223,255,.68)}
.tech-mysql{left:5vw;top:27%;animation-delay:.12s}.tech-linux{right:5vw;top:22%;animation-delay:.24s}.tech-python{right:7vw;bottom:13%;width:min(24vw,370px);animation-delay:.36s}
.hud-corner{position:absolute;width:22px;height:22px;opacity:.2}.hud-corner::before,.hud-corner::after{content:"";position:absolute;background:rgba(154,190,255,.58)}.hud-corner::before{width:100%;height:1px}.hud-corner::after{width:1px;height:100%}
.hud-a{left:3.2vw;top:16vh}.hud-b{right:3.2vw;top:16vh;transform:scaleX(-1)}.hud-c{left:3.2vw;bottom:8vh;transform:scaleY(-1)}.hud-d{right:3.2vw;bottom:8vh;transform:scale(-1)}
.hero-techdeck::before{content:"";position:absolute;top:14vh;bottom:7vh;left:50%;width:1px;background:linear-gradient(transparent,rgba(142,177,242,.055) 25%,rgba(142,177,242,.025) 72%,transparent);opacity:.55}
.hero-techdeck::after{content:"";position:absolute;left:0;right:0;height:90px;top:-100px;background:linear-gradient(transparent,rgba(136,180,255,.025),transparent);animation:cockpit-scan 8s linear infinite}
@keyframes cockpit-in{from{opacity:0;filter:blur(8px)}to{opacity:.72;filter:blur(0)}}@keyframes cockpit-scan{to{transform:translateY(calc(100vh + 190px))}}
@media(max-width:1100px){.tech-panel{width:220px;opacity:.52}.tech-python{width:280px}.hero-techdeck::before{display:none}}
@media(max-width:760px){.tech-mysql,.tech-python,.hud-corner{display:none}.tech-linux{left:18px;right:auto;top:17%;width:230px;padding:11px 13px;opacity:.34}.tech-linux pre{font-size:8px;line-height:1.6}.tech-linux header{margin-bottom:15px}.hero-techdeck::after{opacity:.55}}
@media(prefers-reduced-motion:reduce){.tech-panel{animation:none;opacity:.6}.hero-techdeck::after{display:none}}


/* 47. KX ELASTIC PARTICLE MATRIX */
.hero .hero-canvas{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:6!important;opacity:.78!important;mix-blend-mode:screen;pointer-events:none!important}
@media(max-width:760px){.hero .hero-canvas{opacity:.42!important}}
@media(prefers-reduced-motion:reduce){.hero .hero-canvas{display:none!important}}


/* 48. PARTICLE GLYPH FIELD — no connecting grid */
.hero .hero-canvas{opacity:.9!important;filter:drop-shadow(0 0 8px rgba(77,132,224,.16))}
@media(max-width:760px){.hero .hero-canvas{opacity:.46!important}}


/* 49. EDITORIAL REFINEMENT — quieter identity, frameless code */
.hero .hero-canvas{opacity:.52!important;filter:drop-shadow(0 0 10px rgba(77,132,224,.1))}
.tech-panel{padding:10px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.tech-panel::after{display:none!important}
.tech-panel header{margin-bottom:13px!important;color:rgba(201,219,255,.46)!important}
.tech-panel pre{color:rgba(185,204,237,.44)!important}
.hero>.hero-badge{position:absolute!important;z-index:11!important;right:5vw!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font:500 9px/1.2 "SFMono-Regular",Consolas,monospace!important;letter-spacing:.16em!important;color:rgba(170,197,237,.48)!important;text-transform:uppercase}
.hero>.hero-badge::before{content:"STATUS / "!important;color:rgba(128,168,230,.34)}
.hero>.hero-badge .hero-badge-dot{width:4px!important;height:4px!important;background:#78adfb!important;box-shadow:0 0 9px rgba(91,153,247,.7)!important}
@media(max-width:760px){.hero .hero-canvas{opacity:.3!important}.hero>.hero-badge{right:18px!important;top:14%!important;transform:none!important;font-size:8px!important}.tech-panel{padding:8px 0!important}}


/* 50. AEROSPACE TYPE + DIAGONAL CODE BALANCE */
:root{--kx-display:"DIN Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;--kx-cjk:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.nv-menu,.nv-actions,.brand-word,.hero-title,.hero-badge,.hero-scroll-text{font-family:var(--kx-display),var(--kx-cjk)!important}
.nv-menu>li>a,.nv-menu-item>a{font-stretch:condensed;letter-spacing:.045em!important;font-weight:600!important}
.brand-word{font-stretch:condensed;letter-spacing:.31em!important;font-weight:600!important}
.hero-title{font-stretch:condensed;letter-spacing:-.035em!important;font-weight:700!important}
.tech-panel header{font-family:var(--kx-display),var(--kx-cjk)!important;letter-spacing:.17em!important;color:rgba(207,224,252,.52)!important}
.tech-panel pre{color:rgba(193,211,241,.54)!important}
.tech-panel pre i{color:rgba(157,197,255,.76)!important}.tech-panel pre em{color:rgba(194,226,255,.76)!important}
.tech-python{left:7vw!important;right:auto!important;bottom:13%!important}
@media(max-width:760px){.tech-python{display:none!important}}


/* 51. SELF-HOSTED AEROSPACE + CJK TYPE SYSTEM */
@font-face{font-family:"KX Aerospace";src:url("../fonts/Rajdhani-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"KX CJK";src:local("DingTalk JinBuTi"),url("../fonts/NotoSansSC-Variable.woff2") format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}
:root{--kx-display:"KX Aerospace","DIN Condensed","Arial Narrow",sans-serif;--kx-cjk:"KX CJK","PingFang SC","Microsoft YaHei",sans-serif}
body{font-family:var(--kx-cjk)!important}
.nv-menu,.nv-actions,.brand-word,.hero-title,.hero-badge,.hero-scroll-text{font-family:var(--kx-display),var(--kx-cjk)!important}
.hero-desc,.entry-title,.entry-excerpt,.ft,.post-main,.tp{font-family:var(--kx-cjk)!important}
.hero-title{font-weight:600!important;letter-spacing:-.025em!important}


/* 52. POLICE REGISTRATION EMBLEM */
.ft-copy .ft-police{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap}
.ft-police-emblem{display:block;width:14px;height:14px;object-fit:contain;opacity:.72;filter:saturate(.82) brightness(.9);transition:opacity .2s ease,filter .2s ease}
.ft-police:hover .ft-police-emblem{opacity:1;filter:none}
@media(max-width:640px){.ft-police-emblem{width:13px;height:13px}}