/*
 * @Date: 2025-01-09 19:40:05
 * @LastEditTime: 2025-10-19 11:15:31
 * @FilePath: /BYB-Dapp/src/styles/common.css
 * @Author: peony
 * @LastEditors: peony
 * @Description: 
 */
@font-face {
  font-family: "Gilroy";
  src: url(/static/fonts/gilroy-bold-4.a64a9abe.otf) format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  font-feature-settings: "kern";
}

@font-face {
  font-family: "Gilroy";
  src: url(/static/fonts/gilroy-medium-2.9f1092d0.otf) format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-feature-settings: "kern";
}

@font-face {
  font-family: "Gilroy";
  src: url(/static/fonts/gilroy-regular-3.86bc2a5a.otf) format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-feature-settings: "kern";
}

* {
  padding: 0;
  margin: 0;
}

html,
body {
  /* 禁用safari 滚动效果 不然出现莫名其妙的底色 */
  overscroll-behavior: none;
}

font {
  pointer-events: none;
}

#root {
  width: 100%;
  height: 100%;
  font-family: "Gilroy";
  padding: 0;
  margin: 0;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-2 {
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.flex1 {
  flex: 1 1;
}

.label-required:before {
  content: "*";
  color: #e76f95;
  font-size: 0.75rem;
  /* 12px → 0.75rem */
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: #000 !important;
}

.ant-select-selection-item>div {
  padding: 0
}

html {
  /* 响应式基准字体大小 - 简洁版本 */
  font-size: 16px;
  /* 默认基准 */

  /* 移动设备优化 */
  @media (max-width: 768px) {
    font-size: 14px;
    /* 手机端稍小一些，提高屏幕利用率 */
  }

  /* 大屏设备优化 */
  @media (min-width: 1440px) {
    font-size: 18px;
    /* 大屏幕稍大一些，提高可读性 */
  }
}

/* BYB 产品介绍背景样式 */
.byb-hero-background {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(135deg, #0B1426 0%, #1E3A8A 50%, #3B82F6 100%);
  overflow: hidden;
}

.byb-hero-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 30% 20%, rgba(255, 215, 0, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 70% 80%, rgba(16, 185, 129, 0.1) 0%, transparent 50%);
  z-index: 1;
}

.byb-hero-background::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image:
    repeating-linear-gradient(0deg,
      transparent,
      transparent 35px,
      rgba(255, 215, 0, 0.1) 35px,
      rgba(255, 215, 0, 0.1) 37px),
    repeating-linear-gradient(60deg,
      transparent,
      transparent 35px,
      rgba(255, 215, 0, 0.1) 35px,
      rgba(255, 215, 0, 0.1) 37px),
    repeating-linear-gradient(120deg,
      transparent,
      transparent 35px,
      rgba(255, 215, 0, 0.1) 35px,
      rgba(255, 215, 0, 0.1) 37px);
  z-index: 2;
}

/* 浮动粒子效果 */
.byb-particles {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.byb-particles .particle {
  position: absolute;
  width: 2px;
  height: 2px;
  background: #FFD700;
  border-radius: 50%;
  animation: float 6s ease-in-out infinite;
}

.byb-particles .particle:nth-child(1) {
  left: 10%;
  animation-delay: 0s;
}

.byb-particles .particle:nth-child(2) {
  left: 20%;
  animation-delay: 1s;
}

.byb-particles .particle:nth-child(3) {
  left: 30%;
  animation-delay: 2s;
}

.byb-particles .particle:nth-child(4) {
  left: 40%;
  animation-delay: 3s;
}

.byb-particles .particle:nth-child(5) {
  left: 50%;
  animation-delay: 4s;
}

.byb-particles .particle:nth-child(6) {
  left: 60%;
  animation-delay: 5s;
}

.byb-particles .particle:nth-child(7) {
  left: 70%;
  animation-delay: 1.5s;
}

.byb-particles .particle:nth-child(8) {
  left: 80%;
  animation-delay: 2.5s;
}

.byb-particles .particle:nth-child(9) {
  left: 90%;
  animation-delay: 3.5s;
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0px) rotate(0deg);
    opacity: 1;
  }

  50% {
    transform: translateY(-20px) rotate(180deg);
    opacity: 0.5;
  }
}

/* 左侧装饰元素 */
.byb-left-decoration {
  position: absolute;
  left: 0;
  top: 20%;
  width: 200px;
  height: 300px;
  background: linear-gradient(45deg, transparent 0%, rgba(255, 215, 0, 0.1) 50%, transparent 100%);
  -webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 70% 0, 100% 100%, 0 100%);
  z-index: 2;
}

