/* Article-only reading layout. Loaded after site.css and heading normalization. */
.article-page .page-layout{grid-template-columns:minmax(0,780px) 280px;gap:56px;max-width:1116px;padding:40px 0 72px;align-items:start}
.article-page .breadcrumb{margin:0 0 24px;padding:0;font-size:13px;line-height:1.8;color:#667085}
.article-page .article-head{margin-bottom:28px}
.article-page .article-head h1{margin:0 0 20px;font-size:32px;line-height:1.5;letter-spacing:0;font-weight:700;overflow-wrap:anywhere;text-wrap:pretty}
.article-page .article-meta{margin:0;padding:0 0 22px;gap:6px 20px;color:#667085;font-size:13px;line-height:1.85;border-bottom:1px solid var(--border)}
.article-page .article-meta a{color:inherit;text-decoration:underline;text-decoration-color:#c9cfd8;text-underline-offset:4px}
.article-page .article-meta a:hover{color:var(--red)}
.article-page .article-body{font-size:16px;line-height:1.95;color:#344054}
.article-page .article-body p,.article-page .article-body li{font-size:16px!important;line-height:1.95!important;text-align:left!important;text-indent:0!important;overflow-wrap:anywhere}
.article-page .article-body p{margin:0 0 20px!important}
/* Neutralize pasted font sizes while retaining links, emphasis and text. */
.article-page .article-body p :is(span,font),.article-page .article-body li :is(span,font){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
.article-page .article-body>p:first-child{text-indent:2em!important}
.article-page .article-body :is(h2,h3,h4,h5,h6){color:var(--black);font-family:inherit;line-height:1.6!important;text-indent:0!important;scroll-margin-top:110px;overflow-wrap:anywhere}
.article-page .article-body h2,.article-page .article-body h2.lh-normalized-heading{font-size:23px!important;margin:40px 0 18px!important;padding-left:14px;border-left:3px solid var(--red);font-weight:700!important}
.article-page .article-body h3,.article-page .article-body h3.lh-normalized-heading{font-size:19px!important;margin:28px 0 12px!important;padding:0;border:0;font-weight:700!important}
.article-page .article-body :is(h4,h5,h6){font-size:17px!important;margin:24px 0 10px!important}
.article-page .article-body :is(h2,h3,h4,h5,h6) :is(span,font,strong,b){font:inherit!important;color:inherit}
.article-page .article-body :is(ul,ol){margin:0 0 24px;padding-left:1.65em}
.article-page .article-body li{margin-bottom:10px;padding-left:4px}
.article-page .article-body li::marker{color:var(--red);font-weight:600}
.article-page .article-body li>p{margin-bottom:8px!important}
.article-page .article-body li :is(ul,ol){margin-top:10px;margin-bottom:10px}
.article-page .article-body a{color:var(--red);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-page .article-body a:hover{color:var(--red-dark)}
.article-page .article-body strong,.article-page .article-body b{font-weight:700;color:var(--black)}
.article-page .article-body blockquote{margin:24px 0;padding:18px 22px;background:#f7f8fa;border-left:3px solid #c9cfd8;border-radius:0 6px 6px 0}
.article-page .article-body blockquote p:last-child{margin-bottom:0!important}
.article-page .article-body img{max-width:100%!important;height:auto!important}
.article-page .article-body figure{margin:24px 0;max-width:100%}
.article-page .article-body figcaption{margin-top:10px;text-align:center;font-size:13px;color:#667085}
.article-page .article-body table{display:block;width:100%!important;max-width:100%;overflow-x:auto;border-collapse:collapse;table-layout:auto;margin:24px 0;font-size:14px;line-height:1.8}
.article-page .article-body :is(th,td){min-width:110px;padding:12px 14px;white-space:normal;vertical-align:top;border:1px solid var(--border);overflow-wrap:anywhere}
.article-page .article-body th{background:#f5f6f8;font-weight:700}
.article-page .article-body :is(th,td) p{font-size:14px!important;margin:0!important}
.article-page .article-body pre{max-width:100%;overflow:auto;padding:16px;background:#f7f8fa;font-size:14px;line-height:1.7}
.article-page .article-content-note{margin:36px 0 0;padding:20px 22px;border:1px solid var(--border);border-radius:8px;background:#f8f9fb;font-size:13px;line-height:1.85;color:#667085}
.article-page .article-content-note p{margin:0 0 8px}
.article-page .article-content-note p:last-child{margin-bottom:0}
.article-page .article-content-note a{color:#475467;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.article-page .article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;padding-top:24px;line-height:1.8}
.article-page .article-nav a{max-width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:8px;font-weight:500}
.article-page .article-nav a:hover{background:#f8f9fb}
.article-page .article-nav .label{margin-bottom:6px;color:#667085}
.article-page .page-layout>aside{padding-top:48px}
.article-page .side-box{padding:22px;margin-bottom:20px;border-radius:10px;box-shadow:none}
.article-page .side-box h3{font-size:16px;margin-bottom:10px}
.article-page .side-box li{margin:0}
.article-page .side-box li a{padding:11px 0;font-size:14px;line-height:1.8;border-radius:0}
.article-page .side-box li+li{border-top:1px solid #f0f1f4}
.article-page .side-box li a:hover{background:transparent}
.article-page .side-qr{position:static;background:#fff;border:1px solid var(--border);border-top:3px solid var(--red);color:var(--black);padding:24px 20px}
.article-page .side-qr::before{display:none}
.article-page .side-qr h3{color:var(--black)}
.article-page .side-qr p,.article-page .side-qr .wechat-tip{color:#667085}
.article-page .side-qr img{width:160px;border:1px solid var(--border);box-shadow:none;border-radius:8px}
.article-page .side-qr .wechat-id{color:var(--red)}
@media(max-width:1024px){
 .article-page .page-layout{grid-template-columns:minmax(0,1fr);max-width:780px;gap:36px}
 .article-page .page-layout>aside{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
 .article-page .side-box{margin:0}
 .article-page .side-box:first-child{grid-column:1/-1}
}
@media(max-width:600px){
 .article-page .page-layout{width:calc(100% - 36px);padding:24px 0 40px;gap:28px}
 .article-page .breadcrumb{font-size:12px;margin-bottom:18px;gap:6px}
 .article-page .article-head{margin-bottom:22px}
 .article-page .article-head h1{font-size:24px;line-height:1.55;margin-bottom:16px}
 .article-page .article-meta{font-size:12px;gap:5px 12px;padding-bottom:18px}
 .article-page .article-body p,.article-page .article-body li{font-size:16px!important;line-height:1.9!important}
 .article-page .article-body p{margin-bottom:18px!important}
 .article-page .article-body h2,.article-page .article-body h2.lh-normalized-heading{font-size:20px!important;margin:32px 0 16px!important;padding-left:11px}
 .article-page .article-body h3,.article-page .article-body h3.lh-normalized-heading{font-size:18px!important;margin:24px 0 12px!important}
 .article-page .article-body blockquote{padding:16px}
 .article-page .article-content-note{margin-top:28px;padding:16px}
 .article-page .article-nav{grid-template-columns:minmax(0,1fr);gap:12px}
 .article-page .article-nav a{text-align:left}
 .article-page .page-layout>aside{display:block}
 .article-page .side-box{margin-bottom:16px;padding:20px}
}
@media print{
 .article-page .top,.article-page .footer,.article-page aside,.article-page .article-nav,.article-page .mobile-contact-bar,.article-page .cs-contact-widget{display:none!important}
 .article-page .page-layout{display:block;width:100%;max-width:none;padding:0}
 .article-page .article-body h2,.article-page .article-body h3{break-after:avoid}
}