/*
Theme Name: GameVaultGG Child
Template: hostinger-ai-theme
*/

/* ============================================================
   AOS 动画强制显示（修复 Hostinger 主题 opacity:0 锁住内容）
   ============================================================ */
[data-aos],
.hostinger-elementor-aos,
.aos-init:not(.aos-animate),
.e-con:not(.e-lazyloaded) {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition-property: none !important;
}

/* ============================================================
   GAMEVAULTGG — MODERN GAMING NAVIGATION THEME
   Dark Neon Style: Deep Black + Cyan/Purple Glow
   ============================================================ */

/* ---------- 1. Design Tokens ---------- */
:root {
  --gv-bg:          #080c14;
  --gv-bg-2:        #0d1220;
  --gv-bg-3:        #121929;
  --gv-surface:     rgba(255,255,255,.04);
  --gv-border:      rgba(0,212,255,.15);
  --gv-border-glow: rgba(0,212,255,.4);

  --gv-cyan:        #00d4ff;
  --gv-cyan-dim:    rgba(0,212,255,.12);
  --gv-purple:      #8b5cf6;
  --gv-purple-dim:  rgba(139,92,246,.12);
  --gv-red:         #ff3d57;
  --gv-gold:        #f59e0b;

  --gv-text:        #e2e8f0;
  --gv-text-muted:  #64748b;
  --gv-text-dim:    #94a3b8;

  --gv-font-head:   'Orbitron', 'Rajdhani', system-ui, sans-serif;
  --gv-font-body:   'Rajdhani', 'Inter', system-ui, sans-serif;

  --gv-radius:      8px;
  --gv-radius-lg:   14px;
  --gv-transition:  .25s cubic-bezier(.4,0,.2,1);
  --gv-glow-cyan:   0 0 20px rgba(0,212,255,.35), 0 0 40px rgba(0,212,255,.1);
  --gv-glow-purple: 0 0 20px rgba(139,92,246,.35), 0 0 40px rgba(139,92,246,.1);
}

/* ---------- 2. Google Fonts Import ---------- */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Rajdhani:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

/* ---------- 3. Global Reset & Base ---------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--gv-bg) !important;
  color: var(--gv-text) !important;
  font-family: var(--gv-font-body) !important;
  font-size: 16px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* Animated background grid */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,212,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,212,255,.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}

body > * {
  position: relative;
  z-index: 1;
}

a {
  color: var(--gv-cyan);
  text-decoration: none;
  transition: color var(--gv-transition);
}
a:hover {
  color: #fff;
}

img {
  max-width: 100%;
  height: auto;
}

/* ---------- 4. Typography ---------- */
h1, h2, h3, h4, h5, h6,
.wp-block-heading,
.entry-title,
.wp-block-post-title {
  font-family: var(--gv-font-head) !important;
  color: #fff !important;
  letter-spacing: .03em;
  line-height: 1.2;
}

h1, .wp-block-post-title { font-size: clamp(1.8rem, 4vw, 3rem); }
h2 { font-size: clamp(1.4rem, 3vw, 2.2rem); }
h3 { font-size: clamp(1.1rem, 2vw, 1.5rem); }

p {
  color: var(--gv-text-dim);
}

/* ---------- 5. Site Header ---------- */
.site-header,
#masthead,
header.wp-block-template-part,
.wp-site-blocks > header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(8,12,20,.88) !important;
  backdrop-filter: blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
  border-bottom: 1px solid var(--gv-border) !important;
  box-shadow: 0 4px 30px rgba(0,0,0,.5), 0 1px 0 var(--gv-border-glow) !important;
  padding: 0 !important;
  transition: background var(--gv-transition) !important;
}

/* Cyan glow line at top of header */
.site-header::before,
#masthead::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gv-cyan), var(--gv-purple), transparent);
  animation: gv-scanline 4s linear infinite;
}

@keyframes gv-scanline {
  0%   { opacity: 1; transform: scaleX(1); }
  50%  { opacity: .6; }
  100% { opacity: 1; transform: scaleX(1); }
}

/* ---------- 6. Site Logo & Title ---------- */
.site-title,
.wp-block-site-title,
.wp-block-site-title a {
  font-family: var(--gv-font-head) !important;
  font-weight: 900 !important;
  font-size: 1.4rem !important;
  letter-spacing: .08em !important;
  color: #fff !important;
  text-shadow: var(--gv-glow-cyan) !important;
  text-transform: uppercase;
}

.wp-block-site-title a:hover {
  color: var(--gv-cyan) !important;
}

.wp-block-site-logo img,
.site-logo img,
.custom-logo {
  filter: drop-shadow(0 0 12px rgba(0,212,255,.6));
  transition: filter var(--gv-transition);
}
.wp-block-site-logo img:hover,
.custom-logo:hover {
  filter: drop-shadow(0 0 20px rgba(0,212,255,.9));
}

/* ---------- 7. Navigation ---------- */
.wp-block-navigation,
.main-navigation,
nav.site-navigation,
.nav-menu-container {
  background: transparent !important;
}

/* Nav items wrapper */
.wp-block-navigation__container,
.nav-menu,
.menu {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Individual nav links */
.wp-block-navigation-item__content,
.wp-block-navigation-item > a,
.nav-menu > li > a,
.menu > li > a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 16px !important;
  font-family: var(--gv-font-body) !important;
  font-size: .875rem !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: var(--gv-text-dim) !important;
  border-radius: var(--gv-radius) !important;
  border: 1px solid transparent !important;
  position: relative;
  overflow: hidden;
  transition: all var(--gv-transition) !important;
  white-space: nowrap;
}

/* Hover shimmer effect */
.wp-block-navigation-item__content::before,
.wp-block-navigation-item > a::before,
.nav-menu > li > a::before,
.menu > li > a::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--gv-cyan-dim), var(--gv-purple-dim));
  opacity: 0;
  transition: opacity var(--gv-transition);
}

.wp-block-navigation-item__content:hover,
.wp-block-navigation-item > a:hover,
.nav-menu > li > a:hover,
.menu > li > a:hover {
  color: var(--gv-cyan) !important;
  border-color: var(--gv-border) !important;
  text-shadow: 0 0 10px rgba(0,212,255,.5) !important;
  background: var(--gv-cyan-dim) !important;
}

