/* ============================================================
   RWA Custom Carousel — lightweight, no Swiper JS dependency
   Preserves original card classes (swiper-slide / sq-item)
   so all built-in hover effects (gradient border, video, etc.)
   continue to work.
   ============================================================ */

/* ---------- Carousel Mode (default) ---------- */
.rwa-carousel {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.rwa-carousel .swiper-wrapper {
  display: flex !important;
  gap: 32px !important;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
  will-change: transform;
  width: 100% !important;
  /* override Swiper defaults */
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}
.rwa-carousel .swiper-slide {
  flex: 0 0 calc((100% - 68px) / 3) !important;
  width: auto !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  /* preserve original card behavior */
  height: auto !important;
  flex-shrink: 0 !important;
}
/* Last slide: ensure no extra margin causes clipping */
.rwa-carousel .swiper-slide:last-child,
.rwa-carousel .swiper-slide:last-of-type {
  margin-right: 0 !important;
}

/* ---------- Grid Mode (ALL VIEW active) ---------- */
.rwa-carousel.grid-mode .swiper-wrapper {
  display: grid !important;
  transform: none !important;
  transition: none !important;
  will-change: auto;
}

/* PC: 4 columns x N rows, full width */
@media screen and (min-width: 769px) {
  .rwa-carousel.grid-mode .swiper-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 32px !important;
    max-width: 100% !important;
    margin: 0 !important;
    width: 100% !important;
    justify-content: stretch !important;
  }
  .rwa-carousel.grid-mode .swiper-slide {
    flex: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* Mobile: 2 columns */
@media screen and (max-width: 768px) {
  .rwa-carousel .swiper-wrapper {
    gap: 16px !important;
  }
  .rwa-carousel .swiper-slide {
    flex: 0 0 calc((100% - 36px) / 2) !important;
  }
  .rwa-carousel.grid-mode .swiper-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 0 !important;
    max-width: 100% !important;
  }
  .rwa-carousel.grid-mode .swiper-slide {
    flex: none !important;
    width: 100% !important;
    margin: 0 !important;
  }
}

/* ============================================================
   Team Members — 设计稿卡片
   照片默认黑白、悬浮变彩色；悬浮卡片渐变边框 + 文字区渐变；职位胶囊按钮
   ============================================================ */
.team-block{
  width:1100px; max-width:1100px; margin:0 auto;
}
.team-head{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:40px;
}
.team-head h1{
  font-size:46px; font-weight:800; color:#fff; line-height:1; margin:0; letter-spacing:.5px;
}
.team-head .slide-lr{ display:flex; align-items:center; gap:10px; }
.team-head .slide-lr-item{
  width:52px; height:52px; display:flex; align-items:center; justify-content:center;
  border-radius:50%; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18);
  cursor:pointer; transition:.25s;
}
.team-head .slide-lr-item:hover{ background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.35); }
.team-head .slide-lr-item .sq-icon-arrow-right-2{ color:#fff; font-size:20px; }
.team-head .slide-lr-more{
  height:52px; padding:0 22px; display:flex; align-items:center; border-radius:999px; white-space:nowrap;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); cursor:pointer; transition:.25s;
}
.team-head .slide-lr-more:hover{ background:rgba(255,255,255,.14); }
.team-head .slide-lr-more a{ color:#fff; font-size:14px; text-decoration:none; letter-spacing:.5px; }

/* carousel：JS transform 模式 */
#sq_gallery_56KmlLfw-swiper.rwa-carousel{ width:100%; max-width:100%; overflow:hidden; margin:0; }
#sq_gallery_56KmlLfw-swiper .swiper-wrapper{
  display:flex !important; flex-wrap:nowrap !important; align-items:stretch !important; gap:24px !important;
}
#sq_gallery_56KmlLfw-swiper .swiper-slide{
  flex:0 0 300px !important; width:300px !important; max-width:none !important; height:450px !important;
}
#sq_gallery_56KmlLfw-swiper .sq-item-wp{
  position:relative; width:100%; height:100%; display:flex; flex-direction:column;
  background:#0b0b0e; border:1px solid rgba(255,255,255,.13); border-radius:14px; overflow:hidden;
  transition:border-color .35s;
}
#sq_gallery_56KmlLfw-swiper .sq-item-wp::before{
  content:''; position:absolute; inset:0; border-radius:14px; padding:1px;
  background:linear-gradient(135deg,#37c9e6 0%,#6a6bff 50%,#c026d3 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  opacity:0; transition:opacity .35s; pointer-events:none; z-index:6;
}
#sq_gallery_56KmlLfw-swiper .sq-item-wp:hover{ border-color:transparent; }
#sq_gallery_56KmlLfw-swiper .sq-item-wp:hover::before{ opacity:1; }

