:root {
  --radius:12px
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  line-height:1.6
}

.page {
  --bg:#0b0c10;
  --surface:#111319;
  --card:#151826;
  --text:#e9ecf1;
  --muted:#9aa3b2;
  --border:rgba(255,255,255,.08);
  --accent:#24c08a;
  --accent-2:#14a775;
  --link:var(--accent);
  --hero:radial-gradient(60% 60% at 20% 20%,rgba(36,192,138,.25),transparent 65%),radial-gradient(60% 60% at 80% 0%,rgba(20,167,117,.25),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%)
}

#theme_default:checked~.page {
  --bg:#0b0c10;
  --surface:#111319;
  --card:#151826;
  --text:#e9ecf1;
  --muted:#9aa3b2;
  --border:rgba(255,255,255,.08);
  --accent:#24c08a;
  --accent-2:#14a775;
  --link:var(--accent);
  --hero:radial-gradient(60% 60% at 20% 20%,rgba(36,192,138,.25),transparent 65%),radial-gradient(60% 60% at 80% 0%,rgba(20,167,117,.25),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%)
}

#theme_dark:checked~.page {
  --bg:#0a0a0a;
  --surface:#101010;
  --card:#151515;
  --text:#ededed;
  --muted:#a2a2a2;
  --border:rgba(255,255,255,.08);
  --accent:#00d1b2;
  --accent-2:#00a48a;
  --link:var(--accent);
  --hero:radial-gradient(60% 60% at 70% 30%,rgba(0,209,178,.25),transparent 65%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 20%)
}

#theme_blue:checked~.page {
  --bg:#f6f9ff;
  --surface:#ffffff;
  --card:#ffffff;
  --text:#0e1a2b;
  --muted:#4f5d75;
  --border:rgba(10,30,60,.12);
  --accent:#2b6cff;
  --accent-2:#1a54d9;
  --link:#1a54d9;
  --hero:radial-gradient(60% 60% at 10% 10%,rgba(43,108,255,.12),transparent 60%),radial-gradient(60% 60% at 90% 0%,rgba(26,84,217,.12),transparent 60%)
}

#theme_purple:checked~.page {
  --bg:#0d0b14;
  --surface:#141025;
  --card:#191433;
  --text:#efeaff;
  --muted:#ada3c8;
  --border:rgba(255,255,255,.08);
  --accent:#7c4dff;
  --accent-2:#5a2bd9;
  --link:#b29bff;
  --hero:radial-gradient(60% 60% at 15% 15%,rgba(124,77,255,.22),transparent 65%),radial-gradient(60% 60% at 85% -5%,rgba(90,43,217,.22),transparent 60%)
}

.page {
  background:var(--bg);
  color:var(--text)
}

.container {
  max-width:1200px;
  margin:0 auto;
  padding:0 20px
}

.section {
  padding:64px 0;
  background:transparent
}

.section_alt {
  background:var(--surface)
}

.visually_hidden {
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden
}

.muted {
  color:var(--muted)
}

.header {
  position:sticky;
  top:0;
  z-index:50;
  background:var(--surface);
  border-bottom:1px solid var(--border);
  backdrop-filter:saturate(120%) blur(6px)
}

.header_row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:64px
}

.logo {
  font-weight:800;
  letter-spacing:.2px;
  text-decoration:none;
  color:var(--text);
  display:inline-flex;
  align-items:center
}

.logo_img {
  height:28px;
  width:auto;
  object-fit:contain
}

.nav {
  display:flex;
  gap:16px;
  flex-wrap:wrap
}

.nav a {
  text-decoration:none;
  color:var(--text);
  opacity:.88;
  padding:8px 10px;
  border-radius:8px
}

.nav a:hover {
  background:var(--card);
  opacity:1
}

.theme_dropdown {
  position:relative
}

.theme_toggle {
  cursor:pointer;
  padding:8px 12px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--card);
  color:var(--text);
  font-size:14px;
  list-style:none
}

.theme_toggle::-webkit-details-marker {
  display:none
}

