.wrap[data-v-f2c4475d]{position:relative;width:250px}@media (max-width: 640px){.wrap[data-v-f2c4475d]{width:100%}}.search-input-wrap[data-v-f2c4475d]{overflow:hidden;position:relative;width:100%;border-radius:2px}.search-input[data-v-f2c4475d]{flex:1;width:100%;padding:8px 48px 8px 10px;border:0;font-weight:500}.search-icon-wrap[data-v-f2c4475d]{position:absolute;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;padding:0 12px;color:#fff;background:var(--primary)}.result-wrap[data-v-f2c4475d]{overflow:hidden;position:absolute;z-index:999;top:100%;left:0;right:0;margin-top:4px;padding:8px;border-radius:2px;box-shadow:0 2px 4px #08192d33;color:var(--primary);background:#fff;transform:translateY(4px)}.result-wrap[data-v-f2c4475d]>*+*{margin-top:10px}.result-game[data-v-f2c4475d]{display:flex;align-items:center}.result-game img[data-v-f2c4475d]{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-8a388685]{display:inline-grid;gap:30px;grid-template-columns:repeat(4,auto);margin-left:auto;color:#fff;font-size:14px;font-weight:500}@media (max-width: 640px){.cate-wrap[data-v-8a388685]{grid-template-columns:repeat(1,auto)}}.cate[data-v-8a388685]{display:flex;align-items:center;padding:10px;text-transform:uppercase;opacity:.6}.cate.active[data-v-8a388685]{opacity:1;text-decoration:underline}@media (any-hover: hover){.cate[data-v-8a388685]:hover{opacity:1;text-decoration:underline}}.cate svg[data-v-8a388685]{margin-right:6px}.search-wrap[data-v-2ad78c62]{overflow-y:auto;position:relative;z-index:40;display:flex;width:100%;max-width:600px;min-height:100%}.search-content[data-v-2ad78c62]{width:90%;padding:20px;color:var(--primary);background:#333333ed}.close[data-v-2ad78c62]{margin-bottom:20px;text-align:right;cursor:pointer}[data-v-2ad78c62] .cate-wrap{margin-top:30px}.header-wrap[data-v-aea17d78]{flex:none;height:60px}@media (max-width: 640px){.header-wrap[data-v-aea17d78]{height:64px}.header-wrap .cate-group-wrap[data-v-aea17d78]{display:none}}.header-bg[data-v-aea17d78]{background:#222}.header[data-v-aea17d78]{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-aea17d78]{height:64px;padding:0 10px}}.logo[data-v-aea17d78]{flex:none;display:flex;height:30px;object-position:left}.header-search[data-v-aea17d78]{flex:none}@media (max-width: 640px){.header-search[data-v-aea17d78]{display:none}}.menu-wrap[data-v-aea17d78]{display:none;padding:2px;border-radius:4px;color:#fff;background:#333;cursor:pointer}@media (max-width: 640px){.menu-wrap[data-v-aea17d78]{display:flex}}.footer-wrap[data-v-c8dfdbd9]{margin-top:20px;font-size:14px;background:#222}.footer[data-v-c8dfdbd9]{margin:0 auto;max-width:1200px;padding:24px 10px;text-align:center}.footer a[data-v-c8dfdbd9]{margin:0 10px;color:#fff}@media (any-hover: hover){.footer a[data-v-c8dfdbd9]:hover{text-decoration:underline}}@media (max-width: 640px){.footer a[data-v-c8dfdbd9]{font-size:12px;text-align-last:left}}.footer p[data-v-c8dfdbd9]{margin-top:15px;color:#868686}@media (max-width: 640px){.footer p[data-v-c8dfdbd9]{font-size:12px}}.main-wrapper{width:1200px;flex:1;margin:0 auto;padding:20px 10px 0}@media (max-width: 640px){.main-wrapper{width:100%;padding:10px 10px 0}}.title[data-v-bd6215e1]{margin-bottom:24px;font-size:20px;font-weight:500}.more-btn[data-v-bd6215e1]{height:30px;margin-bottom:24px;padding:0 16px;border-radius:2px;color:#fff;font-size:14px;line-height:30px;background:var(--primary)}.games-grid[data-v-bd6215e1]{display:grid;grid-gap:32px;grid-template-columns:repeat(4,1fr);margin-bottom:56px}@media (max-width: 640px){.games-grid[data-v-bd6215e1]{grid-template-columns:repeat(1,1fr)}.games-grid .game-card[data-v-bd6215e1]:nth-child(n+3){display:none}}.games-grid .game-card[data-v-bd6215e1]{overflow:hidden;border-radius:4px;box-shadow:0 0 4px #e6e6e6;transition:transform .2s}@media (any-hover: hover){.games-grid .game-card[data-v-bd6215e1]:hover{box-shadow:0 0 16px #e6e6e6;transform:translateY(-2px)}}.games-grid .game-card .game-desc-wrap[data-v-bd6215e1]{padding:16px}.games-grid .game-card .game-name[data-v-bd6215e1]{color:#4d4d4d;font-size:14px;font-weight:500;line-height:21px}.games-grid .game-card .game-desc[data-v-bd6215e1]{margin-bottom:12px;color:#999;font-size:12px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.games-grid .game-card .game-rating[data-v-bd6215e1]{margin-left:6px;color:#999;font-size:12px;line-height:20px}.games-grid .game-card .game-player[data-v-bd6215e1]{color:#999;font-size:12px;line-height:20px}.games-grid .game-card .game-btn[data-v-bd6215e1]{height:40px;margin:0 4px;padding:0 16px;border:1px solid #087096;border-radius:2px;color:#087096;line-height:38px}.games-grid .game-card img[data-v-bd6215e1]{aspect-ratio:4/3}.p[data-v-7ee84129]{color:#999;font-size:12px;text-align:center}.ad[data-v-7ee84129]{text-align:center}*{margin:0;padding:0;box-sizing:border-box;outline:none}:root{--primary-lighter: #add98a;--primary-light: #8ee96a;--primary: #5f9731;--primary-dark: #51812a}html{height:100%;font-family:normal}body{height:100%;background:#fff}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(/font/normal.woff2) format("woff2")}.flex{display:flex}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.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}