/* content.css — 全站内容页统一皮肤（企业蓝版）
   设计口径：白底、细线、克制蓝强调色、统一字阶与留白 */
:root{
  --c-bg:#F7F9FC; --c-ink:#101828; --c-muted:#667085; --c-line:#E6EAF0;
  --c-brand:#1F62D0; --c-brand-d:#1A50AB; --c-brand-l:#EEF4FE;
  --c-shadow:0 1px 2px rgba(16,24,40,.04);
}
*{box-sizing:border-box}
body{
  background:var(--c-bg)!important;
  color:var(--c-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif!important;
  font-size:15.5px!important; line-height:1.8!important;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1120px!important;margin:0 auto}

/* 顶部导航 */
header{
  background:rgba(255,255,255,.96)!important;
  color:var(--c-ink)!important;
  border-bottom:1px solid var(--c-line)!important;
  box-shadow:none!important;
  padding:12px 0!important;
  position:sticky!important; top:0!important; z-index:20!important;
  -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px);
}
header>.wrap{display:flex!important; align-items:center!important; gap:20px!important; flex-wrap:wrap!important}
header .brand{
  display:flex!important; align-items:center!important; gap:10px!important;
  color:#0B1E33!important; font-weight:650!important; font-size:15px!important;
  letter-spacing:-.005em; line-height:1.3;
}
header .brand::before{
  content:"朱"; width:28px; height:28px; flex:none;
  display:grid; place-items:center;
  border-radius:7px; background:linear-gradient(160deg,#3D7DE8,#1A50AB);
  color:#fff; font-size:13px; font-weight:700; letter-spacing:0;
}
nav.top{margin:0 0 0 auto!important; font-size:13.5px!important; display:flex!important; flex-wrap:wrap!important; gap:2px 0!important}
nav.top a{color:#5B6675!important; text-decoration:none!important; margin:0 0 0 22px!important; padding:4px 0!important; transition:color .15s!important}
nav.top a:hover{color:var(--c-brand)!important; text-decoration:none!important}
nav{background:#fff!important; color:var(--c-ink)!important; border-bottom:1px solid var(--c-line)!important; padding:10px 0!important}
nav a{color:#5B6675!important; text-decoration:none!important; font-size:13.5px!important}
nav a:hover{color:var(--c-brand)!important; text-decoration:none!important}

/* 面包屑 */
.crumb{
  background:transparent!important; color:#98A2B3!important; font-size:12.5px!important;
  padding:14px 0!important; border-bottom:none!important;
}
.crumb a{color:#667085!important; text-decoration:none}
.crumb a:hover{color:var(--c-brand)!important}

main{padding:24px 0 56px!important}

/* 卡片 */
.card,.related,.q,.ans-box{
  border-radius:14px!important;
  box-shadow:var(--c-shadow)!important;
}
.card:not([style*="background"]),.related,.q{background:#fff}
.card:not([style*="background"]),.related{border:1px solid var(--c-line)!important}
.card{padding:28px 32px!important; margin-bottom:16px!important}
.related{padding:22px 26px!important; margin-top:24px!important}
.q{
  border:1px solid var(--c-line)!important;
  border-left:3px solid #D6E2F7!important;
  border-radius:12px!important;
  background:#fff!important;
  padding:18px 22px!important; margin:12px 0!important;
  box-shadow:none!important;
}
.q::before{display:none!important}
.q .stem{font-weight:600!important; color:#0B1E33!important}
.q .ans{color:var(--c-brand)!important; font-weight:700}
.q .opt{color:#344054!important}

/* 字阶 */
h1{
  font-size:clamp(23px,2.2vw,29px)!important; color:#0B1E33!important;
  font-weight:750!important; letter-spacing:-.022em!important; line-height:1.4!important;
  margin:0 0 10px!important;
}
h2{
  font-size:19px!important; color:#0B1E33!important; font-weight:700!important;
  border-left:none!important; padding-left:0!important;
  border-bottom:1px solid #EDF0F5!important; padding-bottom:10px!important;
  margin:30px 0 14px!important; letter-spacing:-.012em!important;
}
h3{font-size:16px!important; color:#1D2939!important; font-weight:650!important; letter-spacing:-.01em!important}
p,li,td{color:#344054!important}
.sub{color:var(--c-muted)!important; font-size:13.5px!important; line-height:1.75!important}
a{color:var(--c-brand)}
a:hover{color:var(--c-brand-d)}
strong{color:#101828}

/* 关联条目 */
.rel{
  display:block; background:#fff!important;
  border:1px solid var(--c-line)!important; border-radius:10px!important;
  padding:14px 18px!important; margin:8px 0!important; text-decoration:none!important;
  color:#344054!important; transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.rel:hover{
  border-color:#BFD5F6!important; background:#fff!important;
  transform:translateX(2px); box-shadow:0 6px 18px rgba(16,24,40,.06);
  text-decoration:none!important;
}
.rel-t{color:#101828!important; font-weight:650!important}
.rel-d{color:#98A2B3!important; font-size:12.5px!important}

/* 表格与代码 */
table{border-collapse:collapse; width:100%}
th{background:#F7F9FC!important; color:#475467!important; font-weight:600!important}
td,th{border-color:#EDF0F5!important; padding:10px 12px!important}
code,pre{background:#F4F6FA; border:1px solid #E9EDF3; border-radius:8px}

/* 页脚 */
footer{
  background:#fff!important; color:#98A2B3!important;
  border-top:1px solid var(--c-line)!important; padding:24px 0!important;
  margin-top:40px!important; font-size:12.5px!important;
}
footer a{color:#667085!important; text-decoration:none}
footer a:hover{color:var(--c-brand)!important}

@media(max-width:640px){
  .card{padding:20px 18px!important; border-radius:12px!important}
  .wrap{padding:0 16px!important}
  h1{font-size:21px!important}
}