.article-detail-page{background:#f7f7f8}
.article-detail-card{max-width:960px;margin:auto;padding:34px;border:1px solid #ececec;border-radius:9px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.article-detail-meta{margin-bottom:16px;color:#b57e16;font-size:14px;font-weight:600}
.article-detail-meta i{margin-right:6px}
.article-detail-image{display:block;width:100%;max-height:520px;border-radius:7px;background:#f2f3f5;object-fit:cover}
.article-detail-excerpt{margin:25px 0;padding:17px 20px;border-left:4px solid #e4a62b;background:#f7f7f8;color:#3c4247;font-size:17px;font-weight:500;line-height:1.7}
.article-detail-content{color:#4e555b;font-size:15px;line-height:1.85}
.article-detail-content h2,.article-detail-content h3{margin:28px 0 12px;color:#20252a;line-height:1.35}
.article-detail-content h2{font-size:25px}
.article-detail-content h3{font-size:20px}
.article-detail-content p{margin:0 0 17px}
.article-detail-content ul,.article-detail-content ol{margin:0 0 18px;padding-left:25px}
.article-detail-content img{max-width:100%;height:auto;border-radius:6px}
.article-detail-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}
.article-detail-content th,.article-detail-content td{padding:10px;border:1px solid #ddd}
.article-back-button{margin-top:20px}
.article-back-button i{margin-right:7px}

.article-admin-notice{margin:0 0 16px;padding:12px 15px;border:1px solid #b7e4c7;border-radius:5px;background:#e7f7ed;color:#166534}
.article-admin-form-panel h2,.admin-table-wrap h2{margin-top:0}
.article-content-editor{min-height:310px;font-family:Consolas,monospace;line-height:1.55;resize:vertical}
.article-admin-current-image{display:block;width:100%;max-width:250px;height:125px;border:1px solid #ddd;border-radius:5px;background:#f7f7f7;object-fit:contain}
.article-admin-table td{vertical-align:middle}
.article-admin-table td>img{width:95px;height:65px;border-radius:5px;background:#f4f4f4;object-fit:cover}
.article-admin-table td>small{display:block;max-width:360px;margin-top:5px;overflow:hidden;color:#71777c;text-overflow:ellipsis;white-space:nowrap}
.article-admin-table .admin-row-actions{min-width:230px}

@media(max-width:768px){
  .article-detail-card{padding:22px}
  .article-detail-image{max-height:390px}
  .article-admin-table{min-width:850px}
}

@media(max-width:480px){
  .article-detail-card{padding:16px}
  .article-detail-image{max-height:300px}
  .article-detail-excerpt{padding:14px;font-size:15px}
  .article-detail-content h2{font-size:22px}
}