/* ============================================================
   测试页外观覆盖层
   注入在原始页面样式之后，用于隐藏原站导航、移除广告残留、
   统一排版与控件观感，不破坏原有交互逻辑
   ============================================================ */

/* --- 隐藏原站导航与广告残留 --- */
#arm_topnav, #nav-overlay, #arm_toolset,
[class*="leader_ad"], [class*="ad_banner"], [class*="adsense"],
[id*="ezoic"], [class*="ezoic"], ins.adsbygoogle,
.google-auto-placed, #ad_block_1, #ad_block_2, #ad_block_3 {
  display: none !important;
}

/* --- 基础排版 --- */
body {
  background: var(--sk-bg);
  color: var(--sk-ink);
  font-family: var(--sk-font);
  -webkit-font-smoothing: antialiased;
  padding-bottom: 0;
}

body #progress { top: 60px; }

h1, h2, h3, h4 {
  font-family: var(--sk-font);
  letter-spacing: -.02em;
}

/* --- 统一按钮观感 --- */
body .answer,
body button.answer,
body .btn,
body .button,
body input[type=button],
body input[type=submit] {
  font-family: var(--sk-font);
  border-radius: 12px;
  transition: transform .12s ease, box-shadow .15s ease, background .15s ease;
}

body .answer:active { transform: scale(.985); }

/* --- 结果区与卡片 --- */
body #result_details,
body .main_view {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

body #snapshot-container img,
body #result_details img {
  border-radius: 14px;
}

/* --- 顶部留白由新导航接管 --- */
body > #splash,
body > main {
  padding-top: 12px;
}

/* --- 隐藏原站残留的外链提示块 --- */
.samelang_links_img, #arm_mybar_utils, .mybar-loading { display: none !important; }

/* --- 滚动条 --- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #d8d3cb; border-radius: 10px; }
::-webkit-scrollbar-track { background: transparent; }

/* --- 移动端微调 --- */
@media (max-width: 860px) {
  body #progress { top: 56px; }
  body #result_details, body .main_view { max-width: 100%; }
}