.theme_toggle::after {
  content:"▼";
  margin-left:8px;
  font-size:10px;
  transition:transform .3s ease
}

.theme_dropdown[open] .theme_toggle::after {
  transform:rotate(180deg)
}

.theme_menu {
  position:absolute;
  top:100%;
  right:0;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:8px;
  box-shadow:0 8px 25px rgba(0,0,0,.15);
  padding:8px;
  min-width:140px;
  z-index:100
}

.theme_option {
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:6px;
  cursor:pointer;
  transition:background .3s ease
}

.theme_option:hover {
  background:var(--card)
}

.theme_input {
  position:absolute;
  left:-9999px
}

.theme_controls {
  display:flex;
  align-items:center;
  gap:8px
}

.theme_label {
  font-size:12px;
  color:var(--muted)
}

.swatch {
  width:14px;
  height:14px;
  border-radius:50%;
  display:inline-block;
  border:1px solid var(--border);
  flex-shrink:0
}

.swatch_default {
  background:linear-gradient(135deg,#24c08a,#14a775)
}

.swatch_dark {
  background:linear-gradient(135deg,#00d1b2,#00a48a)
}

.swatch_blue {
  background:linear-gradient(135deg,#2b6cff,#1a54d9)
}

.swatch_purple {
  background:linear-gradient(135deg,#7c4dff,#5a2bd9)
}

.hero {
  background-image:var(--hero);
  padding:120px 0 80px;
  position:relative;
  overflow:hidden
}

.hero::after {
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--border),transparent)
}

.hero_grid {
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:32px;
  align-items:center;
  position:relative;
  z-index:1
}

.h1 {
  margin:0 0 20px;
  font-size:48px;
  line-height:1.1;
  background:linear-gradient(135deg,var(--text),var(--muted));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent
}

.lead {
  margin:0 0 32px;
  color:var(--muted);
  font-size:20px;
  line-height:1.5
}

.actions {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin:32px 0;
  justify-content:center
}

.hero .actions {
  justify-content:flex-start
}

.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 28px;
  border-radius:12px;
  border:1px solid var(--border);
  text-decoration:none;
  color:var(--text);
  background:var(--card);
  font-weight:600;
  transition:all .3s ease
}

.btn:hover {
  transform:translateY(-2px);
  box-shadow:0 8px 25px rgba(0,0,0,.15)
}

.btn_primary {
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  border:0;
  color:#fff;
  box-shadow:0 4px 15px rgba(36,192,138,.3)
}

.btn_ghost {
  background:transparent;
  border:2px solid var(--accent);
  color:var(--accent)
}

.hero_visual {
  position:relative;
  min-height:400px
}

.orb {
  position:absolute;
  border-radius:50%;
  filter:blur(12px);
  opacity:.8;
  animation:float 6s ease-in-out infinite
}

.orb_1 {
  width:180px;
  height:180px;
  background:radial-gradient(circle at 30% 30%,var(--accent),transparent 60%);
  left:10%;
  top:18%;
  animation-delay:0s
}

.orb_2 {
  width:240px;
  height:240px;
  background:radial-gradient(circle at 70% 40%,var(--accent-2),transparent 60%);
  right:6%;
  top:0;
  animation-delay:2s
}

.orb_3 {
  width:140px;
  height:140px;
  background:radial-gradient(circle at 50% 50%,#fff,transparent 60%);
  left:40%;
  bottom:10%;
  opacity:.2;
  animation-delay:4s
}

@keyframes float {
  0%,100% {
    transform:translateY(0px)
  }

  50% {
    transform:translateY(-20px)
  }

}

.section {
  padding:80px 0
}

.section:first-of-type {
  margin-top:40px;
  position:relative
}

.section:first-of-type::before {
  content:"";
  position:absolute;
  top:-20px;
  left:50%;
  transform:translateX(-50%);
  width:60px;
  height:4px;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  border-radius:2px
}

/* 市场 */
.h2 {
  margin:0 0 20px;
  font-size:24px
}

/* FAQ */
.faq_item {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:12px;
  margin:10px 0
}

.faq_item>summary {
  cursor:pointer;
  font-weight:600
}

.faq_body {
  margin-top:8px;
  color:var(--muted)
}

/* 底部导航重设 */
.footer {
  border-top:1px solid var(--border);
  background:var(--surface);
  padding:40px 0 20px
}

.footer_main {
  margin-bottom:32px
}

.footer_links {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:24px
}

.footer_title {
  margin:0 0 16px;
  font-size:16px;
  font-weight:700;
  color:var(--text)
}

.footer_list {
  list-style:none;
  margin:0;
  padding:0
}

.footer_list li {
  margin-bottom:8px
}

.footer_list a {
  text-decoration:none;
  color:var(--muted);
  font-size:14px;
  transition:color .3s ease
}

.footer_list a:hover {
  color:var(--text)
}

.footer_bottom {
  text-align:left;
  padding-top:24px;
  border-top:1px solid var(--border)
}

.footer_bottom a {
  text-decoration:none;
  color:var(--muted);
  font-size:14px;
  transition:color .3s ease
}

.footer_bottom a:hover {
  color:var(--text)
}

/* 底部响应 */
@media (max-width: 1200px) {
  .footer_links {
    grid-template-columns:repeat(3,1fr);
    gap:20px
  }

}

@media (max-width: 900px) {
  .footer_links {
    grid-template-columns:repeat(2,1fr)
  }

}

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

  .footer {
    padding:32px 0 16px
  }

}

/* 响应 */
@media (max-width: 1024px) {
  .hero {
    padding:80px 0 60px
  }

  .hero_grid {
    grid-template-columns:1fr;
    gap:40px;
    text-align:center
  }

  .hero_visual {
    min-height:300px
  }

}

@media (max-width: 600px) {
  .nav {
    display:none
  }

  .hero {
    padding:60px 0 40px
  }

  .h1 {
    font-size:36px
  }

  .lead {
    font-size:18px
  }

  .actions {
    flex-direction:column;
    align-items:center
  }

  .btn {
    width:200px;
    justify-content:center
  }

}

.ticker_bar {
  background:var(--surface);
  border-bottom:1px solid var(--border)
}

.ticker {
  overflow:hidden;
  white-space:nowrap
}

.ticker_track {
  display:inline-block;
  padding:10px 0;
  animation:marquee 28s linear infinite
}

.ticker_item {
  display:inline-block;
  margin-right:40px;
  color:var(--muted)
}

@keyframes marquee {
  0% {
    transform:translateX(0)
  }

  100% {
    transform:translateX(-50%)
  }

}

/* 响应式补�?*/
@media (max-width: 600px) {
  .sitemap {
    grid-template-columns:1fr
  }

}

/* 概念化布局系统 */
.concept_layout {
  display:grid;
  gap:40px;
  align-items:center;
  min-height:400px
}

.layout_left_text {
  grid-template-columns:1fr 1.3fr
}

.layout_right_text {
  grid-template-columns:1.3fr 1fr
}

.layout_top_text {
  grid-template-columns:1fr;
  text-align:center
}

.concept_text {
  padding:20px 0
}

.concept_desc {
  color:var(--muted);
  margin:16px 0 24px;
  font-size:18px;
  line-height:1.6
}

.concept_points {
  list-style:none;
  margin:0;
  padding:0
}

.concept_points li {
  padding:8px 0;
  position:relative;
  padding-left:20px
}

.concept_points li::before {
  content:"✓";
  position:absolute;
  left:0;
  color:var(--accent);
  font-weight:bold
}

.concept_visual {
  min-height:450px;
  border-radius:var(--radius);
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center
}

/* 内联统计 */
.stats_inline {
  display:flex;
  gap:24px;
  margin-top:20px;
  flex-wrap:wrap
}

.stat_item {
  text-align:center
}

.stat_number {
  display:block;
  font-size:24px;
  font-weight:800;
  color:var(--accent)
}

.stat_label {
  color:var(--muted);
  font-size:14px
}

/* 生态特�?*/
.ecosystem_features {
  margin-top:24px
}

.feature_item {
  margin-bottom:20px
}

.feature_item h3 {
  margin:0 0 8px;
  color:var(--accent)
}

.feature_item p {
  margin:0;
  color:var(--muted)
}

/* 用户福利 */
.user_benefits {
  margin-top:24px
}

.benefit_card {
  margin-bottom:16px;
  padding:20px;
  background:var(--surface);
  border-radius:var(--radius);
  border:1px solid var(--border)
}

.benefit_text h3 {
  margin:0 0 8px;
  font-size:16px;
  color:var(--text)
}

.benefit_text p {
  margin:0;
  color:var(--muted);
  line-height:1.5
}

/* 愿景特性列�?*/
.vision_features {
  margin-top:24px
}

.vision_feature_item {
  margin-bottom:20px
}

.vision_feature_item h3 {
  margin:0 0 8px;
  color:var(--accent);
  font-size:16px
}

.vision_feature_item p {
  margin:0;
  color:var(--muted);
  line-height:1.5
}

/* CTA中心 */
.cta_center {
  text-align:center;
  max-width:800px;
  margin:0 auto
}

.cta_desc {
  color:var(--muted);
  margin:16px 0 32px;
  font-size:18px
}

.btn_large {
  padding:14px 32px;
  font-size:16px
}

/* 创新卡片网格 */
#innovation .concept_header {
  text-align:center
}

