/* Component Editor Styles */
.index_ravenContainer__editor__zLcM0.index_hover__2C-jm > .index_ravenContainer__mask__78w3C {
  border: 2px dashed #ed5c4c;
}
.index_ravenContainer__editor__zLcM0.index_hover__2C-jm > .index_ravenContainer__add__-haO8 {
  display: block;
}
.index_ravenContainer__mask__78w3C {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  pointer-events: none;
}
.index_ravenContainer__add__-haO8 {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 2px 5px;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  color: #ed5c4c;
  font-size: 12px;
  border: 1px #ed5c4c solid;
  background-color: rgba(250, 235, 209, 0.8);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.index_ravenContainer__empty__b4xFa {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  min-height: 50px;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #98a4b5;
  background-color: #e4e7ec;
}

/* Raven Box Styles */
.index_ravenBox__wrapEditor__3uJ9e {
  background-color: rgba(0, 0, 0, 0.05);
}
.index_ravenBox__wrapEditor__3uJ9e.index_hover__2C-jm {
  cursor: move;
}
.index_ravenBox__wrapEditor__3uJ9e.index_hover__2C-jm > .index_ravenBox__handle__gRQ2I {
  display: block;
}
.index_ravenBox__wrapEditor__3uJ9e .index_ravenBox__chosen__6k8Og {
  display: block;
}
.index_ravenBox__wrapEditorDrag__MFKWA {
  user-select: none;
}
.index_ravenBox__wrapEditorDrag__MFKWA :not([data-control='true']) {
  pointer-events: none !important;
}
.index_ravenBox__customStyle__tg2qB.index_hover__2C-jm {
  cursor: initial;
}
.index_ravenBox__concentrateDisable__S5fYD {
  pointer-events: none;
}
.index_ravenBox__concentrateDisable__S5fYD > .index_ravenBox__name__5T8eS,
.index_ravenBox__concentrateDisable__S5fYD > .index_ravenBox__border__c-muU,
.index_ravenBox__concentrateDisable__S5fYD > .index_ravenBox__handle__gRQ2I {
  display: none !important;
}
.index_ravenBox__concentrateDisable__S5fYD.index_ravenBox__wrapEditor__3uJ9e {
  background-color: transparent;
}
.index_ravenBox__concentrateEnable__DZw4Q {
  pointer-events: auto;
}
.index_ravenBox__name__5T8eS {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 5px;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  color: #ffffff;
  font-size: 12px;
  border-radius: 5px 0 0 0;
  background-color: rgba(0, 0, 0, 0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index_ravenBox__borderLeft__uCgw5 {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #8c8c8c;
}
.index_ravenBox__borderLeft__uCgw5.index_ravenBox__chosen__6k8Og {
  width: 2px;
  background-color: #b37feb;
}
.index_ravenBox__borderTop__Qv8HG {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #8c8c8c;
}
.index_ravenBox__borderTop__Qv8HG.index_ravenBox__chosen__6k8Og {
  height: 2px;
  background-color: #b37feb;
}
.index_ravenBox__borderRight__aPiQL {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #8c8c8c;
}
.index_ravenBox__borderRight__aPiQL.index_ravenBox__chosen__6k8Og {
  width: 2px;
  background-color: #b37feb;
}
.index_ravenBox__borderBottom__ftktW {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #8c8c8c;
}
.index_ravenBox__borderBottom__ftktW.index_ravenBox__chosen__6k8Og {
  height: 2px;
  background-color: #b37feb;
}
.index_ravenBox__handle__gRQ2I {
  display: none;
}
.index_ravenBox__handleLT__iSu3g {
  position: absolute;
  left: -5px;
  top: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid #8c8c8c;
  box-sizing: border-box;
  background-color: #fff;
  cursor: nwse-resize;
}
.index_ravenBox__handleRT__R7uCV {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid #8c8c8c;
  box-sizing: border-box;
  background-color: #fff;
  cursor: nesw-resize;
}
.index_ravenBox__handleLB__yVlk9 {
  position: absolute;
  left: -5px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid #8c8c8c;
  box-sizing: border-box;
  background-color: #fff;
  cursor: nesw-resize;
}
.index_ravenBox__handleRB__qC1TU {
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid #8c8c8c;
  box-sizing: border-box;
  background-color: #fff;
  cursor: nwse-resize;
}
.index_ravenBox__handleL__lHqE4 {
  position: absolute;
  left: -5px;
  top: 0;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
}
.index_ravenBox__handleR__Fm5Vy {
  position: absolute;
  right: -5px;
  top: 0;
  width: 10px;
  height: 100%;
  cursor: ew-resize;
}
.index_ravenBox__handleT__D6Lc0 {
  position: absolute;
  left: 0;
  top: -5px;
  width: 100%;
  height: 10px;
  cursor: ns-resize;
}
.index_ravenBox__handleB__MKY2J {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 10px;
  cursor: ns-resize;
}
.index_ravenBox__line__pXsVz {
  position: absolute;
  border-left: 1px;
  border-right: 0;
  border-top: 1px;
  border-bottom: 0;
  height: 100px;
  border-color: #2d98fb;
  border-style: dashed;
  z-index: 10;
}

/* Video Player UI Styles */
.WJ3NAvwFY9, .ZgIIHVSSYI, .kAA8SjbHe2, .tR2-0dd-e1 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ZgIIHVSSYI {
  -ms-flex-pack: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.WJ3NAvwFY9, .tR2-0dd-e1 {
  display: block;
}
.tR2-0dd-e1.OueN4AU4CJ {
  display: none;
}
.ZgIIHVSSYI, .kAA8SjbHe2 {
  -webkit-tap-highlight-color: rgba(255,0,0,0);
  cursor: pointer;
  opacity: .7;
}
.OueN4AU4CJ.ZgIIHVSSYI, .OueN4AU4CJ.kAA8SjbHe2 {
  display: none;
}
.ZgIIHVSSYI {
  z-index: 10;
}
.ZgIIHVSSYI > svg {
  fill: #fff;
  height: 12vw;
  max-height: 60px;
  max-width: 60px;
  width: 12vw;
}
.kAA8SjbHe2 {
  -ms-flex-pack: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  z-index: 10;
}
.kAA8SjbHe2 > svg {
  fill: #fff;
  height: 9vw;
  margin: 0 15px 15px 0;
  max-height: 40px;
  max-width: 40px;
  width: 9vw;
}

/* Raven Wrapper Styles */
.index_ravenWrapper__editor__AiESM.index_hover__2C-jm > .index_ravenWrapper__mask__-iz6S {
  border: 2px dashed #1890ff;
}
.index_ravenWrapper__editor__AiESM.index_hover__2C-jm > .index_ravenWrapper__name__PSM4x {
  display: block;
}
.index_ravenWrapper__editor__AiESM.index_hover__2C-jm > .index_ravenWrapper__action__jZ-nY {
  display: flex;
}
.index_ravenWrapper__editor__AiESM.index_active__L0rhs > .index_ravenWrapper__mask__-iz6S {
  box-shadow: inset 0 0 0px 2px #1890ff;
  border: none;
}
.index_ravenWrapper__editor__AiESM.index_active__L0rhs > .index_ravenWrapper__name__PSM4x {
  display: block;
}
.index_ravenWrapper__mask__-iz6S {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  pointer-events: none;
}
.index_ravenWrapper__name__PSM4x {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  padding: 0 5px;
  box-sizing: border-box;
  max-width: 100%;
  max-height: 100%;
  color: #ffffff;
  font-size: 12px;
  border-radius: 0 0 5px 0;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.index_ravenWrapper__action__jZ-nY {
  display: none;
  position: absolute;
  left: 50%;
  z-index: 15;
}
.index_ravenWrapper__action__jZ-nY.index_top__P021i {
  top: 0;
  transform: translate(-50%, -50%);
}
.index_ravenWrapper__action__jZ-nY.index_bottom__nEQy0 {
  bottom: 0;
  transform: translate(-50%, 50%);
}
.index_ravenWrapper__action__jZ-nY > div {
  margin-right: 10px;
}
.index_ravenWrapper__action__jZ-nY > div:last-child {
  margin-right: 0;
}
.index_ravenWrapper__btn__nXfIl {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 16px #00000030;
  background-color: #fff;
  cursor: pointer;
}
.index_ravenWrapper__btn__nXfIl svg {
  width: 18px;
  height: 18px;
}
.index_ravenWrapper__concentrateEnable__egTff {
  pointer-events: auto;
}
.index_ravenWrapper__concentrateDisable__9egkM {
  pointer-events: none;
}

/* Game Description Block */
.game-description-block {
    padding: 0.4rem 0.2rem;
    max-width: 8rem;
    margin: 0 auto 0.5rem;
    color: #e0e0e0;
    line-height: 1.8;
    text-align: center;
    background: rgba(15, 15, 25, 0.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    position: relative;
    z-index: 10;
}

.game-description-block h2 {
    color: #d4af37;
    margin-bottom: 0.25rem;
    font-size: 0.32rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.game-description-block p {
    margin-bottom: 0.2rem;
    font-size: 0.2rem;
    font-weight: 300;
}

.game-description-block i {
    color: #d4af37;
    font-style: italic;
}

/* Tablet and Mobile Adaptations */
@media screen and (max-width: 1024px) {
    .pc_container {
        min-width: unset !important;
        width: 100vw !important;
        overflow-x: hidden;
    }
    
    /* Home Section scaling */
    .home-5e884444 {
        height: 12rem !important;
    }
    
    /* Center the slogan and adjust size for small screens */
    [data-raven-box-id*="sloganBox"] {
        left: 28% !important;
        top: 40% !important;
        transform: translate(-50%, -50%) !important;
        width: 6.5rem !important;
    }
    .home-5e884444 .title-92e8e66d{
      width: 150% !important;
    }

    /* Adjust Game Description Block for narrower viewports */
    .game-description-block {
        max-width: 90%;
        padding: 0.4rem 0.2rem;
        border-radius: 15px;
        margin-bottom: 0.4rem;
    }
    
    .game-description-block h2 {
        font-size: 0.45rem;
        letter-spacing: 1px;
    }
    
    .game-description-block p {
        font-size: 0.3rem;
        line-height: 1.5;
    }

    /* Adjust Store Buttons */
    .container-fd4c9354 {
        bottom: 0.8rem !important;
        margin-bottom: 0 !important;
    }
    
    .stores-5c1a2bc8 {
        flex-direction: row;
        justify-content: center;
        width: 100%;
    }
    
    .btn-745dfd86 {
        width: 2.8rem !important;
        height: auto !important;
        margin: 0 0.1rem !important;
    }

    /* Community section responsiveness */
    .restrictedArea-b4eb770a .container-cc84c5e6 {
        margin-left: 0 !important;
        width: 100% !important;
        height: auto !important;
        min-height: 5rem;
        padding: 0.6rem 0;
        margin-top: 0.1rem;

    }
    
    .restrictedArea-b4eb770a .container-cc84c5e6 .lie-1d5ad692 {
        display: none !important; 
    }
    
    .restrictedArea-b4eb770a .container-cc84c5e6 .swiper-458f4976 {
        width: 6.7rem !important;
        height: auto !important;
        margin: 0 auto;
    }
    
    .restrictedArea-b4eb770a .container-cc84c5e6 .swiper-458f4976 .img-b34da72c {
        width: 96% !important;
        margin: 0 auto;
    }

    /* Footer stacking for small screens */
    .footer-9058b7a8 .content-8c50961e {
        flex-direction: column;
        height: auto;
        padding: 0.4rem 0;
    }
    
    .footer-9058b7a8 .content-8c50961e .logo-9a67d4e0 {
        margin-bottom: 0.3rem;
    }

    .footer-9058b7a8 .cr-fb361c31 {
        height: auto;
        padding: 0.2rem 0;
        text-align: center;
    }
}

/* Specific small mobile adjustments (vertical stacking and smaller text) */
@media screen and (max-width: 600px) {
    .btn-745dfd86 {
        width: 3rem !important;
    }
    
    .game-description-block h2 {
        font-size: 0.5rem;
    }
    .restrictedArea-b4eb770a .pagination-4354f839{
      bottom: -15px !important;
    }
    .community-f27a1baf{
      margin-top:100px !important;
    }
    .restrictedArea-b4eb770a .navigation-304806f6{
      top:104% !important;
    }
    .restrictedArea-b4eb770a .navigation-next-e43fae82{
      right: 5% !important;
    }
    .restrictedArea-b4eb770a .navigation-prev-5dd93fb9{
      left: 5% !important;
    }
}
@media screen and (max-width: 768px) {
   .restrictedArea-b4eb770a .navigation-304806f6{
      top:100% !important;
    }
    .restrictedArea-b4eb770a .pagination-4354f839{
      bottom: -10px !important;
    }
    .restrictedArea-b4eb770a .navigation-next-e43fae82{
      right: 5% !important;
    }
    .restrictedArea-b4eb770a .navigation-prev-5dd93fb9{
      left: 5% !important;
    }
   .layout-23ff890e .mask-01623db9 {
    height: 2800px !important;   
   }
   .community-f27a1baf{
     margin-top:50px !important;
    }
}
@media screen and (max-width: 430px) {
    .layout-23ff890e .mask-01623db9 {
        height: 1700px !important;
    }
}
@media screen and (max-width: 375px) {
   .layout-23ff890e .mask-01623db9 {
     height: 1650px;
   }
}

/* New Footer Styles */
.footer-9058b7a8 {
    padding-bottom: 0.4rem;
}

.footer-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin: 0.2rem auto;
    font-family: MicrosoftYaHei, sans-serif;
    font-size: 0.16rem;
    color: #b7b7b7;
}

.footer-nav a {
    color: #b7b7b7;
    text-decoration: none;
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
}

.footer-nav a:hover {
    color: #d4af37;
    border-bottom-color: rgba(212, 175, 55, 0.4);
}

.footer-nav .separator {
    color: #454545;
    user-select: none;
}

.footer-contact {
    text-align: center;
    color: #888;
    font-family: MicrosoftYaHei, sans-serif;
    font-size: 0.14rem;
    line-height: 1.8;
    max-width: 10rem;
    margin: 0.2rem auto 0;
}

.footer-contact p {
    margin-bottom: 0.05rem;
}

.footer-contact a {
    color: #d4af37;
    text-decoration: none;
}

.footer-contact a:hover {
    text-decoration: underline;
}

/* Override existing copyright div to hide it or repurposed it */
.cr-fb361c31 {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .footer-nav {
        gap: 0.2rem;
        padding: 0 0.2rem;
        font-size: 0.22rem;
    }
    
    .footer-contact {
        font-size: 0.2rem;
        padding: 0 0.4rem;
    }
    
    .footer-nav .separator {
        display: none;
    }
}