.wp-block-navigation-item__content:hover::before,
.wp-block-navigation-item > a:hover::before,
.nav-menu > li > a:hover::before,
.menu > li > a:hover::before {
  opacity: 1;
}

/* Active/current nav item */
.current-menu-item > a,
.current-menu-item .wp-block-navigation-item__content,
.wp-block-navigation-item.current-menu-item > a {
  color: var(--gv-cyan) !important;
  background: var(--gv-cyan-dim) !important;
  border-color: var(--gv-border-glow) !important;
  text-shadow: 0 0 10px rgba(0,212,255,.5) !important;
}

/* Bottom glow underline on active */
.current-menu-item > a::after,
.current-menu-item .wp-block-navigation-item__content::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%; right: 50%;
  height: 2px;
  background: var(--gv-cyan);
  box-shadow: 0 0 8px var(--gv-cyan);
  transition: left var(--gv-transition), right var(--gv-transition);
}
.current-menu-item > a:hover::after,
.current-menu-item .wp-block-navigation-item__content:hover::after {
  left: 0; right: 0;
}

/* ---------- 8. Dropdown Submenus ---------- */
.wp-block-navigation__submenu-container,
.sub-menu {
  background: rgba(8,12,20,.97) !important;
  border: 1px solid var(--gv-border) !important;
  border-top: 2px solid var(--gv-cyan) !important;
  border-radius: 0 0 var(--gv-radius-lg) var(--gv-radius-lg) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.8), 0 0 30px rgba(0,212,255,.08) !important;
  backdrop-filter: blur(20px) !important;
  padding: 6px !important;
  min-width: 200px !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.sub-menu > li > a {
  padding: 9px 14px !important;
  font-size: .8rem !important;
  border-radius: var(--gv-radius) !important;
  color: var(--gv-text-dim) !important;
  border: none !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.sub-menu > li > a:hover {
  color: var(--gv-cyan) !important;
  background: var(--gv-cyan-dim) !important;
}

/* Dropdown arrow icon */
.wp-block-navigation__submenu-icon svg path {
  stroke: var(--gv-text-muted) !important;
}
.wp-block-navigation-item:hover .wp-block-navigation__submenu-icon svg path {
  stroke: var(--gv-cyan) !important;
}

/* ---------- 9. Search Block ---------- */
.wp-block-search__input,
.search-field {
  background: rgba(255,255,255,.05) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius) !important;
  color: var(--gv-text) !important;
  padding: 8px 14px !important;
  font-family: var(--gv-font-body) !important;
  font-size: .875rem !important;
  transition: all var(--gv-transition) !important;
}

.wp-block-search__input:focus,
.search-field:focus {
  outline: none !important;
  border-color: var(--gv-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0,212,255,.15), var(--gv-glow-cyan) !important;
  background: rgba(0,212,255,.05) !important;
}

.wp-block-search__input::placeholder,
.search-field::placeholder {
  color: var(--gv-text-muted) !important;
}

.wp-block-search__button {
  background: linear-gradient(135deg, var(--gv-cyan), var(--gv-purple)) !important;
  border: none !important;
  border-radius: var(--gv-radius) !important;
  color: #fff !important;
  font-family: var(--gv-font-body) !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  padding: 8px 18px !important;
  cursor: pointer !important;
  transition: all var(--gv-transition) !important;
}

.wp-block-search__button:hover {
  opacity: .85 !important;
  box-shadow: var(--gv-glow-cyan) !important;
  transform: translateY(-1px) !important;
}

/* ---------- 10. Buttons ---------- */
.wp-block-button__link,
.wp-element-button,
button[type="submit"],
input[type="submit"],
.btn,
.button {
  background: linear-gradient(135deg, var(--gv-cyan) 0%, var(--gv-purple) 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--gv-radius) !important;
  font-family: var(--gv-font-body) !important;
  font-weight: 700 !important;
  font-size: .875rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 12px 28px !important;
  cursor: pointer !important;
  position: relative;
  overflow: hidden;
  transition: all var(--gv-transition) !important;
}

.wp-block-button__link::before,
.wp-element-button::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.15);
  transform: translateX(-100%) skewX(-20deg);
  transition: transform .4s ease;
}

.wp-block-button__link:hover::before,
.wp-element-button:hover::before {
  transform: translateX(200%) skewX(-20deg);
}

.wp-block-button__link:hover,
.wp-element-button:hover {
  box-shadow: var(--gv-glow-cyan) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

/* Outline button variant */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--gv-cyan-dim) !important;
  box-shadow: 0 0 0 2px var(--gv-cyan), var(--gv-glow-cyan) !important;
}

/* ---------- 11. Post / Card Grid ---------- */
.wp-block-query,
.wp-block-post-template,
.posts-grid,
.post-list {
  gap: 20px !important;
}

/* Individual post card */
article.wp-block-post,
.post-card,
.hentry {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius-lg) !important;
  overflow: hidden !important;
  transition: all var(--gv-transition) !important;
  position: relative;
}

article.wp-block-post::after,
.post-card::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: var(--gv-radius-lg);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  pointer-events: none;
}

article.wp-block-post:hover,
.post-card:hover {
  border-color: var(--gv-border-glow) !important;
  box-shadow: 0 0 0 1px var(--gv-border-glow), 0 20px 60px rgba(0,0,0,.5), var(--gv-glow-cyan) !important;
  transform: translateY(-4px) !important;
}

/* Post thumbnail */
.wp-block-post-featured-image img,
.post-thumbnail img,
.featured-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform .4s ease, filter .4s ease !important;
  display: block;
}

article.wp-block-post:hover .wp-block-post-featured-image img,
.post-card:hover .post-thumbnail img {
  transform: scale(1.05) !important;
  filter: brightness(1.1) saturate(1.2) !important;
}

/* Post content padding */
.wp-block-post-excerpt,
.wp-block-post-date,
.wp-block-post-terms,
.entry-summary,
.entry-meta {
  padding: 0 16px !important;
  color: var(--gv-text-dim) !important;
  font-size: .875rem !important;
}

