/*
Theme Name: 华夏玄学
Theme URI: https://cpfi.cn/
Author: Huaxia Xuanxue
Description: 面向中国玄学与传统文化内容站的沉浸式深色响应式 WordPress 主题，适配 WooCommerce 与 AI 在线测试。
Version: 1.0.47
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: huaxia-xuanxue
Tags: blog, news, e-commerce, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments
*/

:root {
  --hx-void: #010101;
  --hx-void-soft: #050505;
  --hx-abyss: #090909;
  --hx-panel: rgba(6,6,6, .84);
  --hx-panel-solid: #080808;
  --hx-panel-raised: rgba(11,11,11, .9);
  --hx-jade: #72e8f5;
  --hx-jade-soft: #d8fbff;
  --hx-jade-deep: #25b9ca;
  --hx-cinnabar: #a78bfa;
  --hx-cinnabar-soft: #ddd3ff;
  --hx-success: #63e6ad;
  --hx-warning: #f4c96b;
  --hx-danger: #ff7185;
  --hx-moon: #fff;
  --hx-ink: #f1f1f1;
  --hx-muted: #b9b9b9;
  --hx-faint: #919191;
  --hx-line: rgba(250,250,250, .3);
  --hx-line-strong: rgba(255,255,255, .68);
  --hx-shadow: 0 32px 92px rgba(0,0,0, .76), 0 0 0 1px rgba(255,255,255,.022);
  --hx-glow: 0 0 10px rgba(255,255,255,.32), 0 0 34px rgba(255,255,255,.18), 0 0 56px rgba(255,255,255,.1);
  --hx-container-halo: 0 0 0 1px rgba(255,255,255,.12), 0 0 16px rgba(255,255,255,.22), 0 0 42px rgba(255,255,255,.14), 0 0 82px rgba(255,255,255,.07);
  --hx-container: 1440px;
  --hx-font-serif: "Noto Serif SC", "Songti SC", SimSun, serif;
  --hx-font-sans: "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

/* Latest AI video gallery on the home page. */
.home-video-gallery { margin-top:clamp(12px,2vw,28px);margin-bottom:clamp(42px,6vw,78px); }
.home-video-gallery__heading { display:flex;align-items:end;gap:18px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.2); }
.home-video-gallery__heading span { color:var(--hx-jade);font-size:11px;font-weight:800;letter-spacing:.2em; }
.home-video-gallery__heading h2 { margin:0;color:var(--hx-moon);font-family:var(--hx-font-serif);font-size:clamp(28px,3.2vw,43px);font-weight:500; }
.home-video-gallery__heading p { margin:0 0 5px auto;color:var(--hx-muted); }
.home-video-gallery__grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
.home-video-card { min-width:0;overflow:hidden;border:1px solid rgba(126,225,221,.24);border-radius:18px;background:rgba(4,10,17,.76);box-shadow:0 20px 45px rgba(0,0,0,.24); }
.home-video-card video { display:block;width:100%;aspect-ratio:16/9;background:#020508;object-fit:cover; }
.home-video-card__body { padding:12px 15px 16px; }
.home-video-card h3 { margin:5px 0 0;color:var(--hx-moon);font-size:15px;line-height:1.55;overflow-wrap:anywhere; }
.home-video-card__category { color:var(--hx-jade);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.home-video-card [data-hx-video-language] { display:none; }
html[lang="zh-CN"] .home-video-card [data-hx-video-language="zh-CN"],html[lang="en"] .home-video-card [data-hx-video-language="en"],html[lang="ms"] .home-video-card [data-hx-video-language="ms"] { display:inline; }
@media (max-width:1000px) { .home-video-gallery__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:782px) { .home-video-gallery__heading { align-items:flex-start;flex-direction:column;gap:5px; }.home-video-gallery__heading p { margin:0; }.home-video-gallery__grid { grid-template-columns:1fr; } }

* { box-sizing: border-box; }
html { width: 100%; min-width: 320px; scroll-behavior: smooth; background: var(--hx-void); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; touch-action: pan-x pan-y; }
body {
  position: relative;
  z-index: 0;
  min-height: 100vh;
  margin: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  color: var(--hx-ink);
  background:
    radial-gradient(ellipse at 8% 10%, rgba(72,232,245,.11), transparent 31%),
    radial-gradient(ellipse at 92% 26%, rgba(167,139,250,.09), transparent 28%),
    linear-gradient(155deg, rgba(0,0,0,.36) 0%, rgba(1,4,8,.46) 46%, rgba(0,0,0,.4) 100%),
    url("assets/images/tianji-site-cosmos-v1.png") center top / cover fixed no-repeat,
    #010101;
  font-family: var(--hx-font-sans);
  font-size: 16px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body::before {
  position: fixed;
  inset: -18%;
  z-index: -3;
  background:
    linear-gradient(112deg, transparent 25%, rgba(211,211,211, .045) 42%, transparent 56%),
    repeating-linear-gradient(90deg, transparent 0 90px, rgba(224,224,224, .018) 91px 92px);
  content: "";
  pointer-events: none;
}
body::after {
  position: fixed;
  inset: -22%;
  z-index: -2;
  background:
    radial-gradient(ellipse at 18% 42%, rgba(190,190,190, .06), transparent 23%),
    radial-gradient(ellipse at 78% 38%, rgba(160,160,160, .045), transparent 22%),
    radial-gradient(ellipse at 63% 76%, rgba(130,130,130, .03), transparent 17%);
  content: "";
  pointer-events: none;
}
::selection { background: rgba(37,185,202,.42); color: #fff; }
img, svg, video, canvas, iframe { max-width: 100%; }
img, video { height: auto; }
a { color: var(--hx-jade-soft); text-decoration: none; transition: color .22s ease; }
a:hover, a:focus { color: #fff; }
button, input, select, textarea { max-width: 100%; font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
button, a, input[type="button"], input[type="submit"], select { touch-action: manipulation; }
button, input[type="button"], input[type="submit"], .button, .wp-element-button { appearance: none; }

.hx-container { width: min(calc(100% - 48px), var(--hx-container)); margin-inline: auto; }
.hx-cosmos-canvas { position: fixed; inset: 0; z-index: -1; width: 100%; height: 100%; opacity: .96; pointer-events: none; mix-blend-mode: normal; filter:saturate(1.12) contrast(1.08); }
.hx-scroll-progress { position: fixed; top: 0; right: 0; left: 0; z-index: 100000; height: 2px; background: linear-gradient(90deg, var(--hx-cinnabar), var(--hx-jade), #f3f3f3); box-shadow: 0 0 14px rgba(200,200,200,.7); transform: scaleX(0); transform-origin: left; }

.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.screen-reader-text:focus { top: 10px; left: 10px; z-index: 100001; width: auto; height: auto; padding: 10px 15px; clip: auto; background: var(--hx-panel-solid); color: #fff; }

/* Forms and controls */
input:not([type="checkbox"]):not([type="radio"]), textarea, select,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple,
.select2-dropdown, .woocommerce .quantity .qty {
  border: 1px solid rgba(238,238,238,.25) !important;
  border-radius: 4px 14px 4px 14px !important;
  background: rgba(2,2,2, .92) !important;
  color: var(--hx-moon) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.045), 0 0 18px rgba(255,255,255,.018);
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
input:not([type="checkbox"]):not([type="radio"]), select { min-height: 44px; padding: 8px 12px; }
textarea { width: 100%; padding: 12px; }
input:focus, select:focus, textarea:focus {
  border-color: rgba(114,232,245,.72) !important;
  outline: 0;
  background: rgba(5,5,5, .98) !important;
  box-shadow: 0 0 0 3px rgba(37,185,202,.12), 0 0 14px rgba(114,232,245,.2), 0 0 34px rgba(114,232,245,.1) !important;
}
input::placeholder, textarea::placeholder,
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #6b6b6b !important; opacity: 1; }
select option, .select2-results__option { background: #101010; color: var(--hx-ink); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: #666666; color: #fff; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { -webkit-text-fill-color: var(--hx-moon); box-shadow: 0 0 0 1000px #0e0e0e inset !important; caret-color: var(--hx-moon); }
input[type="checkbox"], input[type="radio"] { width: 18px; height: 18px; border: 1px solid var(--hx-line-strong); background: #0d0d0d; accent-color: var(--hx-jade-deep); }

.search-form { display: grid; grid-template-columns: minmax(0,1fr) 112px; align-items: center; gap: 10px; }
.search-form label { display: block; min-width: 0; width: 100%; }
.search-field { width: 100%; height: 44px; min-height: 44px !important; max-height: 44px; }
.search-form .search-submit { display: inline-flex; width: 112px; height: 44px; min-width: 112px; min-height: 44px !important; max-height: 44px; align-items: center; justify-content: center; padding: 6px 14px; font-size: 16px; line-height: 1; white-space: nowrap !important; word-break: keep-all; writing-mode: horizontal-tb; }
.search-submit, .button, button, input[type="button"], input[type="submit"], .wp-element-button,
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit {
  position: relative;
  min-height: 43px;
  padding: 8px 18px;
  overflow: hidden;
  border: 1px solid rgba(114,232,245,.58);
  border-radius: 3px 15px 3px 15px;
  background: linear-gradient(135deg, rgba(37,185,202,.88), rgba(75,54,150,.9));
  color: #fafafa;
  cursor: pointer;
  font-weight: 700;
  box-shadow: 0 14px 34px rgba(0,0,0,.6), inset 0 1px rgba(255,255,255,.22), 0 0 18px rgba(114,232,245,.16), 0 0 34px rgba(167,139,250,.09);
  transition: transform .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease, filter .22s ease;
}
.search-submit:hover, .button:hover, button:hover, input[type="submit"]:hover, .wp-element-button:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  border-color: rgba(216,251,255,.9);
  background: linear-gradient(135deg, #32c9d9, #7058c8);
  color: #fff;
  box-shadow: 0 16px 38px rgba(0,0,0,.66), 0 0 14px rgba(114,232,245,.36), 0 0 38px rgba(167,139,250,.2), inset 0 1px rgba(255,255,255,.26);
  transform: translateY(-2px);
}
.has-hx-magnet { transform: translate(var(--hx-magnet-x, 0), var(--hx-magnet-y, 0)); }

/* Header */
.site-topbar { position: relative; z-index: 10020; border-bottom: 1px solid rgba(235,235,235,.12); background: rgba(0,0,0,.94); color: var(--hx-faint); font-size: 11px; letter-spacing: .06em; }
.site-topbar__inner { display: grid; min-height: 31px; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 20px; }
.site-topbar__signal { display: inline-flex; align-items: center; gap: 8px; }
.site-topbar__signal i, .category-ribbon__label i { width: 5px; height: 5px; border-radius: 50%; background: var(--hx-jade); box-shadow: 0 0 11px rgba(200,200,200,.8); animation: hx-signal-pulse 2.2s ease-in-out infinite; }
.site-topbar time { justify-self: center; }
.site-topbar__links { display: flex; justify-self: end; gap: 20px; }
.site-topbar a { color: #b4b4b4; }
.site-topbar a:hover { color: var(--hx-jade-soft); }

.site-header { position: sticky; top: 0; z-index: 10000; overflow: visible; border-bottom: 1px solid rgba(238,238,238,.17); background: rgba(1,1,1,.88); box-shadow: 0 24px 70px rgba(0,0,0,.58), 0 1px 18px rgba(255,255,255,.035); -webkit-backdrop-filter: blur(22px) saturate(105%); backdrop-filter: blur(22px) saturate(105%); transition: background .3s ease, box-shadow .3s ease; }
body.admin-bar .site-header { top: 32px; }
.site-header__main { display: flex; min-height: 82px; align-items: center; gap: 44px; transition: min-height .3s ease; }
.site-header.is-condensed { background: rgba(0,0,0,.97); box-shadow: 0 22px 68px rgba(0,0,0,.75), 0 1px 20px rgba(255,255,255,.045); }
.site-header.is-condensed .site-header__main { min-height: 64px; }
.site-header.is-condensed .site-mark { width: 42px; height: 42px; flex-basis: 42px; }
.site-header.is-condensed .category-ribbon { max-height: 0; border-color: transparent; opacity: 0; }

.site-branding { position: relative; display: flex; flex: 0 0 auto; align-items: center; gap: 13px; color: var(--hx-moon); }
.site-branding:hover { color: #fff; }
.site-branding::after { position: absolute; right: -24px; width: 1px; height: 34px; background: linear-gradient(transparent, rgba(204,204,204,.42), transparent); content: ""; }
.site-mark { position: relative; display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border: 1px solid rgba(248,248,248,.7); border-radius: 50%; color: var(--hx-jade-soft); font-family: var(--hx-font-serif); font-size: 23px; font-weight: 700; box-shadow: inset 0 0 0 4px rgba(255,255,255,.025), 0 0 12px rgba(255,255,255,.16), 0 0 34px rgba(235,235,235,.09); transition: width .3s ease, height .3s ease, flex-basis .3s ease, box-shadow .3s ease; }
.site-mark::after { position: absolute; inset: -6px; border: 1px solid transparent; border-top-color: rgba(130,130,130,.7); border-right-color: rgba(200,200,200,.32); border-radius: 50%; content: ""; animation: hx-orbit 10s linear infinite; }
.custom-logo { display: block; width: auto; max-height: 58px; }
.site-title { display: block; color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: clamp(22px, 2vw, 29px); font-weight: 600; letter-spacing: .13em; line-height: 1.2; text-shadow: 0 0 12px rgba(255,255,255,.18), 0 0 32px rgba(235,235,235,.08); }
.site-description { display: block; margin-top: 3px; color: var(--hx-faint); font-size: 10px; letter-spacing: .16em; }

.main-navigation { position: relative; z-index: 10030; margin-left: auto; }
.site-language { position: relative; z-index: 10040; flex: 0 0 auto; margin-left: auto; }
.site-credits { position:relative;z-index:10040;display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:7px;margin-left:auto;padding:6px 12px;border:1px solid rgba(167,139,250,.38);border-radius:18px 4px 18px 4px;background:linear-gradient(135deg,rgba(37,185,202,.1),rgba(93,64,174,.18));color:#dffcff;font-size:12px;white-space:nowrap;box-shadow:0 0 20px rgba(114,232,245,.08);}
.site-credits:hover { border-color:rgba(114,232,245,.62);color:#fff; }
.site-credits i { color:var(--hx-violet);font-style:normal;text-shadow:0 0 12px rgba(167,139,250,.7); }
.site-credits b { min-width:25px;padding:2px 7px;border-radius:10px;background:rgba(114,232,245,.12);color:var(--hx-jade);text-align:center;font-size:12px; }
.site-credits + .site-language { margin-left:0; }
.site-language select { min-height: 38px; width: auto; padding: 6px 34px 6px 12px; border-color: rgba(114,232,245,.35) !important; border-radius: 18px !important; background: rgba(3,8,10,.88) !important; color: var(--hx-jade-soft) !important; font-size: 12px; letter-spacing: .03em; cursor: pointer; box-shadow: 0 0 18px rgba(114,232,245,.08); }
.site-language + .menu-toggle + .main-navigation, .site-language ~ .main-navigation { margin-left: 0; }
.site-language--immersive { margin-left: auto; }
.site-language--immersive + .hx-ai-immersive-nav__mode { margin-left: 14px; }
.main-navigation ul { display: flex; align-items: center; gap: 3px; margin: 0; padding: 0; list-style: none; }
.main-navigation li { position: relative; }
.main-navigation a { position: relative; display: block; padding: 12px 15px; color: #d8d8d8; font-size: 14px; font-weight: 600; letter-spacing: .035em; text-shadow: 0 0 14px rgba(255,255,255,.07); }
.main-navigation > div > ul > li > a::before { position: absolute; right: 15px; bottom: 5px; left: 15px; height: 1px; background: linear-gradient(90deg, transparent, var(--hx-jade), transparent); content: ""; opacity: 0; transform: scaleX(.25); transition: opacity .22s ease, transform .22s ease; }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { color: var(--hx-moon); text-shadow: 0 0 18px rgba(200,200,200,.24); }
.main-navigation > div > ul > li > a:hover::before, .main-navigation .current-menu-item > a::before, .main-navigation .current-menu-ancestor > a::before { opacity: 1; transform: scaleX(1); }
.main-navigation .hxai-tests-menu > a::after { margin-left: 6px; color: var(--hx-cinnabar); content: "⌄"; font-size: 11px; }
.main-navigation .sub-menu { position: absolute; top: calc(100% + 5px); left: 0; z-index: 10040; display: none; min-width: 200px; padding: 8px; border: 1px solid var(--hx-line); border-radius: 4px 18px 4px 18px; background: rgba(13,13,13,.96); box-shadow: var(--hx-shadow), inset 0 1px rgba(255,255,255,.025); -webkit-backdrop-filter: blur(24px); backdrop-filter: blur(24px); }
.main-navigation li:hover > .sub-menu, .main-navigation li:focus-within > .sub-menu { display: block; animation: hx-menu-enter .22s ease both; }
.main-navigation .sub-menu ul { left: 100%; top: 0; }
.main-navigation .sub-menu li + li { border-top: 1px solid rgba(199,199,199,.09); }
.main-navigation .sub-menu a { padding: 9px 11px; white-space: nowrap; font-size: 13px; }
.menu-toggle { display: none; margin-left: auto; }

.category-ribbon { max-height: 48px; overflow: hidden; border-top: 1px solid rgba(235,235,235,.1); background: rgba(0,0,0,.82); opacity: 1; transition: max-height .3s ease, opacity .3s ease, border-color .3s ease; }
.category-ribbon__inner { display: flex; min-height: 43px; align-items: center; gap: 10px; overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.category-ribbon__inner::-webkit-scrollbar { display: none; }
.category-ribbon__label { display: inline-flex; align-items: center; gap: 8px; margin-right: 4px; color: var(--hx-jade-soft); font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.category-ribbon a { padding: 3px 10px; border: 1px solid rgba(240,240,240,.2); border-radius: 14px 3px 14px 3px; background: rgba(5,5,5,.72); color: #bcbcbc; font-size: 12px; transition: border-color .22s ease, background .22s ease, color .22s ease; }
.category-ribbon a:hover { border-color: rgba(200,200,200,.38); background: rgba(53,53,53,.36); color: var(--hx-moon); }

/* Hero */
.culture-banner {
  --hx-hero-x: 72%;
  --hx-hero-y: 42%;
  position: relative;
  display: grid;
  min-height: clamp(430px, 64vh, 660px);
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
  align-items: center;
  gap: 40px;
  margin-block: 24px 58px;
  padding: clamp(38px, 6vw, 82px);
  overflow: hidden;
  border: 1px solid rgba(244,244,244,.3);
  border-radius: 42px 7px 42px 7px;
  background:
    radial-gradient(circle 440px at var(--hx-hero-x) var(--hx-hero-y), rgba(114,232,245,.14), transparent 69%),
    linear-gradient(90deg, rgba(0,1,4,.82) 0%, rgba(0,2,6,.64) 38%, rgba(1,5,9,.16) 68%, rgba(0,1,4,.3) 100%),
    url("assets/images/tianji-hero-celestial-v1.png") center / cover no-repeat,
    #020406;
  box-shadow: 0 46px 120px rgba(0,0,0,.76), inset 0 1px rgba(255,255,255,.08), var(--hx-container-halo);
  -webkit-backdrop-filter: blur(8px) saturate(130%);
  backdrop-filter: blur(8px) saturate(130%);
  transition: border-color .3s ease;
}
.culture-banner::before { position: absolute; inset: 0; background: linear-gradient(112deg, transparent 12%, rgba(215,215,215,.045) 42%, transparent 59%), repeating-linear-gradient(90deg, transparent 0 84px, rgba(223,223,223,.022) 85px 86px); content: ""; pointer-events: none; animation: hx-hero-scan 13s ease-in-out infinite alternate; }
.culture-banner::after { position: absolute; top: -1px; left: -28%; width: 34%; height: 1px; background: linear-gradient(90deg, transparent, var(--hx-cinnabar), var(--hx-jade), transparent); content: ""; box-shadow: 0 0 14px rgba(200,200,200,.5); animation: hx-edge-run 8s ease-in-out infinite; }
.culture-banner__serial { position: absolute; top: 24px; right: 28px; color: rgba(154,154,154,.42); font: 600 10px/1 var(--hx-font-sans); letter-spacing: .22em; }
.culture-banner__content { position: relative; z-index: 2; max-width: 760px; }
.culture-banner__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; color: var(--hx-jade); font-size: 11px; font-weight: 700; letter-spacing: .19em; }
.culture-banner__eyebrow > span:first-child { width: 38px; height: 1px; flex: 0 0 38px; background: linear-gradient(90deg, var(--hx-cinnabar), var(--hx-jade)); box-shadow: 0 0 12px rgba(200,200,200,.38); }
.culture-banner__eyebrow > span:last-child { min-width: 0; }
.culture-banner h1 { max-width: 820px; margin: 0; color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: clamp(48px, 7vw, 94px); font-weight: 500; letter-spacing: .045em; line-height: 1.05; text-wrap: balance; text-shadow: 0 0 9px rgba(255,255,255,.34), 0 0 28px rgba(255,255,255,.2), 0 0 58px rgba(255,255,255,.1); }
.culture-banner__lead { max-width: 620px; margin: 24px 0 0; color: #d0d0d0; font-size: clamp(14px, 1.4vw, 17px); line-height: 1.9; }
.culture-banner__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.culture-banner__actions a { display: inline-flex; min-height: 46px; align-items: center; gap: 13px; padding: 9px 18px; border: 1px solid var(--hx-line); border-radius: 3px 18px 3px 18px; font-size: 13px; font-weight: 700; }
.culture-banner__primary { border-color: rgba(216,216,216,.46) !important; background: linear-gradient(135deg, rgba(108,108,108,.9), rgba(56,56,56,.92)); color: #fcfcfc; box-shadow: 0 13px 34px rgba(23,23,23,.36), 0 0 28px rgba(200,200,200,.08); }
.culture-banner__secondary { background: rgba(14,14,14,.65); color: #b6b6b6; }
.culture-banner__actions a:hover { border-color: rgba(224,224,224,.68); color: #fff; transform: translateY(-2px); }
.culture-banner__secondary:hover { background: rgba(46,46,46,.58); }

.experience-rail { margin-top: clamp(28px,4vw,54px); margin-bottom: clamp(36px,5vw,70px); }
.experience-rail__heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 17px; padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.2); }
.experience-rail__heading span { color: var(--hx-jade); font-size: 11px; font-weight: 800; letter-spacing: .2em; }
.experience-rail__heading h2 { margin: 5px 0 0; color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: clamp(28px,3.4vw,45px); font-weight: 500; }
.experience-rail__viewport { overflow-x: auto; scrollbar-width: none; }
.experience-rail__viewport::-webkit-scrollbar { display: none; }
.experience-rail__track { display: flex; gap: 18px; width: max-content; padding: 7px 7px 20px; }
.experience-slide { --slide-accent: var(--hx-jade); position: relative; display: flex; width: clamp(280px,31vw,420px); min-height: 196px; align-items: center; gap: 15px; padding: 22px; overflow: hidden; border: 1px solid rgba(255,255,255,.24); border-radius: 5px 24px 5px 24px; background: radial-gradient(circle at 78% 12%,rgba(114,232,245,.12),transparent 32%),linear-gradient(135deg,rgba(14,19,23,.96),rgba(3,4,6,.97)); color: #fff; box-shadow: 0 19px 42px rgba(0,0,0,.4),0 0 19px rgba(255,255,255,.07); transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease; }
.experience-slide.is-tarot { --slide-accent: #a78bfa; }
.experience-slide.is-six-lines { --slide-accent: #f4c96b; }
.experience-slide.is-jiaobei { --slide-accent: #ef8181; }
.experience-slide.has-image { background: var(--experience-image) center/cover; }
.experience-slide__shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(1,4,7,.96),rgba(1,4,7,.72) 58%,rgba(1,4,7,.2)); }
.experience-slide:not(.has-image) .experience-slide__shade { background: repeating-linear-gradient(90deg,transparent 0 64px,rgba(255,255,255,.025) 65px),radial-gradient(circle at 78% 12%,rgba(114,232,245,.1),transparent 34%); }
.experience-slide__seal,.experience-slide__content,.experience-slide__arrow { position: relative; z-index: 1; }
.experience-slide__seal { display: grid; width: 58px; height: 58px; flex: 0 0 58px; place-items: center; border: 1px solid var(--slide-accent); border-radius: 50%; color: #fff; font: 700 24px var(--hx-font-serif); box-shadow: 0 0 24px rgba(114,232,245,.16); }
.experience-slide__content { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.experience-slide__content small { color: var(--slide-accent); font-size: 13px; font-weight: 800; letter-spacing: .1em; }
.experience-slide__content strong { margin: 6px 0; font: 500 clamp(23px,2.1vw,30px) var(--hx-font-serif); }
.experience-slide__content em { display: -webkit-box; overflow: hidden; color: #bbc4ca; font-size: 14px; font-style: normal; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.experience-slide__arrow { align-self: center; color: var(--slide-accent); font-size: 25px; }
.experience-slide:hover { border-color: var(--slide-accent); box-shadow: 0 28px 65px rgba(0,0,0,.54),0 0 28px rgba(114,232,245,.15); transform: translateY(-5px); }

.culture-banner__celestial { position: relative; z-index: 1; width: min(38vw, 460px); aspect-ratio: 1; justify-self: end; transform: translate(var(--hx-magnet-x,0), var(--hx-magnet-y,0)); }
.culture-banner__celestial::before, .culture-banner__celestial::after { position: absolute; inset: 12%; border: 1px solid rgba(203,203,203,.17); border-radius: 50%; content: ""; box-shadow: 0 0 60px rgba(200,200,200,.055), inset 0 0 50px rgba(200,200,200,.025); }
.culture-banner__celestial::after { inset: 28%; border-color: rgba(130,130,130,.18); animation: hx-orbit 24s linear infinite reverse; }
.celestial-orbit { position: absolute; inset: 6%; border: 1px solid rgba(210,210,210,.27); border-radius: 50%; animation: hx-orbit 25s linear infinite; }
.celestial-orbit--inner { inset: 23%; border-style: dashed; border-color: rgba(222,222,222,.2); animation-duration: 16s; animation-direction: reverse; }
.celestial-orbit i { position: absolute; width: 8px; height: 8px; border: 1px solid rgba(239,239,239,.8); border-radius: 50%; background: var(--hx-jade); box-shadow: 0 0 18px rgba(200,200,200,.9); }
.celestial-orbit i:nth-child(1) { top: -4px; left: 48%; }
.celestial-orbit i:nth-child(2) { right: 8%; bottom: 18%; background: var(--hx-cinnabar); box-shadow: 0 0 18px rgba(130,130,130,.75); }
.celestial-orbit i:nth-child(3) { bottom: 12%; left: 9%; }
.celestial-core { position: absolute; inset: 36%; display: grid; place-items: center; border: 1px solid rgba(219,219,219,.42); border-radius: 50%; background: radial-gradient(circle, rgba(100,100,100,.42), rgba(9,9,9,.85) 68%); color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: clamp(30px,4vw,54px); box-shadow: 0 0 50px rgba(200,200,200,.16), inset 0 0 28px rgba(200,200,200,.08); animation: hx-core-breathe 4s ease-in-out infinite; }
.celestial-label { position: absolute; color: #7c7c7c; font-size: 10px; letter-spacing: .13em; }
.celestial-label--east { top: 20%; left: -4%; }
.celestial-label--west { right: -2%; bottom: 20%; }
.celestial-beam { position: absolute; top: 50%; left: -5%; width: 110%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,200,200,.48), rgba(130,130,130,.36), transparent); box-shadow: 0 0 22px rgba(200,200,200,.25); transform: rotate(-16deg); animation: hx-beam-float 6s ease-in-out infinite alternate; }

/* Editorial layout */
.content-layout { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: clamp(26px, 4vw, 58px); align-items: start; padding-bottom: 70px; }
.content-layout--inner { padding-top: 46px; }
.site-main { min-width: 0; }
.section-heading { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 26px; padding: 0 0 17px 20px; border-bottom: 1px solid var(--hx-line); }
.section-heading::before { position: absolute; top: 6px; bottom: 17px; left: 0; width: 2px; background: linear-gradient(var(--hx-cinnabar), var(--hx-jade)); box-shadow: 0 0 12px rgba(200,200,200,.28); content: ""; }
.section-heading::after { position: absolute; bottom: -1px; left: 0; width: 18%; height: 1px; background: linear-gradient(90deg, var(--hx-jade), transparent); content: ""; }
.section-heading h1, .section-heading h2 { margin: 2px 0 0; color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: clamp(27px, 3vw, 38px); font-weight: 500; line-height: 1.3; text-shadow: 0 0 8px rgba(255,255,255,.3), 0 0 26px rgba(255,255,255,.16), 0 0 44px rgba(255,255,255,.08); }
.section-heading p { max-width: 360px; margin: 0; color: var(--hx-faint); font-size: 12px; text-align: right; }
.section-kicker, .post-card__kicker { color: var(--hx-jade); font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.archive-count { flex: 0 0 auto; padding: 4px 11px; border: 1px solid var(--hx-line); border-radius: 14px 3px 14px 3px; background: rgba(22,22,22,.56); color: var(--hx-jade-soft); font-size: 11px; }
.archive-description { margin: -10px 0 28px 20px; color: var(--hx-muted); }

.post-filters { display: flex; flex-wrap: wrap; gap: 7px; margin: -3px 0 16px; }
.post-filters button { display: inline-flex; min-height: 30px; align-items: center; gap: 7px; padding: 4px 11px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px 3px 12px 3px; background: rgba(5,5,5,.72); color: #aaa; font-size: 11px; cursor: pointer; transition: .22s ease; }
.post-filters button small { color: #747d82; font-size: 9px; }
.post-filters button:hover,.post-filters button.is-active { border-color: rgba(114,232,245,.55); background: rgba(37,185,202,.12); color: var(--hx-jade-soft); box-shadow: 0 0 16px rgba(114,232,245,.09); }
.post-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; align-items: start; }
.post-list .post-card[hidden] { display: none; }
.collection-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.collection-card { position: relative; display: flex; min-height: 205px; flex-direction: column; justify-content: flex-end; padding: 23px; overflow: hidden; border: 1px solid rgba(255,255,255,.24); border-radius: 5px 24px 5px 24px; background: radial-gradient(circle at 82% 8%,rgba(114,232,245,.12),transparent 31%),linear-gradient(145deg,rgba(9,13,16,.96),rgba(2,3,4,.98)); color: #fff; box-shadow: 0 22px 55px rgba(0,0,0,.5),var(--hx-container-halo); transition: transform .25s ease,border-color .25s ease; }
.collection-card.has-image { background: var(--collection-image) center/cover; }
.collection-card__shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(2,4,6,.96),rgba(2,4,6,.73) 68%,rgba(2,4,6,.28)); }
.collection-card__count { position: absolute; top: 17px; right: 19px; z-index: 1; color: rgba(255,255,255,.24); font: 500 34px Georgia,serif; }
.collection-card__body,.collection-card__arrow { position: relative; z-index: 1; }
.collection-card__body { display: flex; flex-direction: column; }
.collection-card__body small { color: var(--hx-jade); font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.collection-card__body strong { margin: 6px 0; font: 500 clamp(23px,2.2vw,31px) var(--hx-font-serif); }
.collection-card__body em { color: #aeb7bc; font-size: 12px; font-style: normal; line-height: 1.6; }
.collection-card__arrow { align-self: flex-end; margin-top: 15px; color: var(--hx-jade-soft); font-size: 11px; }
.collection-card:hover { border-color: rgba(114,232,245,.56); transform: translateY(-3px); }
.collection-toc { margin: 0 0 25px; padding: 20px; border: 1px solid rgba(255,255,255,.2); border-radius: 4px 22px 4px 22px; background: rgba(4,5,6,.84); box-shadow: 0 20px 55px rgba(0,0,0,.44); }
.collection-toc__heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255,255,255,.14); }
.collection-toc__heading small,.collection-list-heading span { color: var(--hx-jade); font-size: 9px; font-weight: 800; letter-spacing: .18em; }
.collection-toc__heading h2,.collection-list-heading h2 { margin: 3px 0 0; color: #f5f5f5; font: 500 25px var(--hx-font-serif); }
.collection-toc__heading > span { color: #858f95; font-size: 11px; }
.collection-toc ol { display: grid; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px 18px; }
.collection-toc li a { display: grid; min-height: 43px; align-items: center; padding: 7px 9px; grid-template-columns: 28px minmax(0,1fr) auto; gap: 8px; border-bottom: 1px solid rgba(255,255,255,.08); }
.collection-toc li span { color: var(--hx-jade); font: 12px Georgia,serif; }
.collection-toc li strong { overflow: hidden; color: #d8dde0; font-size: 12px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.collection-toc li time { color: #6e777c; font-size: 9px; }
.collection-toc li a:hover { background: rgba(114,232,245,.06); }
.collection-list-heading { margin: 25px 0 13px; }
.collection-list-heading--featured { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.collection-list-heading--featured span { order: 2; padding: 4px 10px; border: 1px solid rgba(114,232,245,.28); border-radius: 12px 3px 12px 3px; background: rgba(37,185,202,.08); }
.post-list--featured { grid-template-columns: 1fr; margin-bottom: 30px; }
.post-list--featured .post-card { min-height: 270px; grid-template-columns: minmax(240px,42%) minmax(0,1fr); border-color: rgba(114,232,245,.34); background: radial-gradient(circle 380px at 82% 12%,rgba(114,232,245,.11),transparent 72%),linear-gradient(145deg,rgba(8,12,16,.95),rgba(1,2,3,.98)); }
.post-list--featured .post-card__thumb { min-height: 270px; }
.post-list--featured .post-card__body { padding: clamp(20px,3vw,34px); }
.post-list--featured .post-card .entry-title { font-size: clamp(22px,2.6vw,34px); -webkit-line-clamp: 3; }
.post-list--featured .post-card .entry-summary { max-height: 7em; margin-top: 10px; opacity: 1; transform: none; }
.post-card {
  --hx-glow-x: 50%;
  --hx-glow-y: 50%;
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 204px;
  height: auto;
  overflow: hidden;
  grid-template-columns: minmax(125px, 38%) minmax(0, 1fr);
  border: 1px solid rgba(238,238,238,.24);
  border-radius: 5px 25px 5px 25px;
  background:
    radial-gradient(circle 260px at var(--hx-glow-x) var(--hx-glow-y), rgba(200,200,200,.09), transparent 72%),
    linear-gradient(145deg, rgba(7,7,7,.92), rgba(1,1,1,.97));
  box-shadow: 0 26px 72px rgba(0,0,0,.62), inset 0 1px rgba(255,255,255,.07), var(--hx-container-halo);
  transform: perspective(1000px) rotateX(var(--hx-tilt-x,0deg)) rotateY(var(--hx-tilt-y,0deg));
  transition: height .42s cubic-bezier(.2,.78,.24,1),transform .28s ease,border-color .28s ease,box-shadow .28s ease;
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(16px) saturate(120%);
}
.post-card::after { position: absolute; top: -1px; left: -35%; width: 34%; height: 1px; background: linear-gradient(90deg, transparent, var(--hx-jade), transparent); content: ""; opacity: 0; transition: left .55s ease, opacity .25s ease; }
.post-card:hover,.post-card:focus-within { border-color: rgba(255,255,255,.64); box-shadow: 0 30px 72px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.16),0 0 28px rgba(255,255,255,.18); transform: perspective(1000px) rotateX(var(--hx-tilt-x,0deg)) rotateY(var(--hx-tilt-y,0deg)) translateY(-3px); }
.post-card:hover::after { left: 105%; opacity: 1; }
.post-card:nth-child(3n) { border-radius: 24px 5px 24px 5px; }
.post-card__thumb { position: relative; display: block; min-height: 190px; height: 100%; overflow: hidden; background: #0e0e0e; }
.post-card__thumb::after { position: absolute; inset: 0; background: linear-gradient(125deg, transparent 55%, rgba(7,7,7,.45)), linear-gradient(0deg, rgba(6,6,6,.28), transparent 55%); content: ""; }
.post-card__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(1.06); transition: transform .8s cubic-bezier(.2,.75,.25,1), filter .5s ease; }
.post-card:hover .post-card__thumb img { filter: saturate(.98) contrast(1.04); transform: scale(1.055); }
.post-card__placeholder { display: grid; height: 100%; min-height: inherit; place-items: center; background: radial-gradient(circle at 50% 42%, rgba(146,146,146,.2), transparent 30%), repeating-linear-gradient(45deg, transparent 0 20px, rgba(193,193,193,.025) 21px 22px), #0e0e0e; color: var(--hx-jade-soft); font-family: var(--hx-font-serif); font-size: 45px; }
.post-card__body { display: flex; min-width: 0; flex-direction: column; padding: 16px 17px; }
.entry-title { margin: 7px 0 9px; color: var(--hx-moon); font-family: var(--hx-font-serif); font-weight: 500; line-height: 1.42; text-wrap: balance; text-shadow: 0 0 8px rgba(255,255,255,.28), 0 0 24px rgba(255,255,255,.14); }
.post-card .entry-title { display: -webkit-box; overflow: hidden; font-size: clamp(17px,1.4vw,21px); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.entry-title a { color: inherit; }
.entry-title a:hover { color: var(--hx-jade-soft); }
.entry-meta { display: flex; flex-wrap: wrap; gap: 7px 15px; color: var(--hx-faint); font-size: 11px; }
.entry-meta span + span::before { margin-right: 15px; color: var(--hx-cinnabar); content: "·"; }
.post-card .entry-summary { overflow: hidden; max-height: 0; margin-top: 0; color: #c2c2c2; font-size: 12px; line-height: 1.68; opacity: 0; transform: translateY(8px); transition: max-height .35s ease,margin .35s ease,opacity .28s ease,transform .35s ease; }
.entry-summary p { display: -webkit-box; overflow: hidden; margin: 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.post-card__footer { display: flex; min-height: 36px; flex: 0 0 auto; overflow: visible; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 6px; }
.entry-categories { display: flex; flex-wrap: wrap; gap: 6px; }
.entry-categories a, .entry-footer a { padding: 3px 10px; border: 1px solid rgba(167,139,250,.42); border-radius: 12px 3px 12px 3px; background: rgba(92,65,170,.16); color: var(--hx-cinnabar-soft); font-size: 10px; }
.entry-categories a:hover, .entry-footer a:hover { border-color: rgba(114,232,245,.68); background: rgba(37,185,202,.14); color: var(--hx-jade-soft); box-shadow: 0 0 16px rgba(114,232,245,.12); }
.post-card__more { flex: 0 0 auto; padding: 5px 10px; border: 1px solid rgba(114,232,245,.34); border-radius: 12px 3px 12px 3px; background: rgba(37,185,202,.09); color: var(--hx-jade-soft); font-size: 12px; box-shadow: 0 0 18px rgba(114,232,245,.08); }
.post-card__more span { display: inline-block; margin-left: 5px; transition: transform .22s ease; }
.post-card__more:hover span { transform: translateX(4px); }

/* Sidebar */
.site-sidebar { position: sticky; top: 92px; display: grid; gap: 18px; }
body.admin-bar .site-sidebar { top: 124px; }
.widget {
  --hx-glow-x: 50%;
  --hx-glow-y: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(238,238,238,.22);
  border-radius: 4px 22px 4px 22px;
  background:
    radial-gradient(circle 210px at var(--hx-glow-x) var(--hx-glow-y), rgba(200,200,200,.075), transparent 72%),
    linear-gradient(150deg, rgba(7,7,7,.93), rgba(1,1,1,.97));
  box-shadow: 0 22px 62px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.07), var(--hx-container-halo);
  -webkit-backdrop-filter: blur(16px) saturate(118%);
  backdrop-filter: blur(16px) saturate(118%);
}
.widget:nth-child(even) { border-radius: 22px 4px 22px 4px; }
.widget::before { position: absolute; top: 0; left: 12%; width: 44%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,200,200,.7), transparent); content: ""; box-shadow: 0 0 12px rgba(200,200,200,.25); animation: hx-widget-light 7s ease-in-out infinite alternate; }
.widget-title { margin: 0; padding: 14px 17px 11px; border-bottom: 1px solid rgba(250,250,250,.25); color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: 16px; font-weight: 500; letter-spacing: .05em; text-shadow: 0 0 8px rgba(255,255,255,.3), 0 0 24px rgba(255,255,255,.13); }
.widget-title::before { margin-right: 9px; color: var(--hx-cinnabar); content: "✦"; font-size: 9px; }
.widget__body, .widget:not(.hx-widget) { padding: 15px; }
.widget:not(.hx-widget) .widget-title { margin: -15px -15px 15px; }
.latest-posts, .widget ul { margin: 0; padding: 0; list-style: none; }
.latest-posts li { position: relative; padding: 11px 0 11px 18px; border-bottom: 1px solid rgba(191,191,191,.085); }
.latest-posts li::before { position: absolute; top: 20px; left: 1px; width: 5px; height: 5px; border: 1px solid var(--hx-jade-deep); border-radius: 50%; content: ""; transition: background .2s ease, box-shadow .2s ease; }
.latest-posts li:hover::before { background: var(--hx-jade); box-shadow: 0 0 10px rgba(200,200,200,.72); }
.latest-posts li:last-child { border-bottom: 0; }
.latest-posts a { display: block; color: #e2e2e2; font-size: 13px; line-height: 1.55; }
.latest-posts a:hover { color: var(--hx-jade-soft); }
.latest-posts time { display: block; margin-top: 3px; color: #929292; font-size: 10px; }
.category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.category-grid a { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: 8px; padding: 6px 9px; border: 1px solid rgba(245,245,245,.22); border-radius: 3px 12px 3px 12px; background: rgba(4,4,4,.76); color: #c8c8c8; font-size: 11px; transition: border-color .22s ease, color .22s ease, background .22s ease, transform .22s ease; }
.category-grid a:hover { border-color: rgba(200,200,200,.38); background: rgba(52,52,52,.34); color: var(--hx-jade-soft); transform: translateY(-2px); }
.category-grid small { color: var(--hx-cinnabar-soft); }

/* Archives, articles and pages */
.single-article, body:not(.hxai-generated-page):not(.hxai-directory-page) .page-article, .comments-area, .empty-state {
  position: relative;
  overflow: hidden;
  padding: clamp(26px, 4vw, 52px);
  border: 1px solid rgba(240,240,240,.23);
  border-radius: 5px 30px 5px 30px;
  background: linear-gradient(145deg, rgba(6,6,6,.94), rgba(1,1,1,.98));
  box-shadow: var(--hx-shadow), inset 0 1px rgba(255,255,255,.07), var(--hx-container-halo);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
  backdrop-filter: blur(18px) saturate(118%);
}
.single-article::before, body:not(.hxai-generated-page):not(.hxai-directory-page) .page-article::before { position: absolute; top: 0; left: 7%; width: 28%; height: 1px; background: linear-gradient(90deg, transparent, var(--hx-jade), transparent); content: ""; box-shadow: var(--hx-glow); }
.single-article > .entry-header, .page-article > .entry-header { margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--hx-line); }
.single-article > .entry-header::before, body:not(.hxai-generated-page) .page-article > .entry-header::before { display: block; margin-bottom: 10px; color: var(--hx-jade); content: var(--hx-archive-label, "ORIENTAL MYSTIC ARCHIVE · 东方玄境"); font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.single-article .entry-title, .page-article .entry-title { margin: 0; font-size: clamp(31px, 4.7vw, 58px); line-height: 1.27; }
.single-article .entry-meta { margin-top: 14px; }
.entry-featured-image { overflow: hidden; margin: 0 0 34px; border: 1px solid var(--hx-line); border-radius: 24px 4px 24px 4px; box-shadow: 0 22px 55px rgba(6,6,6,.38); }
.entry-featured-image img { display: block; width: 100%; filter: saturate(.82) contrast(1.04); }
.entry-content { color: #e1e1e1; font-size: 16px; }
.single-article .entry-content { max-width: 820px; margin-inline: auto; font-family: var(--hx-font-serif); font-size: clamp(16px,1.4vw,18px); line-height: 2; }
.entry-content > * { max-width: 100%; }
.entry-content, .entry-content p, .entry-content li, .entry-content a, .comment-content { overflow-wrap: anywhere; }
.entry-content h2, .entry-content h3, .entry-content h4 { margin: 1.8em 0 .7em; color: var(--hx-moon); font-family: var(--hx-font-serif); line-height: 1.45; }
.entry-content h2 { padding-bottom: 8px; border-bottom: 1px solid var(--hx-line); font-size: 1.55em; }
.entry-content h3 { color: var(--hx-jade-soft); font-size: 1.28em; }
.entry-content blockquote { position: relative; margin: 1.6em 0; padding: 18px 22px 18px 26px; border: 1px solid rgba(196,196,196,.14); border-left: 2px solid var(--hx-cinnabar); border-radius: 2px 18px 2px 18px; background: rgba(28,28,28,.38); color: #b6b6b6; }
.entry-content table { width: 100%; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 10px; border: 1px solid var(--hx-line); }
.entry-content th { background: rgba(52,52,52,.42); color: var(--hx-moon); }
.entry-content code { padding: 2px 5px; border-radius: 3px; background: rgba(200,200,200,.09); color: var(--hx-jade-soft); }
.entry-content pre { overflow-x: auto; padding: 16px; border: 1px solid var(--hx-line); background: #090909; }
.entry-footer { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; padding-top: 20px; border-top: 1px solid var(--hx-line); }
.post-navigation { margin: 22px 0; }
.post-navigation .nav-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.post-navigation a { display: block; padding: 14px 16px; border: 1px solid var(--hx-line); border-radius: 4px 16px 4px 16px; background: rgba(18,18,18,.58); color: #ababab; font-size: 13px; }
.post-navigation a:hover { border-color: var(--hx-line-strong); color: var(--hx-jade-soft); }
.chapter-index { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; color: #919a9f; font-size: 12px; letter-spacing: .08em; }
.chapter-index a { padding: 4px 10px; border: 1px solid rgba(114,232,245,.35); border-radius: 12px 3px 12px 3px; color: var(--hx-jade-soft); }
.chapter-navigation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 22px 0; }
.chapter-navigation > * { display: flex; min-height: 92px; flex-direction: column; justify-content: center; padding: 15px 17px; border: 1px solid rgba(255,255,255,.2); border-radius: 4px 18px 4px 18px; background: rgba(5,5,5,.76); }
.chapter-navigation__next { align-items: flex-end; text-align: right; }
.chapter-navigation small { margin-bottom: 7px; color: var(--hx-jade); font-size: 11px; letter-spacing: .08em; }
.chapter-navigation strong { color: #eee; font-family: var(--hx-font-serif); font-size: 17px; font-weight: 500; }
.chapter-navigation a:hover { border-color: rgba(114,232,245,.55); box-shadow: 0 0 24px rgba(114,232,245,.1); transform: translateY(-2px); }
.chapter-navigation .is-empty { border-style: dashed; opacity: .45; }
.nav-next { text-align: right; }
.comments-area { margin-top: 22px; }
.comments-title, .comment-reply-title { color: var(--hx-moon); font-family: var(--hx-font-serif); }
.comment-list, .comment-list .children { padding: 0; list-style: none; }
.comment-list .children { margin-left: 28px; }
.comment-body { margin: 14px 0; padding: 16px; border: 1px solid rgba(192,192,192,.1); border-radius: 3px 15px 3px 15px; background: rgba(17,17,17,.48); }
.comment-meta { color: var(--hx-muted); font-size: 12px; }
.empty-state { margin-block: 40px; text-align: center; }
.empty-state h1, .empty-state h2 { color: var(--hx-moon); font-family: var(--hx-font-serif); }
.pagination, .posts-navigation { margin-top: 28px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 7px; }
.page-numbers, .post-page-numbers { display: inline-grid; min-width: 38px; min-height: 38px; place-items: center; padding: 4px 10px; border: 1px solid var(--hx-line); border-radius: 3px 12px 3px 12px; background: rgba(16,16,16,.56); color: #8d8d8d; }
.page-numbers.current, .page-numbers:hover { border-color: rgba(200,200,200,.5); background: rgba(85,85,85,.55); color: #fff; }

/* Footer */
.site-footer { position: relative; margin-top: 24px; border-top: 1px solid rgba(198,198,198,.16); background: rgba(6,6,6,.86); color: #787878; box-shadow: 0 -22px 70px rgba(6,6,6,.26); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.site-footer::before { position: absolute; top: -1px; left: 8%; width: 32%; height: 1px; background: linear-gradient(90deg, transparent, var(--hx-cinnabar), var(--hx-jade), transparent); content: ""; box-shadow: 0 0 15px rgba(200,200,200,.32); }
.site-footer__inner { display: grid; min-height: 150px; grid-template-columns: 1fr auto; align-items: center; gap: 30px; padding-block: 34px; }
.site-footer h2 { margin: 0 0 5px; color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: 24px; font-weight: 500; letter-spacing: .08em; }
.site-footer p { margin: 0; font-size: 11px; letter-spacing: .04em; }
.footer-navigation ul { display: flex; flex-wrap: wrap; gap: 9px 20px; margin: 0; padding: 0; list-style: none; }
.footer-navigation a { color: #8b8b8b; font-size: 12px; }
.footer-navigation a:hover { color: var(--hx-jade-soft); }
.site-info { padding: 12px 0; border-top: 1px solid rgba(190,190,190,.08); color: #555555; font-size: 10px; text-align: center; }

/* WooCommerce */
.woocommerce-main { min-width: 0; }
.woocommerce .woocommerce-breadcrumb { margin-bottom: 20px; color: var(--hx-faint); font-size: 11px; }
.woocommerce .woocommerce-breadcrumb a { color: #989898; }
.woocommerce .page-title, .woocommerce div.product .product_title { color: var(--hx-moon); font-family: var(--hx-font-serif); font-weight: 500; }
.woocommerce ul.products { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.woocommerce ul.products::before, .woocommerce ul.products::after { display: none; }
.woocommerce ul.products li.product { position: relative; float: none !important; width: auto !important; margin: 0 !important; padding: 13px 13px 18px; overflow: hidden; border: 1px solid rgba(238,238,238,.28); border-radius: 5px 22px 5px 22px; background: linear-gradient(145deg, rgba(7,7,7,.93), rgba(1,1,1,.98)); box-shadow: 0 24px 66px rgba(0,0,0,.6), inset 0 1px rgba(255,255,255,.06), var(--hx-container-halo); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.woocommerce ul.products li.product:hover { border-color: rgba(200,200,200,.36); box-shadow: 0 27px 70px rgba(6,6,6,.42), 0 0 26px rgba(200,200,200,.07); transform: translateY(-5px); }
.hx-shop-kinds { display:flex;flex-wrap:wrap;gap:9px;margin:0 0 22px; }
.hx-shop-kinds a { padding:9px 15px;border:1px solid rgba(220,220,220,.22);border-radius:16px 4px 16px 4px;background:rgba(4,4,4,.78);color:#c8c8c8;font-size:13px; }
.hx-shop-kinds a:hover,.hx-shop-kinds a.is-active { border-color:rgba(114,232,245,.58);background:linear-gradient(135deg,rgba(37,185,202,.18),rgba(87,60,166,.22));color:#f5feff;box-shadow:0 0 22px rgba(114,232,245,.1); }
.woocommerce ul.products li.product.hx-credit-product { border-color:rgba(167,139,250,.46);background:radial-gradient(circle at 82% 12%,rgba(167,139,250,.18),transparent 34%),linear-gradient(145deg,rgba(7,12,18,.96),rgba(3,2,9,.98)); }
.woocommerce ul.products li.product.hx-virtual-product:not(.hx-credit-product) { border-color:rgba(114,232,245,.34);background:radial-gradient(circle at 82% 12%,rgba(114,232,245,.11),transparent 34%),linear-gradient(145deg,rgba(5,12,15,.96),rgba(2,5,8,.98)); }
.woocommerce ul.products li.product.hx-physical-product { border-color:rgba(238,238,238,.25); }
.hx-product-kind-badge { position:absolute;top:22px;left:22px;z-index:4;max-width:calc(100% - 44px);padding:6px 10px;border:1px solid rgba(114,232,245,.55);border-radius:12px 3px 12px 3px;background:rgba(4,11,17,.92);color:#d9fbff;font-size:11px;font-weight:700;line-height:1.25;letter-spacing:.06em;box-shadow:0 0 18px rgba(114,232,245,.16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.hx-credit-product__badge { border-color:rgba(167,139,250,.62);color:#f0e8ff;box-shadow:0 0 18px rgba(167,139,250,.2); }
.hx-virtual-product__badge { border-color:rgba(114,232,245,.48); }
.hx-physical-product__badge { border-color:rgba(224,207,178,.42);color:#eee3d1;box-shadow:0 0 16px rgba(224,207,178,.1); }
.woocommerce ul.products li.product a img { border-radius: 3px 16px 3px 16px; filter: saturate(.82); transition: filter .3s ease, transform .55s ease; }
.woocommerce ul.products li.product:hover a img { filter: saturate(1); transform: scale(1.025); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--hx-moon); font-family: var(--hx-font-serif); font-size: 17px; }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--hx-jade); }
.woocommerce span.onsale { top: 12px; right: 12px; left: auto; display: grid; min-width: 46px; min-height: 46px; margin: 0; padding: 8px; place-items: center; border-radius: 50%; background: linear-gradient(135deg,var(--hx-cinnabar),#6651bd); color: #fff; line-height: 1.15; box-shadow: 0 0 22px rgba(167,139,250,.38); }
.woocommerce div.product { padding: 24px; border: 1px solid rgba(245,245,245,.3); border-radius: 5px 28px 5px 28px; background: rgba(3,3,3,.96); box-shadow: var(--hx-shadow), inset 0 1px rgba(255,255,255,.07), var(--hx-container-halo); }
.woocommerce div.product form.cart { display: flex; gap: 10px; }
.woocommerce table.shop_table { overflow: hidden; border-color: var(--hx-line); border-radius: 4px 18px 4px 18px; background: rgba(15,15,15,.74); }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { padding: 13px 12px; border-color: rgba(190,190,190,.1); }
.woocommerce table.shop_table th { background: rgba(45,45,45,.38); color: var(--hx-moon); }
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid rgba(245,245,245,.3); border-radius: 5px 24px 5px 24px; background: rgba(3,3,3,.96); box-shadow: inset 0 1px rgba(255,255,255,.07), var(--hx-container-halo); }
.woocommerce-checkout #payment { border: 1px solid var(--hx-line); border-radius: 4px 20px 4px 20px; background: rgba(23,23,23,.72); }
.woocommerce-checkout #payment div.payment_box { background: rgba(54,54,54,.42); color: #c4c4c4; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: rgba(54,54,54,.42); }
.woocommerce-info, .woocommerce-message, .woocommerce-error { border: 1px solid rgba(114,232,245,.2); border-top: 3px solid var(--hx-jade); border-radius: 3px 16px 3px 16px; background: linear-gradient(120deg,rgba(20,50,55,.84),rgba(10,10,10,.94)); color: var(--hx-ink); box-shadow: 0 0 24px rgba(114,232,245,.09); }
.woocommerce-info::before { color: var(--hx-jade); }
.woocommerce-message { border-top-color: var(--hx-success); background: linear-gradient(120deg,rgba(21,65,48,.68),rgba(10,10,10,.94)); box-shadow: 0 0 24px rgba(99,230,173,.09); }
.woocommerce-message::before { color: var(--hx-success); }
.woocommerce-error { border-top-color: var(--hx-danger); background: linear-gradient(120deg,rgba(73,24,35,.7),rgba(10,10,10,.94)); box-shadow: 0 0 24px rgba(255,113,133,.1); }
.woocommerce-error::before { color: var(--hx-danger); }
.select2-container--default .select2-selection--single { height: 44px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--hx-ink); line-height: 42px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; }

/* AI pages and directory layout */
.content-layout.is-ai-page { grid-template-columns: minmax(0,1fr); max-width: 1280px; }
.hxai-directory-page .page-article { padding: 0; border: 0; background: transparent; box-shadow: none; }
.hxai-directory-page .page-article > .entry-header { padding-inline: 20px; }
.hxai-directory-page .page-article > .entry-content { font-size: 16px; }

/* Online test directory and interactive game integration. */
body.hxai-directory-page .hxai-directory .hxai-directory__intro {
	border-color: rgba(114,232,245,.28) !important;
	background: radial-gradient(circle at 78% 30%,rgba(167,139,250,.14),transparent 28%),radial-gradient(circle at 12% 78%,rgba(37,185,202,.1),transparent 30%),linear-gradient(125deg,rgba(7,10,15,.96),rgba(1,2,5,.99)) !important;
	color: #e8e8e8 !important;
	box-shadow: 0 34px 92px rgba(0,0,0,.7),inset 0 1px rgba(255,255,255,.08),0 0 36px rgba(114,232,245,.09),0 0 78px rgba(167,139,250,.05) !important;
}
body.hxai-directory-page .hxai-directory .hxai-directory__intro span { color: var(--hx-jade) !important; }
body.hxai-directory-page .hxai-directory .hxai-directory__intro h2 { color: #f7f7f7 !important; }
body.hxai-directory-page .hxai-directory .hxai-directory__intro p { color: #9a9a9a !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card {
	border-color: rgba(114,232,245,.2) !important;
	background: radial-gradient(circle 220px at var(--hx-glow-x,50%) var(--hx-glow-y,50%),rgba(114,232,245,.09),transparent 72%),linear-gradient(145deg,rgba(7,10,15,.96),rgba(1,2,5,.99)) !important;
	color: #dedede !important;
	box-shadow: 0 24px 66px rgba(0,0,0,.64),inset 0 1px rgba(255,255,255,.07),0 0 26px rgba(114,232,245,.07) !important;
}
body.hxai-directory-page .hxai-directory .hxai-test-card:hover { border-color: rgba(114,232,245,.58) !important; box-shadow: 0 30px 78px rgba(0,0,0,.72),0 0 18px rgba(114,232,245,.2),0 0 46px rgba(167,139,250,.1) !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card__seal { border-color: rgba(114,232,245,.58) !important; color: var(--hx-jade-soft) !important; box-shadow: inset 0 0 0 4px rgba(114,232,245,.025),0 0 22px rgba(114,232,245,.12) !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card.is-tarot .hxai-test-card__seal { border-color: rgba(167,139,250,.7) !important; color: var(--hx-cinnabar-soft) !important; box-shadow: 0 0 24px rgba(167,139,250,.18) !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card.is-six-lines .hxai-test-card__seal { border-color: rgba(244,201,107,.68) !important; color: #f8dda0 !important; box-shadow: 0 0 24px rgba(244,201,107,.15) !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card.is-jiaobei .hxai-test-card__seal { border-color: rgba(255,113,133,.65) !important; color: #ffd6dc !important; box-shadow: 0 0 24px rgba(255,113,133,.15) !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card__body small,
body.hxai-directory-page .hxai-directory .hxai-test-card__arrow { color: var(--hx-jade) !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card__body strong { color: #f5f5f5 !important; }
body.hxai-directory-page .hxai-directory .hxai-test-card__body em { color: #909090 !important; }

body .hxai-chat { --hxai-jade: var(--hx-jade); --hxai-jade-soft: var(--hx-jade-soft); --hxai-red: var(--hx-cinnabar); }
body .hxai-chat__actions button { border-color: rgba(114,232,245,.58); background: linear-gradient(135deg,rgba(37,185,202,.9),rgba(75,54,150,.92)); box-shadow: 0 12px 30px rgba(0,0,0,.42),0 0 22px rgba(114,232,245,.13); }
body .hxai-chat__actions button:hover { box-shadow: 0 14px 34px rgba(0,0,0,.48),0 0 18px rgba(114,232,245,.3),0 0 38px rgba(167,139,250,.16); }
body .hxai-message__content.is-tool-status { border-color: rgba(167,139,250,.4); background: rgba(80,58,145,.2); color: var(--hx-cinnabar-soft); }
body .hxai-message__content.is-error { border-color: rgba(255,113,133,.48); background: rgba(73,24,35,.42); color: #ffd6dc; }

body.hxai-generated-page { overflow: hidden; background: radial-gradient(ellipse at 14% 23%, rgba(130,130,130,.09), transparent 31%), radial-gradient(ellipse at 88% 70%, rgba(100,100,100,.065), transparent 28%), linear-gradient(155deg,#000,#040404 47%,#010101); }
.hxai-generated-page .site-topbar, .hxai-generated-page .site-header, .hxai-generated-page .site-footer { display: none !important; }
.hxai-generated-page .hx-cosmos-canvas { opacity: 1; filter: saturate(1.15) brightness(1.08); }
.hx-ai-immersive-nav { position: relative; z-index: 100; display: flex; width: min(calc(100% - 32px), 1540px); height: 54px; align-items: center; justify-content: space-between; margin-inline: auto; padding-inline: 4px; border-bottom: 1px solid rgba(197,197,197,.13); color: #8b8b8b; animation: hx-nav-enter .65s cubic-bezier(.22,.8,.24,1) both; }
.hx-ai-immersive-nav::after { position: absolute; right: 12%; bottom: -1px; width: 24%; height: 1px; background: linear-gradient(90deg,transparent,var(--hx-cinnabar),var(--hx-jade),transparent); content: ""; box-shadow: 0 0 12px rgba(200,200,200,.4); animation: hx-nav-light 5.5s ease-in-out infinite alternate; }
.hx-ai-immersive-nav__back { display: inline-flex; min-height: 36px; align-items: center; gap: 10px; padding: 5px 13px 5px 8px; border: 1px solid var(--hx-line); border-radius: 17px 3px 17px 3px; background: rgba(16,16,16,.58); color: #b5b5b5; font-size: 12px; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); transition: border-color .22s ease, background .22s ease, color .22s ease, transform .22s ease; }
.hx-ai-immersive-nav__back > span:first-child { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: rgba(200,200,200,.08); color: var(--hx-jade); transition: transform .22s ease; }
.hx-ai-immersive-nav__back:hover { border-color: var(--hx-line-strong); background: rgba(44,44,44,.5); color: var(--hx-moon); transform: translateY(-1px); }
.hx-ai-immersive-nav__back:hover > span:first-child { transform: translateX(-3px); }
.site-credits--immersive { margin-left:auto;margin-right:12px; }
.site-credits--immersive + .site-language--immersive { margin-left:0; }
.hx-ai-immersive-nav__mode { display: inline-flex; align-items: center; gap: 8px; font-size: 10px; letter-spacing: .14em; }
.hx-ai-immersive-nav__mode i { width: 6px; height: 6px; border-radius: 50%; background: var(--hx-jade); box-shadow: 0 0 0 5px rgba(200,200,200,.06),0 0 16px rgba(200,200,200,.55); animation: hx-signal-pulse 2.2s ease-in-out infinite; }
.hxai-generated-page .content-layout.is-ai-page { width: min(calc(100% - 32px),1540px); max-width: none; height: calc(100dvh - 54px); padding: 10px 0 16px; animation: hx-workspace-enter .78s .08s cubic-bezier(.2,.78,.22,1) both; }
body.admin-bar.hxai-generated-page .content-layout.is-ai-page { height: calc(100dvh - 86px); }
.hxai-generated-page .site-main, .hxai-generated-page .page-article, .hxai-generated-page .page-article > .entry-content, .hxai-generated-page .page-article > .entry-content > .hxai-chat { height: 100%; min-height: 0; }
.hxai-generated-page .page-article { padding: 0; border: 0; background: transparent; box-shadow: none; }
.hxai-generated-page .page-article > .entry-content { margin: 0; }
.hxai-generated-page .page-article > .entry-content > .hxai-chat { width: 100%; max-width: none; max-height: none; margin: 0; }
body.hxai-game-page { overflow-y: auto; }
.hxai-game-page .content-layout.is-ai-page, body.admin-bar.hxai-game-page .content-layout.is-ai-page { width: min(calc(100% - 32px),1440px); height: auto; min-height: calc(100dvh - 54px); padding: 16px 0 42px; }
.hxai-game-page .site-main, .hxai-game-page .page-article, .hxai-game-page .page-article > .entry-content { height: auto; min-height: 0; }
.hxai-game-page .page-article > .entry-content > .hxai-game { width: 100%; max-width: none; }

/* Motion */
.hx-reveal { opacity: 0; translate: 0 28px; scale: .985; transition: opacity .7s cubic-bezier(.2,.75,.25,1) var(--hx-reveal-delay,0ms), translate .7s cubic-bezier(.2,.75,.25,1) var(--hx-reveal-delay,0ms), scale .7s cubic-bezier(.2,.75,.25,1) var(--hx-reveal-delay,0ms); }
.hx-reveal.is-hx-visible { opacity: 1; translate: 0 0; scale: 1; }
@keyframes hx-world-drift { from { opacity: .45; transform: translate3d(-2%,-1%,0) rotate(-1deg); } to { opacity: 1; transform: translate3d(4%,3%,0) rotate(1deg); } }
@keyframes hx-world-breathe { from { opacity: .5; transform: scale(1); } to { opacity: 1; transform: scale(1.08) translate3d(2%,-1%,0); } }
@keyframes hx-signal-pulse { 50% { opacity: .45; transform: scale(.72); } }
@keyframes hx-orbit { to { transform: rotate(360deg); } }
@keyframes hx-menu-enter { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes hx-hero-scan { from { transform: translateX(-8%); opacity: .45; } to { transform: translateX(8%); opacity: 1; } }
@keyframes hx-edge-run { 0% { left: -35%; opacity: 0; } 18% { opacity: 1; } 75% { opacity: 1; } 100% { left: 112%; opacity: 0; } }
@keyframes hx-core-breathe { 50% { box-shadow: 0 0 75px rgba(200,200,200,.25), inset 0 0 38px rgba(200,200,200,.12); transform: scale(1.035); } }
@keyframes hx-beam-float { from { opacity: .4; transform: rotate(-18deg) translateY(-10px); } to { opacity: 1; transform: rotate(-13deg) translateY(10px); } }
@keyframes hx-widget-light { from { opacity: .35; transform: translateX(-45%); } to { opacity: 1; transform: translateX(125%); } }
@keyframes hx-nav-enter { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hx-nav-light { from { opacity: .35; transform: translateX(-70%); } to { opacity: 1; transform: translateX(70%); } }
@keyframes hx-workspace-enter { from { opacity: 0; transform: translateY(20px) scale(.988); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Responsive */
@media (max-width: 1180px) {
  .site-header__main { gap: 24px; }
  .main-navigation a { padding-inline: 10px; font-size: 13px; }
  .culture-banner { grid-template-columns: minmax(0,1.1fr) minmax(300px,.7fr); }
  .content-layout { grid-template-columns: minmax(0,1fr) 290px; gap: 28px; }
  .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  body.admin-bar .site-header { top: 46px; }
  .hx-container { width: min(calc(100% - 28px),var(--hx-container)); }
  .site-topbar__inner { grid-template-columns: 1fr auto; }
  .site-topbar time { display: none; }
  .site-header__main { position: relative; min-height: 70px; gap: 12px; }
  .site-language { margin-left: auto; }
	.site-credits { margin-left:auto;padding-inline:9px; }
	.site-credits span { display:none; }
	.site-credits + .site-language { margin-left:0; }
  .site-language select { max-width: 122px; min-height: 36px; padding-inline: 10px 28px; }
  .site-branding { min-width: 0; }
  .site-branding::after { display: none; }
  .site-title { overflow: hidden; font-size: clamp(18px,4.4vw,23px); letter-spacing: .065em; text-overflow: ellipsis; white-space: nowrap; }
  .site-description { display: none; }
  .site-mark { width: 42px; height: 42px; flex-basis: 42px; font-size: 19px; }
  .menu-toggle { display: inline-flex !important; min-width: 54px; min-height: 38px; align-items: center; justify-content: center; margin-left: 0; padding: 6px 10px; }
  .main-navigation { position: absolute; top: calc(100% + 8px); right: 0; left: 0; z-index: 10050; display: none; max-height: calc(100svh - 130px); margin: 0; overflow-y: auto; border: 1px solid var(--hx-line); border-radius: 5px 20px 5px 20px; background: rgba(12,12,12,.98); box-shadow: var(--hx-shadow); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
  .main-navigation.is-open { display: block; animation: hx-menu-enter .24s ease both; }
  .main-navigation ul { display: block; padding: 8px; }
  .main-navigation a { padding: 10px 12px; white-space: normal; }
  .main-navigation .sub-menu { position: static; display: block; min-width: 0; margin-left: 14px; padding: 0 0 0 9px; border: 0; border-left: 1px solid var(--hx-line); border-radius: 0; background: transparent; box-shadow: none; }
  .main-navigation .sub-menu li + li { border: 0; }
  .category-ribbon__inner { min-height: 40px; }
  .culture-banner { min-height: 540px; grid-template-columns: 1fr; padding: 42px 34px; }
  .culture-banner__content { max-width: 660px; }
  .culture-banner__celestial { position: absolute; right: -5%; bottom: -15%; width: min(58vw,390px); opacity: .48; }
  .content-layout { grid-template-columns: 1fr; }
  .site-sidebar { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .site-sidebar .search-form { grid-template-columns: minmax(0,1fr); }
  .site-sidebar .search-form .search-submit { width: 112px; min-height: 44px !important; justify-self: start; }
  .site-sidebar .widget:last-child:nth-child(odd) { grid-column: 1/-1; }
}

@media (max-width: 600px) {
	input:not([type="checkbox"]):not([type="radio"]), textarea, select { font-size: 16px; }
	.site-header__main { gap: 7px; padding-left: max(11px,env(safe-area-inset-left)); padding-right: max(11px,env(safe-area-inset-right)); }
	.site-branding { flex: 1 1 auto; gap: 8px; overflow: hidden; }
	.site-branding > span:last-child { min-width: 0; }
	.custom-logo { max-width: 104px; max-height: 42px; object-fit: contain; }
	.site-title { max-width: clamp(58px,22vw,105px); }
	.site-language { flex: 0 0 auto; }
	.site-credits { min-height:44px;gap:4px;padding-inline:7px; }
	.site-credits b { min-width:20px;padding-inline:4px; }
	.site-language select { width: 82px; max-width: 82px; min-height: 44px; padding: 6px 24px 6px 8px; font-size: 12px; }
	.menu-toggle { min-width: 48px; min-height: 44px; padding-inline: 8px; }
	.main-navigation { top: calc(100% + 4px); right: max(0px,env(safe-area-inset-right)); left: max(0px,env(safe-area-inset-left)); max-height: calc(100svh - 76px - env(safe-area-inset-bottom)); overscroll-behavior: contain; }
	.main-navigation a { min-height: 44px; }
	.category-ribbon__inner { padding-left: max(11px,env(safe-area-inset-left)); padding-right: max(11px,env(safe-area-inset-right)); }
	.collection-grid { grid-template-columns: 1fr; gap: 12px; padding-inline: 11px; }
	.collection-card { min-height: 190px; padding: 20px 18px; }
	.collection-card__count { top: 10px; right: 11px; font-size: 25px; }
	.collection-card__body strong { font-size: 23px; }
	.collection-card__body em { display: -webkit-box; overflow: hidden; font-size: 12px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
	.collection-card__arrow { font-size: 11px; }
	.collection-toc { margin-inline: 11px; padding: 15px 12px; }
	.collection-toc ol { grid-template-columns: 1fr; }
	.collection-toc li a { grid-template-columns: 25px minmax(0,1fr); }
	.collection-toc li time { display: none; }
	.collection-list-heading { margin-inline: 11px; }
	.collection-list-heading--featured { align-items: center; }
	.post-list--featured .post-card { min-height: 0; grid-template-columns: 1fr; }
	.post-list--featured .post-card__thumb { min-height: 190px; max-height: 230px; }
	.post-list--featured .post-card__body { padding: 17px 16px; }
	.post-list--featured .post-card .entry-title { font-size: 22px; }
	.experience-rail { padding-inline: 4px; }
	.experience-rail__heading { align-items: center; }
	.experience-rail__heading h2 { font-size: 28px; }
	.experience-slide { width: min(calc(100vw - 44px),360px); min-height: 178px; padding: 18px 16px; }
	.experience-slide__seal { width: 50px; height: 50px; flex-basis: 50px; font-size: 21px; }
	.experience-slide__content em { font-size: 14px; }
  .hx-container { width: min(calc(100% - 22px),var(--hx-container)); }
  .site-topbar { display: none; }
  .site-header { top: 0; }
  body.admin-bar .site-header { top: 46px; }
  .site-header__main { min-height: 64px; }
  .site-header.is-condensed .site-header__main { min-height: 58px; }
  .site-mark { width: 39px; height: 39px; flex-basis: 39px; }
  .site-title { font-size: clamp(17px,5.2vw,21px); }
  .category-ribbon { max-height: 40px; }
  .category-ribbon__label { position: sticky; left: 0; z-index: 2; padding-right: 8px; background: #080808; }
  .culture-banner { width: calc(100% - 22px); min-height: min(520px,calc(100svh - 82px)); margin-block: 12px 38px; padding: 42px 22px 34px; border-radius: 26px 4px 26px 4px; }
  .culture-banner__serial { top: 17px; right: 18px; }
  .culture-banner h1 { font-size: clamp(38px,12vw,58px); line-height: 1.12; }
  .culture-banner__lead { max-width: 100%; font-size: 15px; line-height: 1.75; }
  .culture-banner__actions { align-items: stretch; flex-direction: column; }
  .culture-banner__actions a { justify-content: space-between; }
  .culture-banner__celestial { right: -24%; bottom: -4%; width: 86vw; opacity: .33; }
  .content-layout, .content-layout--inner { width: 100%; padding-top: 26px; padding-bottom: 44px; }
  .section-heading { margin-inline: 11px; padding-left: 15px; }
  .section-heading p { display: none; }
  .section-heading h1, .section-heading h2 { font-size: 28px; }
  .post-filters { padding-inline: 11px; }
  .post-list { grid-template-columns: 1fr; gap: 12px; padding-inline: 11px; }
  .post-card,.post-card:hover,.post-card:focus-within { min-height: 176px; height: 176px; grid-template-columns: minmax(108px,34%) minmax(0,1fr); border-radius: 4px 16px 4px 16px; transform: none !important; }
  .post-card:nth-child(3n) { border-radius: 20px 4px 20px 4px; }
  .post-card__thumb { min-height: 176px; height: 100%; aspect-ratio: auto; }
  .post-card__body { padding: 13px 12px; }
  .post-card__kicker { font-size: 8px; }
  .post-card .entry-title { margin: 5px 0 7px; font-size: 17px; line-height: 1.4; }
  .post-card .entry-meta { gap: 4px; font-size: 10px; }
  .post-card .entry-meta span { display: none; }
  .post-card .entry-summary { display: none; }
  .post-card__footer { min-height: 34px; overflow: visible; padding-top: 4px; }
  .entry-categories { overflow: hidden; flex-wrap: nowrap; }
  .entry-categories a { padding: 3px 7px; font-size: 9px; white-space: nowrap; }
  .post-card__more { min-height: 32px; padding: 3px 8px; font-size: 0; }
  .post-card__more span { margin: 0; font-size: 12px; }
	.chapter-navigation { grid-template-columns: 1fr; }
  .site-sidebar { grid-template-columns: 1fr; padding-inline: 11px; }
  .site-sidebar .search-form { grid-template-columns: minmax(0,1fr); }
  .site-sidebar .search-form .search-submit { width: 112px; min-height: 44px !important; justify-self: start; }
  .site-sidebar .widget:last-child:nth-child(odd) { grid-column: auto; }
  .single-article, body:not(.hxai-generated-page):not(.hxai-directory-page) .page-article, .comments-area, .empty-state { padding: 25px 18px; border-inline: 0; border-radius: 0; }
  .single-article .entry-title, .page-article .entry-title { font-size: clamp(28px,9vw,38px); overflow-wrap: anywhere; }
  .single-article .entry-content { font-size: 16px; }
  .entry-content table { display: block; width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
  .entry-content th, .entry-content td { min-width: 108px; padding: 8px; }
  .entry-content blockquote { margin-inline: 0; padding: 15px 16px 15px 19px; }
  .comment-list .children { margin-left: 12px; }
  .post-navigation .nav-links { grid-template-columns: 1fr; }
  .nav-next { text-align: left; }
  .site-footer__inner { min-height: 0; grid-template-columns: 1fr; gap: 20px; padding-top: 30px; padding-bottom: max(30px,env(safe-area-inset-bottom)); }
  .footer-navigation ul { gap: 8px 14px; }
  .footer-navigation a { display: inline-flex; min-height: 44px; align-items: center; }
  .woocommerce-main { padding-inline: 11px; }
  .woocommerce ul.products { grid-template-columns: 1fr; }
  .woocommerce div.product { padding: 15px; border-inline: 0; border-radius: 0; }
  .hx-ai-immersive-nav { width: calc(100% - 20px); height: 48px; }
  .hx-ai-immersive-nav__back { min-height: 34px; padding-block: 4px; }
  .hx-ai-immersive-nav__mode { letter-spacing: .07em; }
  .hxai-generated-page .content-layout.is-ai-page { width: 100%; height: calc(100dvh - 48px); min-height: 0; padding: 0; }
  body.admin-bar.hxai-generated-page .content-layout.is-ai-page { height: calc(100dvh - 94px); }
  body.hxai-game-page .content-layout.is-ai-page, body.admin-bar.hxai-game-page .content-layout.is-ai-page { width: 100%; height: auto; min-height: calc(100dvh - 48px); padding: 8px 0 28px; }
}

@media (max-width: 380px) {
  .site-mark { width: 36px; height: 36px; flex-basis: 36px; }
  .site-title { max-width: 58px; font-size: 16px; }
  .site-language select { width: 74px; max-width: 74px; padding-left: 7px; font-size: 11px; }
  .menu-toggle { min-width: 44px; padding-inline: 6px; }
  .culture-banner { padding-inline: 18px; }
  .culture-banner__eyebrow { gap: 8px; letter-spacing: .12em; }
  .culture-banner__eyebrow > span:first-child { width: 24px; flex-basis: 24px; }
  .search-form { grid-template-columns: minmax(0,1fr); }
  .search-form .search-submit { width: 112px; }
  .post-card,.post-card:hover,.post-card:focus-within { grid-template-columns: 104px minmax(0,1fr); }
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .site-header, .post-card, .widget, .single-article, .page-article, .culture-banner, .site-footer { background-color: rgba(14,14,14,.96); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  body::before, body::after, .site-mark::after, .culture-banner::before, .culture-banner::after,
  .celestial-orbit, .celestial-core, .celestial-beam, .widget::before,
  .site-topbar__signal i, .category-ribbon__label i, .hx-ai-immersive-nav,
  .hx-ai-immersive-nav::after, .hx-ai-immersive-nav__mode i,
  .hxai-generated-page .content-layout.is-ai-page, .culture-banner, .post-card, .widget,
  .single-article, body:not(.hxai-generated-page):not(.hxai-directory-page) .page-article, .comments-area, .empty-state,
  .woocommerce ul.products li.product, .woocommerce div.product, .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register,
  body.hxai-directory-page .hxai-directory .hxai-directory__intro, body.hxai-directory-page .hxai-directory .hxai-test-card,
  .hxai-generated-page .hxai-chat { animation: none !important; }
  .hx-cosmos-canvas { display: none !important; }
  .hx-reveal { opacity: 1 !important; translate: none !important; scale: 1 !important; transition: none !important; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Keep media and commerce cards independent from their source image dimensions. */
.woocommerce ul.products li.product { display: flex; min-width: 0; flex-direction: column; }
.woocommerce ul.products li.product > a.woocommerce-LoopProduct-link { display: flex; min-width: 0; flex-direction: column; }
.woocommerce ul.products li.product a img { width: 100%; height: auto; aspect-ratio: 1 / 1; margin: 0 0 14px; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 2.95em; margin-bottom: 8px; overflow: hidden; line-height: 1.45; }
.woocommerce ul.products li.product .price { min-height: 1.75em; margin-bottom: 13px; }
.woocommerce ul.products li.product .button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; align-self: flex-start; margin-top: auto; padding: 7px 16px; line-height: 1.25; }

/* Single-panel WooCommerce account access with login/register tabs. */
.woocommerce-account .woocommerce > .u-columns { display: block; width: min(100%,760px); margin-inline: auto; }
.woocommerce-account .woocommerce > .u-columns::before,
.woocommerce-account .woocommerce > .u-columns::after { display: none; }
.woocommerce-account .woocommerce > .u-columns > .u-column1,
.woocommerce-account .woocommerce > .u-columns > .u-column2 { display: flex; width: auto !important; min-width: 0; float: none !important; flex-direction: column; }
.woocommerce-account .woocommerce > .u-columns > [class*="u-column"] > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.woocommerce-account.hx-account-tabs-ready .woocommerce > .u-columns > .u-column1,
.woocommerce-account.hx-account-tabs-ready .woocommerce > .u-columns > .u-column2 { display: none; }
.woocommerce-account.hx-account-tab-login .woocommerce > .u-columns > .u-column1,
.woocommerce-account.hx-account-tab-register .woocommerce > .u-columns > .u-column2 { display: flex; }
.hx-account-tabs { display: grid; width: min(100%,760px); margin: 0 auto 18px; padding: 5px; grid-template-columns: 1fr 1fr; border: 1px solid rgba(245,245,245,.28); border-radius: 16px; background: rgba(4,4,4,.88); box-shadow: inset 0 1px rgba(255,255,255,.06), var(--hx-container-halo); }
.hx-account-tabs button { min-height: 48px; border: 0; border-radius: 11px; background: transparent; color: var(--hx-muted); font: 700 16px/1 var(--hx-font-sans); cursor: pointer; transition: background .2s ease,color .2s ease,box-shadow .2s ease; }
.hx-account-tabs button[aria-selected="true"] { background: linear-gradient(135deg,rgba(61,181,204,.8),rgba(102,78,194,.82)); color: #fff; box-shadow: 0 8px 24px rgba(67,181,209,.18),inset 0 1px rgba(255,255,255,.18); }
.hx-account-tabs button:focus-visible { outline: 2px solid var(--hx-jade); outline-offset: 2px; }
.hx-social-login { width: min(100%,760px); margin: 0 auto 18px; text-align: center; }
.hx-social-login__button { width: min(100%,420px); margin-inline: auto; }
.hx-social-login__button .nsl-container { margin: 0; }
.hx-social-login__button .nsl-container-buttons { width: 100%; max-width: 420px; margin-inline: auto; }
.hx-social-login__button .nsl-button { width: 100%; }
.hx-social-login__divider { display: flex; align-items: center; gap: 14px; margin: 18px 0 0; color: var(--hx-faint); font-size: 13px; }
.hx-social-login__divider::before,
.hx-social-login__divider::after { height: 1px; flex: 1; background: var(--hx-line); content: ""; }
.hx-social-login__divider span { flex: 0 1 auto; }
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register { display: flex; margin: 0; flex-direction: column; padding: clamp(22px,3vw,38px); }
.woocommerce-account form.woocommerce-form-register .woocommerce-form-row:last-of-type { margin-bottom: 0; }
.woocommerce-account .woocommerce-form-login__rememberme { display: inline-flex !important; min-height: 40px; align-items: center; gap: 8px; margin-left: 14px; vertical-align: middle; }
.woocommerce-account .woocommerce-form-login__rememberme input { margin: 0; }
.woocommerce form .password-input .show-password-input,
.woocommerce form .password-input .show-password-input:hover,
.woocommerce form .password-input .show-password-input:focus { position: absolute !important; top: 50% !important; right: 8px !important; display: grid !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; margin: 0 !important; padding: 0 !important; place-items: center; border: 0 !important; border-radius: 50% !important; outline: 0; background: transparent !important; color: var(--hx-muted) !important; box-shadow: none !important; filter: none !important; transform: translateY(-50%) !important; }
.woocommerce form .password-input .show-password-input::before { margin: 0; filter: invert(1); opacity: .72; }
.woocommerce form .password-input .show-password-input:hover::before,
.woocommerce form .password-input .show-password-input:focus::before { opacity: 1; }

/* The source bitmap ratio must not move product titles or action buttons. */
.woocommerce ul.products li.product { container-type: inline-size; text-align: center; }
.woocommerce ul.products li.product a img { width: 100% !important; height: 100cqw !important; max-height: none !important; aspect-ratio: 1 / 1; object-fit: cover; }
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price { width: 100%; text-align: center; }
.woocommerce ul.products li.product .button { align-self: center; }

/* Compact controls without compromising tap targets. */
input:not([type="checkbox"]):not([type="radio"]), select { min-height: 40px; padding-block: 7px; }
textarea { padding: 9px 12px; }

@media (max-width: 600px) {
  .woocommerce ul.products { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .woocommerce ul.products li.product { padding: 9px 9px 11px; border-radius: 4px 15px 4px 15px; }
  .woocommerce ul.products li.product a img { margin-bottom: 10px; border-radius: 3px 11px 3px 11px; }
  .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 2.8em; margin-bottom: 5px; font-size: 16px; line-height: 1.4; }
  .woocommerce ul.products li.product .price { min-height: 1.55em; margin-bottom: 9px; font-size: 14px; }
  .woocommerce ul.products li.product .button { width: 100%; min-height: 36px; padding: 6px 8px; font-size: 13px; }
  .woocommerce span.onsale { top: 8px; right: 8px; min-width: 36px; min-height: 36px; padding: 5px; font-size: 12px; }
}

@media (max-width: 768px) {
  .woocommerce-account form.woocommerce-form-login,
  .woocommerce-account form.woocommerce-form-register { height: auto; padding: 20px 16px; }
  .hx-account-tabs { margin-bottom: 14px; }
  .hx-account-tabs button { min-height: 44px; font-size: 15px; }
  .hx-social-login__button { width: 100%; }
  .hx-social-login__divider { gap: 9px; font-size: 12px; }
}