/* 协议页面共用样式 —— 与主站同一套色板 */
:root{
  --ink:#233A66; --ink2:#5E7396; --ink3:#93A6C4;
  --blue:#4A7DFF; --blue-l:#EAF0FF;
  --line:rgba(120,160,225,.18);
  --amber:#F2A94B; --amber-l:#FFF3E0;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#F2F6FC;
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:15px;line-height:1.85;-webkit-font-smoothing:antialiased}

/* 顶栏 */
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:10px;
  padding:12px 16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
.topbar .t{font-size:15.5px;font-weight:800;color:var(--ink)}
.topbar .v{font-size:11px;font-weight:700;color:var(--ink3);margin-left:auto}
.backbtn{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;
  background:#EFF4FC;border:0;cursor:pointer;flex:0 0 30px}

/* 正文容器 */
.wrap{max-width:760px;margin:0 auto;padding:20px 18px 64px}

/* 封面 */
.cover{background:linear-gradient(135deg,#5D8BFF,#7B6CF6 62%,#8B7BF6);border-radius:20px;
  padding:26px 24px;color:#fff;margin-bottom:20px;position:relative;overflow:hidden}
.cover::after{content:"";position:absolute;right:-40px;top:-56px;width:180px;height:180px;
  border-radius:50%;background:rgba(255,255,255,.13)}
.cover h1{margin:0 0 8px;font-size:21px;line-height:1.35;letter-spacing:.3px}
.cover p{margin:0;font-size:12.5px;opacity:.88;line-height:1.9}
.cover .meta{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.25);
  font-size:11.5px;opacity:.9;display:flex;flex-wrap:wrap;gap:6px 18px}

/* 提示块 */
.note{background:var(--amber-l);border-left:3px solid var(--amber);border-radius:0 12px 12px 0;
  padding:12px 15px;font-size:13px;color:#8A6420;line-height:1.8;margin:16px 0}
.note b{color:#6E4F14}

/* 章节 */
h2{font-size:15.5px;font-weight:800;color:var(--ink);margin:30px 0 10px;padding-left:11px;
  position:relative;line-height:1.5}
h2::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;
  background:linear-gradient(180deg,#5D8BFF,#8B7BF6)}
h3{font-size:14px;font-weight:800;color:var(--ink2);margin:18px 0 6px}
p{margin:0 0 11px;color:#3C5578}
ol,ul{margin:0 0 12px;padding-left:22px;color:#3C5578}
li{margin:5px 0}
li::marker{color:var(--ink3)}
b,strong{color:var(--ink);font-weight:800}
a{color:var(--blue);text-decoration:none;border-bottom:1px solid rgba(74,125,255,.35)}
em{font-style:normal;background:var(--blue-l);border-radius:5px;padding:1px 5px;font-size:13.5px;
  color:#2F5FE0;font-weight:700}

/* 表格 */
.tbl{width:100%;border-collapse:collapse;margin:12px 0 16px;font-size:12.8px;
  background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px rgba(90,130,200,.07)}
.tbl th{background:#EFF4FE;color:#2E4670;font-weight:800;text-align:left;padding:9px 11px;
  border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:9px 11px;border-bottom:1px solid rgba(120,160,225,.10);color:#3C5578;vertical-align:top}
.tbl tr:last-child td{border-bottom:0}

/* 底部 */
.foot{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);
  font-size:12px;color:var(--ink3);line-height:1.9}
.foot a{color:var(--ink2)}
.toc{background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 2px 14px rgba(90,130,200,.07);
  margin-bottom:8px}
.toc b{display:block;font-size:13px;color:var(--ink2);margin-bottom:8px}
.toc a{display:block;font-size:13px;color:#3C5578;border:0;padding:3px 0}
.toc a:hover{color:var(--blue)}

@media (max-width:560px){
  /* 多列表格在手机上转为卡片式，避免五列被压缩成竖条 */
  .tbl-multi{background:transparent;box-shadow:none;border-radius:0;overflow:visible;margin:14px 0}
  .tbl-multi tbody,.tbl-multi tr,.tbl-multi td{display:block;width:auto}
  .tbl-multi tr{background:#fff;border-radius:14px;padding:12px 14px;margin-bottom:11px;
    box-shadow:0 2px 12px rgba(90,130,200,.07);border:0}
  .tbl-multi tr:first-child{display:none}
  .tbl-multi th{display:none}
  .tbl-multi td{border:0;padding:3px 0;min-width:0;display:flex;gap:10px;align-items:flex-start;
    font-size:12.8px;line-height:1.7}
  .tbl-multi td::before{content:attr(data-l);flex:0 0 66px;color:#93A6C4;font-weight:700;
    font-size:12px;line-height:1.75}
  .tbl-multi td:first-child{font-weight:800;color:var(--ink);font-size:13.5px;display:block;
    margin-bottom:7px;padding-bottom:7px;border-bottom:1px dashed rgba(120,160,225,.22)}
  .tbl-multi td:first-child::before{display:none}
  .tbl th{white-space:normal}
}

@media (max-width:420px){
  body{font-size:14.5px}
  .wrap{padding:16px 14px 56px}
  .cover{padding:22px 18px;border-radius:16px}
  .cover h1{font-size:19px}
  .tbl{font-size:12px}
  .tbl th,.tbl td{padding:8px}
}