.wp-block-post-title a,
.entry-title a {
  color: #fff !important;
  font-family: var(--gv-font-head) !important;
  font-size: 1.1rem !important;
  letter-spacing: .03em;
}

.wp-block-post-title a:hover,
.entry-title a:hover {
  color: var(--gv-cyan) !important;
  text-shadow: 0 0 10px rgba(0,212,255,.4) !important;
}

/* Category tags */
.wp-block-post-terms a,
.cat-links a,
.tag-links a {
  display: inline-block;
  background: var(--gv-purple-dim) !important;
  border: 1px solid rgba(139,92,246,.3) !important;
  color: var(--gv-purple) !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 3px 10px !important;
  border-radius: 4px !important;
  transition: all var(--gv-transition) !important;
}

.wp-block-post-terms a:hover,
.cat-links a:hover,
.tag-links a:hover {
  background: var(--gv-purple) !important;
  color: #fff !important;
  box-shadow: var(--gv-glow-purple) !important;
}

/* ---------- 12. Main Content Area ---------- */
.wp-site-blocks,
.site-content,
#content,
main {
  background: transparent !important;
}

.wp-site-blocks > main,
.entry-content,
.wp-block-post-content {
  color: var(--gv-text-dim) !important;
}

/* Sections / Groups */
.wp-block-group,
.wp-block-cover {
  background: var(--gv-bg-2) !important;
  border-radius: var(--gv-radius-lg) !important;
}

/* ---------- 13. Sidebar & Widgets ---------- */
.widget-area aside,
.wp-block-widget-area,
.widget {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius-lg) !important;
  padding: 20px !important;
}

.widget-title,
.wp-block-heading {
  font-family: var(--gv-font-head) !important;
  font-size: .875rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  color: var(--gv-cyan) !important;
  border-bottom: 1px solid var(--gv-border) !important;
  padding-bottom: 10px !important;
  margin-bottom: 14px !important;
}

/* ---------- 14. Footer ---------- */
.site-footer,
footer.wp-block-template-part,
.wp-site-blocks > footer {
  background: var(--gv-bg-2) !important;
  border-top: 1px solid var(--gv-border) !important;
  color: var(--gv-text-muted) !important;
  position: relative;
}

.site-footer::before,
footer.wp-block-template-part::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gv-cyan), var(--gv-purple), transparent);
}

.site-footer a,
footer a {
  color: var(--gv-text-dim) !important;
  transition: color var(--gv-transition) !important;
}

.site-footer a:hover,
footer a:hover {
  color: var(--gv-cyan) !important;
}

/* ---------- 15. Hero / Cover Block ---------- */
.wp-block-cover,
.wp-block-cover-image {
  background-color: var(--gv-bg) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius-lg) !important;
  overflow: hidden;
}

.wp-block-cover__image-background,
.wp-block-cover img {
  filter: brightness(.5) saturate(1.3);
}

.wp-block-cover__inner-container h1,
.wp-block-cover__inner-container h2 {
  text-shadow: 0 0 40px rgba(0,212,255,.4) !important;
}

/* ---------- 16. Separator / HR ---------- */
hr, .wp-block-separator {
  border: none !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, var(--gv-border-glow), transparent) !important;
  margin: 40px auto !important;
}

/* ---------- 17. Scrollbar ---------- */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--gv-bg); }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--gv-cyan), var(--gv-purple));
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { opacity: .8; }

/* ---------- 18. Selection ---------- */
::selection {
  background: rgba(0,212,255,.25);
  color: #fff;
}

/* ---------- 19. Forms ---------- */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea,
select {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius) !important;
  color: var(--gv-text) !important;
  font-family: var(--gv-font-body) !important;
  padding: 10px 14px !important;
  transition: all var(--gv-transition) !important;
  width: 100%;
}

input:focus, textarea:focus, select:focus {
  outline: none !important;
  border-color: var(--gv-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0,212,255,.12) !important;
}

/* ---------- 20. Pagination ---------- */
.wp-block-query-pagination,
.navigation.pagination {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 40px 0 !important;
}

.wp-block-query-pagination-numbers a,
.page-numbers {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius) !important;
  color: var(--gv-text-dim) !important;
  font-family: var(--gv-font-body) !important;
  font-weight: 600 !important;
  font-size: .875rem !important;
  transition: all var(--gv-transition) !important;
}

.wp-block-query-pagination-numbers a:hover,
.page-numbers:hover,
.page-numbers.current {
  background: var(--gv-cyan-dim) !important;
  border-color: var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
  box-shadow: var(--gv-glow-cyan) !important;
}

/* ---------- 21. Mobile Navigation ---------- */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: var(--gv-text) !important;
  background: transparent !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius) !important;
  padding: 8px !important;
  transition: all var(--gv-transition) !important;
}

.wp-block-navigation__responsive-container-open:hover,
.wp-block-navigation__responsive-container-close:hover {
  border-color: var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
  box-shadow: var(--gv-glow-cyan) !important;
}

/* Mobile overlay menu */
.wp-block-navigation__responsive-container.is-menu-open {
  background: rgba(8,12,20,.97) !important;
  backdrop-filter: blur(24px) !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
  font-size: 1.1rem !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid var(--gv-border) !important;
}

/* ---------- 22. Loading / Skeleton Shimmer ---------- */
@keyframes gv-shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

/* ---------- 23. Utility Glow Classes ---------- */
.gv-glow-cyan { text-shadow: var(--gv-glow-cyan); color: var(--gv-cyan); }
.gv-glow-purple { text-shadow: var(--gv-glow-purple); color: var(--gv-purple); }
.gv-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.gv-badge-new { background: var(--gv-cyan-dim); color: var(--gv-cyan); border: 1px solid rgba(0,212,255,.3); }
.gv-badge-hot { background: rgba(255,61,87,.12); color: var(--gv-red); border: 1px solid rgba(255,61,87,.3); }

