/* U-King 法务页面共用样式 —— 与 index.html 同一套设计变量 */
:root{
  --ink:#1d1d1f;
  --body:#494c50;
  --gray:#6e6e73;
  --faint:#86868b;
  --bg:#ffffff;
  --bg-alt:#f5f5f7;
  --line:rgba(0,0,0,.09);
  --blue:#0071e3;
  --gold:#e2a93b;
  --warn:#b25000;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro SC","SF Pro Text","PingFang SC","Helvetica Neue","Segoe UI","Microsoft YaHei",sans-serif;
  --mono:"SF Mono",SFMono-Regular,ui-monospace,Consolas,"Liberation Mono",Menlo,monospace;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--sans); line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{width:min(760px, calc(100% - 40px)); margin:0 auto}

/* 顶栏 */
header{
  border-bottom:1px solid var(--line); background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(16px);
  position:sticky; top:0; z-index:10;
}
header .wrap{display:flex; align-items:center; justify-content:space-between; height:54px}
.brand{display:flex; align-items:center; gap:8px; font-weight:700; font-size:16px; color:var(--ink)}
.brand:hover{text-decoration:none}
.brand svg{width:20px; height:20px}
.langsw{display:flex; border:1px solid var(--line); border-radius:999px; overflow:hidden}
.langsw button{
  border:0; background:transparent; padding:5px 13px; font-size:13px;
  font-family:var(--sans); color:var(--gray); cursor:pointer;
}
.langsw button.on{background:var(--ink); color:#fff}

/* 正文 */
main{padding:46px 0 80px}
h1{font-size:32px; line-height:1.25; letter-spacing:-.02em; margin:0 0 8px}
.updated{color:var(--faint); font-size:13px; margin:0 0 38px}
h2{
  font-size:19px; margin:38px 0 12px; padding-top:20px;
  border-top:1px solid var(--line); letter-spacing:-.01em;
}
h2:first-of-type{border-top:0; padding-top:0}
h3{font-size:15px; margin:22px 0 6px; color:var(--ink)}
p, li{color:var(--body); font-size:15px}
ul{padding-left:20px; margin:10px 0}
li{margin:5px 0}
strong{color:var(--ink); font-weight:600}
code{font-family:var(--mono); font-size:13px; background:var(--bg-alt); padding:2px 6px; border-radius:5px}

/* 强调块：争议处理 / 账单显示 */
.callout{
  background:var(--bg-alt); border-radius:14px; padding:20px 22px; margin:22px 0;
  border-left:3px solid var(--gold);
}
.callout.strong{border-left-color:var(--warn); background:#fff8f2}
.callout h3{margin-top:0}
.callout p:last-child, .callout ul:last-child{margin-bottom:0}
.descriptor{
  font-family:var(--mono); font-size:16px; font-weight:700; letter-spacing:.06em;
  background:#fff; border:1px solid var(--line); border-radius:8px;
  padding:8px 14px; display:inline-block; margin:6px 0;
}

/* 联系方式 */
.contact{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin:16px 0;
}
.contact div{background:var(--bg-alt); border-radius:12px; padding:14px 16px}
.contact .k{font-size:12px; color:var(--faint); margin-bottom:2px}
.contact .v{font-size:15px; font-weight:600; color:var(--ink); word-break:break-all}

footer{border-top:1px solid var(--line); padding:28px 0 44px; color:var(--faint); font-size:13px}
footer .links{display:flex; gap:18px; flex-wrap:wrap; margin-bottom:12px}
footer a{color:var(--gray)}

/* 语言切换 */
[data-lang]{display:none}
[data-lang].show{display:block}
li[data-lang].show, span[data-lang].show{display:list-item}
span[data-lang].show{display:inline}

@media (max-width:640px){
  h1{font-size:26px}
  main{padding:32px 0 60px}
}