﻿/* ==========================================================================
   APHA — News detail body images (newsdetail.aspx)
   Version: 20261111.1  (bump on every change!)
   Scope  : .ap-prose[data-prose-group="news"] only — other detail pages untouched.
   Goal   : body images fill the article column, keep natural aspect ratio,
            and stay mobile-safe. Overrides legacy inline width/height.
   Zero external dependencies.
   ========================================================================== */

.ap-prose[data-prose-group="news"] img{
  width:100% !important;      /* 老内容常带内联 width, 用 !important 统一拉满内容列 */
  height:auto !important;     /* 保持纵横比, 不拉伸变形 */
  max-width:100%;
}

/* figure/图注结构: 容器与图片都占满整列 */
.ap-prose[data-prose-group="news"] figure{
  width:100% !important;
  max-width:100%;
  margin:1.4em 0;
}
.ap-prose[data-prose-group="news"] figure img{
  width:100% !important;
  height:auto !important;
}

/* site.js 会自动把正文图包进 a[data-lightbox]; 让链接占满整列 */
.ap-prose[data-prose-group="news"] a[data-lightbox]{
  display:block;
  max-width:100%;
}

/* 表格内的小图不强行拉满, 避免撑坏表格布局 */
.ap-prose[data-prose-group="news"] table img{
  width:auto !important;
  height:auto !important;
  max-width:100%;
}

/* 手机版: 宽度随内容列, 高度自动, 圆角略收 */
@media (max-width:620px){
  .ap-prose[data-prose-group="news"] img{border-radius:10px}
  .ap-prose[data-prose-group="news"] figure{margin:1.1em 0}
}