.innovation_grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  margin:40px 0
}

.innovation_card {
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:24px;
  text-align:center;
  transition:all .3s ease
}

.innovation_card:hover {
  transform:translateY(-8px);
  box-shadow:0 12px 40px rgba(0,0,0,.1);
  border-color:var(--accent)
}

.innovation_card h3 {
  margin:0 0 12px;
  font-size:18px;
  color:var(--text)
}

.innovation_card p {
  margin:0;
  color:var(--muted);
  line-height:1.6
}

/* 占位图片 */
.placeholder_img {
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:var(--radius);
  transition:all .3s ease
}

.placeholder_img:hover {
  transform:scale(1.02);
  box-shadow:0 8px 25px rgba(0,0,0,.1)
}

/* 视频特殊样式 */
video.placeholder_img:hover {
  transform:scale(1);
  box-shadow:none
}

.mobile_nav {
  display:none
}

.mobile_input {
  position:absolute;
  left:-9999px
}

.mobile_btn {
  width:40px;
  height:40px;
  border-radius:8px;
  border:1px solid var(--border);
  background:var(--card);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  position:relative
}

.hamburger {
  width:18px;
  height:2px;
  background:var(--text);
  border-radius:2px;
  position:relative;
  transition:all .3s ease
}

.hamburger::before,.hamburger::after {
  content:"";
  position:absolute;
  width:18px;
  height:2px;
  background:var(--text);
  border-radius:2px;
  transition:all .3s ease
}

