/* Base */
:root{
  color-scheme: only light;
}
html, body{
  margin:0;
  padding:0;
}
body{
  font-family: "Manrope", "Noto Sans SC", system-ui, -apple-system, Segoe UI, sans-serif;
  background: #ffffff;
  color: #18181b;
}
img{max-width:100%;}
.is-hidden{display:none!important;}

:root{
  --accent:#E58A23;
  --accent-deep:#C86B14;
  /* 为了在 CSS 里做 rgba，单独提供 RGB */
  --accent-r: 229;
  --accent-g: 138;
  --accent-b: 35;
  --accent-50: #fdf5eb;
  --accent-100: #fae5c9;
  --accent-deep-r: 200;
  --accent-deep-g: 107;
  --accent-deep-b: 20;
  --text-strong: #18181b;
  --text-body: #3f3f46;
  --text-soft: #71717a;
  --shadow-soft: 0 1px 0 rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.06);
  --shadow-soft-hover: 0 1px 0 rgba(0,0,0,.05), 0 14px 42px rgba(0,0,0,.075);
  --radius-lg: 1rem;
  --radius-xl: 1.125rem;
}
html{ scroll-behavior:smooth; }

/* Light mode hard fallback: avoid transparent surfaces when utility CSS is unavailable/cached */
html[data-theme='light']{
  background: #ffffff !important;
  color: #18181b !important;
  color-scheme: only light !important;
}
html[data-theme='light'] body{
  background: #ffffff !important;
  color: #18181b !important;
  color-scheme: only light !important;
}
html[data-theme='light'] ._force-root{
  background: #ffffff !important;
  color: #18181b !important;
}
html[data-theme='light'] [data-menu]{
  background: rgba(0, 0, 0, .90) !important;
}
html[data-theme='light'] [data-menu] > div{
  background: #ffffff !important;
  color: #18181b !important;
  border-color: rgba(228, 228, 231, 1) !important;
}

/* Kill media-based dark utilities when site is in light mode */
html[data-theme='light'] [class*='dark:bg-']{
  background-color: transparent !important;
  background-image: none !important;
}
html[data-theme='light'] [class*='dark:text-']{
  color: inherit !important;
}
html[data-theme='light'] [class*='dark:border-']{
  border-color: rgba(228, 228, 231, .9) !important;
}
html[data-theme='light'] [class*='dark:hover:bg-']:hover{
  background-color: rgba(244, 244, 245, .85) !important;
}

/* Re-apply intended light surfaces after reset */
html[data-theme='light'] .panel,
html[data-theme='light'] ._force-surface{
  background: rgba(255,255,255,.72) !important;
}
html[data-theme='light'] .btn-ghost{
  background: rgba(255,255,255,.64) !important;
  color: #18181b !important;
}
html[data-theme='light'] [data-menu]{
  background: rgba(0, 0, 0, .90) !important;
}
html[data-theme='light'] [data-menu] > div{
  background: #ffffff !important;
  color: #18181b !important;
}

/* Mobile menu trigger icon must stay visible in light mode */
html[data-theme='light'] [data-menu-open]{
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(228,228,231,.95) !important;
}
html[data-theme='light'] [data-menu-open] .h-0\.5{
  background: #18181b !important;
}

/* 顶部导航：更像国际资管官网（更克制、更细） */
.nav-shell{ box-shadow: 0 1px 0 rgba(0,0,0,.04); }
html[data-theme='dark'] .nav-shell{
  box-shadow: 0 1px 0 rgba(255,255,255,.06);
  background: rgba(5,5,5,.86) !important;
  border-color: rgba(255,255,255,.10) !important;
}

