/* 文章页 v12 阅读体验增强层（在内联样式之后加载，仅做覆盖） */
:root{
  --blue:#005BAC; --blue-d:#00427E; --ink:#101F2E; --text:#22303C;
  --orange:#F26A1B; --orange-d:#D9580F; --gray:#5A6B7A; --gray2:#8B98A5;
  --line:#E3E9F0; --bg:#F5F7FA; --ease:cubic-bezier(.22,.61,.36,1);
}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{font-size:16px;line-height:1.85;color:var(--text);-webkit-font-smoothing:antialiased}
img{max-width:100%}
picture{display:block}
.in-img{background:#EDF2F7}

/* 顶部导航：移动端收起链接，避免溢出 */
nav{backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);
  background:rgba(255,255,255,.94);transition:box-shadow .3s,border-color .3s}
nav.scrolled{box-shadow:0 8px 24px rgba(16,40,64,.07);border-bottom-color:var(--line)}
.nav-in{height:72px}
.brand img{height:40px;width:auto}
.nav-back{display:none}
.btn-cta{background:linear-gradient(135deg,var(--orange),var(--orange-d));border-radius:10px;
  box-shadow:0 6px 16px rgba(242,106,27,.26);transition:transform .2s,box-shadow .2s}
.btn-cta:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(242,106,27,.32)}

/* 封面 */
.cover{height:400px}
.cover-ov{background:linear-gradient(0deg,rgba(4,26,45,.94) 0%,rgba(4,26,45,.55) 45%,rgba(4,26,45,.28) 100%)}
.cover-txt{padding:0 24px 44px;max-width:900px}
.cover .cat{background:rgba(242,106,27,.95);padding:5px 13px;border-radius:999px;font-weight:600;letter-spacing:.4px}
.cover h1{font-size:clamp(24px,3.2vw,36px);line-height:1.4;letter-spacing:-.3px;max-width:760px}

