/**
 * HotPie-APK Game Portal - Frontend Stylesheet
 */
* { margin:0; padding:0; }
body { background:#1a1a1a; color:#C0C0C0; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; height:auto; }
input,select,textarea { font-family:inherit; }
.fon_site { background:#1e1e1e; border:1px solid #333; margin:10px auto; padding:10px; }
.logo img { max-width:none; height:auto; margin:10px 0; }
.logo_text { display:inline-block; font-size:28px; font-weight:700; color:#e94560; margin:10px 0; letter-spacing:1px; }
.logo_text:hover { color:#ff6b81; }
.logo a,.logo_link { text-decoration:none; }
.line { border-top:1px solid #333; margin:8px 0; height:1px; }
.form_pole_find { background:#2a2a2a; border:1px solid #444; color:#C0C0C0; padding:6px 10px; font-size:14px; width:100%; box-sizing:border-box; }
.form_pole_find:focus { border-color:#76c759; outline:none; }
.form_button_find { background:#76c759; border:none; color:#201b1b; padding:6px 15px; font-size:14px; cursor:pointer; font-weight:bold; }
.form_button_find:hover { background:#66b849; }
.cat_nav { padding:8px 0; }
.cat_link { color:#76c759; font-size:12px; margin:0 3px; }
.cat_link:hover { color:#f9c245; }
.cat_sep { color:#444; font-size:12px; }
h1 { color:#f9c245; font-size:18px; padding:10px 0; }
h2 { color:#C0C0C0; font-size:16px; padding:5px 0; }
.text { color:#C0C0C0; font-size:13px; line-height:1.6; }
.text p { margin-bottom:8px; }
.text_b { color:#C0C0C0; font-size:15px; font-weight:bold; }
.text_sort { color:#C0C0C0; font-size:12px; }
.text_list { color:#C0C0C0; font-size:12px; }
.text_mini { color:#666; font-size:11px; line-height:2; }
.footer { color:#666; font-size:12px; padding:10px 0; }
.tbl_content,.tbl_content_last { padding:12px 0; border-bottom:1px solid #333; }
.tbl_content_last { border-bottom:none; }
.img_game { width:100px; height:auto; margin:0 10px 5px 0; border:1px solid #333; }
.img_game_small { width:60px; height:auto; margin:0 8px 4px 0; border:1px solid #333; }
.view_button { background:#76c759; border:none; color:#201b1b; padding:8px 25px; font-size:14px; cursor:pointer; font-weight:bold; display:inline-block; margin:8px 0; width:80%; max-width:300px; }
.view_button:hover { background:#66b849; }
.view_button a { color:#201b1b; display:block; text-align:center; }
.view_button a:hover { text-decoration:none; }

/* ── 链接悬停效果（替代 onMouseOver/onMouseOut） ── */
.text_sort a:hover,
.text_list a:hover,
.tbl_content h2 a:hover,
.tbl_content_last h2 a:hover,
.lnk_hover:hover { color:#f9c245 !important; }
.text_mini a:hover,
.lnk_hover_light:hover { color:#FFFFFF !important; }
.page_block { padding:15px 0; display:flex; flex-wrap:wrap; gap:4px; }
.page_list,.page_list_sel { width:36px; height:36px; border:1px solid #444; background:#2a2a2a; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.page_list_sel { background:#76c759; border-color:#76c759; }
.page_text { color:#C0C0C0; font-size:13px; }
.page_text_sel { color:#201b1b; font-size:13px; font-weight:bold; }
.page_text a { color:#C0C0C0; }
.game_detail { padding:10px 0; }
.img_game_detail { width:100%; max-width:300px; border:1px solid #333; }
.game_info_tbl { margin:10px 0; }
.game_info_tbl td { padding:4px 6px; vertical-align:top; }
.game_info_label { color:#888; font-size:13px; font-weight:bold; white-space:nowrap; }
.game_info_val { color:#C0C0C0; font-size:13px; }
.download_button { background:#ff534c; padding:12px 30px; margin:15px auto; display:inline-block; font-size:16px; font-weight:bold; cursor:pointer; width:80%; max-width:350px; }
.download_button:hover { background:#e0403a; }
.download_button a { color:#fff; display:block; text-align:center; }
.download_button a:hover { text-decoration:none; }
.az_nav { padding:10px 0; display:flex; flex-wrap:wrap; justify-content:center; gap:3px; }
.az_link { display:inline-block; padding:4px 7px; font-size:13px; font-weight:bold; border:1px solid #333; min-width:24px; text-align:center; }
.az_link:hover { border-color:#76c759; }
.az_active { border-color:#f9c245 !important; background:#333; }
.az_disabled { color:#444; border-color:#2a2a2a; }
.form_pole { background:#2a2a2a; border:1px solid #444; color:#C0C0C0; padding:6px 10px; font-size:14px; width:100%; box-sizing:border-box; }
.form_pole:focus { border-color:#76c759; outline:none; }
.form_button { background:#76c759; border:none; color:#201b1b; padding:8px 20px; font-size:14px; cursor:pointer; font-weight:bold; }
.form_button:hover { background:#66b849; }
.static_content { padding:10px 0; }
.static_content .text { margin-bottom:12px; }
.static_content b { color:#f9c245; }
.noindex { display:block; margin:10px 0; }
.lang_switcher { padding:8px 0; text-align:center; line-height:2; }
.lang_flag { display:inline-block; padding:2px 8px; margin:1px 2px; color:#888; font-size:12px; border-radius:3px; transition:all .2s; }
.lang_flag:hover { color:#f9c245; background:#2a2a2a; text-decoration:none; }
.lang_active { color:#76c759; background:#2a2a2a; font-weight:bold; }
.lang_toggle { cursor:pointer; color:#76c759; font-size:12px; }
.lang_toggle:hover { color:#f9c245; }
.alert { padding:12px 16px; margin:10px 28px; border-radius:4px; font-size:13px; }
.alert_success { background:rgba(110,231,126,0.1); color:#76c759; border:1px solid rgba(110,231,126,0.2); }
.alert_error { background:rgba(255,92,92,0.1); color:#ff5c5c; border:1px solid rgba(255,92,92,0.2); }
@media screen and (max-width:420px) {
  .fon_site { border:none; border-radius:0; }
  body { background:#1e1e1e; }
  h1 { font-size:16px; }
  h2 { font-size:14px; }
}

/* ═══════════════════════════════════════════════
   广告系统样式 — AdEngine
   ═══════════════════════════════════════════════ */
.ad-slot {
    margin: 12px 0;
    text-align: center;
    overflow: hidden;
    min-height: 20px;
    transition: opacity .3s;
}

.ad-slot--top {
    margin-top: 0;
    margin-bottom: 10px;
}

.ad-slot--middle {
    margin: 16px 0;
}

.ad-slot--bottom {
    margin-top: 16px;
    margin-bottom: 0;
}

/* 内置广告位 — 内容流内嵌 */
.ad-slot--inline {
    margin: 16px 0;
    padding: 8px 0;
    border-top: 1px dashed #333;
    border-bottom: 1px dashed #333;
}

/* 外置广告位 — 主容器外，全宽 */
.ad-slot--external {
    margin: 16px auto;
    max-width: 970px;
    text-align: center;
}

/* 左右边栏广告 — 桌面端固定悬浮，移动端隐藏 */
.ad-slot--left,
.ad-slot--right {
    display: none;
    position: fixed;
    top: 80px;
    z-index: 90;
    width: 160px;
    margin: 0;
    text-align: center;
}

.ad-slot--left  { left: 10px; }
.ad-slot--right { right: 10px; }

@media (min-width: 1100px) {
    .ad-slot--left,
    .ad-slot--right {
        display: block;
    }
}

/* 广告容器内的通用样式 */
.ad-slot img { max-width: 100%; height: auto; }
.ad-slot iframe { max-width: 100%; }

/* 响应式尺寸标记 */
.ad-slot[data-size="xs"] { max-width: 100%; }
.ad-slot[data-size="sm"] { max-width: 100%; }
.ad-slot[data-size="md"] { max-width: 728px; margin-left: auto; margin-right: auto; }
.ad-slot[data-size="lg"] { max-width: 970px; margin-left: auto; margin-right: auto; }

/* 广告拦截检测——受阻时的回退样式 */
.ad-slot--blocked {
    background: #2a2a2a;
    border: 1px dashed #444;
    border-radius: 6px;
    padding: 16px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 广告拦截友善提示（默认隐藏） */
.ad-block-notice {
    display: none;
    color: #888;
    font-size: 12px;
    text-align: center;
    padding: 8px;
}

.ad-block-notice a {
    color: #76c759;
}