/* ---------- 24. Score/Rating Badge (游戏评分) ---------- */
.gv-score {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px; height: 44px;
  border-radius: 8px;
  font-family: var(--gv-font-head);
  font-size: 1.1rem;
  font-weight: 700;
}
.gv-score-high { background: rgba(0,212,255,.15); color: var(--gv-cyan); border: 1px solid var(--gv-cyan); }
.gv-score-mid  { background: rgba(245,158,11,.15); color: var(--gv-gold); border: 1px solid var(--gv-gold); }
.gv-score-low  { background: rgba(255,61,87,.15); color: var(--gv-red); border: 1px solid var(--gv-red); }

/* ---------- 25. Responsive ---------- */
@media (max-width: 768px) {
  .wp-block-navigation-item__content,
  .wp-block-navigation-item > a {
    font-size: .8rem !important;
    padding: 8px 12px !important;
  }

  .site-header,
  #masthead {
    padding: 4px 0 !important;
  }

  article.wp-block-post:hover {
    transform: none !important;
  }
}

@media (max-width: 480px) {
  h1, .wp-block-post-title { font-size: 1.6rem !important; }
  h2 { font-size: 1.3rem !important; }
}

/* ============================================================
   HOMEPAGE TEMPLATE — 专属样式
   ============================================================ */

/* Hero */
.gv-hero {
  position: relative;
  overflow: hidden;
}
.gv-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 20% 50%, rgba(0,212,255,.08) 0%, transparent 70%),
    radial-gradient(ellipse 40% 60% at 80% 50%, rgba(139,92,246,.08) 0%, transparent 70%);
  pointer-events: none;
}

.gv-hero-title {
  text-shadow: 0 0 60px rgba(0,212,255,.2) !important;
}

/* 平台筛选胶囊 */
.gv-platform-pills .wp-block-button__link {
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--gv-text-dim) !important;
  font-size: .7rem !important;
  padding: 5px 14px !important;
  border-radius: 999px !important;
}
.gv-platform-pills .gv-pill-active .wp-block-button__link,
.gv-platform-pills .wp-block-button__link:hover {
  background: var(--gv-cyan-dim) !important;
  border-color: var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
  box-shadow: 0 0 12px rgba(0,212,255,.2) !important;
}

/* 统计栏 */
.gv-stats-bar {
  position: relative;
}
.gv-stat-item h3 {
  font-size: 1.8rem !important;
  font-family: var(--gv-font-head) !important;
}

/* 区块标题装饰线 */
.gv-section-line {
  width: 4px;
  height: 24px;
  background: linear-gradient(180deg, var(--gv-cyan), var(--gv-purple));
  border-radius: 2px;
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(0,212,255,.5);
}
.gv-section-line.gv-line-purple {
  background: linear-gradient(180deg, var(--gv-purple), var(--gv-cyan));
  box-shadow: 0 0 10px rgba(139,92,246,.5);
}

.gv-section-title {
  font-family: var(--gv-font-head) !important;
}

/* 文章卡片 */
.gv-card {
  border: 1px solid var(--gv-border) !important;
  transition: all var(--gv-transition) !important;
}
.gv-card:hover {
  border-color: var(--gv-border-glow) !important;
  box-shadow: 0 0 0 1px var(--gv-border-glow), 0 20px 40px rgba(0,0,0,.5), var(--gv-glow-cyan) !important;
  transform: translateY(-4px) !important;
}
.gv-card-thumb img {
  height: 180px !important;
  object-fit: cover !important;
  width: 100% !important;
  transition: transform .4s ease, filter .4s ease !important;
  display: block;
}
.gv-card:hover .gv-card-thumb img {
  transform: scale(1.06) !important;
  filter: brightness(1.1) saturate(1.2) !important;
}
.gv-card-cat a {
  display: inline-block;
  background: var(--gv-purple-dim) !important;
  border: 1px solid rgba(139,92,246,.3) !important;
  color: var(--gv-purple) !important;
  font-size: .65rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  margin-bottom: 6px !important;
}
.gv-card-title a {
  color: #fff !important;
  font-family: var(--gv-font-head) !important;
  transition: color var(--gv-transition) !important;
}
.gv-card:hover .gv-card-title a {
  color: var(--gv-cyan) !important;
}
.gv-card-excerpt { color: var(--gv-text-muted) !important; }
.gv-card-date   { color: var(--gv-text-muted) !important; font-size: .75rem !important; }
.gv-card-link   { color: var(--gv-cyan) !important; font-size: .75rem !important; font-weight: 700 !important; letter-spacing: .06em !important; text-transform: uppercase !important; }

/* 攻略卡片 */
.gv-guide-card {
  transition: all var(--gv-transition) !important;
}
.gv-guide-card:hover {
  border-color: rgba(139,92,246,.5) !important;
  box-shadow: var(--gv-glow-purple) !important;
  transform: translateY(-3px) !important;
}

/* Newsletter */
.gv-newsletter-inner {
  position: relative;
  overflow: hidden;
}
.gv-newsletter-inner::before {
  content: '';
  position: absolute;
  top: -40px; right: -40px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(0,212,255,.08), transparent 70%);
  pointer-events: none;
}

.gv-nl-form .wp-block-search__input {
  border-radius: 8px 0 0 8px !important;
  border-right: none !important;
  min-width: 260px;
}
.gv-nl-form .wp-block-search__button {
  border-radius: 0 8px 8px 0 !important;
}

/* View all 按钮 */
.gv-view-all .wp-block-button__link {
  background: transparent !important;
  border: 1px solid var(--gv-border) !important;
  color: var(--gv-text-dim) !important;
  font-size: .75rem !important;
  padding: 7px 16px !important;
}
.gv-view-all .wp-block-button__link:hover {
  border-color: var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
}

/* Footer brand */
.gv-footer-brand {
  font-family: var(--gv-font-head) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #fff !important;
}
.gv-footer-heading {
  font-family: var(--gv-font-head) !important;
}
.gv-footer-cats ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.gv-footer-cats ul li {
  margin-bottom: 6px !important;
}
.gv-footer-cats ul li a {
  color: var(--gv-text-dim) !important;
  font-size: .875rem !important;
  transition: color var(--gv-transition) !important;
}
.gv-footer-cats ul li a:hover {
  color: var(--gv-cyan) !important;
}

