/* ===== 和悦辰 · 新中式禅意留白 基础变量 ===== */
:root{
  --bg:#f7f4ed;
  --bg-alt:#efe9dd;
  --ink:#1f4e3d;        /* 墨绿 主色 */
  --wood:#b07d4f;       /* 木色 点缀 */
  --text:#2b2b2b;
  --muted:#6b6b6b;
  --line:#d8cfbe;
  --maxw:1120px;
  --serif:"STKaiti","KaiTi","楷体","Songti SC","SimSun",serif;
  --sans:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Heiti SC",sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;scroll-padding-top:72px;}
body{
  font-family:var(--sans);
  color:var(--text);
  background:var(--bg);
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}

/* ===== 导航 ===== */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:50;
  transition:background .35s ease, box-shadow .35s ease;
}
.nav.scrolled{background:rgba(247,244,237,.92);backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--line);}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between;
}
.nav-logo{font-family:var(--serif);font-size:24px;font-weight:700;color:#fff;letter-spacing:.08em;transition:color .35s;}
.nav.scrolled .nav-logo{color:var(--ink);}
.nav-logo span{font-size:13px;font-weight:400;opacity:.8;margin-left:6px;}
.nav-links{display:flex;align-items:center;gap:30px;}
.nav-links a{font-size:15px;color:rgba(255,255,255,.9);transition:color .3s;position:relative;}
.nav.scrolled .nav-links a{color:var(--text);}
.nav-links a:hover{color:var(--wood);}
.nav-cta{
  border:1px solid var(--wood);border-radius:2px;padding:8px 18px !important;color:var(--wood) !important;
}
.nav-cta:hover{background:var(--wood);color:#fff !important;}
.nav-toggle{display:none;background:none;border:none;font-size:26px;color:#fff;cursor:pointer;}
.nav.scrolled .nav-toggle{color:var(--ink);}

/* ===== Hero ===== */
.hero{
  position:relative;min-height:92vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(160deg,#163a2e 0%,#1f4e3d 55%,#2a3a31 100%);
  color:#f7f4ed;padding:0 24px;overflow:hidden;
}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(176,125,79,.18),transparent 60%);}
.hero-content{position:relative;max-width:760px;z-index:1;animation:fadeUp 1s ease both;}
.hero-eyebrow{letter-spacing:.4em;font-size:13px;color:var(--wood);margin-bottom:22px;text-transform:none;}
.hero-title{font-family:var(--serif);font-size:clamp(56px,12vw,120px);font-weight:700;letter-spacing:.06em;line-height:1;margin-bottom:18px;}
.hero-sub{font-family:var(--serif);font-size:clamp(18px,3vw,26px);color:#e9e2d3;margin-bottom:22px;letter-spacing:.06em;}
.hero-desc{max-width:620px;margin:0 auto 38px;font-size:15px;color:rgba(247,244,237,.82);line-height:2;}
.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:13px;color:rgba(247,244,237,.6);letter-spacing:.1em;animation:floatY 2.4s ease-in-out infinite;}

/* ===== 按钮 ===== */
.btn{display:inline-block;padding:13px 30px;font-size:15px;border-radius:2px;letter-spacing:.05em;transition:all .3s;cursor:pointer;border:1px solid transparent;}
.btn-primary{background:var(--wood);color:#fff;}
.btn-primary:hover{background:#9a6a40;}
.btn-ghost{border:1px solid rgba(247,244,237,.5);color:#f7f4ed;}
.btn-ghost:hover{background:rgba(247,244,237,.12);border-color:#f7f4ed;}
.btn-block{width:100%;text-align:center;}

/* ===== 区块通用 ===== */
.section{padding:104px 0;}
.section-alt{background:var(--bg-alt);}
.container{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.section-head{text-align:center;margin-bottom:56px;}
.section-tag{display:inline-block;font-size:13px;letter-spacing:.3em;color:var(--wood);border:1px solid var(--line);padding:5px 16px;border-radius:2px;margin-bottom:18px;}
.section-title{font-family:var(--serif);font-size:clamp(28px,4vw,40px);color:var(--ink);letter-spacing:.04em;font-weight:700;}
.lead-text{font-size:16px;color:var(--muted);max-width:760px;margin:0 auto 14px;line-height:2;}
.lead-text.center{text-align:center;}
.lead-statement{font-family:var(--serif);font-size:clamp(22px,3.4vw,34px);color:var(--ink);text-align:center;line-height:1.7;margin-bottom:26px;font-weight:700;}
.lead-statement .accent{color:var(--wood);}

/* ===== 品牌三层 ===== */
.tri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:60px;}
.tri-card{background:#fff;border:1px solid var(--line);padding:40px 32px;text-align:center;border-radius:3px;transition:transform .3s,box-shadow .3s;}
.tri-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(31,78,61,.1);}
.tri-num{font-family:var(--serif);font-size:40px;color:var(--wood);display:block;margin-bottom:14px;}
.tri-card h3{font-family:var(--serif);font-size:24px;color:var(--ink);margin-bottom:12px;letter-spacing:.05em;}
.tri-card p{font-size:15px;color:var(--muted);line-height:1.9;}

/* ===== 趋势 ===== */
.trend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.trend-card{background:#fff;border-left:3px solid var(--wood);padding:32px 30px;border-radius:2px;}
.trend-card h3{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:12px;letter-spacing:.04em;}
.trend-card p{font-size:15px;color:var(--muted);line-height:1.95;}

/* ===== 产品矩阵 ===== */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;}
.prod-card{background:var(--bg);border:1px solid var(--line);padding:30px 26px;border-radius:3px;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;}
.prod-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(31,78,61,.1);}
.prod-level{font-size:12px;letter-spacing:.2em;color:var(--wood);border:1px solid var(--wood);border-radius:2px;padding:3px 10px;align-self:flex-start;margin-bottom:16px;}
.prod-card h3{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:10px;}
.prod-card p{font-size:14px;color:var(--muted);line-height:1.85;flex:1;}
.prod-ph{margin-top:18px;font-size:12px;color:#a59a86;border:1px dashed var(--line);border-radius:2px;padding:14px;text-align:center;background:rgba(255,255,255,.5);}

/* ===== 空间样板 ===== */
.space-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.space-img img{border-radius:3px;box-shadow:0 18px 44px rgba(31,78,61,.18);}
.space-img figcaption{font-size:13px;color:var(--muted);margin-top:12px;text-align:center;letter-spacing:.05em;}
.space-text .lead-text{text-align:left;margin-bottom:24px;}
.space-list{list-style:none;margin-bottom:24px;}
.space-list li{position:relative;padding-left:22px;margin-bottom:12px;font-size:15px;color:var(--text);line-height:1.8;}
.space-list li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:var(--wood);border-radius:50%;}
.space-list strong{color:var(--ink);}
.space-poem{font-family:var(--serif);font-size:17px;color:var(--ink);line-height:2.1;letter-spacing:.05em;border-top:1px solid var(--line);padding-top:20px;}

/* ===== 招商 ===== */
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;}
.partner-card{background:var(--bg-alt);border:1px solid var(--line);padding:38px 30px;border-radius:3px;text-align:center;transition:transform .3s,box-shadow .3s;}
.partner-card:hover{transform:translateY(-6px);box-shadow:0 14px 32px rgba(31,78,61,.1);}
.partner-card h3{font-family:var(--serif);font-size:24px;color:var(--ink);margin-bottom:8px;letter-spacing:.04em;}
.partner-role{font-size:13px;color:var(--wood);letter-spacing:.1em;margin-bottom:16px;}
.partner-card p{font-size:14px;color:var(--muted);line-height:1.9;}
.partner-cta{background:var(--ink);color:#f7f4ed;border-radius:3px;padding:44px 40px;text-align:center;}
.partner-cta p{font-size:16px;line-height:1.9;max-width:680px;margin:0 auto 26px;color:rgba(247,244,237,.9);}
.partner-cta strong{color:var(--wood);}

/* ===== 联系 ===== */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.contact-info .info-row{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);}
.info-label{flex:0 0 80px;font-family:var(--serif);color:var(--ink);font-size:16px;}
.info-value{flex:1;font-size:15px;color:var(--text);}
.contact-note{margin-top:24px;font-size:14px;color:var(--muted);line-height:1.9;}
.contact-form{background:#fff;border:1px solid var(--line);padding:36px 32px;border-radius:3px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:14px;color:var(--ink);margin-bottom:8px;font-family:var(--serif);}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;font-size:15px;font-family:var(--sans);
  border:1px solid var(--line);border-radius:2px;background:#fcfaf5;color:var(--text);transition:border-color .3s;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--wood);}
.field textarea{resize:vertical;}
.form-tip{font-size:14px;color:var(--ink);margin-top:14px;text-align:center;min-height:20px;}

/* ===== 页脚 ===== */
.footer{background:#163a2e;color:rgba(247,244,237,.8);padding:64px 0 40px;}
.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:start;}
.footer-logo{font-family:var(--serif);font-size:22px;color:#f7f4ed;margin-bottom:10px;letter-spacing:.06em;}
.footer-slogan{font-size:14px;color:var(--wood);}
.footer-poem{font-family:var(--serif);font-size:15px;line-height:2;color:rgba(247,244,237,.75);}
.footer-meta{font-size:13px;color:rgba(247,244,237,.55);text-align:right;line-height:2;}

/* ===== 动画 ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;}
.reveal.in{opacity:1;transform:none;}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
@keyframes floatY{0%,100%{transform:translate(-50%,0);}50%{transform:translate(-50%,8px);}}

/* ===== 响应式 ===== */
@media(max-width:880px){
  .nav-links{position:fixed;top:64px;right:0;left:0;flex-direction:column;background:rgba(247,244,237,.98);
    padding:24px;gap:20px;box-shadow:0 10px 30px rgba(0,0,0,.12);transform:translateY(-130%);transition:transform .35s;align-items:flex-start;}
  .nav-links.open{transform:none;}
  .nav-links a{color:var(--text);font-size:17px;}
  .nav-toggle{display:block;}
  .tri-grid,.prod-grid,.trend-grid,.partner-grid{grid-template-columns:1fr;}
  .space-layout,.contact-layout{grid-template-columns:1fr;gap:36px;}
  .footer-inner{grid-template-columns:1fr;gap:24px;text-align:left;}
  .footer-meta{text-align:left;}
  .section{padding:72px 0;}
  .section-head{margin-bottom:40px;}
}