.byb-left-decoration::before {
  content: '🎭';
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.5));
}

/* 右侧装饰元素 */
.byb-right-decoration {
  position: absolute;
  right: 0;
  top: 20%;
  width: 200px;
  height: 300px;
  background: linear-gradient(-45deg, transparent 0%, rgba(16, 185, 129, 0.1) 50%, transparent 100%);
  -webkit-clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(30% 0, 100% 0, 100% 100%, 0 100%);
  z-index: 2;
}

.byb-right-decoration::before {
  content: '🏔️';
  position: absolute;
  top: 50%;
  right: 30%;
  transform: translate(50%, -50%);
  font-size: 3rem;
  filter: drop-shadow(0 0 20px rgba(16, 185, 129, 0.5));
}

/* 主要内容区域 */
.byb-hero-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem;
  text-align: center;
}

.byb-logo {
  font-size: 4rem;
  font-weight: bold;
  color: #FFD700;
  text-shadow: 0 0 30px rgba(255, 215, 0, 0.5);
  margin-bottom: 1rem;
  animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.5);
  }

  to {
    text-shadow: 0 0 40px rgba(255, 215, 0, 0.8), 0 0 60px rgba(255, 215, 0, 0.6);
  }
}

.byb-subtitle {
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-bottom: 1rem;
  opacity: 0.9;
}

.byb-description {
  font-size: 1rem;
  color: #FFFFFF;
  margin-bottom: 2rem;
  opacity: 0.8;
  max-width: 600px;
}

/* 功能卡片网格 */
.byb-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 1.5rem;
  gap: 1.5rem;
  margin: 2rem 0;
  max-width: 1000px;
  width: 100%;
}

.byb-feature-card {
  background: rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: 15px;
  padding: 1.5rem;
  text-align: center;
  transition: all 0.3s ease;
}

.byb-feature-card:hover {
  transform: translateY(-5px);
  border-color: #FFD700;
  box-shadow: 0 10px 30px rgba(255, 215, 0, 0.2);
}

.byb-feature-icon {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  display: block;
}

.byb-feature-title {
  font-size: 1.1rem;
  color: #FFFFFF;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.byb-feature-desc {
  font-size: 0.9rem;
  color: #FFFFFF;
  opacity: 0.7;
}

/* 数据展示 */
.byb-stats {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}

.byb-stat-item {
  background: rgba(16, 185, 129, 0.2);
  border: 1px solid #10B981;
  border-radius: 25px;
  padding: 0.75rem 1.5rem;
  color: #10B981;
  font-weight: bold;
  font-size: 0.9rem;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

@keyframes coin-float {
  0% {
    transform: translateY(0)
  }


  100% {
    transform: translateY(-2rem)
  }
}

/* 光线从左往右扫过效果 - 模拟 SVG metallicPaint */
@keyframes shine-sweep {
  0% {
    left: -200%;
    opacity: 0;
  }
  10% {
    opacity: 0.3;
  }
  20% {
    opacity: 0.6;
  }
  40% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.6;
    left: 200%;
  }
  100% {
    opacity: 0;
    left: 200%;
  }
}



/* 响应式设计 */
@media (max-width: 768px) {
  .byb-hero-content {
    padding: 1rem;
  }

  .byb-logo {
    font-size: 2.5rem;
  }

  .byb-subtitle {
    font-size: 1.2rem;
  }

  .byb-features-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .byb-stats {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }

  .byb-left-decoration,
  .byb-right-decoration {
    display: none;
  }
}

/* 动画效果 */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.byb-hero-content>* {
  animation: fadeInUp 0.8s ease forwards;
}

.byb-hero-content>*:nth-child(1) {
  animation-delay: 0.1s;
}

.byb-hero-content>*:nth-child(2) {
  animation-delay: 0.2s;
}

.byb-hero-content>*:nth-child(3) {
  animation-delay: 0.3s;
}

.byb-hero-content>*:nth-child(4) {
  animation-delay: 0.4s;
}

.byb-hero-content>*:nth-child(5) {
  animation-delay: 0.5s;
}