/* 照片区固定 210 高；默认黑白，悬浮彩色 */
#sq_gallery_56KmlLfw-swiper .sq-imgbox{ width:100%; height:210px; overflow:hidden; flex:0 0 210px; }
#sq_gallery_56KmlLfw-swiper .sq-aspect-ratio{
  position:relative; width:100%; height:210px !important; padding-top:0 !important; aspect-ratio:auto !important;
}
#sq_gallery_56KmlLfw-swiper .sq-aspect-ratio-box{
  position:absolute !important; inset:0; width:100% !important; height:100% !important;
}
#sq_gallery_56KmlLfw-swiper .sq-item-img-wp{ width:100%; height:100%; }
#sq_gallery_56KmlLfw-swiper .sq-item-img-wp img{
  width:100%; height:100%; object-fit:cover; object-position:50% 25%;
  filter:grayscale(100%); transition:filter .45s ease;
}
#sq_gallery_56KmlLfw-swiper .sq-item-wp:hover .sq-item-img-wp img{ filter:grayscale(0%); }

/* 文字区 */
#sq_gallery_56KmlLfw-swiper .sq-item-body{
  flex:1 1 auto; padding:22px 20px 20px; display:flex; flex-direction:column; transition:background .35s;
}
#sq_gallery_56KmlLfw-swiper .sq-texts{ display:flex; flex-direction:column; align-items:flex-start; }
#sq_gallery_56KmlLfw-swiper .sq-item-title{ margin:0; }
#sq_gallery_56KmlLfw-swiper .sq-item-title p{ font-size:23px; font-weight:800; color:#fff; line-height:1.15; margin:0; }
#sq_gallery_56KmlLfw-swiper .team-role{
  display:inline-flex; align-items:center; height:27px; margin-top:13px; padding:0 13px; border-radius:999px;
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18);
  font-size:12.5px; font-weight:500; color:rgba(255,255,255,.85); letter-spacing:.3px;
}
#sq_gallery_56KmlLfw-swiper .sq-item-des{ margin:14px 0 0; }
#sq_gallery_56KmlLfw-swiper .sq-item-des p{ font-size:14px; line-height:1.55; color:rgba(255,255,255,.68); margin:0; }
#sq_gallery_56KmlLfw-swiper .sq-item-wp:hover .sq-item-body{
  background:linear-gradient(180deg,rgba(34,46,92,.32) 0%,rgba(68,26,108,.46) 100%);
}

/* ALL VIEW（grid mode）：4 列 × 2 行，显示全部 8 张 */
#sq_gallery_56KmlLfw-swiper.rwa-carousel.grid-mode{ overflow:visible; width:100%; max-width:100%; }
#sq_gallery_56KmlLfw-swiper.rwa-carousel.grid-mode .swiper-wrapper{
  display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px !important; transform:none !important;
}
#sq_gallery_56KmlLfw-swiper.rwa-carousel.grid-mode .swiper-slide{
  flex:none !important; width:auto !important; height:430px !important;
}

/* ---------- Button controls: left text + right buttons ---------- */
#sq_row_49EE3ZrW .sq-row-wp {
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
}
/* Left text column: takes remaining space */
#sq_row_49EE3ZrW .sq-col:first-child {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
}
/* Right button column: auto width, pushed to right */
#sq_row_49EE3ZrW .sq-col:last-child {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-left: auto !important;
}
/* Button group: right-aligned */
#sq_row_49EE3ZrW .slide-lr {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 20px !important;
  width: 100% !important;
}
/* Left text: visible gray color */
#sq_text_49zspeQi p {
  color: rgba(255, 255, 255, 0.55) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* ---------- Hide Swiper built-in nav remnants ---------- */
.rwa-carousel .swiper-button-prev,
.rwa-carousel .swiper-button-next,
.rwa-carousel .swiper-pagination {
  display: none !important;
}
/* ============================================================
   Industrial Layout carousel — desktop
   One grid: the 1/12 spacer is removed so the content column
   (carousel + bottom row) spans the full safe area (x=16, w=1585),
   aligned with the page title/nav. No transform hacks.
   ============================================================ */