/* ============================================================
   ELEMENTOR 适配样式
   ============================================================ */

/* Elementor 区块保留自身背景，避免内容在深色底下不可见 */

/* Elementor 文字 */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
  color: var(--gv-text-dim) !important;
  font-family: var(--gv-font-body) !important;
}

/* Elementor 标题 */
.elementor-heading-title {
  font-family: var(--gv-font-head) !important;
  color: #fff !important;
  letter-spacing: .04em !important;
}

/* Elementor 按钮 */
.elementor-button {
  background: linear-gradient(135deg, var(--gv-cyan), var(--gv-purple)) !important;
  border: none !important;
  border-radius: var(--gv-radius) !important;
  font-family: var(--gv-font-body) !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  transition: all var(--gv-transition) !important;
}
.elementor-button:hover {
  opacity: .85 !important;
  box-shadow: var(--gv-glow-cyan) !important;
  transform: translateY(-2px) !important;
}
.elementor-button-wrapper .elementor-button.elementor-size-sm { padding: 10px 22px !important; }
.elementor-button-wrapper .elementor-button.elementor-size-md { padding: 12px 28px !important; }
.elementor-button-wrapper .elementor-button.elementor-size-lg { padding: 15px 36px !important; }

/* Elementor Image Box */
.elementor-image-box-wrapper {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius-lg) !important;
  padding: 24px !important;
  transition: all var(--gv-transition) !important;
}
.elementor-image-box-wrapper:hover {
  border-color: var(--gv-border-glow) !important;
  box-shadow: var(--gv-glow-cyan) !important;
  transform: translateY(-3px) !important;
}
.elementor-image-box-title {
  font-family: var(--gv-font-head) !important;
  color: #fff !important;
}
.elementor-image-box-description {
  color: var(--gv-text-muted) !important;
}

/* Elementor Icon Box */
.elementor-icon-box-wrapper {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius-lg) !important;
  padding: 24px !important;
  transition: all var(--gv-transition) !important;
}
.elementor-icon-box-wrapper:hover {
  border-color: var(--gv-border-glow) !important;
  box-shadow: var(--gv-glow-cyan) !important;
  transform: translateY(-3px) !important;
}
.elementor-icon-box-icon .elementor-icon {
  color: var(--gv-cyan) !important;
  filter: drop-shadow(0 0 8px rgba(0,212,255,.5)) !important;
}
.elementor-icon-box-title a,
.elementor-icon-box-title {
  font-family: var(--gv-font-head) !important;
  color: #fff !important;
}
.elementor-icon-box-description {
  color: var(--gv-text-muted) !important;
}

/* Elementor Divider */
.elementor-divider-separator {
  border-color: var(--gv-border) !important;
}

/* Elementor Counter */
.elementor-counter-number-wrapper {
  font-family: var(--gv-font-head) !important;
  color: var(--gv-cyan) !important;
}
.elementor-counter-title {
  color: var(--gv-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  font-size: .75rem !important;
}

/* Elementor Testimonial / Blockquote */
.elementor-testimonial-content {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius-lg) !important;
  color: var(--gv-text-dim) !important;
}

/* Elementor Tabs */
.elementor-tab-title {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  color: var(--gv-text-dim) !important;
  font-family: var(--gv-font-body) !important;
  font-weight: 600 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  font-size: .8rem !important;
}
.elementor-tab-title.elementor-active {
  background: var(--gv-cyan-dim) !important;
  border-color: var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
}
.elementor-tab-content {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  color: var(--gv-text-dim) !important;
}

/* Elementor Accordion */
.elementor-accordion-item {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius) !important;
  overflow: hidden !important;
  margin-bottom: 6px !important;
}
.elementor-tab-title a.elementor-accordion-title {
  color: var(--gv-text-dim) !important;
  font-family: var(--gv-font-body) !important;
  font-weight: 600 !important;
}
.elementor-active .elementor-accordion-title {
  color: var(--gv-cyan) !important;
}
.elementor-accordion-icon { color: var(--gv-text-muted) !important; }
.elementor-active .elementor-accordion-icon { color: var(--gv-cyan) !important; }

/* Elementor Posts Widget */
.elementor-post__card {
  background: var(--gv-bg-2) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius-lg) !important;
  overflow: hidden !important;
  transition: all var(--gv-transition) !important;
}
.elementor-post__card:hover {
  border-color: var(--gv-border-glow) !important;
  box-shadow: var(--gv-glow-cyan) !important;
  transform: translateY(-4px) !important;
}
.elementor-post__title a {
  color: #fff !important;
  font-family: var(--gv-font-head) !important;
}
.elementor-post__title a:hover { color: var(--gv-cyan) !important; }
.elementor-post__excerpt p { color: var(--gv-text-muted) !important; }
.elementor-post__read-more {
  color: var(--gv-cyan) !important;
  font-weight: 700 !important;
  font-size: .8rem !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

/* Elementor Forms */
.elementor-form .elementor-field-group input,
.elementor-form .elementor-field-group textarea,
.elementor-form .elementor-field-group select {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid var(--gv-border) !important;
  border-radius: var(--gv-radius) !important;
  color: var(--gv-text) !important;
  font-family: var(--gv-font-body) !important;
}
.elementor-form .elementor-field-group input:focus,
.elementor-form .elementor-field-group textarea:focus {
  border-color: var(--gv-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0,212,255,.12) !important;
  outline: none !important;
}
.elementor-form .elementor-button {
  background: linear-gradient(135deg, var(--gv-cyan), var(--gv-purple)) !important;
}

/* Elementor Section 黑色背景 */
.elementor-section.elementor-section-boxed > .elementor-container {
  background: transparent !important;
}

/* Elementor 进度条 */
.elementor-progress-wrapper {
  background: rgba(255,255,255,.08) !important;
  border-radius: 4px !important;
}
.elementor-bar {
  background: linear-gradient(90deg, var(--gv-cyan), var(--gv-purple)) !important;
  border-radius: 4px !important;
}
.elementor-title {
  color: var(--gv-text-dim) !important;
  font-family: var(--gv-font-body) !important;
}

/* ============================================================
   游戏分类系统样式
   ============================================================ */

/* ---------- 分类网格 [gv_game_categories] ---------- */
.gv-cat-grid {
  display: grid;
  grid-template-columns: repeat(var(--gv-cat-cols, 3), 1fr);
  gap: 16px;
  margin: 32px 0;
}

.gv-cat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  background: var(--gv-bg-2);
  border: 1px solid var(--cat-border, rgba(0,212,255,.2));
  border-radius: var(--gv-radius-lg);
  text-decoration: none;
  overflow: hidden;
  transition: all var(--gv-transition);
  cursor: pointer;
}

