/* 张家界会议网 — 大自然色系 · 清晰友好
   森林绿 #1a5632 · 石青 #3d7a5c · 山雾灰 #f0f4f1 
   暖金 #c88d3a · 琥珀 #c5713b · 水蓝 #1d7b9e */

:root{
  --green:#1a5632; --green-mid:#2d7246; --green-light:#3d8a5a;
  --sage:#e8f0ea; --sage-light:#f4f8f5; --stone:#dce6df;
  --golden:#c88d3a; --golden-light:#e8b860; --amber:#c5713b;
  --water:#1d7b9e; --water-light:#3da0c4;
  --cloud:#fafcfa; --white:#fff; --black:#1a1a1a;
  --text:#2d2d2d; --text-mid:#555; --text-light:#8a8a8a;
  --border:#dde5df;
  --shadow:0 2px 12px rgba(0,0,0,.06);
  --shadow-md:0 4px 20px rgba(0,0,0,.1);
  --radius:10px; --radius-sm:6px;
  --t:0.25s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--text);background:var(--cloud);line-height:1.7;
  -webkit-font-smoothing:antialiased;font-size:15px;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{list-style:none}
.container{max-width:1120px;margin:0 auto;padding:0 20px}
.section{padding:64px 0}
.section-head{text-align:center;margin-bottom:40px}
.section-head h2{font-size:28px;color:var(--green);margin-bottom:8px;font-weight:700}
.section-head p{color:var(--text-mid);font-size:15px;max-width:480px;margin:0 auto}
.more-link{text-align:center;margin-top:24px}
.more-link a{color:var(--green);font-weight:600;font-size:15px;transition:color var(--t)}
.more-link a:hover{color:var(--green-light)}

/* === TOP STRIP === */
.top-strip{background:var(--green);color:rgba(255,255,255,.9);font-size:13px;padding:6px 0}
.top-strip-inner{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:4px}
.top-strip-contact{display:flex;align-items:center;gap:8px;font-weight:600}
.top-strip-contact a{color:#ffe1a8;padding:2px 0;transition:color var(--t);white-space:nowrap}
.top-strip-contact a:hover{color:#fff}
.top-strip-divider{opacity:.35}

/* === NAV === */
.nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:box-shadow var(--t)}
.nav.scrolled{box-shadow:0 2px 16px rgba(0,0,0,.08)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:56px}
.nav-logo img{height:35px;display:block}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links a{padding:8px 14px;border-radius:20px;font-size:14px;font-weight:500;color:var(--text);transition:all var(--t)}
.nav-links a:hover{background:var(--sage);color:var(--green)}
.nav-link-accent{color:var(--white)!important;background:var(--green)!important;padding:8px 18px!important}
.nav-link-accent:hover{background:var(--green-mid)!important;color:var(--white)!important}
.nav-toggle{display:none;background:none;border:none;font-size:22px;cursor:pointer;padding:6px;color:var(--text)}

/* === HERO === */
.hero{position:relative;background:linear-gradient(155deg,#0a1f12 0%,#142818 30%,#1a3824 60%,#0d1f14 100%);min-height:440px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white);overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 30% 60%,rgba(200,141,58,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 70% 30%,rgba(29,123,158,.06) 0%,transparent 50%);animation:heroPulse 8s ease-in-out infinite alternate;z-index:0}
@keyframes heroPulse{0%{opacity:.6}100%{opacity:1}}
.hero-content{position:relative;z-index:2;max-width:680px;padding:60px 20px}
.hero-content h1{font-size:clamp(28px,5vw,48px);font-weight:800;line-height:1.25;margin-bottom:16px;letter-spacing:-.5px}
.hero-accent{background:linear-gradient(135deg,var(--golden-light) 0%,var(--amber) 50%,var(--golden) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-desc{font-size:clamp(14px,2vw,16px);color:rgba(255,255,255,.7);line-height:1.7;margin-bottom:32px}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn-hero{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--golden),var(--amber));color:var(--white);padding:13px 30px;border-radius:50px;font-size:16px;font-weight:700;box-shadow:0 4px 20px rgba(200,141,58,.3);transition:all var(--t)}
.btn-hero:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,141,58,.45)}
.btn-hero-outline{display:inline-flex;align-items:center;gap:4px;border:1.5px solid rgba(255,255,255,.35);color:var(--white);padding:13px 26px;border-radius:50px;font-size:15px;font-weight:500;transition:all var(--t)}
.btn-hero-outline:hover{border-color:var(--white);background:rgba(255,255,255,.06)}
.hero-scroll{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:3;color:rgba(255,255,255,.4);font-size:26px;cursor:pointer;animation:bounce 2s infinite}
@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}

/* === QUICK STATS === */
.quick-stats{background:var(--white);border-bottom:1px solid var(--border)}
.quick-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;padding:24px 0;gap:16px}
.qs-item strong{display:block;font-size:28px;color:var(--green);font-weight:800;margin-bottom:2px}
.qs-item span{font-size:13px;color:var(--text-mid)}

/* === SERVICE GRID === */
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc-item{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);padding:24px 18px;text-align:center;transition:all var(--t);display:flex;flex-direction:column;align-items:center;gap:6px}
.svc-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--green-light);background:#f9fdf9}
.svc-emoji{font-size:30px;line-height:1}
.svc-name{font-size:16px;font-weight:700;color:var(--green)}
.svc-desc{font-size:12px;color:var(--text-light)}

