body.blog-detail-page{background:#f7faf9;color:#263b3a}
.article-header{height:88px;background:#fff;box-shadow:0 5px 25px rgba(24,59,58,.08)}
.article-nav{height:88px;display:flex;align-items:center;justify-content:space-between}.article-nav img{width:220px}.article-nav-links{display:flex;gap:28px;align-items:center}.article-nav-links a{font-size:13px;font-weight:700}.article-nav-links a:hover{color:#16a085}.article-nav-links .article-back{padding:11px 16px;background:#16a085;color:#fff}
.article-hero{padding:80px 0 0;background:#e3f2ee}.article-hero-inner{max-width:930px;margin:auto;text-align:center}.article-kicker{color:#16a085;font-size:11px;font-weight:800;letter-spacing:.16em}.article-hero h1{margin:14px 0 18px;font-size:52px;line-height:1.15;font-weight:800}.article-meta{margin-bottom:38px;color:#66807b;font-size:12px}.article-meta span{margin:0 8px}.article-cover{width:100%;height:520px;object-fit:cover;box-shadow:0 24px 65px rgba(24,59,58,.14)}
.article-body{max-width:820px;margin:0 auto;padding:75px 0 95px}.article-body .lead{font-size:21px;line-height:1.75;color:#35544f}.article-body h2{margin:42px 0 15px;font-size:30px}.article-body p{margin-bottom:20px;color:#60736f;font-size:16px;line-height:1.9}.article-body blockquote{margin:38px 0;padding:25px 30px;border-left:4px solid #16a085;background:#e9f5f2;color:#31534d;font-size:18px;font-weight:600}.article-share{display:flex;justify-content:space-between;align-items:center;margin-top:55px;padding-top:25px;border-top:1px solid #d8e3e0}.article-share a{font-weight:800;color:#16a085}
@media(max-width:767px){.article-nav-links a:not(.article-back){display:none}.article-nav img{width:175px}.article-hero{padding-top:55px}.article-hero h1{font-size:36px}.article-cover{height:300px}.article-body{padding:55px 0 70px}.article-body .lead{font-size:18px}}
