.cate-grid[data-v-69e8a252] {display:grid;grid-gap:18px;grid-template-columns:repeat(4,1fr);}
@media(max-width:1000px) {.cate-grid[data-v-69e8a252] {grid-template-columns:repeat(3,1fr);}
;}
@media(max-width:640px) {.cate-grid[data-v-69e8a252] {grid-template-columns:repeat(1,1fr);grid-gap:10px;}
;}
.cate-wrap[data-v-69e8a252] {display:flex;justify-content:space-between;align-items:center;border:2px solid #fff;border-radius:16px;background:#f2f2fa;transition:all .3s;}
@media(any-hover:hover) {.cate-wrap[data-v-69e8a252]:hover {transform:scale(1.03);}
;}
.cate-icon[data-v-69e8a252] {overflow:hidden;flex:none;display:flex;justify-content:center;align-items:center;width:76px;height:76px;border-radius:16px;}
.cate-label-wrap[data-v-69e8a252] {overflow:hidden;flex:1;display:flex;padding:0 12px;align-items:center;}
.cate-label[data-v-69e8a252] {overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.cate-label-svg[data-v-69e8a252] {display:flex;width:30px;height:30px;padding:4px;margin-left:10px;border-radius:9999px;color:#fff;background:#64b4b2;}
.title-wrap[data-v-71370f5b] {display:flex;justify-content:space-between;align-items:center;margin:26px 0 8px;}
.title-wrap h2[data-v-71370f5b] {font-size:19px;font-weight:500;line-height:17px;}
.title-wrap a[data-v-71370f5b] {padding:2px;font-size:16px;line-height:16px;}
.smallft[data-v-71370f5b] {margin-bottom:10px;font-size:14px;line-height:18px;}
.wrap[data-v-05f16952] {position:relative;width:250px;}
@media(max-width:640px) {.wrap[data-v-05f16952] {width:100%;}
;}
.search-input-wrap[data-v-05f16952] {position:relative;width:100%;}
.search-input[data-v-05f16952] {flex:1;width:100%;padding:8px 48px 8px 10px;border:none;border-radius:8px;font-weight:500;background:#ededed;}
.search-icon-wrap[data-v-05f16952] {position:absolute;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:0 12px;border-radius:8px;color:#fff;background:#50a684;}
.result-wrap[data-v-05f16952] {overflow:hidden;position:absolute;z-index:999;top:100%;left:0;right:0;padding:8px;border-radius:8px;box-shadow:0 2px 4px #08192d33;background:#fff;transform:translateY(4px);}
.result-wrap[data-v-05f16952]>*+* {margin-top:10px;}
.result-game[data-v-05f16952] {display:flex;align-items:center;color:#50a684;}
.result-game img[data-v-05f16952] {width:50px;height:50px;margin-right:10px;}
.dialog-wrap[data-v-7639a04c] {position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;background:#0008;}
.dialog-bg[data-v-7639a04c] {position:absolute;top:0;right:0;bottom:0;left:0;}
.cate-wrap[data-v-9d61046e] {display:inline-grid;gap:30px;grid-template-columns:repeat(4,auto);font-size:14px;font-weight:500;}
@media(max-width:1000px) {.cate-wrap[data-v-9d61046e] {grid-template-columns:repeat(1,auto);}
;}
.cate[data-v-9d61046e] {display:flex;align-items:center;padding:10px;}
.cate svg[data-v-9d61046e] {margin-right:6px;}
.search-wrap[data-v-adb52cdb] {overflow-y:auto;position:relative;z-index:40;display:flex;width:100%;max-width:600px;min-height:100%;}
.search-content[data-v-adb52cdb] {width:90%;padding:20px;color:#fff;background:#50a684f7;}
.close[data-v-adb52cdb] {margin-bottom:20px;text-align:right;cursor:pointer;}
[data-v-adb52cdb] .search-icon-wrap {color:#50a684;background:0 0;}
[data-v-adb52cdb] .cate-wrap {margin-top:30px;}
@media(any-hover:hover) {[data-v-adb52cdb] .cate:hover {text-decoration:underline;}
;}
.header-wrap[data-v-ea9358eb] {flex:none;height:60px;}
@media(max-width:640px) {.header-wrap[data-v-ea9358eb] {height:64px;}
;}
.header-bg[data-v-ea9358eb] {position:fixed;z-index:10;top:0;left:0;right:0;box-shadow:0 2px 4px #08192d33;background:#fff;}
.header[data-v-ea9358eb] {display:flex;justify-content:space-between;align-items:center;max-width:1200px;height:60px;margin:0 auto;padding:0 10px;}
@media(max-width:640px) {.header[data-v-ea9358eb] {height:64px;padding:0 10px;}
;}
.logo[data-v-ea9358eb] {flex:none;display:flex;}
.logo img[data-v-ea9358eb] {max-width:270px;object-fit:contain;}
.header-search[data-v-ea9358eb] {flex:none;}
@media(max-width:1000px) {.header-search[data-v-ea9358eb] {display:none;}
;}
.menu-wrap[data-v-ea9358eb] {display:none;color:#50a684;cursor:pointer;}
@media(max-width:1000px) {.menu-wrap[data-v-ea9358eb] {display:flex;}
;}
.header-cate-wrap[data-v-ea9358eb] {flex:1;margin:0 30px;}
@media(max-width:1000px) {.header-cate-wrap[data-v-ea9358eb] {display:none;}
;}
@media(any-hover:hover) {[data-v-ea9358eb] .cate:hover {color:#50a684;text-decoration:underline;}
;}
.footer-wrap[data-v-e91f0e17] {margin-top:20px;background:#fff;}
.footer[data-v-e91f0e17] {display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1200px;padding:14px 10px;font-size:14px;text-align:center;}
@media(max-width:640px) {.footer[data-v-e91f0e17] {flex-direction:column;}
.footer img[data-v-e91f0e17] {margin-top:10px;}
;}
.footer img[data-v-e91f0e17] {width:160px;}
@media(any-hover:hover) {.footer a[data-v-e91f0e17]:hover {color:#50a684;text-decoration:underline;}
;}
.footer a+a[data-v-e91f0e17] {margin-left:20px;}
.main-wrapper {max-width:1200px;width:100%;flex:1;margin:0 auto;padding:20px 10px 0;}
@media(max-width:640px) {.main-wrapper {padding:10px 10px 0;}
;}
.game[data-v-6fa6ce16] {overflow:hidden;position:relative;aspect-ratio:1/1;display:flex;width:100%;border-radius:8px;box-shadow:0 2px 4px #08192d33;}
@media(any-hover:hover) {.game:hover .game-name-wrap[data-v-6fa6ce16] {top:0;}
;}
.game-name-wrap[data-v-6fa6ce16] {overflow:hidden;position:absolute;top:100%;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;border-radius:8px;color:#fff;text-align:center;background:#50a684cc;transition:all .3s;}
.game-name[data-v-6fa6ce16] {overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;}
.game-name-arrow[data-v-6fa6ce16] {display:flex;margin-top:10px;padding:5px;border-radius:9999px;color:#50a684;background:#fff;}
.game-name-arrow svg[data-v-6fa6ce16] {width:20px;height:20px;}
.games-grid[data-v-5047631a] {display:grid;grid-gap:15px;grid-template-columns:repeat(9,1fr);}
@media(max-width:900px) {.games-grid[data-v-5047631a] {grid-gap: 15px; grid-template-columns: repeat(3,1fr)}
;}
.more-btn[data-v-5047631a] {display:flex;justify-content:center;align-items:center;width:100%;height:55px;margin:20px 0;border:3px solid #fff;border-radius:28px;box-shadow:0 6px 2px #0003;color:#fff;font-weight:700;font-size:24px;background:linear-gradient(180deg,#81cbad,#50a684);cursor:pointer;}
.games-grid[data-v-bd862e5c] {display:grid;grid-gap:15px;grid-template-columns:repeat(3,1fr);}
.more-btn[data-v-bd862e5c] {display:flex;justify-content:center;align-items:center;width:100%;height:55px;margin:20px 0;border:3px solid #fff;border-radius:28px;box-shadow:0 6px 2px #0003;color:#fff;font-weight:700;font-size:24px;background:linear-gradient(180deg,#81cbad,#50a684);cursor:pointer;}
.p[data-v-a5520c7d] {color:#999;font-size:12px;text-align:center;}
.ad[data-v-a5520c7d] {text-align:center;}
* {margin:0;padding:0;box-sizing:border-box;outline:none;}
html {height:100%;font-family:normal;}
body {height:100%;background:linear-gradient(180deg,#edf4f9,#eae6f6) fixed;color:#70554f;}
a {color:inherit;text-decoration:none;}
b,strong {font-weight:500;}
em {font-style:italic;}
img {width:100%;max-width:100%;object-fit:cover;}
#app {display:flex;flex-direction:column;height:100%;}
@font-face {font-family:normal;font-style:normal;font-display:swap;src:url(../fonts/normal.woff2) format("woff2");}
.prose {margin:16px auto 48px;padding:0 10vw;}
.prose h1 {margin:48px 0 16px;font-size:30px;font-weight:500;line-height:1.5;}
.prose h2 {margin:48px 0 16px;font-size:24px;font-weight:500;line-height:1.5;}
.prose h3 {margin:48px 0 16px;font-size:20px;font-weight:500;line-height:1.5;}
.prose h4 {margin:30px 0 16px;font-size:18px;font-weight:500;line-height:1.5;}
.prose h5,.prose h6 {margin:30px 0 16px;font-weight:500;line-height:1.5;}
.prose p {margin:1rem 0;color:var(--text-gray);line-height:28px;}
.prose ol,.prose ul {list-style-position:inside;line-height:24px;}

.site-logo { height: 42px; width: auto; max-width: 320px; }

.search-form-box {position:relative;display:block;border-radius:19px;border:1px solid #70554f;box-sizing:border-box;}
.search-form-box .search-input {display:block;background:#e5e9ef;min-height:20px !important;color:#70554f;border:none;border-radius:5px;box-sizing:border-box;width:100%;height:38px;line-height:38px;padding:0 38px 0 15px;background-color:transparent;font-size:16px;outline:none;}
.search-form-box .search-input::placeholder {color:#d0deed;}
.search-form-box .search-input:focus {background-color:transparent;box-shadow:none;}
.search-form-box .search-btn {width:38px;height:38px;padding:0px !important;min-width:20px !important;position:absolute;right:0px;top:0px;border:none;border-radius:0 5px 5px 0;background:transparent;cursor:pointer;background:transparent !important;border-color:transparent !important;}
.search-form-box .search-btn svg {position:relative;top:3px;}
@media screen and (max-width:768px) {
  .search-form-box {width:100%;margin-top:15px;}
}

.search-form-box.active {position:relative;display:block;border-radius:19px;border:1px solid #fff;box-sizing:border-box;}
.search-form-box.active .search-input {display:block;background:#e5e9ef;min-height:20px !important;color:#fff;border:none;border-radius:5px;box-sizing:border-box;width:100%;height:38px;line-height:38px;padding:0 38px 0 15px;background-color:transparent;font-size:16px;outline:none;}
.search-form-box.active .search-input::placeholder {color:#d0deed;}
.search-form-box.active .search-input:focus {background-color:transparent;box-shadow:none;}
.search-form-box.active .search-btn {width:38px;height:38px;padding:0px !important;min-width:20px !important;position:absolute;right:0px;top:0px;border:none;border-radius:0 5px 5px 0;background:transparent;cursor:pointer;background:transparent !important;border-color:transparent !important;}
.search-form-box.active .search-btn svg {position:relative;top:3px;}

.dialog-wrap{display: none;}

@media screen and (max-width:768px) {
  .site-logo {
    height: 38px;
    width: auto;
    max-width: 280px;
  }
  .games-grid[data-v-bd862e5c] {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(3,1fr)
  }
  .footer-wrap p{margin-top: 6px;}
}