.hamburger::before {
  top:-6px
}

.hamburger::after {
  bottom:-6px
}

.mobile_input:checked + .mobile_btn .hamburger {
  background:transparent
}

.mobile_input:checked + .mobile_btn .hamburger::before {
  transform:rotate(45deg);
  top:0
}

.mobile_input:checked + .mobile_btn .hamburger::after {
  transform:rotate(-45deg);
  bottom:0
}

.mobile_menu {
  position:absolute;
  top:100%;
  right:0;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:8px;
  box-shadow:0 8px 25px rgba(0,0,0,.15);
  padding:8px;
  min-width:120px;
  z-index:100;
  opacity:0;
  visibility:hidden;
  transform:translateY(-10px);
  transition:all .3s ease
}

.mobile_input:checked ~ .mobile_menu {
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}

.mobile_menu a {
  display:block;
  padding:10px 12px;
  text-decoration:none;
  color:var(--text);
  border-radius:6px;
  transition:background .3s ease
}

.mobile_menu a:hover {
  background:var(--card)
}

/* 移动端主题切�?*/
.mobile_theme_section {
  border-top:1px solid var(--border);
  margin-top:8px;
  padding-top:12px
}

.mobile_theme_label {
  font-size:12px;
  color:var(--muted);
  display:block;
  margin-bottom:8px
}

