.article-panel { padding: 48px 70px; background: #fff; border-top: 4px solid #1ebfd2; }
.article-title { font-size: 32px; line-height: 1.5; color: #213c4a; margin: 0 0 20px; text-align: center; overflow-wrap: anywhere; }
.article-meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 24px; color: #8497a1; font-size: 14px; margin-bottom: 32px; }
.article-summary { padding: 20px 24px; background: #f0f8fb; color: #607f8e; border-left: 3px solid #3bbfd3; }
.article-content { font-size: 18px; line-height: 1.95; overflow-wrap: anywhere; display: flow-root; }
.article-content img, .article-content video, .article-content iframe, .article-content embed { max-width: 100% !important; }
.article-content img, .article-content video { height: auto !important; }
.article-content p:has(video), .article-content p:has(iframe) { text-indent: 0 !important; text-align: center; }
.article-content table { display: block; max-width: 100%; overflow-x: auto; }
.article-content a { color: #128bac; }
.article-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; border-top: 1px solid #e1edf3; margin-top: 40px; padding-top: 24px; font-size: 14px; }
.back-link { color: #1389aa; }
.article-editor { color: #718c99; }
@media (max-width: 767px) {
  .article-panel { padding: 24px 16px; }
  .article-title { font-size: 24px; text-align: left; }
  .article-meta { justify-content: flex-start; margin-bottom: 20px; }
  .article-summary { padding: 14px 16px; font-size: 14px; }
  .article-content { font-size: 17px; }
}