/* 悬停发光背景 */
.gv-cat-card__glow {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 80% 60% at 50% 0%, var(--cat-bg, rgba(0,212,255,.08)), transparent 70%);
  opacity: 0;
  transition: opacity var(--gv-transition);
  pointer-events: none;
}

.gv-cat-card:hover .gv-cat-card__glow {
  opacity: 1;
}

.gv-cat-card:hover {
  border-color: var(--cat-accent, var(--gv-cyan));
  box-shadow:
    0 0 0 1px var(--cat-accent, var(--gv-cyan)),
    0 20px 50px rgba(0,0,0,.5),
    0 0 30px var(--cat-bg, rgba(0,212,255,.08));
  transform: translateY(-5px);
}

/* 图标区 */
.gv-cat-card__icon {
  font-size: 2.6rem;
  line-height: 1;
  filter: drop-shadow(0 0 12px var(--cat-accent, var(--gv-cyan)));
  transition: transform var(--gv-transition), filter var(--gv-transition);
}

.gv-cat-card:hover .gv-cat-card__icon {
  transform: scale(1.15);
  filter: drop-shadow(0 0 20px var(--cat-accent, var(--gv-cyan)));
}

/* 文字区 */
.gv-cat-card__body {
  flex: 1;
}

.gv-cat-card__name {
  font-family: var(--gv-font-head) !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  color: #fff !important;
  margin: 0 0 6px !important;
  transition: color var(--gv-transition);
}

.gv-cat-card:hover .gv-cat-card__name {
  color: var(--cat-accent, var(--gv-cyan)) !important;
}

.gv-cat-card__desc {
  font-size: .82rem;
  color: var(--gv-text-muted);
  line-height: 1.5;
  margin: 0;
}

/* 底部行 */
.gv-cat-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,.06);
}

.gv-cat-card__count {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--cat-accent, var(--gv-cyan));
  background: var(--cat-bg, rgba(0,212,255,.08));
  border: 1px solid var(--cat-border, rgba(0,212,255,.2));
  padding: 3px 10px;
  border-radius: 4px;
}

.gv-cat-card__arrow {
  font-size: 1rem;
  color: var(--gv-text-muted);
  transition: transform var(--gv-transition), color var(--gv-transition);
}

.gv-cat-card:hover .gv-cat-card__arrow {
  transform: translateX(4px);
  color: var(--cat-accent, var(--gv-cyan));
}

/* 无分类提示 */
.gv-no-cats {
  color: var(--gv-text-muted);
  text-align: center;
  padding: 40px;
  border: 1px dashed var(--gv-border);
  border-radius: var(--gv-radius-lg);
}

/* ---------- 平台筛选条 [gv_platform_filter] ---------- */
.gv-platform-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0;
  padding: 16px 20px;
  background: var(--gv-bg-2);
  border: 1px solid var(--gv-border);
  border-radius: var(--gv-radius-lg);
}

.gv-platform-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  color: var(--gv-text-dim);
  font-family: var(--gv-font-body);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all var(--gv-transition);
  white-space: nowrap;
}

.gv-platform-pill:hover,
.gv-platform-pill.gv-pill--active {
  background: var(--gv-cyan-dim);
  border-color: var(--gv-cyan);
  color: var(--gv-cyan);
  box-shadow: 0 0 12px rgba(0,212,255,.2);
}

.gv-platform-pill__icon {
  font-size: 1rem;
  line-height: 1;
}

.gv-platform-pill__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  background: rgba(0,212,255,.15);
  border-radius: 999px;
  font-size: .65rem;
  font-weight: 700;
  color: var(--gv-cyan);
}

/* ---------- 分类归档页 ---------- */
.gv-archive-hero {
  position: relative;
}

.gv-archive-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 80% at 0% 50%, rgba(0,212,255,.06), transparent 60%);
  pointer-events: none;
}

.gv-archive-title {
  font-family: var(--gv-font-head) !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  margin: 0 !important;
}

.gv-archive-desc {
  color: var(--gv-text-muted);
  font-size: .95rem;
  margin: 0;
}

/* 排序按钮 */
.gv-sort-label { margin: 0; }

.gv-sort-btn .wp-block-button__link {
  background: transparent !important;
  border: 1px solid var(--gv-border) !important;
  color: var(--gv-text-muted) !important;
  font-size: .72rem !important;
  padding: 5px 12px !important;
  border-radius: 6px !important;
}

.gv-sort-active .wp-block-button__link,
.gv-sort-btn .wp-block-button__link:hover {
  background: var(--gv-cyan-dim) !important;
  border-color: var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
}

/* 平台标签（卡片内） */
.gv-card-platform a {
  display: inline-block;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  color: var(--gv-text-muted) !important;
  font-size: .62rem !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  padding: 2px 7px !important;
  border-radius: 4px !important;
}

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .gv-cat-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .gv-cat-grid {
    grid-template-columns: 1fr;
  }

  .gv-platform-bar {
    gap: 6px;
    padding: 12px 14px;
  }

  .gv-platform-pill {
    font-size: .72rem;
    padding: 6px 12px;
  }

  .gv-archive-title {
    font-size: 1.6rem !important;
  }
}

/* ============================================================
   强化导航栏 — Sticky + 发光效果
   ============================================================ */

/* Sticky 粘顶 + 毛玻璃 — 只针对真正的 header 元素，不影响 Elementor section */
.wp-block-template-part[data-block-name="core/template-part"],
body > header,
.site-header,
#masthead,
header.wp-block-template-part {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  background: rgba(8, 12, 20, 0.92) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border-bottom: 1px solid rgba(0, 212, 255, 0.18) !important;
  box-shadow:
    0 1px 0 rgba(0, 212, 255, 0.25),
    0 4px 40px rgba(0, 0, 0, 0.6) !important;
}

