/*
 * 北海明珠 V4.11.1 · 军人专栏图库定稿
 * 仅作用于 /junren 的图片纪实区域，最后加载，不影响其他页面。
 */
body.junren-page .junren-gallery-section{
  --jr-blue:#1559ae;
  --jr-blue-dark:#174b94;
  --jr-ink:#15375f;
  --jr-muted:#6d7c90;
  --jr-gold:#c89843;
  --jr-line:rgba(21,89,174,.14);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:72px 0 82px!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(43,117,210,.08),transparent 30%),
    radial-gradient(circle at 93% 18%,rgba(21,89,174,.06),transparent 28%),
    linear-gradient(180deg,#f9fbfe 0%,#f4f8fc 58%,#fff 100%)!important;
}
body.junren-page .junren-gallery-section::before,
body.junren-page .junren-gallery-section::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:190px;
  opacity:.32;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 100%,transparent 47%,rgba(21,89,174,.13) 48%,transparent 49%) 0 0/160px 82px repeat-x;
}
body.junren-page .junren-gallery-section::before{top:24px;left:-100px;transform:rotate(-2deg)}
body.junren-page .junren-gallery-section::after{top:46px;right:-120px;transform:scaleX(-1) rotate(-3deg)}

body.junren-page .junren-gallery-heading{
  align-items:end;
  margin:0 0 28px!important;
  padding:0 4px;
}
body.junren-page .junren-gallery-heading>div>span{color:var(--jr-blue)!important}
body.junren-page .junren-gallery-heading h2{
  color:var(--jr-ink)!important;
  font-size:clamp(28px,2.1vw,34px)!important;
  letter-spacing:.01em;
}
body.junren-page .junren-gallery-heading>p{
  max-width:520px;
  color:var(--jr-muted)!important;
  font-size:14px;
}

