/* 悬赏令 · 落地页共用样式
   适用：help / safety / guide-dijie / guide-paotui / about
   风格：苹果风 —— 白底、圆角、细边框、克制配色。 */

:root{
  --text:#1d1d1f;      /* 正文 */
  --muted:#6e6e73;     /* 次要文字 */
  --line:#e8e8ed;      /* 细边框 */
  --fill:#f5f5f7;      /* 浅底 */
  --accent:#c0392b;    /* 跟主站一致的红 */
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:#fff;
  color:var(--text);
  font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",
       "Hiragino Sans GB","Microsoft YaHei",sans-serif;
  overflow-wrap:break-word;
  word-break:break-word;
}

a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}

/* ---------- 页头 ---------- */
.site-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  max-width:720px;margin:0 auto;padding:18px 20px 14px;
}
.site-head .brand{
  display:inline-flex;align-items:center;gap:9px;
  font-size:20px;font-weight:700;letter-spacing:.5px;color:var(--text);
}
.site-head .brand:hover{text-decoration:none;color:var(--accent)}
.site-head .brand::before{
  content:"";width:22px;height:22px;border-radius:6px;background:var(--accent);flex:0 0 auto;
}
.site-head .head-home{font-size:15px;color:var(--muted);white-space:nowrap}
.site-head .head-home:hover{color:var(--accent);text-decoration:none}

/* ---------- 主体 ---------- */
.wrap{max-width:720px;margin:0 auto;padding:0 20px 40px}

.crumb{font-size:14px;color:var(--muted);margin:4px 0 20px}
.crumb a{color:var(--muted)}
.crumb a:hover{color:var(--accent)}
.crumb .sep{margin:0 7px;color:#c7c7cc}

h1{font-size:27px;line-height:1.42;font-weight:700;letter-spacing:-.2px;margin:0 0 14px}
.lead{font-size:17px;color:var(--muted);margin:0 0 12px}

h2{font-size:20px;line-height:1.5;font-weight:600;margin:36px 0 12px}
h3{font-size:17px;font-weight:600;margin:22px 0 8px}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin:0 0 8px}
b,strong{font-weight:600}

.card{
  background:var(--fill);border:1px solid var(--line);border-radius:18px;
  padding:18px 20px;margin:20px 0;
}
.card h2{margin-top:0}
.card>*:last-child{margin-bottom:0}

.note{
  background:var(--fill);border-radius:14px;padding:14px 16px;
  font-size:15px;color:var(--muted);margin:18px 0;
}
.note>*:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:15px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600;background:var(--fill)}
tr:last-child td{border-bottom:0}

/* ---------- 页脚 ---------- */
.site-foot{
  max-width:720px;margin:0 auto;
  padding:24px 20px 44px;border-top:1px solid var(--line);
}
.foot-nav{display:flex;flex-wrap:wrap;gap:9px 18px;margin:0 0 16px}
.foot-nav a{font-size:15px;color:var(--text)}
.foot-nav a:hover{color:var(--accent)}
.foot-note{font-size:13px;line-height:1.75;color:var(--muted);margin:0}
.foot-note a{color:var(--muted)}
.foot-note a:hover{color:var(--accent)}

/* ---------- 手机 ---------- */
@media(max-width:680px){
  body{font-size:16px}
  .site-head{padding:14px 16px 10px}
  .site-head .brand{font-size:19px}
  .wrap{padding:0 16px 32px}
  .site-foot{padding:20px 16px 36px}
  h1{font-size:23px}
  h2{font-size:18px;margin:30px 0 10px}
  .card{padding:16px;border-radius:16px}
  th,td{padding:9px 8px}
}