/* AI Era Corp. theme — 20261025logoDay: dark ONLY under html.dark; light mode real day theme */
:root{
  --aera-bg:#FBFAFF;--aera-bg2:#F3F0FF;--aera-accent:#6D28D9;--aera-accent2:#0891b2;
  --aera-grad:linear-gradient(135deg,#8b5cf6 0%,#22d3ee 100%);
  --primary-color:#6D28D9;--secondary-color:#7C3AED;--accent-color:#8B5CF6;
  --accent-color-dark:#4C1D95;--accent-color-light:#c4b5fd1a;--accent-color-muted:#8b5cf633;
  --gold-color:#0e7490;--olive-color:#0e7490;
  --bg-secondary:#FBFAFF;--bg-tertiary:#F3F0FF;--border-color:#DDD6FE;--card-border:#DDD6FE;--card-shadow:#1e10331a;
  --header-footer-border:#e9e2ff;--header-footer-text:#1E1B3A;--text-color:#1E1B3A;--text-muted:#6B6890;
  --aera-header-bg:#ffffff;--aera-page-bg:#f6f3ff;--aera-card-bg:#ffffff;--aera-footer-bg:#ffffff;
}
html.dark{
  --aera-bg:#0b0820;--aera-bg2:#120d2e;--aera-accent:#8b5cf6;--aera-accent2:#22d3ee;
  --gold-color:#22D3EE;--olive-color:#22D3EE;
  --header-footer-border:#2a1f5c;--header-footer-text:#eceaf6;--text-color:#eceaf6;--text-muted:#a39fc4;
  --aera-header-bg:#0b0720;--aera-page-bg:#0b0720;--aera-card-bg:#130c33;--aera-footer-bg:#0b0720;
  --border-color:#2a1f5c;--card-border:#2a1f5c;
}
html,body,#app,button,input,textarea,select{font-family:Inter,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif!important}

/* ===== LIGHT (default / daytime) ===== */
header,footer,.n-layout-header{
  background:var(--aera-header-bg)!important;color:var(--header-footer-text)!important;border-color:var(--header-footer-border)!important;
}
header a,header span{color:inherit}
.aera-ir-btn{display:inline-flex;align-items:center;gap:6px;background:var(--aera-grad);color:#fff!important;border-radius:999px;padding:8px 18px;font-weight:700;font-size:14px;text-decoration:none!important;box-shadow:0 6px 20px rgba(139,92,246,.35);white-space:nowrap}
.aera-ir-btn:hover{filter:brightness(1.08)}
.aera-link{color:inherit!important;font-weight:600;font-size:14px;text-decoration:none;margin:0 12px;white-space:nowrap}
.aera-hero-cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:20px auto 8px}
.aera-hero-cta .aera-ir-btn{font-size:16px;padding:12px 26px}
.aera-hero-cta .aera-ghost{display:inline-flex;align-items:center;border:1px solid #8b5cf6;color:#6D28D9;border-radius:999px;padding:12px 26px;font-weight:700;text-decoration:none}

.n-layout-header{background:var(--aera-header-bg)!important;border-bottom:1px solid var(--header-footer-border)!important}
.n-layout-header .n-menu-item-content-header,.n-layout-header .n-menu-item-content__icon,.n-layout-header button,.n-layout-header .n-button{color:inherit!important}
.n-layout-header .n-menu-item-content--selected .n-menu-item-content-header{color:#6D28D9!important}
footer{background:var(--aera-footer-bg)!important}
footer,footer *{color:var(--text-muted)!important;border-color:var(--header-footer-border)!important}
footer a:hover{color:#6D28D9!important}

.n-layout,.n-layout-scroll-container,.n-scrollbar-content,body{background-color:var(--aera-page-bg)!important}
.text-primary,.dark\:text-dark-primary,.text-dark-primary{color:#6D28D9!important}
.bg-primary,.dark\:bg-dark-primary{background-color:#6d28d9!important}
.border-primary,.dark\:border-dark-primary{border-color:#6d28d9!important}
.hover\:text-primary:hover{color:#0891b2!important}
.n-card,.n-layout-sider,.n-layout-sider-scroll-container{background-color:var(--aera-card-bg)!important;border-color:var(--card-border)!important;color:var(--text-color)!important}

/* ===== DARK (night) — only when html.dark ===== */
html.dark header,html.dark footer,html.dark .n-layout-header{
  background:linear-gradient(90deg,#0b0820 0%,#120d2e 100%)!important;color:#eceaf6!important;border-color:#2a1f5c!important;
}
html.dark header a,html.dark header span,html.dark footer a,html.dark footer span,html.dark footer p{color:#eceaf6}
html.dark .n-layout-header{background:#0b0720!important;border-bottom:1px solid #2a1f5c!important}
html.dark .n-layout-header .n-menu-item-content-header,html.dark .n-layout-header .n-menu-item-content__icon,html.dark .n-layout-header button,html.dark .n-layout-header .n-button{color:#eceaf6!important}
html.dark .n-layout-header .n-menu-item-content--selected .n-menu-item-content-header{color:#22d3ee!important}
html.dark footer{background:#0b0720!important}
html.dark footer,html.dark footer *{color:#cfcbe8!important;border-color:#2a1f5c!important}
html.dark footer a:hover{color:#22d3ee!important}
html.dark .n-layout,html.dark .n-layout-scroll-container,html.dark .n-scrollbar-content,html.dark body{background-color:#0b0720!important}
html.dark .text-primary,html.dark .dark\:text-dark-primary,html.dark .text-dark-primary{color:#a78bfa!important}
html.dark .hover\:text-primary:hover{color:#22d3ee!important}
html.dark .n-card,html.dark .n-layout-sider,html.dark .n-layout-sider-scroll-container{background-color:#130c33!important;border-color:#2a1f5c!important;color:#eceaf6!important}

/* header layout + logo always visible */
.n-layout-header .h-64px{gap:16px}
.n-layout-header .h-64px>div:first-child{display:flex!important;align-items:center;flex-shrink:0;visibility:visible!important;opacity:1!important}
.n-layout-header .h-64px>div:first-child img{max-height:40px!important;width:auto!important;object-fit:contain;display:block!important;visibility:visible!important;opacity:1!important}
.n-layout-header .h-64px>div:first-child>a:first-child{display:flex!important;align-items:center;visibility:visible!important}
/* hide Powered-by chip & divider, keep logo link */
.n-layout-header .h-64px>div:first-child>:not(:first-child){display:none!important}
.n-layout-header .h-64px>.absolute{position:static!important;transform:none!important;left:auto!important;flex:1 1 auto;justify-content:center;min-width:0}
.n-layout-header .aera-link{display:none!important}
.n-layout-header .aera-ir-btn{white-space:nowrap}
.aera-brand-logo{display:inline-flex!important;align-items:center;margin-right:10px;flex-shrink:0;text-decoration:none!important}
.aera-brand-logo img{height:36px;width:auto;max-width:150px;object-fit:contain;display:block}

/* light mode: white logo invisible on white header → use navy via filter invert OR dedicated file swapped by JS */
html:not(.dark) .n-layout-header img[src*="logo.png"],
html:not(.dark) .aera-brand-logo img[src*="logo.png"]{
  /* white-on-transparent → invert to near-black for day */
  filter:invert(1) hue-rotate(180deg) brightness(0.35) contrast(1.2);
}
html.dark .n-layout-header img[src*="logo.png"],
html.dark .aera-brand-logo img[src*="logo.png"]{filter:none}

/* 20261025blankFix */
.n-layout-content,.n-layout-scroll-container,.n-scrollbar-container,.n-scrollbar-content{opacity:1!important;visibility:visible!important;min-height:50vh!important}
.hero-section,.hero-content,#app main,main{opacity:1!important;visibility:visible!important}
.hero-section{display:block!important}