/* 顶部霓虹扫描线 */
header::before,
.site-header::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #00d4ff 30%,
    #8b5cf6 70%,
    transparent 100%
  ) !important;
  opacity: 0.9;
}

/* 站点标题发光 */
.wp-block-site-title a,
.wp-block-site-title {
  font-family: 'Orbitron', 'Rajdhani', sans-serif !important;
  font-weight: 900 !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  text-shadow:
    0 0 10px rgba(0, 212, 255, 0.7),
    0 0 20px rgba(0, 212, 255, 0.3) !important;
}

/* 导航链接基础样式 */
.wp-block-navigation a,
.wp-block-navigation-item__content {
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(203, 213, 225, 0.85) !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}

/* 导航链接悬停 — 发光效果 */
.wp-block-navigation a:hover,
.wp-block-navigation-item__content:hover,
.wp-block-navigation-item:hover > .wp-block-navigation-item__content {
  color: #00d4ff !important;
  background: rgba(0, 212, 255, 0.08) !important;
  border-color: rgba(0, 212, 255, 0.3) !important;
  text-shadow:
    0 0 8px rgba(0, 212, 255, 0.8),
    0 0 16px rgba(0, 212, 255, 0.4) !important;
  box-shadow: 0 0 12px rgba(0, 212, 255, 0.15) !important;
}

/* 当前页面导航项 */
.current-menu-item > a,
.current-menu-item .wp-block-navigation-item__content {
  color: #00d4ff !important;
  background: rgba(0, 212, 255, 0.1) !important;
  border-color: rgba(0, 212, 255, 0.35) !important;
  text-shadow: 0 0 8px rgba(0, 212, 255, 0.6) !important;
}

/* 汉堡菜单按钮 */
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  fill: #00d4ff !important;
  filter: drop-shadow(0 0 4px rgba(0, 212, 255, 0.6)) !important;
}

/* ============================================================
   文章卡片 — .blog-post-item 深色边框 + 悬停发光
   ============================================================ */

/* 网格间距 */
.blog-posts-grid {
  gap: 20px !important;
}

/* 卡片基础 */
.blog-post-item {
  background: #0d1220 !important;
  border: 1px solid rgba(0, 212, 255, 0.15) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  transition:
    transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
  position: relative !important;
}

/* 卡片内顶部微光 */
.blog-post-item::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  pointer-events: none !important;
}

/* 卡片悬停 — 上浮 + 青色发光边框 */
.blog-post-item:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 212, 255, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(0, 212, 255, 0.3),
    0 8px 40px rgba(0, 0, 0, 0.5),
    0 0 30px rgba(0, 212, 255, 0.12) !important;
}

/* 封面图容器 */
.blog-post-item .post-thumbnail {
  overflow: hidden !important;
  display: block !important;
}

/* 封面图悬停缩放 */
.blog-post-item .post-thumbnail img,
.blog-post-item img.wp-post-image {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease, filter 0.4s ease !important;
}

.blog-post-item:hover .post-thumbnail img,
.blog-post-item:hover img.wp-post-image {
  transform: scale(1.07) !important;
  filter: brightness(1.1) saturate(1.2) !important;
}

/* 卡片内文字区 padding */
.blog-post-item .post-title,
.blog-post-item .post-excerpt,
.blog-post-item .post-date {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* 标题 */
.blog-post-item .post-title {
  padding-top: 14px !important;
  padding-bottom: 6px !important;
  font-family: 'Orbitron', 'Rajdhani', sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
}

.blog-post-item .post-title a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease, text-shadow 0.2s ease !important;
}

.blog-post-item:hover .post-title a,
.blog-post-item .post-title a:hover {
  color: #00d4ff !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.4) !important;
}

/* 摘要 */
.blog-post-item .post-excerpt {
  color: #64748b !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
  padding-bottom: 8px !important;
}

/* 日期 */
.blog-post-item .post-date {
  color: #475569 !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.06em !important;
  padding-bottom: 16px !important;
  padding-top: 4px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
  margin-top: 8px !important;
  display: block !important;
}

/* "Latest Posts" 标题 */
.elementor-heading-title {
  font-family: 'Orbitron', sans-serif !important;
  letter-spacing: 0.04em !important;
}

/* 博客区整体背景 */
.hostinger-blog-posts-widget {
  padding: 20px 0 !important;
}

/* ============================================================
   导航链接可见性修复 — 强制在桌面端内联显示菜单项
   （Hostinger 主题将所有 nav 配置为 hidden-by-default，导致桌面也看不到链接）
   ============================================================ */

/* 桌面端：把 hidden-by-default 的覆盖层改回内联布局 */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: flex !important;
    position: relative !important;
    height: auto !important;
    width: auto !important;
    inset: auto !important;
    z-index: auto !important;
    background: transparent !important;
    overflow: visible !important;
  }

  .wp-block-navigation__responsive-container:not(.is-menu-open)
    .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
  }

  /* 桌面端隐藏汉堡按钮 */
  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }

  /* 桌面端隐藏关闭按钮（覆盖层中才需要） */
  .wp-block-navigation__responsive-container:not(.is-menu-open)
    .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
}

/* 手机端：点击汉堡后的全屏覆盖层，正常保留 */
.wp-block-navigation__responsive-container.is-menu-open {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  background: rgba(8, 12, 20, 0.97) !important;
  backdrop-filter: blur(24px) !important;
}

/* ============================================================
   1. 导航链接悬停发光（Nav hover glow）
   ============================================================ */

/* 基础状态：浅灰色链接 */
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content a.wp-block-navigation-item__content {
  color: rgba(226, 232, 240, 0.85) !important;
  padding: 8px 14px !important;
  border-radius: 6px !important;
  border: 1px solid transparent !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  transition: color 0.2s, background 0.2s, border-color 0.2s, text-shadow 0.2s, box-shadow 0.2s !important;
}