.navlink{ position: relative; letter-spacing: .02em; transition: background .2s ease, color .2s ease; }
.navlink::after{
  content:"";
  position:absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),0),
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),.42),
    rgba(var(--accent-r),var(--accent-g),var(--accent-b),0)
  );
  transform: scaleX(0);
  transform-origin: center;
  opacity: .9;
  transition: transform .22s ease;
}
@media (hover: hover){
  .navlink:hover{ background: rgba(0,0,0,.03); }
  html[data-theme='dark'] .navlink:hover{ background: rgba(255,255,255,.06); }
  .navlink:hover::after{ transform: scaleX(1); }
}
.nav-active{ color: rgba(0,0,0,.88); }
html[data-theme='dark'] .nav-active{ color: rgba(244,244,245,.98); }
/* active 不显示橙色条（避免你之前那个“常驻橙色标签”的 bug） */
.nav-active::after{ transform: scaleX(0); }

/* 卡片策略：更平、更“贵” */
.panel{ box-shadow: var(--shadow-soft); }
.panel:hover{ box-shadow: var(--shadow-soft-hover); }
html[data-theme='dark'] .panel{
  box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 18px 60px rgba(0,0,0,.55);
  background: rgba(11,11,11,.94) !important;
  border-color: rgba(255,255,255,.12) !important;
}

/* Design Tokens - reusable */
.btn-brand{
  background: var(--accent);
  color: #fff;
}
.btn-brand:hover{
  background: var(--accent);
  filter: brightness(1.03);
  box-shadow: 0 8px 18px rgba(var(--accent-r),var(--accent-g),var(--accent-b),.26);
}
.hero-badge{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18) !important;
  background: linear-gradient(180deg, rgba(var(--accent-r),var(--accent-g),var(--accent-b),.07), rgba(255,255,255,.7)) !important;
}
html[data-theme='dark'] .hero-badge{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.32) !important;
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.12) !important;
}
.card-tier-1{
  border-radius: var(--radius-xl);
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.22) !important;
}
.card-tier-2{
  border-radius: var(--radius-lg);
}
.card-hover-lift{
  transition: transform .22s ease, box-shadow .22s ease;
}
@media (hover: hover){
  .card-hover-lift:hover{
    transform: translateY(-2px);
  }
}
.icon-accent-chip{
  border: 1px solid rgba(var(--accent-r),var(--accent-g),var(--accent-b),.36);
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.10);
}
html[data-theme='dark'] .icon-accent-chip{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.52);
  background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.18);
}
.partner-logo-card{
  transition: border-color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}
.partner-logo-wrap{
  opacity: 1 !important;
  filter: none !important;
  transition: opacity .2s ease, filter .2s ease, transform .2s ease;
}
.partner-logo-wrap img{
  transition: filter .2s ease;
}
html[data-theme='light'] .partner-logo-wrap,
html[data-theme='light'] .partner-logo-wrap img{
  opacity: 1 !important;
  filter: none !important;
}
html[data-theme='dark'] .partner-logo-wrap{
  opacity: .86 !important;
  filter: grayscale(1) !important;
}
@media (hover: hover){
  .partner-logo-card:hover{
    transform: translateY(-2px);
    border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.26) !important;
    background: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.06) !important;
    box-shadow: 0 10px 20px rgba(24, 24, 27, .10);
  }
  .partner-logo-card:hover .partner-logo-wrap{
    opacity: .96 !important;
    filter: none !important;
    transform: translateY(-1px);
  }
  .partner-logo-card:hover .partner-logo-wrap img{
    filter: drop-shadow(0 6px 10px rgba(24, 24, 27, .16));
  }
}
/* 关键：深色模式下避免“灰底 + 灰字”的低对比 */
html[data-theme='dark'] .panel .text-zinc-900{ color: rgba(244,244,245,.98) !important; }
html[data-theme='dark'] .panel .text-zinc-800{ color: rgba(228,228,231,.98) !important; }
html[data-theme='dark'] .panel .text-zinc-700{ color: rgba(212,212,216,.98) !important; }
html[data-theme='dark'] .panel .text-zinc-600{ color: rgba(200,200,207,.98) !important; }
html[data-theme='dark'] .panel .text-zinc-500{ color: rgba(161,161,170,.98) !important; }
html[data-theme='dark'] .panel .text-zinc-400{ color: rgba(139,139,149,.98) !important; }