#sq_row_49HZicbV > .sq-widget-wp > .sq-col:first-child {
  display: none !important;
}
#sq_row_49HZicbV > .sq-widget-wp > .sq-col:last-child {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/* carousel: native horizontal scroll, no transform */
#sq_gallery_49GzYlMW-swiper.rwa-carousel {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
}
#sq_gallery_49GzYlMW-swiper.rwa-carousel::-webkit-scrollbar { display: none; }
#sq_gallery_49GzYlMW-swiper.rwa-carousel .swiper-wrapper {
  display: flex !important;
  gap: 24px !important;
  transform: none !important;
  transition: none !important;
}
/* fixed 300x400 cards */
#sq_gallery_49GzYlMW-swiper.rwa-carousel .swiper-slide {
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: none !important;
  height: 400px !important;
}
#sq_gallery_49GzYlMW-swiper .sq-item {
  width: 100% !important;
  height: 100% !important;
  background: #000 !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
}

/* bottom row spans the same safe container, no transform */
#sq_row_49EE3ZrW,
#sq_row_49EE3ZrW > .sq-widget-wp {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
#sq_row_49EE3ZrW .sq-col {
  padding: 0 !important;
}
/* hide the duplicate original text widget; keep .industrial-bottom */
#sq_text_49zspeQi {
  display: none !important;
}
/* bottom row: hide the empty text col and trailing spacer so the code col starts at x=16 */
#sq_row_49EE3ZrW > .sq-widget-wp {
  gap: 0 !important;
}
#sq_row_49EE3ZrW > .sq-widget-wp > .sq-col:first-child,
#sq_row_49EE3ZrW > .sq-widget-wp > .sq-col:last-child {
  display: none !important;
}
#sq_row_49EE3ZrW > .sq-widget-wp > .sq-col {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
/* carousel visible area fixed at 1200px, left-aligned to safe margin */
#sq_gallery_49GzYlMW-swiper.rwa-carousel {
  width: 1200px !important;
  max-width: 1200px !important;
}
#sq_row_49EE3ZrW {
  width: 1200px !important;
  max-width: 1200px !important;
}
/* carousel visible area = 4 cards (300 each) + 3 gaps (24 each) = 1272px */
#sq_gallery_49GzYlMW-swiper.rwa-carousel {
  width: 1272px !important;
  max-width: 1272px !important;
}
#sq_row_49EE3ZrW {
  width: 1272px !important;
  max-width: 1272px !important;
}
/* ============================================================
   Industrial Layout — ALL VIEW (grid mode) override
   ============================================================ */
#sq_gallery_49GzYlMW-swiper.rwa-carousel.grid-mode {
  width: 1272px !important;
  max-width: 1272px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}
#sq_gallery_49GzYlMW-swiper.rwa-carousel.grid-mode .swiper-wrapper {
  display: grid !important;
  grid-template-columns: repeat(4, 300px) !important;
  gap: 24px !important;
  width: 1272px !important;
  transform: none !important;
  justify-content: center !important;
}
#sq_gallery_49GzYlMW-swiper.rwa-carousel.grid-mode .swiper-slide {
  flex: none !important;
  width: 300px !important;
  height: 400px !important;
  max-width: none !important;
}
/* center the 1272px carousel + bottom row within the page */
#sq_gallery_49GzYlMW-swiper.rwa-carousel {
  margin-left: auto !important;
  margin-right: auto !important;
}
#sq_row_49EE3ZrW {
  margin-left: auto !important;
  margin-right: auto !important;
}
/* ============================================================
   Industrial Layout - Mobile: smaller cards + visible scrollbar
   ============================================================ */
@media screen and (max-width: 768px) {
  #sq_gallery_49GzYlMW-swiper.rwa-carousel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: auto !important;
  }
  #sq_gallery_49GzYlMW-swiper.rwa-carousel .swiper-wrapper {
    gap: 20px !important;
    transform: none !important;
  }
  #sq_gallery_49GzYlMW-swiper.rwa-carousel .swiper-slide {
    flex: 0 0 220px !important;
    width: 220px !important;
    height: 360px !important;
  }
  /* scroll progress bar */
  .rwa-carousel-scrollbar {
    margin-top: 28px;
    height: 3px;
    width: 100%;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 3px;
    overflow: hidden;
  }
  .rwa-carousel-scrollbar__thumb {
    height: 100%;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 3px;
    width: 40%;
  }
}
/* 图片/视频完整显示，不裁切上下 */
@media screen and (max-width: 768px) {
  #sq_gallery_49GzYlMW-swiper .sq-item-img-wp img,
  #sq_gallery_49GzYlMW-swiper .sq-item-img-wp video {
    object-fit: contain !important;
    object-position: top center !important;
  }
}
/* 移动端：图片区域改为正方形(1:1)，与卡片同宽，从顶部对齐填满 */
@media screen and (max-width: 768px) {
  #sq_gallery_49GzYlMW-swiper .sq-aspect-ratio {
    padding-top: 100% !important;
    height: auto !important;
  }
  #sq_gallery_49GzYlMW-swiper .sq-aspect-ratio-box {
    position: absolute !important;
  }
}