.mobile_theme_options {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:8px
}

.mobile_theme_option {
  display:flex;
  align-items:center;
  gap:6px;
  padding:8px;
  border-radius:6px;
  cursor:pointer;
  transition:background .3s ease;
  font-size:12px
}

.mobile_theme_option:hover {
  background:var(--card)
}

/* 移动端导航自动关闭优�?*/
.mobile_menu a {
  display:block;
  padding:10px 12px;
  text-decoration:none;
  color:var(--text);
  border-radius:6px;
  transition:background .3s ease
}

.mobile_menu a:hover {
  background:var(--card)
}

/* 点击菜单外区域关�?- 添加遮罩�?*/
.mobile_input:checked ~ .mobile_menu::after {
  content:"";
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  background:rgba(0,0,0,.1);
  backdrop-filter:blur(2px);
}

/* 页面滚动时自动关闭菜�?*/
@supports (scroll-behavior: smooth) {
  .mobile_input:checked {
    animation:check_scroll 0.1s ease forwards;
  }

}

/* 点击任意锚点链接时重置菜单状�?*/
:target ~ * .mobile_input:checked {
  animation:close_menu 0.1s ease forwards;
}

@keyframes close_menu {
  to {
    opacity:0;
    pointer-events:none;
  }

}

@media (max-width: 1200px) {
  .footer_links {
    grid-template-columns:repeat(3,1fr);
    gap:20px
  }

}

@media (max-width: 1024px) {
  /* Hero区块 */
  .hero {
    padding:80px 0 60px
  }

  .hero_grid {
    grid-template-columns:1fr;
    gap:40px;
    text-align:center
  }

  .hero_visual {
    min-height:300px
  }

  /* 概念化布局 */
  .layout_left_text,.layout_right_text {
    grid-template-columns:1fr;
    gap:24px
  }

  .stats_inline {
    justify-content:center
  }

  /* 创新卡片 */
  .innovation_grid {
    grid-template-columns:repeat(2,1fr);
    gap:20px
  }

  /* 底部导航 */
  .footer_links {
    grid-template-columns:repeat(2,1fr)
  }

}

@media (max-width: 900px) {
  .footer_links {
    grid-template-columns:repeat(2,1fr)
  }

}

@media (max-width: 600px) {
  /* 头部导航 */
  .nav {
    display:none
  }

  .mobile_nav {
    display:block
  }

  .theme_controls {
    display:none
  }

  /* Hero区块 */
  .hero {
    padding:60px 0 40px
  }

  .h1 {
    font-size:36px
  }

  .lead {
    font-size:18px;
    text-align:left
  }

  .actions {
    flex-direction:column;
    align-items:center
  }

  .btn {
    width:200px;
    justify-content:center
  }

  /* 概念化布局 */
  .concept_visual {
    min-height:280px
  }

  .stats_inline {
    flex-direction:column;
    align-items:center
  }

  /* 创新卡片 */
  .innovation_grid {
    grid-template-columns:1fr
  }

  .innovation_card {
    padding:20px
  }

  /* 底部导航 */
  .footer_links {
    grid-template-columns:1fr
  }

  .footer {
    padding:32px 0 16px
  }

}

/* 可访问性与减少动态效果 */
html {
  scroll-padding-top: 90px;
}

a:focus-visible, summary:focus-visible, label:focus-visible {
  outline: 3px solid var(--accent, #24c08a);
  outline-offset: 4px;
}

.skip:focus {
  position: fixed;
  left: 16px;
  top: 10px;
  width: auto;
  height: auto;
  padding: 10px 16px;
  background: #fff;
  color: #111;
  z-index: 1000;
}

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

.footer_list a {
  overflow-wrap: anywhere;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
  }

}


.footer_text {
  color: var(--muted);
  font-size: 14px;
}