/* 正文 */
.article{max-width:820px;padding:44px 24px 72px}
.breadcrumb{font-size:12.5px;color:var(--gray2);margin-bottom:16px}
.breadcrumb a{color:var(--gray2)}
.breadcrumb a:hover{color:var(--blue)}
.meta{font-size:12.5px;color:var(--gray2);margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:14px}
.article>p{font-size:16.5px;line-height:1.95;color:#37424E;margin-bottom:16px}
/* 首段作为导语 */
.article>p:first-of-type{font-size:17.5px;line-height:1.9;color:#22303C;font-weight:500;
  padding:18px 22px;background:#F7FAFD;border-left:3px solid var(--blue);border-radius:0 10px 10px 0;margin-bottom:26px}
.article h2{font-size:21px;font-weight:800;color:var(--ink);margin:42px 0 16px;padding-left:14px;
  border-left:4px solid var(--blue);line-height:1.5;letter-spacing:-.2px}
.article h3{font-size:17px;font-weight:700;color:var(--ink);margin:26px 0 10px}
.article p{font-size:16px;line-height:1.95;color:#37424E;margin-bottom:15px}
.article strong,.article b{color:var(--ink);font-weight:700}
.article ul,.article ol{margin:0 0 18px 22px}
.article li{font-size:15.8px;line-height:1.9;color:#37424E;margin-bottom:6px}
.article a{color:var(--blue);text-decoration:underline;text-decoration-color:rgba(0,91,172,.3);
  text-underline-offset:3px}
.article a:hover{color:var(--orange-d);text-decoration-color:currentColor}

/* 图片 */
.in-img{border-radius:12px;box-shadow:0 14px 34px rgba(16,40,64,.1);margin:26px 0}
.in-img img{height:auto;max-height:420px;object-fit:cover}
.in-img .cap{background:#F7FAFD;color:var(--gray2);font-size:12.5px;padding:10px 12px;line-height:1.7}

/* 表格 */
table{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:24px 0;font-size:14.5px;
  box-shadow:0 8px 22px rgba(16,40,64,.05)}
th{background:linear-gradient(180deg,#0B3D6B,#08365F);padding:13px 14px;font-size:13px;font-weight:600;letter-spacing:.4px}
td{padding:12px 14px;border-bottom:1px solid var(--line);color:#37424E;vertical-align:top}
tbody tr:nth-child(even) td{background:#FAFCFE}
tbody tr:hover td{background:#EDF4FB}

/* 提示框 */
.tip-box{background:linear-gradient(135deg,#EEF6FD,#F7FBFF);border:1px solid #D6E7F5;border-left:4px solid var(--orange);
  border-radius:0 12px 12px 0;padding:18px 22px;color:#24445F;font-size:15px;line-height:1.9;margin:24px 0}
.tip-box b{color:var(--blue-d)}

/* CTA */
.cta{border-radius:16px;padding:38px 32px;box-shadow:0 18px 40px rgba(8,36,61,.18);
  background:linear-gradient(130deg,#0B2E4F,#0A3A65 60%,#06243F);position:relative;overflow:hidden}
.cta::after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;right:-120px;top:-160px;
  background:radial-gradient(circle,rgba(242,106,27,.3),transparent 68%)}
.cta h3{position:relative;font-size:21px;font-weight:800;margin-bottom:8px}
.cta p{position:relative;color:rgba(255,255,255,.85);font-size:14.5px}
.cta button{position:relative;padding:13px 32px;border-radius:10px;
  background:linear-gradient(135deg,var(--orange),var(--orange-d));box-shadow:0 10px 24px rgba(242,106,27,.3);
  transition:transform .2s,box-shadow .2s}
.cta button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(242,106,27,.4)}

/* 上下篇 */
.pn{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px}
.pn a{font-size:13.5px;font-weight:600;color:var(--blue);text-decoration:none;padding:10px 14px;border-radius:8px;
  background:#F7FAFD;transition:background .2s,color .2s;max-width:48%}
.pn a:hover{background:#EAF3FB;color:var(--blue-d)}

/* 文章内 FAQ */
.faq{border-radius:14px!important;background:#FCFDFF!important;border:1px solid var(--line)!important;
  padding:26px 26px 10px!important;margin:38px 0!important;box-shadow:0 8px 24px rgba(16,40,64,.05)}
.faq h2{font-size:19px!important;margin:0 0 18px!important;border-left:4px solid var(--orange)!important;
  padding-left:12px!important;color:var(--ink)!important}
.faq-item{padding:14px 0;border-top:1px solid var(--line)}
.faq-item:first-of-type{border-top:none;padding-top:0}
.faq-item h3{font-size:15.5px!important;font-weight:700!important;color:var(--ink)!important;margin:0 0 6px!important}
.faq-item h3::before{content:'Q ';color:var(--blue);font-weight:800}
.faq-item p{font-size:14.8px!important;color:var(--gray)!important;margin:0!important;line-height:1.85!important}
.faq-item p::before{content:'A ';color:var(--orange-d);font-weight:800}

/* 延伸阅读 */
.related{margin:44px 0 0;padding-top:30px;border-top:1px solid var(--line)}
.related h2{font-size:18px!important;margin:0 0 18px!important;border:none!important;padding-left:0!important}
.related h2::before{content:'';display:inline-block;width:6px;height:17px;border-radius:3px;margin-right:9px;
  background:linear-gradient(180deg,var(--orange),var(--gold,#FFC24B));vertical-align:-3px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rel-card{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;
  text-decoration:none!important;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.rel-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,40,64,.1);border-color:rgba(0,91,172,.25)}
.rel-card .rc-cat{font-size:11.5px;color:var(--orange-d);font-weight:700;letter-spacing:.5px}
.rel-card .rc-t{display:block;font-size:14px;font-weight:700;color:var(--ink);line-height:1.6;margin-top:6px}
.rel-card:hover .rc-t{color:var(--blue-d)}

footer{background:#0A1D2E!important;color:#8FA0B0!important;padding:30px 24px!important;font-size:12.5px}
footer a{color:#A7B6C4!important;font-weight:600}

/* 移动端 */
@media(max-width:820px){
  .nav-links{display:none!important}
  .nav-in{height:62px}
  .brand img{height:34px}
  .btn-cta{padding:9px 14px;font-size:13px}
  .nav-back{display:inline-block;font-size:13px;font-weight:700;color:var(--blue);margin-left:auto;
    padding:6px 10px;border-radius:8px;background:#F2F7FC;text-decoration:none}
  .cover{height:300px}
  .cover-txt{padding:0 20px 28px}
  .article{padding:30px 20px 56px}
  .article>p:first-of-type{font-size:16.5px;padding:15px 16px}
  .article h2{font-size:19px;margin-top:34px}
  .article p,.article li{font-size:15.5px}
  .rel-grid{grid-template-columns:1fr}
  table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .pn{flex-direction:column}
  .pn a{max-width:100%}
  .cta{padding:30px 22px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}