/* 极简氛围：白底也只留一丝“暖”，黑底几乎纯黑 */
.atmo{
  background: radial-gradient(circle at 30% 30%, rgba(var(--accent-r),var(--accent-g),var(--accent-b),.08), transparent 62%);
  filter: blur(44px);
}
.atmo2{
  background: radial-gradient(circle at 60% 40%, rgba(var(--accent-r),var(--accent-g),var(--accent-b),.05), transparent 66%);
  filter: blur(52px);
}
html[data-theme='dark'] .atmo,
html[data-theme='dark'] .atmo2{ display:none; }

.noise{
  background-image:
    radial-gradient(rgba(0,0,0,.05) 1px, transparent 1px),
    radial-gradient(rgba(var(--accent-r),var(--accent-g),var(--accent-b),.03) 1px, transparent 1px);
  background-size: 24px 24px, 30px 30px;
  background-position: 0 0, 10px 14px;
  mix-blend-mode: soft-light;
}
html[data-theme='dark'] .noise{ opacity: .10; }

/* 统一标题节奏 */
.kicker{ letter-spacing: .16em; text-transform: uppercase; }
.h1{ letter-spacing: -0.03em; line-height: 1.05; }
.h2{ letter-spacing: -0.02em; line-height: 1.12; }

/* 链接/按钮更克制：减少 SaaS 感 */
.btn-ghost{ background: rgba(255,255,255,.64); }
html[data-theme='dark'] .btn-ghost{ background: rgba(12,12,12,1) !important; }

/* Hero 说明文字：仅这一段在大屏加大行距（按你的要求） */
.hero-desc{ line-height: 1.72; }
.hero-desc .hero-desc-line{ margin: 0; }
.hero-desc .hero-desc-line + .hero-desc-line{ margin-top: 1.05rem; }
@media (min-width: 1024px){
  .hero-desc{ line-height: 1.82; }
  .hero-desc .hero-desc-line + .hero-desc-line{ margin-top: 1.2rem; }
}