/* 主视觉：左图右文，代替旧版杂乱拼图。 */
body.junren-page .junren-gallery-feature{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);
  min-height:360px;
  overflow:hidden;
  border:1px solid var(--jr-line);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 50px rgba(19,55,96,.10);
}
body.junren-page .junren-gallery-feature-photo{
  position:relative;
  min-height:360px;
  overflow:hidden;
  padding:0;
  border:0;
  background:#dfe8f3;
  text-align:left;
  cursor:zoom-in;
}
body.junren-page .junren-gallery-feature-photo::after{
  content:"";
  position:absolute;
  inset:36% 0 0;
  background:linear-gradient(180deg,transparent,rgba(8,31,61,.82));
  pointer-events:none;
}
body.junren-page .junren-gallery-feature-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  transition:transform .45s ease,filter .35s ease;
}
body.junren-page .junren-gallery-feature-photo:hover img{transform:scale(1.018);filter:saturate(1.04)}
body.junren-page .junren-gallery-feature-tag,
body.junren-page .junren-gallery-feature-photo>strong{position:absolute;z-index:2;left:28px;color:#fff}
body.junren-page .junren-gallery-feature-tag{
  bottom:76px;
  padding:6px 11px;
  border-radius:8px;
  background:rgba(21,89,174,.94);
  font-size:12px;
  font-weight:800;
  box-shadow:0 6px 18px rgba(12,52,101,.2);
}
body.junren-page .junren-gallery-feature-photo>strong{
  right:24px;
  bottom:29px;
  overflow:hidden;
  color:#fff;
  font-size:clamp(20px,1.7vw,27px);
  line-height:1.35;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.junren-page .junren-gallery-feature-copy{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:38px 42px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 0,rgba(200,152,67,.07),transparent 34%),
    #fff;
}
body.junren-page .junren-gallery-star{
  display:grid;
  width:50px;
  height:50px;
  place-items:center;
  margin-bottom:12px;
  border:1px solid rgba(200,152,67,.32);
  border-radius:50%;
  color:var(--jr-gold);
  background:#fffaf0;
  font-size:23px;
}
body.junren-page .junren-gallery-feature-copy h3{
  margin:0;
  color:var(--jr-blue-dark);
  font-size:clamp(22px,1.8vw,29px);
  line-height:1.35;
}
body.junren-page .junren-gallery-feature-copy>p{
  max-width:620px;
  margin:15px auto 0;
  color:#607187;
  font-size:14px;
  line-height:1.9;
}
body.junren-page .junren-gallery-values{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  width:100%;
  margin-top:27px;
}
body.junren-page .junren-gallery-values>div{position:relative;padding:0 8px}
body.junren-page .junren-gallery-values>div+div::before{
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  left:-12px;
  width:1px;
  background:#e5ecf5;
}
body.junren-page .junren-gallery-values b{
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  margin:0 auto 9px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,var(--jr-blue-dark),#2b75d2);
  font-size:17px;
  font-weight:900;
  box-shadow:0 9px 22px rgba(21,89,174,.16);
}
body.junren-page .junren-gallery-values strong,
body.junren-page .junren-gallery-values span{display:block}
body.junren-page .junren-gallery-values strong{color:#1d4779;font-size:14px}
body.junren-page .junren-gallery-values span{margin-top:3px;color:#8290a3;font-size:11px}

/* 下方照片墙：桌面 5×2，统一 3:2，比旧版高低错落更干净。 */
body.junren-page .junren-film-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin:34px 3px 15px!important;
}
body.junren-page .junren-film-title strong{color:var(--jr-ink);font-size:20px}
body.junren-page .junren-film-title span{color:#8794a5;font-size:12px}
body.junren-page .junren-filmstrip{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  padding:14px!important;
  border:1px solid rgba(21,89,174,.10);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 40px rgba(19,55,96,.07);
}
body.junren-page .junren-film-item{
  position:relative;
  height:auto!important;
  aspect-ratio:3/2;
  overflow:hidden;
  padding:0;
  border:1px solid rgba(21,89,174,.10)!important;
  border-radius:14px!important;
  background:#e9eef6!important;
  box-shadow:0 5px 16px rgba(16,54,96,.07);
  cursor:zoom-in;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
body.junren-page .junren-film-item[hidden]{display:none!important}
body.junren-page .junren-film-item::after{
  content:"";
  position:absolute;
  inset:48% 0 0;
  background:linear-gradient(180deg,transparent,rgba(6,24,48,.72));
  pointer-events:none;
}
body.junren-page .junren-film-item:hover{
  z-index:2;
  transform:translateY(-3px);
  border-color:rgba(21,89,174,.28)!important;
  box-shadow:0 13px 28px rgba(16,54,96,.14);
}
body.junren-page .junren-film-item img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .38s ease;
}
body.junren-page .junren-film-item:hover img{transform:scale(1.025)!important}
body.junren-page .junren-film-item>span{
  position:absolute;
  z-index:2;
  right:50px;
  bottom:11px;
  left:12px;
  overflow:hidden;
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-align:left;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.junren-page .junren-film-item i{
  position:absolute!important;
  z-index:3;
  right:8px!important;
  bottom:8px!important;
  display:grid;
  width:32px;
  height:24px;
  place-items:center;
  padding:0!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(135deg,var(--jr-blue-dark),#2b75d2)!important;
  font-size:10px!important;
  font-style:normal;
  font-weight:900;
  box-shadow:0 5px 12px rgba(5,40,87,.18);
}
body.junren-page .junren-more-wrap{margin-top:25px!important;text-align:center}
body.junren-page .junren-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 24px!important;
  border:1px solid rgba(21,89,174,.55)!important;
  border-radius:999px!important;
  color:var(--jr-blue)!important;
  background:#fff!important;
  font-size:13px;
  font-weight:900;
  box-shadow:0 8px 22px rgba(21,89,174,.08);
}
body.junren-page .junren-more b{
  display:grid;
  min-width:22px;
  height:22px;
  place-items:center;
  padding:0 6px;
  border-radius:999px;
  color:#fff;
  background:var(--jr-blue);
  font-size:10px;
}
body.junren-page .junren-more>span{font-size:16px;transition:transform .2s ease}
body.junren-page .junren-more:hover{
  color:#fff!important;
  background:linear-gradient(135deg,var(--jr-blue-dark),var(--jr-blue))!important;
}
body.junren-page .junren-more:hover b{color:var(--jr-blue);background:#fff}
body.junren-page .junren-more:hover>span{transform:translateX(3px)}

@media(max-width:1100px){
  body.junren-page .junren-gallery-feature{grid-template-columns:1.05fr .95fr}
  body.junren-page .junren-gallery-feature-copy{padding:30px 28px}
  body.junren-page .junren-gallery-values{gap:12px}
  body.junren-page .junren-filmstrip{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
  body.junren-page .junren-gallery-section{padding:58px 0 64px!important}
  body.junren-page .junren-gallery-heading{align-items:flex-start;flex-direction:column;gap:9px}
  body.junren-page .junren-gallery-feature{grid-template-columns:1fr}
  body.junren-page .junren-gallery-feature-photo,
  body.junren-page .junren-gallery-feature-photo img{min-height:330px}
  body.junren-page .junren-gallery-feature-copy{padding:30px 24px 32px}
  body.junren-page .junren-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  body.junren-page .junren-gallery-feature{border-radius:18px}
  body.junren-page .junren-gallery-feature-photo,
  body.junren-page .junren-gallery-feature-photo img{min-height:260px}
  body.junren-page .junren-gallery-feature-tag{bottom:64px;left:18px}
  body.junren-page .junren-gallery-feature-photo>strong{right:18px;bottom:22px;left:18px;font-size:18px}
  body.junren-page .junren-gallery-feature-copy{padding:26px 18px}
  body.junren-page .junren-gallery-feature-copy h3{font-size:21px}
  body.junren-page .junren-gallery-feature-copy>p{font-size:13px;line-height:1.75}
  body.junren-page .junren-gallery-values{gap:4px;margin-top:22px}
  body.junren-page .junren-gallery-values>div{padding:0 3px}
  body.junren-page .junren-gallery-values>div+div::before{display:none}
  body.junren-page .junren-gallery-values b{width:39px;height:39px;font-size:14px}
  body.junren-page .junren-gallery-values strong{font-size:12px}
  body.junren-page .junren-gallery-values span{display:none}
  body.junren-page .junren-film-title{align-items:flex-start;flex-direction:column;gap:3px}
  body.junren-page .junren-filmstrip{gap:9px!important;padding:9px!important;border-radius:16px}
  body.junren-page .junren-film-item{border-radius:11px!important}
  body.junren-page .junren-film-item>span{right:40px;bottom:8px;left:8px;font-size:10px}
  body.junren-page .junren-film-item i{right:6px!important;bottom:6px!important;width:28px;height:21px}
}
@media(prefers-reduced-motion:reduce){
  body.junren-page .junren-gallery-feature-photo img,
  body.junren-page .junren-film-item,
  body.junren-page .junren-film-item img{transition:none!important}
}