/* ===== forest 森林绿 · 自然清新 ===== */
:root{
  --h5-primary:#2f7a4d;
  --h5-bg:#f2f7f4;
  --h5-card:#ffffff;
  --h5-text:#1e3328;
  --h5-muted:#7ba18a;
  --h5-line:#dcebe2;
  --h5-radius:14px;
  --h5-shadow:0 4px 16px rgba(47,122,77,.1);
}
body.h5-body {
  background:linear-gradient(180deg,#eaf3ed 0%,var(--h5-bg) 30%);
  color:var(--h5-text);
.h5-topbar{
  background:linear-gradient(135deg,#2f7a4d,#3d9463);
  box-shadow:0 3px 14px rgba(47,122,77,.3);
    font-family: -apple-system, BlinkMacSystemFont, 'UKIJ Ekran', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.h5-topbar-inner{height:56px;}
.h5-brand{color:#fff;font-weight:600;}
.h5-brand img{border-radius:8px;border:2px solid rgba(255,255,255,.6);}
.h5-icon-btn{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.14);}
.h5-hero{
  text-align:center;
  padding:44px 18px 30px;
  background:
    radial-gradient(500px 200px at 85% 0,rgba(143,188,143,.28),transparent 65%),
    radial-gradient(400px 180px at 10% 100%,rgba(143,188,143,.2),transparent 60%),
    #fff;
  border-bottom:1px solid var(--h5-line);
}
.h5-hero h1{font-size:26px;margin:0 0 10px;color:var(--h5-text);}
.h5-slogan{color:var(--h5-muted);}
.h5-btn-primary{
  background:linear-gradient(135deg,#3d9463,#2f7a4d);
  border:none;border-radius:var(--h5-radius);
  box-shadow:0 6px 18px rgba(47,122,77,.3);
  color:#fff;font-weight:600;
}
.h5-btn-ghost{border-color:var(--h5-primary);color:var(--h5-primary);background:#fff;border-radius:var(--h5-radius);}
.h5-intro-card{
  background:var(--h5-card);border:1px solid var(--h5-line);
  border-radius:var(--h5-radius);box-shadow:var(--h5-shadow);
  border-top:4px solid var(--h5-primary);
}
.h5-section-head h2{color:var(--h5-text);}
.h5-section-head h2::after{content:" 🌿";font-size:14px;}
.h5-more{color:var(--h5-primary);}
.h5-chip{background:#fff;border-color:var(--h5-line);color:var(--h5-muted);border-radius:var(--h5-radius);}
.h5-chip.active{background:var(--h5-primary);border-color:var(--h5-primary);color:#fff;}
.h5-work-card{border:1px solid var(--h5-line);border-radius:var(--h5-radius);background:#fff;overflow:hidden;box-shadow:var(--h5-shadow);}
.h5-work-cover{border-radius:var(--h5-radius) var(--h5-radius) 0 0;}
.h5-work-title{color:var(--h5-text);}
.h5-work-meta{color:var(--h5-muted);}
.h5-work-ph{background:linear-gradient(135deg,#e3f0e8,#d0e6d8);color:var(--h5-primary);}
.h5-job-list li a{
  background:#fff;border:1px solid var(--h5-line);border-radius:var(--h5-radius);
  color:var(--h5-text);
}
.h5-job-list li a small{color:var(--h5-muted);}
.h5-cta{
  background:linear-gradient(135deg,#2f7a4d,#4a9d6e);
  border-radius:var(--h5-radius);
  box-shadow:0 8px 24px rgba(47,122,77,.32);
}
.h5-cta p{color:rgba(255,255,255,.92);}
.h5-cta .h5-btn-primary{background:#fff;color:var(--h5-primary);box-shadow:none;}
.h5-cta .h5-btn-ghost{border-color:rgba(255,255,255,.7);color:#fff;background:transparent;}
.h5-tabbar{background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-top:1px solid var(--h5-line);}
.h5-tab.active,.h5-tab.active .h5-tab-icon{color:var(--h5-primary);}
.h5-slider-dots button.active{background:var(--h5-primary);}
.h5-empty{color:var(--h5-muted);}

/* ===== forest 独特布局 / Unique Layout ===== */
.h5-hero-forest{padding:48px 18px 34px;position:relative;}
.h5-forest-leaf{position:absolute;top:12px;right:18px;font-size:32px;opacity:.15;}
.h5-forest-leaf::before{content:/🌿/;}
.h5-intro-forest{border-top:4px solid var(--h5-primary);}
.h5-forest-meta{list-style:none;padding:0;margin:14px 0 0;}
.h5-forest-meta li{padding:8px 0;border-bottom:1px dashed var(--h5-line);font-size:14px;color:var(--h5-muted);}
.h5-forest-meta li:last-child{border-bottom:none;}
.h5-forest-meta li i{color:var(--h5-primary);margin-inline-end:8px;width:18px;text-align:center;}
.h5-chips-forest .h5-chip{border-radius:var(--h5-radius);}
.h5-works-list{display:flex;flex-direction:column;gap:16px;}
.h5-work-card-forest{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--h5-line);border-radius:var(--h5-radius);padding:12px;box-shadow:var(--h5-shadow);}
.h5-work-card-forest .h5-work-cover{flex:0 0 100px;height:100px;border-radius:10px;overflow:hidden;}
.h5-work-card-forest .h5-work-info{flex:1;padding:0;}
.h5-job-list-forest li a{border-radius:var(--h5-radius);}
.h5-cta-forest{border-radius:var(--h5-radius);}