/* === SCENERY === */
.scenery-section{background:var(--white)}
.scenery-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.scenery-main{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;min-height:300px}
.scenery-main img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.scenery-main:hover img{transform:scale(1.03)}
.scenery-label{position:absolute;bottom:0;left:0;right:0;padding:36px 18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:var(--white);font-size:16px;font-weight:600}
.scenery-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.scenery-thumb{position:relative;border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:4/3;min-height:140px}
.scenery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.scenery-thumb:hover img{transform:scale(1.05)}
.scenery-thumb span{position:absolute;bottom:0;left:0;right:0;padding:20px 8px 8px;background:linear-gradient(transparent,rgba(0,0,0,.6));color:var(--white);font-size:12px;font-weight:600}

/* === VENUES === */
.venue-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.venue-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;transition:all var(--t);border:1px solid var(--border)}
.venue-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.venue-img{width:220px;flex-shrink:0;overflow:hidden}
.venue-img img{width:100%;height:100%;object-fit:cover;min-height:180px;transition:transform .4s}
.venue-card:hover .venue-img img{transform:scale(1.04)}
.venue-info{padding:20px 24px;display:flex;flex-direction:column;justify-content:center}
.venue-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--green);background:var(--sage);padding:3px 10px;border-radius:10px;width:fit-content;margin-bottom:8px}
.venue-info h3{font-size:18px;color:var(--text);margin-bottom:6px;font-weight:700}
.venue-info p{font-size:13px;color:var(--text-light);line-height:1.5;margin-bottom:10px}
.venue-link{font-size:13px;color:var(--water);font-weight:600;transition:color var(--t)}
.venue-link:hover{color:var(--water-light)}

/* === INFO SECTION === */
.info-section{background:var(--sage)}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.info-col h3{font-size:15px;color:var(--green);margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--stone)}
.info-col ul{display:flex;flex-direction:column;gap:2px}
.info-col li{padding:6px 0;border-bottom:1px dotted var(--stone)}
.info-col a{font-size:13px;color:var(--text);transition:all var(--t);display:block}
.info-col a:hover{color:var(--green);padding-left:4px}

/* === CTA === */
.cta{background:var(--white)}
.cta-card{background:linear-gradient(135deg,var(--green) 0%,#0d4022 50%,var(--water) 100%);border-radius:16px;padding:48px 32px;text-align:center;color:var(--white);box-shadow:0 16px 48px rgba(26,86,50,.2)}
.cta-card h2{font-size:26px;font-weight:800;margin-bottom:10px}
.cta-card p{font-size:15px;opacity:.85;max-width:460px;margin:0 auto 24px}
.cta-phones{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.cta-tel{font-size:22px;font-weight:800;color:var(--golden-light);transition:color var(--t)}
.cta-tel:hover{color:var(--white)}
.cta-sep{opacity:.35;font-size:18px}

/* === FOOTER === */
.footer{background:#132418;color:rgba(255,255,255,.9);padding:48px 0 0;font-size:14px}
.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px}
.footer-brand strong{display:block;margin-bottom:6px;color:#e8b860}
.footer-col h4{color:var(--golden-light);font-size:14px;font-weight:700;margin-bottom:14px;letter-spacing:.5px}
.footer-col p{margin-bottom:6px;font-size:13px;color:rgba(255,255,255,.75)}
.footer-col li{padding:6px 0;position:relative}
.footer-col a{color:rgba(255,255,255,.75);transition:all var(--t);display:inline-block;font-weight:500;font-size:14px}
.footer-col a:hover{color:#fff}
  .footer-col .footer-contact a,.footer-col a[href^="tel:"]{color:rgba(255,255,255,.75)!important;font-weight:700;font-size:15px}
  .footer-col a:hover{padding-left:6px}
.footer-friends{padding:24px 0;border-top:1px solid rgba(255,255,255,.08)}
.footer-friends h4{color:var(--white);font-size:14px;margin-bottom:12px}
.friends-cloud{display:flex;flex-wrap:wrap;gap:7px}
.friends-cloud a{display:inline-block;padding:5px 14px;font-size:.78rem;color:rgba(255,255,255,.75);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:50px;transition:all var(--t);line-height:1.5}
.friends-cloud a:hover{color:#fff;background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}
.footer-bottom{padding:18px 0;text-align:center;font-size:12px;color:rgba(255,255,255,.55);border-top:1px solid rgba(255,255,255,.08)}

/* === RESPONSIVE === */
@media(max-width:900px){
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .scenery-layout{grid-template-columns:1fr}
  .venue-grid{grid-template-columns:1fr}
  .venue-card{flex-direction:column}
  .venue-img{width:100%;height:160px}
  .venue-info{padding:16px 20px}
  .info-grid{grid-template-columns:1fr 1fr}
  .footer-main{grid-template-columns:1fr 1fr}
  .quick-stats-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .top-strip-inner{flex-direction:column;text-align:center}
  .section{padding:40px 0}
  .section-head h2{font-size:22px}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--white);flex-direction:column;padding:8px;gap:0;box-shadow:var(--shadow-md);border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-links a{border-radius:0;padding:12px 16px;width:100%;border-bottom:1px solid var(--sage)}
  .nav-links a:last-child{border-bottom:none}
  .nav-link-accent{border-radius:0!important}
  .nav-toggle{display:block}
  .hero{min-height:360px}
  .hero-content h1{font-size:26px}
  .service-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .svc-item{padding:18px 12px}
  .svc-emoji{font-size:26px}
  .scenery-thumbs{grid-template-columns:1fr;gap:8px}
  .scenery-main{min-height:0;aspect-ratio:auto}
  .scenery-thumb{min-height:0}
  .info-grid{grid-template-columns:1fr}
  .cta-card{padding:36px 20px}
  .cta-card h2{font-size:22px}
  .cta-tel{font-size:18px}
  .footer-main{grid-template-columns:1fr;gap:24px}
  .quick-stats-grid{gap:12px}
  .qs-item strong{font-size:22px}
}