/* 多财通 · 合规与说明页 共用样式（可单独上传，无外部依赖） */
/* 2026-10-24 全站改暖色系（赭棕+暖金+米白），与商城首页同一套变量 */
:root{
  --navy:#a8582b; --navy2:#7e4321; --gold:#e0a33c; --ink:#4a3729;
  --bg:#fdf7f1; --card:#fffdf9; --line:#ece0d2; --red:#c0392b; --green:#2e7d4f;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",Segoe UI,sans-serif;
     color:var(--ink);background:var(--bg);line-height:1.75;font-size:15px}
a{color:var(--navy)}
.wrap{max-width:860px;margin:0 auto;padding:0 18px}

/* 顶部合规条 */
.compliance-bar{background:var(--navy2);color:#fff;font-size:13px;text-align:center;
  padding:7px 12px;font-weight:600;letter-spacing:.3px}

/* 页头 */
header{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;
  padding:26px 0 22px;margin-bottom:26px}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.brand{font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px}
.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--gold)}
nav a{color:#fbead3;text-decoration:none;margin-left:16px;font-size:13.5px}
nav a:hover,nav a.on{color:var(--gold)}

/* 2026-10-30：手机上看不到回商城的入口 → 加一个常显按钮 */
.backshop{display:inline-block;background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.55);color:#fff;text-decoration:none;
  font-size:13px;font-weight:600;padding:5px 13px;border-radius:16px;white-space:nowrap}
.backshop:hover{background:#fff;color:var(--navy)}
h1{font-size:23px;font-weight:800;margin-bottom:6px;color:var(--navy)}
.meta{color:#6b7b8d;font-size:13px;margin-bottom:18px}

/* 正文卡片 */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:26px 28px;box-shadow:0 2px 10px rgba(31,58,95,.05);margin-bottom:22px}
h2{font-size:17px;color:var(--navy);margin:22px 0 8px;padding-left:10px;
  border-left:4px solid var(--gold)}
h2:first-child{margin-top:0}
h3{font-size:15px;color:var(--ink);margin:16px 0 6px}
p{margin-bottom:9px}
ul,ol{margin:6px 0 10px 22px}
li{margin-bottom:5px}
.hl{background:#fbeada;border-left:3px solid var(--navy);padding:11px 14px;
  border-radius:6px;color:#7e4321;margin:12px 0}
.warn{background:#fdf6e3;border-left:3px solid var(--gold);padding:11px 14px;
  border-radius:6px;color:#6b5300;margin:12px 0}
.danger{background:#fdecea;border-left:3px solid var(--red);padding:11px 14px;
  border-radius:6px;color:#812e25;margin:12px 0}
table{width:100%;border-collapse:collapse;margin:10px 0;font-size:14px}
th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f0f4f8;color:var(--navy);font-weight:600;width:34%}
code{background:#f0f4f8;padding:1px 5px;border-radius:4px;font-size:13px}

/* 页脚 */
footer{background:var(--navy2);color:#f0dcc4;font-size:12.5px;text-align:center;
  padding:24px 16px;margin-top:34px;line-height:1.9}
footer a{color:#fbead3}
@media(max-width:640px){
  /* 2026-10-30：原来这里是 nav{display:none}，手机页头导航整个消失，
     既回不了商城、也跳不到其他合规页。改为换行平铺。 */
  header .wrap{justify-content:flex-start}
  .backshop{order:-1}
  nav{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
  nav a{margin-left:0;padding:4px 11px;border:1px solid rgba(255,255,255,.35);
    border-radius:14px;font-size:13px}
  .card{padding:20px 16px}
  h1{font-size:20px}
}
@media print{
  body{background:#fff}
  header{background:#fff;color:#000;border-bottom:2px solid #a8582b}
  .brand{color:#a8582b}
  nav,.compliance-bar{display:none}
  .card{box-shadow:none;border:none;padding:0}
  footer{background:#fff;color:#333}
}
