/* ============================================================
   Site Upgrade v7 — PC：V3 顺序版 + 加宽 + 丰富背景 + 锁定头部
   移动端零修改（所有规则均在 min-width:901px 内）
   ============================================================ */

@media (min-width: 901px){
  .container{max-width:1480px !important; padding:0 32px !important;}

  /* === 背景：淡奶白纸感（参考用户图2）+ 极淡光晕 + 隐约树叶花纹 === */
  body{
    background-color:#fbf9f2 !important;
    background-image:
      radial-gradient(1100px 700px at -180px 80px, rgba(95,164,99,.05), transparent 60%),
      radial-gradient(1100px 700px at calc(100% + 180px) 380px, rgba(243,168,71,.045), transparent 60%),
      radial-gradient(900px 600px at 50% 1600px, rgba(95,164,99,.04), transparent 65%),
      radial-gradient(800px 500px at 12% 2400px, rgba(212,160,90,.04), transparent 65%),
      radial-gradient(900px 700px at 95% 3200px, rgba(95,164,99,.04), transparent 60%),
      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='%235fa463' opacity='.022'><ellipse cx='62' cy='70' rx='22' ry='8' transform='rotate(-30 62 70)'/><ellipse cx='55' cy='115' rx='24' ry='9' transform='rotate(20 55 115)'/><ellipse cx='65' cy='160' rx='22' ry='8' transform='rotate(-15 65 160)'/></g></svg>") !important;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat !important;
    background-attachment:scroll,scroll,scroll,scroll,scroll,scroll !important;
    background-size:auto,auto,auto,auto,auto,260px 260px !important;
    position:relative;
  }
  body::before, body::after{
    content:""; position:absolute; top:120px; width:170px; height:760px;
    background-repeat:no-repeat; background-size:contain; background-position:top center;
    opacity:.09; pointer-events:none; z-index:0;
  }
  body::before{left:0; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 700'><g fill='%235fa463' opacity='.7'><path d='M50 20 Q100 90 70 180 Q40 270 90 360 Q130 450 80 540 Q40 630 70 700 L60 700 Q30 630 70 540 Q120 450 80 360 Q30 270 60 180 Q90 90 40 20 Z'/><ellipse cx='90' cy='90' rx='40' ry='14' transform='rotate(-25 90 90)'/><ellipse cx='70' cy='200' rx='44' ry='15' transform='rotate(20 70 200)'/><ellipse cx='100' cy='310' rx='42' ry='14' transform='rotate(-15 100 310)'/><ellipse cx='70' cy='420' rx='40' ry='14' transform='rotate(25 70 420)'/><ellipse cx='100' cy='530' rx='42' ry='14' transform='rotate(-20 100 530)'/></g></svg>");}
  body::after{right:0; transform:scaleX(-1); background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 700'><g fill='%23f3a847' opacity='.55'><path d='M50 20 Q100 90 70 180 Q40 270 90 360 Q130 450 80 540 Q40 630 70 700 L60 700 Q30 630 70 540 Q120 450 80 360 Q30 270 60 180 Q90 90 40 20 Z'/><ellipse cx='90' cy='90' rx='40' ry='14' transform='rotate(-25 90 90)'/><ellipse cx='70' cy='200' rx='44' ry='15' transform='rotate(20 70 200)'/><ellipse cx='100' cy='310' rx='42' ry='14' transform='rotate(-15 100 310)'/><ellipse cx='70' cy='420' rx='40' ry='14' transform='rotate(25 70 420)'/></g></svg>");}

  .site-header, .container, footer{position:relative; z-index:1;}

  /* 头部：白色 sticky，更具品质感 */
  .site-header{
    position:sticky !important; top:0 !important; z-index:999 !important;
    background:rgba(255,255,255,.85) !important;
    border-bottom:1px solid rgba(236,230,212,.7) !important;
    backdrop-filter:saturate(160%) blur(14px) !important;
    -webkit-backdrop-filter:saturate(160%) blur(14px) !important;
    box-shadow:0 10px 30px -22px rgba(31,74,40,.25) !important;
    transition:box-shadow .25s ease, background .25s ease !important;
  }
  .site-header.is-scrolled{
    background:rgba(255,255,255,.96) !important;
    box-shadow:0 14px 34px -22px rgba(31,74,40,.32) !important;
  }
  /* 头部加高 + 字号放大 */
  .site-header .nav-wrap{padding:18px 32px !important; gap:20px !important;}
  .site-header .logo{font-size:21px !important; gap:12px !important; letter-spacing:.5px;}
  .site-header .logo img{width:44px !important; height:44px !important;}
  .site-header .main-nav{margin-left:28px !important; gap:4px !important;}
  .site-header .main-nav a{
    padding:9px 16px !important; font-size:15.5px !important; font-weight:500 !important;
    color:#2a3d2e !important; border-radius:10px !important;
    transition:background .18s ease, color .18s ease !important;
  }
  .site-header .main-nav a:hover{background:rgba(95,164,99,.10) !important; color:#1f4a28 !important;}
  .site-header .nav-login, .site-header .nav-submit{font-size:14.5px !important; padding:10px 18px !important;}
  /* 确保 sticky 生效：祖先不能 overflow:hidden */
  html, body{overflow-x:clip !important; overflow-y:visible !important;}

  .fz-hero{min-height:420px !important;}

  /* Section：白色面板，与背景形成柔和对比 */
  .section{
    margin:28px 0 !important;
    background:#ffffff !important;
    border:1px solid #ece6d4 !important;
    border-radius:18px !important;
    padding:22px 26px 24px !important;
    box-shadow:0 8px 24px -20px rgba(31,74,40,.18) !important;
  }
  .section-head{margin-bottom:14px !important;}
  .section-head h2{font-size:20px !important;}

  /* 宽屏栅格：grid-3 / grid-4 都改 4 列 */
  .grid-3{grid-template-columns:repeat(4,1fr) !important;}
  .grid-4{grid-template-columns:repeat(4,1fr) !important;}
  .grid{gap:18px !important;}

  .card .body{padding:12px 14px !important;}
  .card h3{font-size:15px !important; line-height:1.4 !important;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .card .body p{font-size:12.5px !important; line-height:1.55 !important;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .card .meta{font-size:12px !important;}

  /* 公益知识：4 列横排 */
  .welfare-section{
    background:#ffffff !important; border:1px solid #ece6d4 !important;
    border-radius:18px !important; padding:22px 26px !important; margin:24px 0 !important;
    box-shadow:0 8px 24px -20px rgba(31,74,40,.18) !important;
  }
  .welfare-title{font-size:20px !important; margin:0 0 14px !important; color:#1f4a28 !important;
    text-align:left !important; padding-left:0 !important;}
  .welfare-grid{display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:16px !important;}
  .welfare-card{padding:0 !important; background:transparent !important; border:0 !important;
    display:flex; gap:10px; align-items:flex-start;}
  .welfare-card h3{font-size:14px !important; margin:0 0 4px !important; color:#1f4a28;}
  .welfare-card p{font-size:12.5px !important; line-height:1.55 !important; color:#5a6258 !important; margin:0;}
  .welfare-num{width:24px !important; height:24px !important; font-size:12px !important;
    background:#5fa463 !important; color:#fff !important; border-radius:50% !important;
    display:flex; align-items:center; justify-content:center; flex-shrink:0; font-weight:700;}

  /* ===== 底部 footer：暗黑森林风格，与首页头图一致 ===== */
  .site-footer{
    position:relative !important; overflow:hidden !important;
    background:
      linear-gradient(100deg,#070d0a 0%,#10271a 50%,#1a4a2c 100%) !important;
    color:#cfd9c8 !important;
    box-shadow:inset 1px 0 0 rgba(214,168,74,.10),  0 -18px 40px -28px rgba(0,0,0,.6) !important;
    margin-top:80px !important; padding:48px 1.2rem 1.5rem !important;
  }
  .site-footer::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 !important; pointer-events:none !important;
  }
  .site-footer::after{
    content:"" !important; position:absolute !important; inset:0 !important;
    background:
      linear-gradient(180deg,rgba(6,12,9,.55) 0%,rgba(6,12,9,.18) 40%,rgba(6,12,9,.55) 100%),
      linear-gradient(100deg,rgba(6,12,9,.78) 0%,rgba(6,12,9,.45) 45%,rgba(6,12,9,.05) 100%) !important;
    pointer-events:none !important;
  }
  .site-footer .container{position:relative !important; z-index:2 !important;}
  /* footer 文字颜色微调 */
  .site-footer .fst-text h3{color:#fff !important; text-shadow:0 2px 22px rgba(0,0,0,.55) !important;}
  .site-footer .fst-en{color:#d6a84a !important;}
  .site-footer .footer-links-row a{color:#cfd9c8 !important;}
  .site-footer .footer-links-row a:hover{color:#e0b85a !important;}
  .site-footer .footer-disclaimer{color:#9aae93 !important;}
  .site-footer .copyright{color:#bcd0b6 !important;}
  .site-footer .copyright a{color:#bcd0b6 !important;}
  .site-footer .copyright a:hover{color:#e0b85a !important;}
  .site-footer .footer-icp{color:#8ea088 !important;}
  .site-footer .footer-icp a{color:#8ea088 !important;}
  .site-footer .footer-icp a:hover{color:#cfd9c8 !important;}
}

/* ============================================================
   移动端：与 PC 一致的奶白纸感背景 + 白色面板风格
   ============================================================ */
@media (max-width: 900px){
  body{
    background-color:#fbf9f2 !important;
    background-image:
      radial-gradient(600px 420px at -120px 60px, rgba(95,164,99,.06), transparent 60%),
      radial-gradient(600px 420px at calc(100% + 120px) 320px, rgba(243,168,71,.05), transparent 60%),
      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='%235fa463' opacity='.022'><ellipse cx='62' cy='70' rx='22' ry='8' transform='rotate(-30 62 70)'/><ellipse cx='55' cy='115' rx='24' ry='9' transform='rotate(20 55 115)'/><ellipse cx='65' cy='160' rx='22' ry='8' transform='rotate(-15 65 160)'/></g></svg>") !important;
    background-repeat:no-repeat,no-repeat,repeat !important;
    background-size:auto,auto,200px 200px !important;
  }

  /* 内容面板风格与 PC 同步 */
  .section{
    margin:18px 0 !important;
    background:#ffffff !important;
    border:1px solid #ece6d4 !important;
    border-radius:16px !important;
    padding:16px 14px !important;
    box-shadow:0 8px 24px -20px rgba(31,74,40,.18) !important;
  }
  .section-head{margin-bottom:10px !important;}
  .section-head h2{font-size:17px !important;}

  /* 公益知识：与 PC 同款（小绿圈编号、紧凑排版），移动端 1 列 */
  .welfare-section{
    background:#ffffff !important; border:1px solid #ece6d4 !important;
    border-radius:16px !important; padding:18px 16px !important; margin:18px 0 !important;
    box-shadow:0 8px 24px -20px rgba(31,74,40,.18) !important;
  }
  .welfare-title{
    font-size:17px !important; margin:0 0 12px !important;
    color:#1f4a28 !important; text-align:left !important; padding-left:0 !important;
  }
  .welfare-grid{display:grid !important; grid-template-columns:1fr !important; gap:12px !important;}
  .welfare-card{
    padding:0 !important; background:transparent !important; border:0 !important;
    display:flex !important; gap:10px !important; align-items:flex-start !important;
  }
  .welfare-card h3{font-size:14px !important; margin:0 0 4px !important; color:#1f4a28 !important;}
  .welfare-card p{font-size:12.5px !important; line-height:1.6 !important; color:#5a6258 !important; margin:0 !important;}
  .welfare-num{
    width:24px !important; height:24px !important; font-size:12px !important;
    background:#5fa463 !important; color:#fff !important; border-radius:50% !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    flex-shrink:0 !important; font-weight:700 !important;
    box-shadow:0 2px 6px rgba(47,107,58,.25) !important;
  }

  /* 底部数据统计带：与 PC 同款米色背景 */
  .fz-stats{
    background:#ffffff !important; border:1px solid #ece6d4 !important;
    border-radius:16px !important; padding:18px 14px !important;
    box-shadow:0 8px 24px -20px rgba(31,74,40,.18) !important;
  }

  /* 头部：与 PC 风格同步（白色透明 + 毛玻璃 + 阴影），但不锁定（非 sticky） */
  .site-header{
    position:static !important; top:auto !important;
    background:rgba(255,255,255,.88) !important;
    border-bottom:1px solid rgba(236,230,212,.7) !important;
    backdrop-filter:saturate(160%) blur(12px) !important;
    -webkit-backdrop-filter:saturate(160%) blur(12px) !important;
    box-shadow:0 8px 24px -22px rgba(31,74,40,.25) !important;
  }
  .site-header .nav-wrap{padding:12px 16px !important; gap:12px !important;}
  .site-header .logo{font-size:17px !important; gap:10px !important; letter-spacing:.3px;}
  .site-header .logo img{width:36px !important; height:36px !important;}

  /* ===== 移动端 footer：暗黑森林风格，与首页头图一致 ===== */
  .site-footer{
    position:relative !important; overflow:hidden !important;
    background:linear-gradient(100deg,#070d0a 0%,#10271a 50%,#1a4a2c 100%) !important;
    color:#cfd9c8 !important;
    box-shadow:inset 1px 0 0 rgba(214,168,74,.10), 0 -14px 30px -22px rgba(0,0,0,.5) !important;
    margin-top:48px !important; padding:36px 16px 28px !important;
  }
  .site-footer::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:240px 240px !important; background-repeat:repeat !important;
    opacity:.45 !important; mix-blend-mode:screen !important; pointer-events:none !important;
  }
  .site-footer::after{
    content:"" !important; position:absolute !important; inset:0 !important;
    background:linear-gradient(180deg,rgba(6,12,9,.65) 0%,rgba(6,12,9,.20) 40%,rgba(6,12,9,.65) 100%) !important;
    pointer-events:none !important;
  }
  .site-footer .container{position:relative !important; z-index:2 !important;}
  .site-footer .fst-text h3{color:#fff !important;}
  .site-footer .fst-en{color:#d6a84a !important;}
  .site-footer .footer-links-row a{color:#cfd9c8 !important;}
  .site-footer .footer-links-row a:hover{color:#e0b85a !important;}
  .site-footer .footer-disclaimer{color:#9aae93 !important;}
  .site-footer .copyright{color:#bcd0b6 !important;}
  .site-footer .copyright a{color:#bcd0b6 !important;}
  .site-footer .copyright a:hover{color:#e0b85a !important;}
  .site-footer .footer-icp{color:#8ea088 !important;}
  .site-footer .footer-icp a{color:#8ea088 !important;}
  .site-footer .footer-icp a:hover{color:#cfd9c8 !important;}
}


/* ===== 加入爱鸟社区 营销 banner (带鹦鹉背景图 + 每行独立按钮) ===== */
.community-banner{
  position:relative; overflow:hidden;
  margin:32px 0 40px;
  border-radius:26px;
  background:#0d2515;
  color:#fff;
  box-shadow:0 26px 60px -28px rgba(15,55,30,.55);
  isolation:isolate;
  min-height:420px;
}
.community-banner .cb-bg-img{
  position:absolute !important; top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
  width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center center !important;
  z-index:0 !important; transform:scale(1.02);
  border-radius:0 !important; margin:0 !important;
}
.community-banner .cb-bg-shade{
  position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:1; pointer-events:none;
  background:
    linear-gradient(95deg, rgba(8,28,16,.92) 0%, rgba(8,28,16,.65) 28%, rgba(8,28,16,.15) 50%, rgba(8,28,16,.55) 75%, rgba(8,28,16,.85) 100%),
    linear-gradient(180deg, rgba(8,28,16,.15) 0%, rgba(8,28,16,.45) 100%);
}
.community-banner .cb-inner{
  position:relative; z-index:2;
  display:grid; grid-template-columns:1.05fr 1fr; gap:44px;
  padding:48px 52px;
  align-items:center;
}
.community-banner .cb-left{display:flex; flex-direction:column; gap:14px; max-width:560px;}
.community-banner .cb-eyebrow{
  display:inline-block; align-self:flex-start;
  font-size:12px; letter-spacing:.24em; font-weight:700;
  color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22);
  padding:6px 14px; border-radius:999px; backdrop-filter:blur(4px);
}
.community-banner .cb-title{
  font-size:clamp(22px,2.2vw,30px); line-height:1.32; margin:6px 0 0;
  color:#fff; font-weight:800; letter-spacing:-.3px;
  text-shadow:0 2px 22px rgba(0,0,0,.4);
}
.community-banner .cb-desc{
  margin:0; font-size:14.5px; line-height:1.75; color:rgba(255,255,255,.85);
}
.community-banner .cb-perks{
  list-style:none; padding:0; margin:8px 0 0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 22px;
}
.community-banner .cb-perks li{
  display:flex; align-items:center; gap:10px; font-size:14px; color:rgba(255,255,255,.95);
}
.community-banner .cb-perks li span{
  width:30px; height:30px; border-radius:50%; background:rgba(255,255,255,.15);
  display:inline-flex; align-items:center; justify-content:center; font-size:15px;
}
.community-banner .cb-right{
  display:flex; flex-direction:column; gap:12px;
  background:rgba(8,28,16,.55);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  border-radius:20px; padding:22px;
}
.community-banner .cb-contacts{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px;}
.community-banner .cb-row{
  display:flex; align-items:center; gap:12px;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.12);
  border-radius:14px; padding:12px 14px;
  transition:background .15s ease, transform .15s ease;
}
.community-banner .cb-row:hover{background:rgba(255,255,255,.18); transform:translateY(-1px);}
.community-banner .cb-ico{
  width:36px; height:36px; flex:none; border-radius:10px;
  background:rgba(255,255,255,.18);
  display:inline-flex; align-items:center; justify-content:center;
  font-size:18px;
}
.community-banner .cb-body{display:flex; flex-direction:column; min-width:0; flex:1;}
.community-banner .cb-name{font-weight:700; color:#fff; font-size:14px;}
.community-banner .cb-val{color:rgba(255,255,255,.78); font-size:12.5px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.community-banner .cb-row-btn{
  flex:none; background:#fff; color:#1f4a28; font-weight:700; font-size:13px;
  padding:9px 16px; border-radius:999px; text-decoration:none; white-space:nowrap;
  box-shadow:0 6px 16px -8px rgba(0,0,0,.4);
  transition:transform .15s ease, box-shadow .15s ease;
}
.community-banner .cb-row-btn:hover{transform:translateY(-1px); box-shadow:0 10px 20px -8px rgba(0,0,0,.5);}
.community-banner .cb-row-btn-static{background:rgba(255,255,255,.85); color:#1f4a28;}
.community-banner .cb-btn{
  display:inline-flex; align-items:center; gap:8px; justify-content:center;
  background:#fff; color:#1f4a28; font-weight:800; font-size:14.5px;
  padding:13px 22px; border-radius:999px; text-decoration:none;
  box-shadow:0 10px 26px -12px rgba(0,0,0,.45);
}

@media (max-width:900px){
  .community-banner{margin:20px 0 26px; border-radius:18px; min-height:auto;}
  .community-banner .cb-bg-img{object-position:right top; opacity:.55;}
  .community-banner .cb-bg-shade{
    background:linear-gradient(180deg, rgba(8,28,16,.85) 0%, rgba(8,28,16,.92) 100%);
  }
  .community-banner .cb-inner{grid-template-columns:1fr; gap:18px; padding:24px 18px;}
  .community-banner .cb-perks{grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px;}
  .community-banner .cb-perks li{font-size:13px;}
  .community-banner .cb-right{padding:16px;}
  .community-banner .cb-title{font-size:19px;}
  .community-banner .cb-desc{font-size:13px;}
  .community-banner .cb-row{padding:10px 12px; gap:10px;}
  .community-banner .cb-row-btn{padding:7px 12px; font-size:12px;}
  .community-banner .cb-val{font-size:11.5px;}
}

/* ============================================================
   子栏目页统一视觉 v47
   - page-banner 使用与首页头图/导航一致的深森林渐变
   - 子栏目内容区域加白色卡片背景
   - 绿色按钮/标签 chip 与头部色调统一（深森林 + 金色描边）
   ============================================================ */
.page-banner{
  background:linear-gradient(100deg,#070d0a 0%,#10271a 50%,#1a4a2c 100%) !important;
  color:#fff !important;
  border-radius:0 0 28px 28px !important;
  position:relative; overflow:hidden;
  box-shadow:0 18px 40px -28px rgba(7,13,10,.55);
}
.page-banner::before{
  content:""; position:absolute; inset:0;
  background: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'/></g></svg>") repeat;
  background-size:240px 240px; opacity:.55; pointer-events:none;
}
.page-banner::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(6,12,9,.35) 0%,rgba(6,12,9,.05) 50%,rgba(6,12,9,.45) 100%);
  pointer-events:none;
}
.page-banner .container{position:relative; z-index:2;}
.page-banner h1{color:#fff !important; text-shadow:0 2px 10px rgba(0,0,0,.35);}
.page-banner p{color:rgba(255,255,255,.85) !important;}

/* 子栏目内容卡片：toolbar + 排序 + 列表统一白卡（general sibling，兼容中间有空白文本节点） */
.page-banner ~ .container{
  background:#ffffff !important;
  border:1px solid #ece6d4;
  border-radius:20px;
  box-shadow:0 18px 42px -28px rgba(31,74,40,.22), 0 2px 6px rgba(31,74,40,.04);
  padding:26px 28px 32px !important;
  margin-top:-22px !important;
  position:relative; z-index:3;
}
@media (max-width:900px){
  .page-banner ~ .container{
    padding:16px 14px 22px !important;
    border-radius:16px;
    margin-left:12px !important; margin-right:12px !important;
    width:auto;
    margin-top:16px !important;
  }
}

/* chip / sort-chip 颜色与头部色调统一 */
.chip.active, .chip:hover{
  background:linear-gradient(135deg,#10271a,#1f4a28) !important;
  color:#fff !important;
  border-color:#1f4a28 !important;
  box-shadow:0 6px 16px -8px rgba(16,39,26,.55);
}
.sort-chip.active{
  background:linear-gradient(135deg,#10271a,#1f4a28) !important;
  color:#ffffff !important;
  border-color:transparent !important;
  box-shadow:0 6px 14px -6px rgba(16,39,26,.5) !important;
}