/* ===== 常用资料页（蓝白风格，与报告页一致） ===== */
:root{
  --brand:#005bff;
  --brand-dark:#0047c8;
  --ink:#12274e;
  --ink-2:#44577c;
  --ink-3:#7b8bad;
  --bg:#f4f7fc;
  --line:#e3eaf5;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--ink);
  min-height:100vh;
  display:flex;flex-direction:column;
}
.wrap{width:min(1080px,calc(100% - 40px));margin:0 auto}

/* ---------- 顶部 ---------- */
.rhero{
  background:linear-gradient(135deg,#0a3fbf 0%,#005bff 55%,#3d8bff 100%);
  color:#fff;
  padding:26px 0 34px;
}
.rhero-inner{position:relative}
.back{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 16px;border-radius:999px;
  font-size:13.5px;font-weight:500;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.28);
  transition:background .18s ease;
}
.back:hover{background:rgba(255,255,255,.24)}
.back svg{width:15px;height:15px}
.rhero-copy{margin-top:18px}
.rhero-copy h1{margin:0;font-size:26px;letter-spacing:1px}
.rhero-copy p{margin:6px 0 0;font-size:13.5px;opacity:.85}

/* ---------- 主体卡片 ---------- */
.rmain{flex:1;padding:26px 0 40px}
.rcard{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px 28px 28px;
  box-shadow:0 10px 30px -18px rgba(13,49,120,.18);
}
.rhead{
  margin:0 0 20px;font-size:16.5px;color:var(--ink);
  padding-left:10px;border-left:3.5px solid var(--brand);line-height:1.3;
}

/* ---------- 二维码块 ---------- */
.qr-block{
  display:flex;align-items:center;gap:24px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:linear-gradient(180deg,#f7faff,#fff);
}
.qr-img{
  flex:0 0 190px;width:190px;height:190px;
  border:1px solid var(--line);border-radius:12px;
  overflow:hidden;background:#fff;
}
.qr-img img{width:100%;height:100%;object-fit:cover;display:block}
.qr-text strong{display:block;font-size:16.5px;color:var(--ink);margin-bottom:8px}
.qr-text p{margin:0;font-size:13.5px;line-height:1.7;color:var(--ink-2)}

/* ---------- 预留资料条目样式（以后直接用） ---------- */
.res-item{
  display:flex;flex-direction:column;gap:3px;
  padding:14px 16px;margin-top:12px;
  border:1px solid var(--line);border-radius:12px;
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease;
}
.res-item:hover{border-color:#b5d4f4;background:#f7faff}
.res-title{font-size:14.5px;font-weight:500;color:var(--ink)}
.res-sub{font-size:12.5px;color:var(--ink-3)}

/* ---------- 页脚 ---------- */
.rfoot{
  text-align:center;font-size:12px;color:var(--ink-3);
  padding:18px 0 22px;
}

/* ---------- 移动端 ---------- */
@media (max-width:640px){
  .wrap{width:calc(100% - 28px)}
  .rhero{padding:20px 0 26px}
  .rhero-copy h1{font-size:22px}
  .rcard{padding:20px 16px 22px}
  .qr-block{flex-direction:column;text-align:center;gap:14px;padding:16px 12px}
  .qr-img{flex-basis:auto;width:170px;height:170px}
  .qr-text p{text-align:left}
}