/* 悬停：青色发光 */
.wp-block-navigation__responsive-container-content .wp-block-navigation-item:hover
  .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:hover {
  color: #00d4ff !important;
  background: rgba(0, 212, 255, 0.08) !important;
  border-color: rgba(0, 212, 255, 0.35) !important;
  text-shadow: 0 0 10px rgba(0, 212, 255, 0.8), 0 0 20px rgba(0, 212, 255, 0.4) !important;
  box-shadow: 0 0 14px rgba(0, 212, 255, 0.18) !important;
}

/* ============================================================
   2. 文章卡片 — 深色边框 + 悬停青色发光（高优先级覆盖）
   ============================================================ */

.hostinger-blog-posts-widget .blog-posts-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 24px !important;
}

.hostinger-blog-posts-widget .blog-post-item {
  background: #0d1220 !important;
  border: 1px solid rgba(0, 212, 255, 0.18) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  position: relative !important;
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

/* 卡片内顶部微光线 */
.hostinger-blog-posts-widget .blog-post-item::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(0, 212, 255, 0.4), transparent) !important;
  z-index: 1 !important;
}

/* 悬停：上浮 + 青色发光边框 */
.hostinger-blog-posts-widget .blog-post-item:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(0, 212, 255, 0.6) !important;
  box-shadow:
    0 0 0 1px rgba(0, 212, 255, 0.3),
    0 12px 50px rgba(0, 0, 0, 0.55),
    0 0 35px rgba(0, 212, 255, 0.14) !important;
}

/* 封面图 */
.hostinger-blog-posts-widget .blog-post-item .post-thumbnail {
  overflow: hidden !important;
  display: block !important;
  line-height: 0 !important;
}

.hostinger-blog-posts-widget .blog-post-item .post-thumbnail img,
.hostinger-blog-posts-widget .blog-post-item img.wp-post-image {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease, filter 0.4s ease !important;
}

.hostinger-blog-posts-widget .blog-post-item:hover .post-thumbnail img,
.hostinger-blog-posts-widget .blog-post-item:hover img.wp-post-image {
  transform: scale(1.08) !important;
  filter: brightness(1.12) saturate(1.2) !important;
}

/* 卡片内容区 */
.hostinger-blog-posts-widget .blog-post-item .post-title {
  padding: 16px 16px 6px !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
}

.hostinger-blog-posts-widget .blog-post-item .post-title a {
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s, text-shadow 0.2s !important;
}

.hostinger-blog-posts-widget .blog-post-item:hover .post-title a {
  color: #00d4ff !important;
  text-shadow: 0 0 12px rgba(0, 212, 255, 0.45) !important;
}

.hostinger-blog-posts-widget .blog-post-item .post-excerpt {
  padding: 0 16px 10px !important;
  color: #64748b !important;
  font-size: 0.875rem !important;
  line-height: 1.6 !important;
}

.hostinger-blog-posts-widget .blog-post-item .post-date {
  display: block !important;
  padding: 8px 16px 14px !important;
  color: #475569 !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.06em !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* ============================================================
   3. Hero 背景图加深遮罩
   ============================================================ */

/* Elementor overlay */
.elementor-background-overlay {
  background-color: rgba(8, 12, 20, 0.52) !important;
  opacity: 1 !important;
}

/* ── Hero section（背景视频 3 列布局）──────────────────── */

/* 消除三列之间的 gap，让视频背景连续显示 */
.hostinger-ai-background-video > .e-con-inner {
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

/* 内层子列背景透明，让外层视频透出来 */
.hostinger-ai-background-video .e-con {
  background: transparent !important;
  background-color: transparent !important;
}

/* 整体渐变暗化遮罩（叠在视频上方）*/
.hostinger-ai-background-video {
  position: relative !important;
}

.hostinger-ai-background-video::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    to bottom,
    rgba(8, 12, 20, 0.35) 0%,
    rgba(8, 12, 20, 0.10) 40%,
    rgba(8, 12, 20, 0.50) 100%
  ) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* 内容在遮罩上方 */
.hostinger-ai-background-video > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;
}

/* Latest Posts 标题游戏字体 */
.elementor-heading-title {
  font-family: 'Orbitron', sans-serif !important;
  letter-spacing: 0.04em !important;
}

/* ============================================================
   4. Footer — 隐藏 TRANS-* 占位符文字（视觉修复）
      实际文字请在 Site Editor 或 Elementor 里手动修改
   ============================================================ */

/* 把 hostinger-locale 占位标题颜色改为主题色，至少看起来像真标题 */
.hostinger-locale {
  color: var(--gv-cyan) !important;
  font-family: var(--gv-font-head) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

/* ============================================================
   单篇文章 — 面包屑 + 返回按钮
   ============================================================ */

/* 面包屑导航 */
.gv-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 14px 0 24px;
  font-family: var(--gv-font-body);
  font-size: 0.78rem;
  letter-spacing: 0.05em;
}

.gv-breadcrumb a {
  color: var(--gv-text-muted) !important;
  text-decoration: none !important;
  transition: color var(--gv-transition), text-shadow var(--gv-transition);
}

.gv-breadcrumb a:hover {
  color: var(--gv-cyan) !important;
  text-shadow: 0 0 8px rgba(0, 212, 255, 0.4) !important;
}

.gv-bc-sep {
  color: var(--gv-text-muted);
  opacity: 0.4;
  font-size: 0.7rem;
}

.gv-bc-current {
  color: var(--gv-cyan);
  font-weight: 600;
}

/* 返回按钮区域 */
.gv-back-wrap {
  margin-top: 52px;
  padding-top: 28px;
  border-top: 1px solid var(--gv-border);
}

.gv-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 24px;
  background: transparent;
  border: 1px solid var(--gv-border);
  border-radius: var(--gv-radius);
  color: var(--gv-text-dim) !important;
  font-family: var(--gv-font-body);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: all var(--gv-transition);
}

.gv-back-btn:hover {
  border-color: var(--gv-cyan) !important;
  color: var(--gv-cyan) !important;
  background: var(--gv-cyan-dim) !important;
  box-shadow: 0 0 14px rgba(0, 212, 255, 0.18);
  transform: translateX(-4px);
}