/* 168cpkj.com 显示优化覆盖层（polish）
   加载顺序：base.css → <page>.css → polish.css（本文件最后）
   只做加法：刷新令牌、统一交互与可读性、给插图与表格/FAQ 定观感。
   不改 base.css 与各页 <page>.css，回滚只需摘掉本文件的 <link>。 */

:root{
  /* 对比度修正：--ink-3 在 --paper 上由约 3.3:1 提到 4.9:1（正文级 AA） */
  --ink-3:#5d6b79;
  --ink-2:#3b4a58;
  --line:#e4e9ee;
  --line-2:#c9d4dd;
  --paper:#f4f7f9;
  --paper-2:#eef3f7;
  --card:#ffffff;
  /* 节奏与圆角 */
  --r:14px; --r-sm:8px;
  --shadow-1:0 1px 2px rgba(22,32,43,.05);
  --shadow-2:0 2px 6px rgba(22,32,43,.06),0 14px 34px rgba(22,32,43,.08);
  --ring:0 0 0 3px rgba(15,111,184,.35);
  --band:linear-gradient(180deg,#ffffff 0%,#f7fafc 100%);
}

/* ---------- 可读性 ---------- */
body{line-height:1.85;-webkit-font-smoothing:antialiased}
p{margin:0 0 1.05em}
main{display:block}
main h1,main h2,main h3{text-wrap:balance}
main h2{letter-spacing:-.005em}
main h1+p,main h2+p{color:var(--ink-2)}
main a{text-underline-offset:2px;text-decoration-thickness:1px}
main a:hover{text-decoration:underline}
strong,b{color:var(--ink)}
small,.u-muted{color:var(--ink-3)}
hr{border-top:1px solid var(--line)}

/* 数字等宽，避免跳动 */
table,time,.stat,code,kbd,samp,[class*="num"],[class*="count"]{font-variant-numeric:tabular-nums}

/* ---------- 交互反馈 ---------- */
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
::selection{background:rgba(15,111,184,.18);color:var(--ink)}
html{scroll-behavior:smooth}
main section[id],main [id]{scroll-margin-top:84px}

/* ---------- 插图与图片 ---------- */
img{height:auto}
.page-banner{margin:0 0 26px;border-radius:var(--r);overflow:hidden;background:var(--band);box-shadow:var(--shadow-2);position:relative}
.page-banner img{display:block;width:100%;aspect-ratio:1280/680;object-fit:cover}
.page-banner::after{content:"";position:absolute;inset:auto 0 0 0;height:34%;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(12,20,28,.34) 100%)}
.page-banner figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;margin:0;padding:12px 18px;
  color:#fff;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.page-fig{margin:26px 0;padding:0;border-radius:var(--r);overflow:hidden;background:var(--card);
  border:1px solid var(--line);box-shadow:var(--shadow-1)}
.page-fig img{display:block;width:100%;aspect-ratio:1000/640;object-fit:cover;transition:transform .5s ease}
.page-fig:hover img{transform:scale(1.02)}
.page-fig figcaption{padding:10px 16px;color:var(--ink-3);font-size:13.5px;border-top:1px solid var(--line);background:var(--paper-2)}

/* 首页与内容页正文按统一基准居中，行内图复用 Hero 展示规格；开奖网专属页不挂状态类。 */
body.content-centered main#main>section{width:min(1080px,94vw);margin-left:auto;margin-right:auto}
body.content-hero-images .page-fig{width:min(1120px,94vw);margin:26px auto;padding:0;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:var(--card);box-shadow:var(--shadow)}
body.content-hero-images .page-fig img{display:block;width:100%;height:auto;aspect-ratio:32/17;object-fit:cover;object-position:center}
body.content-hero-images .page-fig figcaption{padding:9px 14px;color:var(--ink-3);font-size:13px;border-top:1px solid var(--line);background:var(--card)}
@media (max-width:640px){.page-banner,.page-fig{border-radius:var(--r-sm)}.page-fig figcaption{font-size:13px}}

/* ---------- 表格 ---------- */
main table{border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-1)}
main thead th{background:linear-gradient(180deg,#eef5fb,#e6f0f8);border-bottom:1px solid var(--line-2);font-size:15px}
main tbody tr:nth-child(even) td{background:#fafcfe}
main tbody tr:hover td{background:#f2f8fd}
main caption{color:var(--ink-3);font-size:13.5px}
@media (max-width:720px){
  main table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  main table td,main table th{padding:.5em .6em}
}

/* ---------- 折叠问答 / 引用 / 提示块 ---------- */
main details{border-radius:var(--r-sm);box-shadow:var(--shadow-1);transition:box-shadow .2s ease,border-color .2s ease}
main details:hover{border-color:var(--line-2);box-shadow:var(--shadow-2)}
main details[open]{border-color:var(--line-2)}
main summary{list-style:none;display:flex;gap:10px;align-items:flex-start}
main summary::-webkit-details-marker{display:none}
main summary::before{content:"＋";flex:0 0 auto;color:var(--accent);font-weight:700;line-height:1.6}
main details[open] summary::before{content:"－"}
main blockquote{border-left-width:4px;border-radius:0 var(--r-sm) var(--r-sm) 0}
main aside{border-radius:var(--r-sm);background:linear-gradient(180deg,#fbfdff,#f5f9fd)}

/* ---------- 区块节奏 ---------- */
main > section{padding:clamp(20px,3vw,34px) 0}
main > section + section{border-top:1px solid var(--line)}
main section > h2:first-child,main section > header:first-child{margin-top:0}
.wrap,main > section > *{max-width:100%}

/* ---------- 导航 / 页脚观感 ---------- */
.site-nav{box-shadow:0 1px 0 var(--line),0 6px 18px rgba(22,32,43,.04)}
.nav-menu a{transition:color .15s ease,border-color .15s ease}
.site-foot{background:linear-gradient(180deg,#1c2937,#16212c)}
.foot-col a,.foot-contact a{transition:color .15s ease}
.foot-brand strong{font-size:17px;letter-spacing:.02em}

/* ---------- 动效兜底（避免减动效后内容不可见） ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  *,*::before,*::after{opacity:1!important;transform:none!important}
}