/* ===== Page Banner - Dark Forest Theme (v2) ===== */
/* 与首页头图风格一致：近黑底 + 森林叶纹 + 金色点缀 */
.page-banner{
  background:
    /* 真实森林虚化照片 */
    url("../images/banners/forest-blur.jpg?v=2") center/cover no-repeat,
    linear-gradient(100deg,#070d0a 0%,#10271a 60%,#1a4a2c 100%) !important;
  position:relative;
  overflow:hidden;
  color:#fff !important;
  box-shadow:inset 0 -1px 0 rgba(214,168,74,.10), 0 18px 40px -28px rgba(0,0,0,.6);
  margin-top:18px !important;
  border-radius:14px !important;
}
.page-banner::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'><g fill='none' stroke='rgba(214,168,74,0.18)' stroke-width='1.1'><path d='M30 180 C 60 120, 90 90, 150 60' /><path d='M40 200 C 70 140, 110 110, 180 80' /><path d='M30 180 q 20 -10 32 -2 q -6 14 -22 18 q -10 -2 -10 -16 z' fill='rgba(214,168,74,0.10)' stroke='none'/><path d='M70 140 q 22 -12 36 -4 q -6 16 -26 20 q -10 -4 -10 -16 z' fill='rgba(214,168,74,0.08)' stroke='none'/><path d='M120 95 q 26 -14 42 -4 q -8 18 -30 22 q -12 -4 -12 -18 z' fill='rgba(214,168,74,0.06)' stroke='none'/></g></svg>") !important;
  background-size:300px 300px !important;
  background-repeat:repeat !important;
  opacity:.85 !important;
  mix-blend-mode:screen;
  pointer-events:none;
}
.page-banner::after{
  content:"";
  position:absolute;inset:0;
  /* 左暗右透：文案侧加深，让标题清晰；右侧露出森林光斑 */
  background:
    linear-gradient(100deg,rgba(6,12,9,.78) 0%,rgba(6,12,9,.5) 35%,rgba(6,12,9,.18) 65%,rgba(6,12,9,.05) 100%),
    linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.45) 100%);
  pointer-events:none;
}
.page-banner .container{position:relative;z-index:2;}
.page-banner h1{
  color:#fff !important;
  text-shadow:0 2px 22px rgba(0,0,0,.55);
}
.page-banner p{
  color:rgba(255,255,255,.82) !important;
  text-shadow:0 1px 10px rgba(0,0,0,.3);
}

/* 移动端：与 PC 同款森林风格，仅缩小尺寸 */
@media (max-width: 900px){
  .page-banner{
    padding:28px 0 22px !important;
    border-radius:14px !important;
    margin-bottom:18px !important;
    margin-top:12px !important;
  }
  .page-banner::before{
    background-size:240px 240px !important;
    opacity:.45 !important;
  }
  .page-banner h1{font-size:22px !important;margin:0 0 6px !important;}
  .page-banner p{font-size:13px !important;line-height:1.55 !important;}
}