:root{
  --green:#16a34a;
  --lime:#84cc16;
  --bg:#f7fee7;
  --ink:#1a2e05;
  --green-dark:#0f7a37;
  --lime-light:#d9f99d;
  --card:#ffffff;
  --shadow-soft:0 10px 24px rgba(26,46,5,.10);
  --shadow-hard:0 18px 40px rgba(26,46,5,.22);
  --shadow-deep:0 26px 60px rgba(26,46,5,.30);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  font-weight:400;
  line-height:1.85;
  letter-spacing:.01em;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5{
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.25;
  color:var(--ink);
}
.mono{font-family:'SF Mono','Courier New',monospace;font-weight:600;letter-spacing:.02em;}
a{text-decoration:none;}
section{position:relative;}

/* ---------- NAV ---------- */
.nav-wrap{
  position:sticky;top:0;z-index:1000;
  background:linear-gradient(180deg,#ffffff 0%,#f2fde4 100%);
  border-bottom:2px solid rgba(22,163,74,.18);
  box-shadow:0 8px 18px rgba(26,46,5,.08);
}
.navbar-brand{
  font-weight:900;font-size:1.32rem;color:var(--ink)!important;
  display:flex;align-items:center;gap:.5rem;
  padding:.55rem .9rem;
  border-radius:14px;
  background:linear-gradient(160deg,#ffffff,#e9fbd0);
  box-shadow:0 6px 14px rgba(22,163,74,.20), inset 0 1px 0 #ffffff;
}
.navbar-brand .brand-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:11px;
  background:linear-gradient(145deg,var(--lime),var(--green));
  color:#fff;font-size:.95rem;
  box-shadow:0 5px 12px rgba(22,163,74,.40), inset 0 1px 0 rgba(255,255,255,.6);
}
.nav-link{
  color:var(--ink)!important;font-weight:600;font-size:.95rem;
  padding:.5rem .85rem!important;border-radius:10px;transition:.24s;
}
.nav-link:hover{
  background:var(--lime-light);color:var(--green-dark)!important;
  transform:translateY(-2px);
}
.navbar-toggler{border:2px solid var(--green);border-radius:10px;padding:.3rem .55rem;}
.navbar-toggler:focus{box-shadow:none;}
.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2316a34a' stroke-linecap='round' stroke-width='2.5' d='M4 8h22M4 15h22M4 22h22'/%3e%3c/svg%3e");
}

/* ---------- HERO ---------- */
.hero{
  position:relative;overflow:hidden;
  padding:5.5rem 0 7rem;
  background:
    radial-gradient(1200px 520px at 78% -10%, rgba(132,204,22,.45), transparent 62%),
    radial-gradient(900px 420px at 8% 110%, rgba(22,163,74,.32), transparent 60%),
    linear-gradient(165deg,#ffffff 0%, #f7fee7 55%, #ecfccb 100%);
}
.hero::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(22,163,74,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,163,74,.06) 1px,transparent 1px);
  background-size:52px 52px;
  pointer-events:none;
}
.hero-bg-orb{
  position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;
  background:radial-gradient(circle at 32% 28%, rgba(255,255,255,.95), rgba(132,204,22,.55) 45%, rgba(22,163,74,.30) 75%, transparent 78%);
}
.orb-a{width:280px;height:280px;top:6%;right:6%;opacity:.75;}
.orb-b{width:170px;height:170px;bottom:12%;right:26%;opacity:.6;}
.hero-inner{position:relative;z-index:3;}
.hero-kicker{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.42rem 1rem;border-radius:999px;
  background:linear-gradient(145deg,#ffffff,#e9fbd0);
  border:2px solid rgba(22,163,74,.28);
  font-weight:700;font-size:.85rem;color:var(--green-dark);
  box-shadow:0 8px 18px rgba(22,163,74,.16), inset 0 1px 0 #fff;
  margin-bottom:1.4rem;
}
.hero h1{
  font-size:clamp(2.15rem,5.4vw,4.05rem);
  line-height:1.14;margin-bottom:1.25rem;
  text-shadow:0 3px 0 rgba(255,255,255,.9), 0 14px 30px rgba(26,46,5,.10);
}
.hero h1 .hl{
  background:linear-gradient(120deg,var(--green) 0%,var(--lime) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-sub{
  font-size:clamp(1rem,1.6vw,1.18rem);
  color:#33520d;max-width:620px;margin-bottom:2.1rem;line-height:1.95;
}
.btn-wood{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 1.75rem;border-radius:15px;
  font-weight:800;font-size:1rem;border:none;
  background:linear-gradient(180deg,#3ecf6e 0%,var(--green) 52%,var(--green-dark) 100%);
  color:#fff;box-shadow:0 12px 24px rgba(22,163,74,.38), inset 0 2px 0 rgba(255,255,255,.45), inset 0 -3px 0 rgba(0,0,0,.14);
  transition:transform .24s, box-shadow .24s;
}
.btn-wood:hover{
  color:#fff;transform:translateY(-3px);
  box-shadow:0 20px 34px rgba(22,163,74,.46), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -3px 0 rgba(0,0,0,.14);
}
.btn-ghost{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 1.65rem;border-radius:15px;
  font-weight:800;font-size:1rem;
  background:linear-gradient(180deg,#ffffff,#f1fde0);
  color:var(--green-dark);
  border:2px solid rgba(22,163,74,.35);
  box-shadow:0 10px 20px rgba(26,46,5,.12), inset 0 1px 0 #fff;
  transition:transform .24s, box-shadow .24s, background .24s;
}
.btn-ghost:hover{
  color:var(--green-dark);transform:translateY(-3px);
  box-shadow:0 18px 30px rgba(26,46,5,.18), inset 0 1px 0 #fff;
  background:linear-gradient(180deg,#ffffff,#e9fbd0);
}
.hero-stats{
  margin-top:2.9rem;display:flex;flex-wrap:wrap;gap:1rem;
}
.stat-card{
  flex:1 1 150px;min-width:140px;
  background:linear-gradient(160deg,#ffffff,#f4fee2);
  border:2px solid rgba(22,163,74,.16);
  border-radius:16px;padding:1rem 1.1rem;
  box-shadow:0 12px 26px rgba(26,46,5,.10), inset 0 1px 0 #fff;
}
.stat-card .num{
  font-size:1.55rem;font-weight:800;color:var(--green-dark);
  font-family:'SF Mono','Courier New',monospace;
}
.stat-card .lab{font-size:.82rem;color:#4a6b1a;font-weight:600;}

/* hero cover stack */
.cover-stack{position:relative;z-index:3;perspective:1200px;padding-top:1rem;}
.cover-card{
  position:relative;border-radius:22px;overflow:hidden;
  box-shadow:var(--shadow-deep);
  border:4px solid #ffffff;
  transform:rotate(-3deg);
  transition:transform .4s;
}
.cover-card img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover;background:linear-gradient(160deg,var(--lime-light),var(--green));}
.cover-card::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,transparent 34%,rgba(26,46,5,.35) 100%);
  pointer-events:none;
}
.cover-card:hover{transform:rotate(-1deg) translateY(-6px);}
.cover-mini{
  position:absolute;right:-14px;bottom:-26px;width:52%;
  transform:rotate(6deg);
  box-shadow:var(--shadow-deep);
  border-radius:18px;border:4px solid #fff;overflow:hidden;
  background:linear-gradient(160deg,var(--green),var(--lime));
}
.cover-mini img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover;}

/* wave divider */
.wave-div{position:absolute;left:0;right:0;bottom:-2px;line-height:0;z-index:2;}
.wave-div svg{width:100%;height:80px;display:block;}

/* ---------- SECTION HEADS ---------- */
.sec{padding:5rem 0;}
.sec-tag{
  display:inline-flex;align-items:center;gap:.5rem;
  font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--green-dark);
  background:linear-gradient(180deg,#ffffff,#eafcd2);
  border:2px solid rgba(22,163,74,.24);
  border-radius:999px;padding:.36rem .95rem;margin-bottom:1rem;
  box-shadow:0 8px 16px rgba(22,163,74,.14), inset 0 1px 0 #fff;
}
.sec-title{font-size:clamp(1.6rem,3.2vw,2.4rem);margin-bottom:.9rem;}
.sec-desc{color:#3d5a13;max-width:700px;margin-bottom:2.4rem;line-height:1.95;}

/* ---------- TABS (features) ---------- */
.features-wrap{
  background:linear-gradient(180deg,#ffffff 0%, #f5fee4 100%);
  border-radius:28px;padding:2.2rem 1.6rem;
  border:2px solid rgba(22,163,74,.14);
  box-shadow:var(--shadow-hard), inset 0 2px 0 #fff;
}
.tab-nav{
  display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.9rem;
  border-bottom:2px dashed rgba(22,163,74,.22);padding-bottom:1.2rem;
}
.tab-btn{
  border:2px solid rgba(22,163,74,.20);
  background:linear-gradient(180deg,#ffffff,#f2fde4);
  color:var(--ink);font-weight:700;font-size:.92rem;
  padding:.6rem 1.2rem;border-radius:13px;cursor:pointer;
  transition:.24s;box-shadow:0 6px 14px rgba(26,46,5,.08), inset 0 1px 0 #fff;
}
.tab-btn:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(26,46,5,.14), inset 0 1px 0 #fff;}
.tab-btn.active{
  background:linear-gradient(180deg,#3ecf6e,var(--green) 60%,var(--green-dark));
  color:#fff;border-color:var(--green-dark);
  box-shadow:0 12px 24px rgba(22,163,74,.40), inset 0 2px 0 rgba(255,255,255,.45);
}
.tab-panel{display:none;animation:fadeUp .45s ease both;}
.tab-panel.active{display:block;}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.feature-card{
  background:linear-gradient(165deg,#ffffff,#f9ffe9);
  border:2px solid rgba(22,163,74,.14);
  border-radius:20px;padding:1.6rem 1.5rem;height:100%;
  box-shadow:0 12px 26px rgba(26,46,5,.10), inset 0 1px 0 #fff;
  transition:transform .28s, box-shadow .28s;
}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 24px 46px rgba(26,46,5,.22), inset 0 1px 0 #fff;}
.feature-ico{
  width:52px;height:52px;border-radius:15px;display:inline-flex;align-items:center;justify-content:center;
  font-size:1.25rem;color:#fff;margin-bottom:1rem;
  background:linear-gradient(145deg,var(--lime),var(--green));
  box-shadow:0 10px 20px rgba(22,163,74,.34), inset 0 2px 0 rgba(255,255,255,.55);
}
.feature-card h4{font-size:1.08rem;margin-bottom:.55rem;}
.feature-card p{font-size:.94rem;color:#3d5a13;margin:0;line-height:1.9;}

/* ---------- FAQ ---------- */
.faq-sec{
  background:
    radial-gradient(700px 340px at 88% 0%, rgba(132,204,22,.30), transparent 62%),
    linear-gradient(180deg,#f7fee7,#f0fdd9);
}
.faq-item{
  background:#fff;border-radius:18px;margin-bottom:1rem;
  border:2px solid rgba(22,163,74,.14);
  box-shadow:0 10px 24px rgba(26,46,5,.10), inset 0 1px 0 #fff;
  overflow:hidden;transition:box-shadow .28s, transform .28s;
}
.faq-item:hover{box-shadow:0 20px 40px rgba(26,46,5,.18);transform:translateY(-3px);}
.faq-q{
  width:100%;text-align:left;background:none;border:none;
  padding:1.15rem 1.35rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  font-weight:800;font-size:1rem;color:var(--ink);cursor:pointer;line-height:1.6;
}
.faq-q .faq-ico{
  flex:0 0 auto;width:30px;height:30px;border-radius:9px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(145deg,var(--lime),var(--green));color:#fff;font-size:.8rem;
  transition:transform .3s;
  box-shadow:0 6px 12px rgba(22,163,74,.30), inset 0 1px 0 rgba(255,255,255,.5);
}
.faq-item.open .faq-ico{transform:rotate(180deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .42s ease;}
.faq-a-inner{padding:0 1.35rem 1.3rem;color:#3d5a13;font-size:.95rem;line-height:1.95;}
.faq-item.open .faq-a{max-height:420px;}

/* ---------- TIMELINE INTRO ---------- */
.intro-sec{background:linear-gradient(180deg,#ffffff,#f7fee7);}
.timeline{position:relative;padding-left:2.4rem;}
.timeline::before{
  content:"";position:absolute;left:9px;top:8px;bottom:8px;width:5px;border-radius:4px;
  background:linear-gradient(180deg,var(--lime),var(--green),var(--green-dark));
  box-shadow:0 0 0 4px rgba(22,163,74,.10);
}
.tl-item{position:relative;margin-bottom:2.1rem;}
.tl-dot{
  position:absolute;left:-2.4rem;top:4px;width:23px;height:23px;border-radius:50%;
  background:linear-gradient(145deg,#ffffff,#d9f99d);
  border:4px solid var(--green);
  box-shadow:0 6px 14px rgba(22,163,74,.36);
}
.tl-year{
  font-family:'SF Mono','Courier New',monospace;font-weight:800;
  color:var(--green-dark);font-size:.88rem;letter-spacing:.06em;margin-bottom:.2rem;
}
.tl-title{font-size:1.1rem;font-weight:800;margin-bottom:.4rem;}
.tl-text{color:#3d5a13;font-size:.95rem;line-height:1.95;margin:0;}
.longtext p{color:#3d5a13;line-height:2;margin-bottom:1.15rem;font-size:.98rem;}
.longtext h3{font-size:1.25rem;margin:1.6rem 0 .8rem;}
.quote-block{
  border-left:6px solid var(--lime);
  background:linear-gradient(165deg,#ffffff,#f3fee0);
  padding:1.2rem 1.4rem;border-radius:0 16px 16px 0;
  box-shadow:0 12px 26px rgba(26,46,5,.10);
  font-weight:600;color:#2f4a0a;margin:1.6rem 0;
}

/* ---------- CTA ---------- */
.cta-sec{
  padding:5rem 0 6rem;
  background:
    radial-gradient(900px 420px at 18% 10%, rgba(132,204,22,.42), transparent 62%),
    linear-gradient(160deg,#1a2e05 0%, #24450a 46%, #14532d 100%);
  color:#f7fee7;text-align:center;overflow:hidden;
}
.cta-sec::before{
  content:"";position:absolute;inset:0;
  background-image:
    radial-gradient(circle at 22% 28%, rgba(132,204,22,.22) 0, transparent 40%),
    radial-gradient(circle at 82% 72%, rgba(22,163,74,.24) 0, transparent 42%);
  pointer-events:none;
}
.cta-inner{position:relative;z-index:2;}
.cta-sec h2{color:#ffffff;font-size:clamp(1.7rem,3.6vw,2.7rem);margin-bottom:1rem;text-shadow:0 10px 26px rgba(0,0,0,.34);}
.cta-sec p{color:#d9f99d;max-width:640px;margin:0 auto 2rem;line-height:1.95;}
.cta-badge{
  display:inline-flex;align-items:center;gap:.55rem;
  padding:.42rem 1.05rem;border-radius:999px;margin-bottom:1.4rem;
  background:rgba(255,255,255,.10);border:2px solid rgba(217,249,157,.45);
  color:#d9f99d;font-weight:700;font-size:.85rem;backdrop-filter:blur(4px);
}
.btn-lime{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.9rem 1.9rem;border-radius:15px;font-weight:800;font-size:1rem;
  background:linear-gradient(180deg,#bef264,#84cc16 55%,#65a30d);
  color:#1a2e05;border:none;
  box-shadow:0 16px 34px rgba(132,204,22,.42), inset 0 2px 0 rgba(255,255,255,.6), inset 0 -3px 0 rgba(0,0,0,.16);
  transition:transform .24s, box-shadow .24s;
}
.btn-lime:hover{transform:translateY(-3px);color:#1a2e05;box-shadow:0 24px 46px rgba(132,204,22,.54), inset 0 2px 0 rgba(255,255,255,.6), inset 0 -3px 0 rgba(0,0,0,.16);}
.btn-outline-lime{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.9rem 1.7rem;border-radius:15px;font-weight:800;font-size:1rem;
  background:rgba(255,255,255,.06);color:#ecfccb;
  border:2px solid rgba(217,249,157,.55);
  transition:.24s;
}
.btn-outline-lime:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-3px);}

/* ---------- FOOTER ---------- */
.footer{
  background:#122103;color:#c6e88a;padding:3.6rem 0 1.6rem;
  border-top:6px solid var(--green);
}
.footer h5{color:#ffffff;font-size:1rem;margin-bottom:1rem;font-weight:800;}
.footer a{color:#b9e07a;font-size:.92rem;display:inline-block;padding:.16rem 0;transition:.2s;}
.footer a:hover{color:#ffffff;transform:translateX(3px);}
.footer .brand-line{
  font-weight:900;font-size:1.18rem;color:#ffffff;
  display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.8rem;
}
.footer .brand-line .brand-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:10px;
  background:linear-gradient(145deg,var(--lime),var(--green));color:#fff;font-size:.9rem;
  box-shadow:0 6px 14px rgba(0,0,0,.35);
}
.footer-desc{font-size:.9rem;color:#a9cf6c;line-height:1.9;max-width:340px;}
.friend-links{
  border-top:1px dashed rgba(185,224,122,.28);
  margin-top:2.4rem;padding-top:1.6rem;
}
.friend-links h6{color:#ffffff;font-weight:800;font-size:.95rem;margin-bottom:.7rem;}
.friend-links .fl-placeholder{color:#a9cf6c;font-size:.9rem;line-height:2;}
.copyright{
  border-top:1px solid rgba(185,224,122,.16);
  margin-top:1.6rem;padding-top:1.2rem;
  font-size:.85rem;color:#8fb457;text-align:center;
}

/* ---------- SCROLL REVEAL ---------- */
.reveal{opacity:0;transform:translateY(38px) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.3,1), transform .7s cubic-bezier(.2,.7,.3,1);}
.reveal.in{opacity:1;transform:translateY(0) scale(1);}

/* ---------- RESPONSIVE ---------- */
@media (max-width:991.98px){
  .hero{padding:4rem 0 6rem;}
  .cover-stack{margin-top:2.6rem;}
  .sec{padding:3.6rem 0;}
  .cta-sec{padding:3.8rem 0 4.4rem;}
}
@media (max-width:575.98px){
  body{line-height:1.8;}
  .hero{padding:3.2rem 0 5rem;}
  .hero-stats{gap:.7rem;}
  .stat-card{flex:1 1 100%;}
  .features-wrap{padding:1.4rem 1rem;border-radius:22px;}
  .timeline{padding-left:2rem;}
  .timeline::before{left:7px;}
  .tl-dot{left:-2rem;width:19px;height:19px;}
  .wave-div svg{height:48px;}
  .footer{padding:2.6rem 0 1.2rem;}
}

/* --- 子页面追加 --- */
/* 本页专属少量样式，复用站点配色变量 */
  .guide-h2 { font-weight: 800; letter-spacing: -.01em; color: var(--ink); margin-bottom: .6rem; }
.guide-h2 .g-ico { color: var(--green); margin-right: .5rem; }
.guide-lead { color: rgba(26,46,5,.72); max-width: 760px; }
.g-card {
    background: var(--card);
    border: 1px solid rgba(22,163,74,.16);
    border-radius: 20px;
    padding: 1.6rem 1.5rem;
    box-shadow: var(--shadow-soft);
    height: 100%;
    transition: transform .22s ease, box-shadow .22s ease;
  }
.g-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-hard); }
.g-step-no {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 12px;
    background: linear-gradient(135deg, var(--green), var(--lime));
    color: #fff; font-weight: 800; font-size: 1rem;
    box-shadow: 0 8px 18px rgba(22,163,74,.28);
  }
.g-card h3 { font-size: 1.12rem; font-weight: 800; color: var(--ink); margin: .9rem 0 .5rem; }
.g-card p { color: rgba(26,46,5,.72); font-size: .95rem; line-height: 1.75; margin: 0; }
.g-tip-list { list-style: none; padding: 0; margin: 0; }
.g-tip-list li {
    position: relative; padding: .6rem 0 .6rem 2rem;
    color: rgba(26,46,5,.8); font-size: .96rem; line-height: 1.7;
    border-bottom: 1px dashed rgba(22,163,74,.18);
  }
.g-tip-list li:last-child { border-bottom: 0; }
.g-tip-list li i { position: absolute; left: .25rem; top: .78rem; color: var(--green); font-size: .9rem; }
.g-panel {
    background: linear-gradient(160deg, #ffffff 0%, var(--lime-light) 140%);
    border: 1px solid rgba(22,163,74,.18);
    border-radius: 24px;
    padding: 2rem 1.7rem;
    box-shadow: var(--shadow-soft);
  }
.g-faq-item {
    background: var(--card);
    border: 1px solid rgba(22,163,74,.16);
    border-radius: 16px;
    padding: 1.15rem 1.3rem;
    box-shadow: var(--shadow-soft);
    height: 100%;
  }
.g-faq-item h3 { font-size: 1rem; font-weight: 800; color: var(--ink); margin-bottom: .45rem; }
.g-faq-item h3 i { color: var(--green); margin-right: .4rem; }
.g-faq-item p { font-size: .92rem; line-height: 1.72; color: rgba(26,46,5,.72); margin: 0; }
.g-kbd {
    display: inline-block; padding: .05rem .45rem; border-radius: 6px;
    background: rgba(22,163,74,.12); color: var(--green-dark);
    font-weight: 700; font-size: .85rem;
  }
.g-note {
    border-left: 4px solid var(--lime);
    background: rgba(217,249,157,.45);
    border-radius: 0 14px 14px 0;
    padding: 1rem 1.2rem;
    color: rgba(26,46,5,.82);
    font-size: .94rem; line-height: 1.75;
  }
.g-cta-btn {
    display: inline-flex; align-items: center; gap: .5rem;
    background: linear-gradient(135deg, var(--green), var(--lime));
    color: #fff; font-weight: 700; border: 0;
    padding: .8rem 1.6rem; border-radius: 999px;
    text-decoration: none;
    box-shadow: 0 14px 28px rgba(22,163,74,.32);
    transition: transform .2s ease, box-shadow .2s ease;
  }
.g-cta-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: var(--shadow-hard); }
.g-sub-h { font-weight: 800; font-size: 1.25rem; color: var(--ink); margin-bottom: .8rem; }
.g-panel { padding: 1.5rem 1.1rem; }
.g-card { padding: 1.3rem 1.1rem; }

/* --- 子页面追加 --- */
/* 本页专属少量补充，复用站点变量 */
  .about-lead {
    font-size:1.08rem;line-height:1.95;color:var(--ink);opacity:.88;
  }
.about-panel {
    background:var(--card);
    border:2px solid var(--lime-light);
    border-radius:22px;
    padding:clamp(1.25rem,3vw,2rem);
    box-shadow:var(--shadow-soft);
    height:100%;
  }
.about-panel h3 {
    font-size:1.12rem;font-weight:800;color:var(--ink);
    display:flex;align-items:center;gap:.55rem;margin-bottom:.7rem;
  }
.about-panel h3 i {color:var(--green);}
.about-panel p {color:var(--ink);opacity:.8;line-height:1.9;margin:0;font-size:.95rem;}
.about-num {
    display:inline-flex;align-items:center;justify-content:center;
    width:2.1rem;height:2.1rem;border-radius:50%;
    background:linear-gradient(135deg,var(--green),var(--lime));
    color:#fff;font-weight:800;font-size:.9rem;flex:none;
  }
.about-list {list-style:none;padding:0;margin:0;}
.about-list li {
    display:flex;gap:.85rem;align-items:flex-start;
    padding:.85rem 0;border-bottom:1px dashed var(--lime-light);
  }
.about-list li:last-child {border-bottom:none;}
.about-list strong {color:var(--ink);font-weight:700;}
.about-list span {color:var(--ink);opacity:.78;font-size:.94rem;line-height:1.8;}
.about-quote {
    border-left:4px solid var(--green);
    background:linear-gradient(90deg,var(--lime-light),transparent);
    border-radius:0 16px 16px 0;
    padding:1.1rem 1.3rem;margin:0;
    color:var(--ink);font-weight:600;line-height:1.85;
  }
.about-figure {
    background:var(--card);border-radius:24px;overflow:hidden;
    box-shadow:var(--shadow-hard);border:2px solid var(--lime-light);
  }
.about-figure img {width:100%;display:block;aspect-ratio:4/3;object-fit:cover;}
.about-figure figcaption {
    padding:.8rem 1rem;font-size:.84rem;color:var(--ink);opacity:.7;
    border-top:1px solid var(--lime-light);
  }
.about-tagline {
    display:inline-block;background:var(--lime-light);color:var(--green-dark);
    font-weight:700;font-size:.8rem;letter-spacing:.04em;
    padding:.35rem .8rem;border-radius:999px;margin-bottom:.9rem;
  }

/* --- 子页面追加 --- */
.privacy-hero {padding:120px 0 40px;}
.privacy-panel {
    background:var(--card);
    border:1px solid rgba(26,46,5,.08);
    border-radius:22px;
    box-shadow:var(--shadow-soft);
    padding:34px 32px;
    margin-bottom:26px;
  }
.privacy-panel h2 {
    font-size:1.35rem;font-weight:800;color:var(--ink);
    margin:0 0 14px;display:flex;align-items:center;gap:12px;line-height:1.4;
  }
.privacy-panel h2 .num {
    flex:0 0 auto;width:34px;height:34px;border-radius:11px;
    background:linear-gradient(135deg,var(--green),var(--lime));
    color:#fff;font-size:.95rem;font-weight:800;
    display:inline-flex;align-items:center;justify-content:center;
  }
.privacy-panel h3 {
    font-size:1.02rem;font-weight:700;color:var(--green-dark);
    margin:22px 0 8px;
  }
.privacy-panel p,.privacy-panel li {
    color:rgba(26,46,5,.82);font-size:.95rem;line-height:1.85;
  }
.privacy-panel ul {padding-left:1.15rem;margin:0 0 10px;}
.privacy-panel li {margin-bottom:6px;}
.privacy-panel p:last-child {margin-bottom:0;}
.privacy-note {
    background:var(--bg);
    border-left:4px solid var(--lime);
    border-radius:0 14px 14px 0;
    padding:14px 18px;
    font-size:.9rem;
    color:rgba(26,46,5,.78);
    margin-top:14px;
  }
.privacy-toc {
    background:var(--card);
    border-radius:22px;
    box-shadow:var(--shadow-soft);
    border:1px solid rgba(26,46,5,.08);
    padding:24px 26px;
    position:sticky;top:96px;
  }
.privacy-toc .toc-title {
    font-weight:800;color:var(--ink);font-size:.98rem;margin-bottom:14px;
    display:flex;align-items:center;gap:8px;
  }
.privacy-toc a {
    display:block;color:rgba(26,46,5,.72);text-decoration:none;
    font-size:.9rem;padding:7px 10px;border-radius:10px;
    transition:.2s;line-height:1.4;
  }
.privacy-toc a:hover {background:var(--lime-light);color:var(--green-dark);}
.privacy-meta {
    display:inline-flex;align-items:center;gap:8px;
    font-size:.82rem;color:var(--green-dark);
    background:var(--lime-light);
    padding:6px 14px;border-radius:999px;font-weight:600;
  }
.privacy-cta {
    background:linear-gradient(135deg,var(--green),var(--lime));
    border-radius:22px;color:#fff;padding:32px;
    box-shadow:var(--shadow-hard);
  }
.privacy-cta h2 {color:#fff;font-size:1.3rem;font-weight:800;margin-bottom:10px;}
.privacy-cta p {color:rgba(255,255,255,.92);font-size:.95rem;line-height:1.8;margin-bottom:18px;}
.privacy-cta .btn-wood {background:var(--ink);color:#fff;border:none;}
.privacy-cta .btn-wood:hover {background:#0c1a02;color:#fff;}
.privacy-cta .btn-ghost {color:#fff;border:1.5px solid rgba(255,255,255,.7);background:transparent;}
.privacy-cta .btn-ghost:hover {background:rgba(255,255,255,.15);color:#fff;}
.privacy-hero {padding:96px 0 28px;}
.privacy-panel {padding:26px 22px;border-radius:18px;}
.privacy-toc {position:static;margin-bottom:26px;}