:root{
  --primary:#C0392B;
  --green:#4a9d52;
  --green-d:#3a7d42;
  --leaf:#7cc46a;
  --sage:#a8c6a0;
}
/* video53 — Nature Green Fresh 自然清新绿 / 明亮通透 + 圆角 + 柔绿影 */
*{box-sizing:border-box;}
body{background:#f3f8f0;color:#4f5a4d;font-family:"Nunito Sans","Segoe UI",-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;}
::selection{background:#4a9d52;color:#fff;}
::-webkit-scrollbar{width:11px;}
::-webkit-scrollbar-track{background:#e6efe2;}
::-webkit-scrollbar-thumb{background:#7cc46a;border-radius:9999px;border:3px solid #e6efe2;}

.ng-card{background:#fff;border:1px solid #e2ece0;border-radius:1.25rem;box-shadow:0 10px 26px -16px rgba(58,125,66,.4);transition:transform .28s ease,box-shadow .28s ease;}
.ng-card:hover,.ng-card.video-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -16px rgba(58,125,66,.5);}
.ng-soft{background:#fff;border:1px solid #e2ece0;border-radius:1rem;}

.grad-green{background:linear-gradient(135deg,#7cc46a,#4a9d52);}
.t-green{color:#3a7d42;}
.t-grad{background:linear-gradient(120deg,#4a9d52,#7cc46a);-webkit-background-clip:text;background-clip:text;color:transparent;}
.tint{background:#e8f2e4;}
.tint-2{background:#dfeede;}

.ng-btn{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;border-radius:9999px;padding:.85rem 1.8rem;background:linear-gradient(135deg,#7cc46a,#4a9d52);color:#fff;box-shadow:0 10px 22px -10px rgba(74,157,82,.8);transition:transform .25s ease;}
.ng-btn:hover{transform:translateY(-2px);}
.ng-btn-2{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;border-radius:9999px;padding:.85rem 1.8rem;background:#fff;color:#3a7d42;border:1.5px solid #cfe2ca;transition:.25s;}
.ng-btn-2:hover{border-color:#4a9d52;}

.chip{border-radius:9999px;background:#e8f2e4;color:#3a7d42;}

.cat-tab{border-radius:9999px;background:#fff;border:1px solid #d8e6d4;color:#7a877a;font-weight:600;transition:.22s;}
.cat-tab:hover{color:#3a7d42;}
.cat-tab.active{background:linear-gradient(135deg,#7cc46a,#4a9d52);color:#fff;border-color:transparent;}

.nav-link{border-radius:9999px;color:#5f6c5e;font-weight:600;transition:.2s;}
.nav-link:hover{color:#3a7d42;background:#e8f2e4;}
.nav-link.active{background:linear-gradient(135deg,#7cc46a,#4a9d52);color:#fff;}

.nav{display:flex;}
@media(max-width:1023px){
  .nav{position:fixed;top:0;right:0;bottom:0;width:80%;max-width:320px;flex-direction:column;align-items:stretch;gap:.45rem;background:#f3f8f0;border-radius:1.75rem 0 0 1.75rem;padding:6rem 1.5rem 2rem;transform:translateX(103%);transition:transform .3s ease;z-index:60;overflow-y:auto;box-shadow:-14px 0 40px -12px rgba(58,125,66,.35);}
  .nav.active{transform:translateX(0);}
  .menu-overlay{position:fixed;inset:0;background:rgba(47,58,45,.4);opacity:0;visibility:hidden;transition:opacity .3s;z-index:55;}
  .menu-overlay.active{opacity:1;visibility:visible;}
  body.menu-open{overflow:hidden;}
}

.faq-answer{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease;}
.faq-item.active .faq-icon{transform:rotate(180deg);}
.faq-icon{transition:transform .25s ease;}

.back-to-top{opacity:0;visibility:hidden;transition:opacity .3s;}
.back-to-top.visible{opacity:1;visibility:visible;}

@media print{header,footer,.no-print{display:none;}}