* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"Microsoft YaHei",-apple-system,sans-serif; background:#fff; color:#333; line-height:1.7; font-size:14px; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; display:block; }
.wrap { max-width:1200px; margin:0 auto; padding:0 15px; }

/* 首页顶部导航 */
.topbar { background:#fff; border-bottom:1px solid #eee; padding:14px 0; }
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; }
.topbar .logo { font-size:20px; font-weight:700; color:#222; }
.topbar .nav a { margin-left:20px; color:#666; font-size:14px; }
.topbar .nav a:hover { color:#4a90e2; }

/* 首页banner */
.banner { background:#f8f9fb; padding:40px 0; text-align:center; }
.banner h1 { font-size:28px; color:#222; margin-bottom:8px; }
.banner p { color:#999; font-size:14px; }

/* 首页游戏列表 */
.list-head { margin:25px 0 15px; }
.list-head h2 { font-size:20px; color:#222; }
.list-head span { color:#999; font-size:14px; }
.grid { display:block; }
.grid .item { display:block; background:#fff; border:1px solid #eee; border-radius:10px; overflow:hidden; transition:all .2s; margin-bottom:20px; }
.grid .item:hover { border-color:#4a90e2; box-shadow:0 6px 20px rgba(0,0,0,.08); }
.item-cover { width:100%; height:200px; overflow:hidden; background:#f5f5f5; }
.item-cover img { width:100%; height:100%; object-fit:cover; }
.item-body { display:flex; gap:14px; padding:16px 18px; align-items:center; }
.item-body .item-logo { width:60px; height:60px; border-radius:8px; overflow:hidden; flex-shrink:0; }
.item-body .item-logo img { width:100%; height:100%; object-fit:cover; }
.item-info { flex:1; }
.item-info h3 { font-size:17px; color:#222; margin-bottom:5px; }
.item-info p { font-size:13px; color:#666; margin-bottom:8px; }
.item-info .tag { display:inline-block; background:#e8f0fb; color:#4a90e2; font-size:12px; padding:2px 10px; border-radius:3px; }

/* 首页footer */
.footer { background:#f9f9fb; margin-top:40px; padding:30px 0 0; }
.footer-cols { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
.footer-cols h4 { font-size:14px; color:#222; margin-bottom:10px; }
.footer-cols p { font-size:12px; color:#999; line-height:1.8; }
.footer-cols ul { list-style:none; }
.footer-cols ul li { margin-bottom:5px; }
.footer-cols ul li a { font-size:12px; color:#999; }
.footer-cols ul li a:hover { color:#4a90e2; }
.footer-bottom { border-top:1px solid #eee; margin-top:25px; padding:15px 0; text-align:center; }
.footer-bottom p { font-size:12px; color:#aaa; }

.pagination { margin:25px 0; text-align:center; }
.pagination a { display:inline-block; padding:5px 12px; margin:0 3px; border:1px solid #e0e0e0; border-radius:4px; font-size:13px; color:#666; }
.pagination a.active { background:#4a90e2; color:#fff; border-color:#4a90e2; }

/* 落地页 */
.head { padding:20px 0; }
.head-main { display:flex; gap:25px; align-items:flex-start; }
.head-left { width:240px; flex-shrink:0; }
.head-logo { width:240px; height:240px; border-radius:12px; overflow:hidden; }
.head-logo img { width:100%; height:100%; object-fit:cover; }
.head-info { flex:1; min-width:0; padding-top:5px; }
.head-title-row { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.head-title-row h1 { font-size:24px; color:#222; font-weight:600; }
.plat-icon { width:18px; height:18px; }
.rating { display:flex; align-items:center; gap:3px; color:#f39c12; font-size:14px; font-weight:600; }
.rating img { width:16px; height:16px; }
.head-sub { color:#999; font-size:13px; margin:6px 0 10px; font-style:italic; }
.head-tags { display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.tag-green { background:#e8f8ef; color:#27ae60; font-size:12px; padding:2px 10px; border-radius:3px; }
.tag-orange { background:#fff3e0; color:#f39c12; font-size:12px; padding:2px 10px; border-radius:3px; }
.tag-red { background:#fde8e8; color:#e74c3c; font-size:12px; padding:2px 10px; border-radius:3px; }
.tag-blue { background:#e8f0fb; color:#4a90e2; font-size:12px; padding:2px 10px; border-radius:3px; }
.head-stats { display:flex; gap:50px; font-size:13px; color:#666; margin-bottom:15px; }
.head-stats b { color:#222; }
.stats-left div, .stats-right div { margin-bottom:4px; }

.big-btns { display:flex; gap:10px; flex-wrap:nowrap; margin-top:15px; align-items:center; }
.big-btns img { height:42px; width:auto; border-radius:6px; display:block; }
.big-btns a:hover { opacity:.9; }

.sec-title { font-size:16px; color:#222; padding-left:10px; border-left:3px solid #4a90e2; margin:22px 0 14px; font-weight:600; }

.intro p { color:#555; font-size:14px; line-height:2; text-indent:2em; }

.shots { display:flex; gap:10px; overflow-x:auto; padding-bottom:8px; -webkit-overflow-scrolling:touch; }
.shots img { height:240px; border-radius:4px; flex-shrink:0; }

.gifts { display:block; }
.gift { border:1px solid #e8e8e8; padding:16px 20px; margin-bottom:12px; background:#fff; }
.gift h4 { font-size:15px; color:#333; margin-bottom:6px; font-weight:600; }
.gift .g-content { font-size:13px; color:#999; margin-bottom:6px; }
.gift .g-code { color:#e94560; font-size:13px; margin-bottom:8px; }
.gift .g-code b { font-weight:600; }
.gift .g-bottom { display:flex; justify-content:space-between; align-items:center; }
.gift .g-left { font-size:12px; color:#999; display:flex; align-items:center; gap:8px; }
.gift .g-left .icons { display:inline-flex; gap:4px; }
.gift .g-left img { width:16px; height:16px; vertical-align:middle; }
.gift .g-btn { background:#ff9500; color:#fff; padding:5px 18px; border-radius:3px; font-size:13px; text-decoration:none; }

.openserver { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.os-col { border:1px solid #e8e8e8; padding:15px; background:#fff; }
.os-col h4 { font-size:14px; color:#333; margin-bottom:10px; display:flex; align-items:center; gap:6px; }
.os-col h4 img { width:18px; height:18px; }
.os-item { font-size:13px; color:#666; padding:6px 0; border-bottom:1px dashed #f0f0f0; }
.os-item:last-child { border-bottom:none; }
@media (max-width:768px){ .openserver { grid-template-columns:1fr; } }

@media (max-width:768px) {
    .wrap { padding:0 12px; }
    .banner { padding:25px 0; }
    .banner h1 { font-size:20px; }
    .banner p { font-size:12px; }
    .footer-cols { grid-template-columns:1fr; gap:20px; }
    .item-logo { height:160px; }
    .item-info h3 { font-size:16px; }
}

.comments { margin-top:10px; }
.comment-item { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid #f0f0f0; align-items:flex-start; }
.comment-item .avatar { width:40px; height:40px; border-radius:50%; flex-shrink:0; background:#f0f0f0; overflow:hidden; }
.comment-item .avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.comment-item .body { flex:1; min-width:0; }
.comment-item .top-row { display:flex; justify-content:space-between; align-items:center; margin-bottom:4px; }
.comment-item .u { font-weight:600; color:#333; font-size:13px; }
.comment-item .stars { display:flex; gap:2px; }
.comment-item .stars img { width:14px; height:14px; }
.comment-item .c { color:#333; font-size:13px; line-height:1.6; margin-bottom:6px; }
.comment-item .bottom-row { display:flex; justify-content:space-between; align-items:center; }
.comment-item .t { color:#aaa; font-size:11px; }
.comment-item .actions { display:flex; gap:15px; font-size:11px; color:#999; }
.comment-item .actions span { display:flex; align-items:center; gap:3px; cursor:pointer; }
.comment-item .actions img { width:14px; height:14px; }
.admin-reply { display:flex; gap:12px; background:#f0f7ff; padding:12px; border-radius:6px; margin-top:10px; }
.admin-reply .ra { width:36px; height:36px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.admin-reply .ra img { width:100%; height:100%; object-fit:cover; border-radius:50%; }
.admin-reply .rb { flex:1; }
.admin-reply .ru { color:#4a90e2; font-size:12px; font-weight:600; margin-bottom:3px; }
.admin-reply .rc { color:#555; font-size:13px; }

.comment-form { background:#fff; border:1px solid #e8e8e8; border-radius:10px; padding:24px; margin-top:15px; }
.comment-form input, .comment-form textarea { width:100%; padding:11px 14px; border:1px solid #e0e0e0; border-radius:6px; margin-bottom:12px; font-size:14px; background:#fafafa; transition:all .2s; box-sizing:border-box; }
.comment-form input:focus, .comment-form textarea:focus { outline:none; border-color:#4a90e2; background:#fff; box-shadow:0 0 0 3px rgba(74,144,226,.1); }
.comment-form .row { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
.comment-form .row input { flex:1; margin-bottom:0; }
.comment-form img.captcha { height:42px; cursor:pointer; border:1px solid #e0e0e0; border-radius:6px; }
.comment-form button { background:#4a90e2; color:#fff; border:none; padding:11px 36px; border-radius:6px; cursor:pointer; font-size:14px; font-weight:500; transition:background .2s; }
.comment-form button:hover { background:#3a7bc8; }
.comment-form .star-select { margin-bottom:12px; font-size:22px; }
.comment-form .star-select span { cursor:pointer; color:#ddd; margin-right:4px; }
.comment-form .star-select span.on { color:#ff9500; }

.more { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:10px; }
.more a { display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #eee; border-radius:6px; }
.more a:hover { border-color:#4a90e2; }
.more img { width:48px; height:48px; border-radius:6px; object-fit:cover; }
.more .no-img { width:48px; height:48px; border-radius:6px; background:#eef4fb; color:#4a90e2; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:20px; }
.more .info h4 { font-size:14px; color:#222; }
.more .info p { font-size:11px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:140px; }

footer { margin-top:30px; border-top:1px solid #e8e8e8; padding:20px 0; background:#f9f9f9; }
.footer-links { max-width:1200px; margin:0 auto; padding:0 15px; text-align:center; line-height:2; }
.footer-links a { color:#666; font-size:13px; margin:0 8px; text-decoration:none; }
.footer-links a:hover { color:#4a90e2; }
.footer-copy { text-align:center; color:#aaa; font-size:12px; margin-top:10px; padding-top:10px; border-top:1px solid #eee; }

.bg-ad-close { position:fixed; right:20px; top:20px; width:36px; height:36px; cursor:pointer; z-index:9999; }
.head-kefu { flex-shrink:0; position:relative; width:110px; height:110px; }
.head-kefu > a img { width:110px; }
.head-kefu .kefu-close { position:absolute; top:-5px; right:-5px; width:20px; height:20px; cursor:pointer; z-index:2; }
.kefu-mobile { display:none; }
@media (max-width:768px){
    body { background:none !important; }
    .bg-ad-close { display:none; }
    .head-kefu { display:none; }
    .kefu-mobile { display:block; position:fixed; right:10px; bottom:80px; width:60px; z-index:9999; }
    .kefu-mobile img { width:100%; }
}

@media (max-width:640px) {
    body { -webkit-text-size-adjust:100%; }
    .wrap { padding:0 12px; }
    .head-main { flex-direction:column; }
    .head-left { width:100%; }
    .head-logo { width:220px; height:220px; margin:0 auto; }
    .head-info { padding-top:15px; text-align:center; }
    .head-title-row { justify-content:center; }
    .head-title-row h1 { font-size:18px; }
    .head-sub { text-align:center; }
    .head-tags { justify-content:center; }
    .head-stats { gap:20px; font-size:12px; flex-wrap:wrap; justify-content:center; }
    .big-btns { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; justify-content:center; }
    .big-btns a { flex:0 1 auto; width:calc(50% - 5px); height:36px; display:flex; align-items:center; justify-content:center; }
    .big-btns img { width:100%; height:100%; object-fit:fill; display:block; }
    .shots img { height:180px; }
    .gifts { grid-template-columns:1fr; }
    .more { grid-template-columns:1fr; }
    .mobile-download-bar { display:none !important; }
}
.mobile-download-bar { display:none; }