.article-page{box-sizing:border-box;max-width:840px;width:100%;padding:48px 28px;margin:auto}.article-page>h1{font-size:clamp(30px,4vw,48px);line-height:1.18;overflow-wrap:anywhere}.article-page p{max-width:none}.article-page .profile-cover{margin:28px 0;background:#eee9db;border-radius:12px;overflow:hidden}.article-page .profile-cover img{display:block;width:auto;height:auto;max-width:100%;max-height:560px;margin:auto;object-fit:contain}.article-page .article-content{margin-top:28px;font-size:17px;line-height:1.9}.article-page .article-content img{display:block;max-width:100%!important;height:auto!important;object-fit:contain;margin-inline:auto}.article-page .article-content iframe,.article-page .article-content video{max-width:100%}.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:#637266;font-size:14px}.article-share{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0;margin:24px 0;border-block:1px solid #d6ded4}.article-share a,.article-share button{padding:9px 14px;border:1px solid #ccd6cc;border-radius:8px;text-decoration:none;font-size:14px}.article-share p{flex-basis:100%;margin:0;font-size:13px}.article-comments{margin-top:36px}.article-comment{padding:18px 0;border-bottom:1px solid #d6ded4}.article-comment p{white-space:pre-wrap;margin:8px 0}.article-comment time{font-size:12px;color:#637266}.comment-form{padding:24px;background:#f1eee4;border-radius:12px;margin-top:24px}.comment-form input,.comment-form textarea{box-sizing:border-box;width:100%}.comment-trap{display:none}.comment-message{padding:14px;border:1px solid #c3a165;background:#f1eee4}.visit-stats{display:flex;gap:24px;flex-wrap:wrap;padding:24px;background:#eee9db;border-radius:12px}.visit-stats strong{display:block;font-size:28px}@media(max-width:600px){.article-page{padding:30px 20px}.article-page .article-content{font-size:16px}.article-page .profile-cover img{max-height:420px}.comment-form{padding:16px}}
.article-share [hidden]{display:none!important}
.related-articles{margin:38px 0;padding:28px 0;border-block:1px solid #d6ded4}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.related-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.related-grid h3{font-size:19px;line-height:1.4}.related-grid h3 a{text-decoration:none}.related-grid p{font-size:14px;color:#637266}@media(max-width:650px){.related-grid{grid-template-columns:1fr}.related-grid img{max-height:220px}}