/* 兜底：darkMode:'media' 时也能强制切换（并保证可读性） */
html[data-theme='dark']{ background:#000; color:#f4f4f5; }
html[data-theme='dark'] body{ background:#000; }
html[data-theme='dark'] ._force-root{ background:#000 !important; color:#f4f4f5 !important; }
html[data-theme='dark'] ._force-root .text-zinc-900{ color:#f4f4f5 !important; }
html[data-theme='dark'] ._force-root .text-zinc-800{ color:#e4e4e7 !important; }
html[data-theme='dark'] ._force-root .text-zinc-700{ color:#e4e4e7 !important; }
html[data-theme='dark'] ._force-root .text-zinc-600{ color:#d4d4d8 !important; }
html[data-theme='dark'] ._force-root .text-zinc-500{ color:#a1a1aa !important; }
html[data-theme='dark'] ._force-root .text-zinc-400{ color:#8b8b95 !important; }

html[data-theme='dark'] ._force-root .bg-white{ background:#000 !important; }
html[data-theme='dark'] ._force-root .bg-white\/60{ background: rgba(11,11,11,.94) !important; }
html[data-theme='dark'] ._force-root .bg-white\/70{ background: rgba(11,11,11,.94) !important; }
html[data-theme='dark'] ._force-root .bg-white\/80{ background: rgba(16,16,16,.96) !important; }
html[data-theme='dark'] ._force-root .border-zinc-200\/70{ border-color: rgba(255,255,255,.12) !important; }
html[data-theme='dark'] ._force-root .border-zinc-200\/60{ border-color: rgba(255,255,255,.12) !important; }

/* 深色按钮与 Pills：确保可读 */
html[data-theme='dark'] ._force-root .btn-ghost{
  background: rgba(18,18,18,.98) !important;
  color: rgba(244,244,245,.98) !important;
  border-color: rgba(255,255,255,.18) !important;
}
html[data-theme='dark'] ._force-root .btn-ghost:hover{
  background: rgba(255,255,255,.12) !important;
}

/* 页脚 Pills 与上方 Ecosystem 统一 */
html[data-theme='dark'] footer .rounded-full{
  background: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}
html[data-theme='dark'] footer .rounded-full svg{
  opacity: .9;
}
html[data-theme='dark'] footer .rounded-full:hover{
  background: rgba(255,255,255,.20) !important;
  color: #ffffff !important;
}

html[data-theme='dark'] ._force-root .kicker{ color: rgba(161,161,170,.98) !important; }

.no-scrollbar::-webkit-scrollbar{display:none}
.no-scrollbar{scrollbar-width:none}

/* Orange utilities -> Brand accent (single color strategy) */
.text-orange-500,
.text-orange-600,
.text-orange-700{
  color: var(--accent) !important;
}
.dark .dark\:text-orange-300{
  color: var(--accent) !important;
}

.bg-orange-500{
  background-color: var(--accent) !important;
}
.bg-orange-500\/10{
  background-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.10) !important;
}
.bg-orange-500\/60{
  background-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.60) !important;
}

.border-orange-200\/80{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.36) !important;
}

.hover\:border-orange-400\/40:hover{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.40) !important;
}
.dark .dark\:hover\:border-orange-500\/40:hover{
  border-color: rgba(var(--accent-r),var(--accent-g),var(--accent-b),.40) !important;
}

/* Deeper functional badges (awards / honor / QR) */
.badge-deep{
  color: var(--accent-deep) !important;
  background-color: rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.11) !important;
  border: 1px solid rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.16);
}
.badge-deep svg{
  color: var(--accent-deep) !important;
}
html[data-theme='dark'] .badge-deep{
  color: var(--accent-deep) !important;
  background-color: rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.16) !important;
  border-color: rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.30);
}

.about-pill-deep{
  display: inline-flex;
  align-items: center;
  border-radius: 9999px;
  border: 1px solid rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.24) !important;
  background: rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.10) !important;
  color: var(--accent-deep) !important;
  padding: .25rem .8rem;
  font-size: .75rem;
  line-height: 1.1rem;
  font-weight: 600;
}
html[data-theme='dark'] .about-pill-deep{
  border-color: rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.34) !important;
  background: rgba(var(--accent-deep-r),var(--accent-deep-g),var(--accent-deep-b),.16) !important;
  color: #f6b47a !important;
}

/* Footer action links: keep stable styles for injected footer markup */
.footer-action-link{
  display: flex !important;
  width: 100%;
  max-width: 260px;
}
@media (min-width: 1024px){
  .footer-action-link{
    width: 66%;
    min-width: 220px;
    max-width: 260px;
  }
}

.footer-friend-link{
  border: 1px solid #7bc0ef;
  background: #e7f4ff;
  color: #0d5e91;
}
.footer-friend-link:hover{
  background: #d8edff;
  color: #0b4f7a;
}
.footer-friend-link i,
.footer-friend-link svg{
  color: inherit;
  stroke: currentColor;
}

html[data-theme='dark'] .footer-friend-link{
  border-color: rgba(125, 183, 230, .45);
  background: rgba(69, 134, 191, .22);
  color: #cde6fb;
}
html[data-theme='dark'] .footer-friend-link:hover{
  background: rgba(69, 134, 191, .30);
  color: #e3f1ff;
}

/* Team CTA: keep "view all" arrow orange in all themes */
[data-team-view-all] svg,
[data-team-view-all] i{
  color: var(--accent) !important;
}
[data-team-view-all] svg{
  stroke: var(--accent) !important;
}

/* Awards AI page: shrink gallery on pad/PC, keep mobile unchanged */
@media (min-width: 768px){
  .awards-ai-page [data-page-gallery]{
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1280px){
  .awards-ai-page [data-page-gallery]{
    max-width: 920px;
  }
}