/* 168k3.com 显示优化覆盖层（polish）
   加载顺序：base.css → <page>.css → polish.css（本文件最后）
   只做加法：统一交互/可读性/表格/折叠/节奏。回滚只需摘掉本文件的 <link>。 */

:root{
  --text-3:#a49a90;            /* 弱文字对比度提到 ~5:1 */
  --r:14px; --r-sm:9px;
  --shadow-1:0 1px 2px rgba(0,0,0,.3);
  --shadow-2:0 2px 8px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.34);
  --ring:0 0 0 3px rgba(201,138,107,.42);
}

/* ---------- 可读性 ---------- */
body{line-height:1.86;-webkit-font-smoothing:antialiased}
main{display:block}
main h1,main h2,main h3{text-wrap:balance}
main h1+p,main h2+p{color:var(--text-2)}
main a{text-underline-offset:2px;text-decoration-thickness:1px}
main a:hover{text-decoration:underline}
strong,b{color:var(--text)}
small,.u-muted{color:var(--text-3)}
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(--brand);outline-offset:2px;border-radius:5px}
::selection{background:rgba(201,138,107,.3);color:var(--text)}
html{scroll-behavior:smooth}
main section[id],main [id]{scroll-margin-top:88px}

/* ---------- Hero 细节 ---------- */
.hero-media img{transition:transform .6s ease}
.page-hero:hover .hero-media img{transform:scale(1.015)}
.hero-btn{transition:transform .16s ease,filter .16s ease,background .16s ease}
.hero-btn--go:hover{transform:translateY(-1px)}

/* ---------- 表格 ---------- */
main table{border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-1)}
main thead th{background:linear-gradient(180deg,var(--ink-3),var(--ink-4));border-bottom:1px solid var(--line-2)}
main tbody tr:nth-child(even) td{background:rgba(255,255,255,.02)}
main tbody tr:hover td{background:rgba(201,138,107,.06)}
main caption{color:var(--text-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 .62em}
}

/* ---------- 折叠 / 引用 / 提示块 ---------- */
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 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(--brand);font-weight:700;line-height:1.7}
main details[open] summary::before{content:"－"}
main aside{background:linear-gradient(180deg,var(--ink-2),var(--ink-3))}

/* ---------- 区块节奏 ---------- */
main > section{padding:clamp(22px,3.2vw,38px) 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%}

/* ---------- 导航 / 页脚观感 ---------- */
.nav-menu a{transition:color .15s ease,border-color .15s ease}
.foot-col a,.foot-contact a{transition:color .15s ease}

/* ---------- 动效兜底（避免减动效后内容不可见） ---------- */
@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}
}