/* ============================================================
   DAO Governance section - Mobile: fixed 300x400 cards
   ============================================================ */
@media screen and (max-width: 768px) {
  #sq_gallery_4910Z1Kh-swiper {
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  #sq_gallery_4910Z1Kh-swiper .swiper-wrapper {
    gap: 20px !important;
    transform: none !important;
  }
  #sq_gallery_4910Z1Kh-swiper .swiper-slide {
    flex: 0 0 240px !important;
    width: 240px !important;
    height: 325px !important;
  }
}

/* DAO 板块：卡片下方留更多间距，避免下一个模块遮挡 */
@media screen and (max-width: 768px) {
  #sq_gallery_4910Z1Kh {
    margin-bottom: 200px !important;
  }
}

/* 手机端隐藏 Unlock Trillion-Dollar RWA 模块（DAO 板块下的 carousel） */
@media screen and (max-width: 768px) {
  #sq_screen_49k1zv6A,
  #sq_screen_49IZRnOZ,
  #sq_gallery_4910Z1Kh {
    display: none !important;
  }
}

/* DAO 板块：移动端 screen-wp 高度 auto，避免裁切卡片 */
@media screen and (max-width: 768px) {
  #sq_screen_49IZRnOZ,
  #sq_screen_49IZRnOZ .sq-screen-wp {
    height: 1200px !important;
  }
}

/* DAO 板块：卡片内容靠上、紧凑 */
@media screen and (max-width: 768px) {
  #sq_gallery_4910Z1Kh-swiper .sq-item-wp {
    justify-content: flex-start !important;
    padding-top: 10px !important;
    padding-bottom: 16px !important;
  }
}
/* DAO 板块：缩小图片区、减小左右边距 */
@media screen and (max-width: 768px) {
  #sq_gallery_4910Z1Kh-swiper .sq-item-wp {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #sq_gallery_4910Z1Kh-swiper .sq-imgbox {
    height: 160px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }
  #sq_gallery_4910Z1Kh-swiper .sq-imgbox img,
  #sq_gallery_4910Z1Kh-swiper .sq-imgbox video {
    object-fit: contain !important;
    object-position: top center !important;
  }
}
/* DAO 板块：aspect-ratio 高度也缩到 160 */
@media screen and (max-width: 768px) {
  #sq_gallery_4910Z1Kh-swiper .sq-aspect-ratio {
    height: 160px !important;
    padding-top: 0 !important;
    min-height: 160px !important;
  }
}
/* iRWA Network 板块：手机端与上方拉开距离 */
@media screen and (max-width: 768px) {
  #sq_screen_49bYto4S {
    margin-top: 60px !important;
  }
}
/* iRWA Network 板块：手机端视频移到按钮下方（PC 端左右布局不变） */
@media screen and (max-width: 768px) {
  #sq_screen_49bYto4S .sq-row-wp {
    display: flex !important;
    flex-direction: column !important;
  }
  #sq_screen_49bYto4S .sq-col:nth-child(1) {
    order: 2 !important;
  }
  #sq_screen_49bYto4S .sq-col:nth-child(2) {
    order: 1 !important;
  }
}
/* iRWA Network 板块：手机端容器高度 auto，避免内容溢出 */
@media screen and (max-width: 768px) {
  #sq_screen_49bYto4S,
  #sq_screen_49bYto4S .sq-screen-wp,
  #sq_screen_49bYto4S #sq_row_49Mss7gc {
    height: auto !important;
  }
}
/* Join RWAs Community 板块：手机端与立方体视频拉开距离 */
@media screen and (max-width: 768px) {
  #sq_screen_497IeTK5 {
    margin-top: 180px !important;
  }
}
/* Join RWAs 板块：手机端 Free Access 文字缩小 */
@media screen and (max-width: 768px) {
  #sq_text_49WPHuOl .free-access-link,
  #sq_text_49WPHuOl p {
    font-size: 18px !important;
  }
}
/* Join RWAs 板块：手机端星球图完整显示 */
}

/* Issue-to-Earn 模块：手机端与上方六边形容器拉开距离，避免遮挡 */
@media screen and (max-width: 768px) {
  #sq_screen_49hE7Lbm {
    margin-top: 100px !important;
  }
}