/* 移动端点击优化 */
@media (max-width: 768px) {
  /* 移除移动端点击延迟 */
  * {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
  
  /* 允许文本选择的元素 */
  input, textarea, [contenteditable] {
    -webkit-user-select: text;
    user-select: text;
  }
  
  /* 优化可点击元素的触摸体验 */
  [style*="cursor: pointer"], 
  .cursor-pointer,
  button,
  a,
  [role="button"],
  [onclick] {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
    touch-action: manipulation;
    min-height: 44px;
    min-width: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  /* 为可点击元素添加触摸反馈 */
  [style*="cursor: pointer"]:active,
  .cursor-pointer:active,
  button:active,
  a:active,
  [role="button"]:active {
    opacity: 0.7;
    transform: scale(0.98);
    transition: all 0.1s ease;
  }
  
  /* 防止双击缩放 */
  * {
    touch-action: manipulation;
  }
  
  /* 优化滚动性能 */
  * {
    -webkit-overflow-scrolling: touch;
  }
}

/* 通用移动端优化 */
@media (hover: none) and (pointer: coarse) {
  /* 触摸设备优化 */
  [style*="cursor: pointer"]:hover,
  .cursor-pointer:hover {
    /* 在触摸设备上禁用hover效果 */
    opacity: 1 !important;
    transform: none !important;
  }
  
  /* 确保触摸目标足够大 */
  [style*="cursor: pointer"],
  .cursor-pointer {
    min-height: 44px;
    min-width: 44px;
  }
}

/* Ensure wallet modals (w3m / wcm) render above custom dialogs */
#w3m-modal,
.w3m-modal,
.w3m-overlay,
[data-w3m-overlay],
#wcm-modal,
.wcm-modal,
.wcm-overlay,
[data-wcm-overlay] {
  z-index: 2147483647 !important;
}
@font-face {
  font-family: "iconfont"; /* Project id 4627026 */
  src: url(/static/fonts/iconfont.632d682d.woff2) format('woff2'),
       url(/static/fonts/iconfont.6d67d77a.woff) format('woff'),
       url(/static/fonts/iconfont.f85d6c78.ttf) format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 1rem; /* 16px → 1rem，图标基础大小 */
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-overview:before {
  content: "\e603";
}

.icon-avatar:before {
  content: "\e602";
}

.icon-lang:before {
  content: "\e601";
}

.icon-book:before {
  content: "\e600";
}

.icon-close-rounded:before {
  content: "\e70b";
}

.icon-hot:before {
  content: "\e6b5";
}

.icon-share1:before {
  content: "\e6b2";
}

.icon-image-download:before {
  content: "\e6b3";
}

.icon-page:before {
  content: "\e744";
}

.icon-progress:before {
  content: "\e72d";
}

.icon-add-fill:before {
  content: "\e722";
}

.icon-up:before {
  content: "\e70d";
}

.icon-left:before {
  content: "\e697";
}

.icon-waitting:before {
  content: "\e704";
}

.icon-right:before {
  content: "\e701";
}

.icon-garbage:before {
  content: "\e69e";
}

.icon-add:before {
  content: "\e720";
}

.icon-disabled:before {
  content: "\e72e";
}

.icon-down:before {
  content: "\e727";
}

.icon-info:before {
  content: "\e6fe";
}

.icon-close:before {
  content: "\e705";
}

.icon-check:before {
  content: "\e71c";
}

.icon-arrow-right:before {
  content: "\e750";
}

.icon-arrow-down:before {
  content: "\e74f";
}

.icon-arrow-left:before {
  content: "\e682";
}

.icon-change:before {
  content: "\e74e";
}

.icon-theme-light:before {
  content: "\e6aa";
}

.icon-data-center:before {
  content: "\e6ab";
}

.icon-account:before {
  content: "\e6ac";
}

.icon-promotion:before {
  content: "\e6ad";
}

.icon-settlement:before {
  content: "\e6ae";
}

.icon-promote:before {
  content: "\e6af";
}

.icon-share:before {
  content: "\e6b0";
}

.icon-bell:before {
  content: "\e72c";
}

.icon-calendar:before {
  content: "\e72b";
}

.icon-fold:before {
  content: "\e749";
}

.icon-arrow-down-fill:before {
  content: "\e6f7";
}

.icon-hide:before {
  content: "\e6a5";
}

.icon-visible:before {
  content: "\e6a7";
}

.icon-clear:before {
  content: "\e6a8";
}

.icon-copy:before {
  content: "\e6a2";
}

.icon-check-fill:before {
  content: "\e745";
}

.icon-arrow-up-fill:before {
  content: "\e6a6";
}

.icon-edit:before {
  content: "\e710";
}

.icon-theme-dark:before {
  content: "\e60a";
}



/*# sourceMappingURL=main.876ebc91.css.map*/