:root{
  --green:#0F4B48;
  --green-deep:#0A3A37;
  --green-soft:#1C5E59;
  --gold:#F8E9D2;
  --gold-deep:#E8D0AC;
  --orange:#E89C6E;
  --orange-deep:#C9753F;
  --cream:#FAF9F4;
  --cream-2:#F3EFE2;
  --ink:#2A2A28;
  --ink-2:#5A5852;
  --ink-3:#8B8A82;
  --line:#E6DEC9;
  --red:#B54A3B;
  --white:#FFFFFF;
  --shadow:0 18px 50px rgba(15,75,72,0.10);
  --shadow-sm:0 8px 24px rgba(15,75,72,0.08);
  --radius:20px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  background:var(--cream);
  color:var(--ink);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.3}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
::selection{background:var(--green);color:#fff}

.container{max-width:1200px;margin:0 auto;padding:0 28px}
.section{padding:80px 0}
.section-head{text-align:center;margin-bottom:60px}
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--serif);font-size:14px;letter-spacing:4px;
  color:var(--orange-deep);margin-bottom:16px;
  font-weight:600;
}
.eyebrow::before,.eyebrow::after{
  content:"";width:34px;height:1px;background:var(--orange);
}
.section-title{font-size:44px;color:var(--green);margin-bottom:16px}
.section-sub{font-size:17px;color:var(--ink-2);max-width:660px;margin:0 auto}
.block-height{height: 40px;}
/* ===== 按钮 ===== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 36px;border-radius:60px;font-size:17px;font-weight:600;
  transition:all .25s ease;font-family:var(--sans);
}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green-deep);transform:translateY(-2px);box-shadow:0 12px 26px rgba(15,75,72,0.28)}
.btn-ghost{background:transparent;color:var(--green);border:1.5px solid rgba(15,75,72,0.35)}
.btn-ghost:hover{border-color:var(--green);background:rgba(15,75,72,0.05)}
.btn-light{background:#fff;color:var(--green)}
.btn-light:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,0.18)}
.btn-lg{padding:12px 30px;font-size:18px}
.btn-primary{
    background:#0F4B48;
    color:#fff;
    border:none;
    padding:10px 22px;
    border-radius:8px;
    cursor:pointer;
}
.btn-outline{
    background:transparent;
    border:1px solid #0F4B48;
    color:#0F4B48;
    padding:10px 22px;
    border-radius:8px;
    cursor:pointer;
}
/* ===== 顶部导航 ===== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(250,249,244,0.86);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(230,222,201,0.7);
  transition:box-shadow .3s ease;
}
.nav.scrolled{box-shadow:0 4px 24px rgba(15,75,72,0.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;align-items:center;gap:12px}
.brand-seal{
  width:44px;height:44px;border-radius:10px;
  background:linear-gradient(135deg,var(--red),#8E3328);
  display:flex;align-items:center;justify-content:center;
  font-family:var(--serif);font-weight:900;font-size:24px;color:var(--gold);
  box-shadow:0 4px 12px rgba(181,74,59,0.4);
}
.brand-name{font-family:var(--serif);font-size:22px;font-weight:900;color:var(--green);letter-spacing:2px}
.brand-sub{font-size:11px;color:var(--ink-3);letter-spacing:2px;display:block;margin-top:-2px}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{
  font-size:16px;color:var(--ink-2);position:relative;padding:6px 0;font-weight:500;
  transition:color .2s;
}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--orange);transition:width .25s ease;border-radius:2px;
}
.nav-links a:hover{color:var(--green)}
.nav-links a:hover::after{width:100%}
.nav-cta{padding:12px 28px;font-size:15px}



/* ===== 页脚 ===== */
.footer{background:var(--green-deep);color:rgba(255,255,255,0.75);padding:70px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:50px;margin-bottom:50px}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.footer-brand .brand-seal{box-shadow:none}
.footer-brand span{font-family:var(--serif);font-size:22px;font-weight:900;color:var(--gold)}
.footer-about{font-size:14px;line-height:1.8;margin-bottom:20px}
.footer-col h4{font-size:17px;color:var(--gold);margin-bottom:18px;font-family:var(--serif)}
.footer-col a{display:block;font-size:14px;padding:5px 0;transition:color .2s}
.footer-col a:hover{color:var(--orange)}
.footer-contact{font-size:14px;line-height:2}
.footer-contact b{color:var(--gold)}
.footer-bottom{
  border-top:1px solid rgba(248,233,210,0.15);padding-top:24px;
  display:flex;align-items:center;justify-content:space-between;font-size:13px;color:rgba(255,255,255,0.55);flex-wrap:wrap;gap:12px;
}
.footer-bottom a{margin-left:18px}