:root{
  --bg:#faf8f3;--ink:#1a1a1a;--muted:#666;--line:#e5e0d8;
  --gold:#b48a5c;--gold-dark:#8e6b46;--accent:#2d4a3e;
  --radius:4px;--max:1200px;
  --space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:64px;
  --font-serif:"Noto Serif SC","Songti SC",serif;
  --font-sans:"PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--max);margin:0 auto;padding:0 var(--space-2)}
.btn{display:inline-block;padding:12px 28px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:14px;letter-spacing:.1em;cursor:pointer;transition:.3s;border-radius:var(--radius)}
.btn:hover{background:var(--ink);color:#fff}
.btn-gold{border-color:var(--gold-dark);color:var(--gold-dark)}
.btn-gold:hover{background:var(--gold-dark);color:#fff}
.section{padding:var(--space-5) 0}
.title{font-family:var(--font-serif);font-size:36px;font-weight:400;letter-spacing:.05em;margin-bottom:var(--space-2);text-align:center}
.subtitle{text-align:center;color:var(--muted);font-size:14px;letter-spacing:.2em;margin-bottom:var(--space-4)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}
.card{background:#fff;border:1px solid var(--line);padding:var(--space-3);border-radius:var(--radius)}
.tag{display:inline-block;font-size:12px;padding:2px 10px;border:1px solid var(--gold);color:var(--gold-dark);border-radius:20px;margin-bottom:8px}
.price{font-family:var(--font-serif);font-size:28px;color:var(--gold-dark);margin:12px 0}
.price span{font-size:14px;color:var(--muted)}
ul.list{list-style:none;font-size:14px;color:var(--muted);margin:12px 0}
ul.list li{padding:4px 0;border-bottom:1px dashed var(--line)}
ul.list li:last-child{border:0}
.header{position:sticky;top:0;background:rgba(250,248,243,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:100;padding:14px 0}
.header-inner{display:flex;justify-content:space-between;align-items:center}
.logo{font-family:var(--font-serif);font-size:20px;letter-spacing:.15em}
.nav a{margin-left:24px;font-size:14px;color:var(--muted)}
.nav a:hover{color:var(--ink)}
.hero{height:100vh;min-height:600px;position:relative;background:url('img/hero.jpg') center/cover no-repeat,linear-gradient(135deg,#2d4a3e 0%,#1a1a1a 60%);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}
.hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero-content{position:relative;z-index:1;padding:0 16px}
.hero h1{font-family:var(--font-serif);font-size:56px;font-weight:400;letter-spacing:.1em;margin-bottom:16px}
.hero p{font-size:16px;letter-spacing:.3em;opacity:.9;margin-bottom:32px}
.quad{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin:var(--space-4) 0}
.quad-cell{background:#fff;padding:40px 24px;text-align:center;cursor:pointer;transition:.3s}
.quad-cell:hover{background:var(--bg)}
.quad-cell h3{font-family:var(--font-serif);font-size:22px;margin-bottom:8px}
.quad-cell p{font-size:13px;color:var(--muted);letter-spacing:.1em}
.contact-bar{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:#fff;padding:12px 0;z-index:100;font-size:14px}
.contact-bar-inner{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.contact-bar a{color:#fff}
footer{padding:40px 0 80px;background:var(--ink);color:#aaa;text-align:center;font-size:13px;margin-top:var(--space-5)}
footer .logo{color:#fff;font-size:18px;display:block;margin-bottom:12px}
table{width:100%;border-collapse:collapse;font-size:14px;margin:24px 0}
th,td{border:1px solid var(--line);padding:12px;text-align:left}
th{background:var(--bg);font-weight:500}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:14px;margin-bottom:6px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--radius);font-family:inherit;font-size:14px;background:#fff}
.form-group textarea{min-height:100px;resize:vertical}
.tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:24px}
.tab{flex:1;padding:14px;text-align:center;cursor:pointer;border:1px solid transparent;font-size:15px}
.tab.active{border-color:var(--line);border-bottom-color:#fff;background:#fff;margin-bottom:-1px}
.tab-content{display:none}.tab-content.active{display:block}
.dest-card{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:40px 0}
.dest-card:nth-child(even){direction:rtl}
.dest-card:nth-child(even)>div{direction:ltr}
.dest-img{height:320px;background:url('img/dest.jpg') center/cover;background-color:#ddd;border-radius:var(--radius)}
@media(max-width:768px){
  .grid-4{grid-template-columns:1fr 1fr}
  .grid-2{grid-template-columns:1fr}
  .hero h1{font-size:36px}
  .nav{display:none}
  .quad{grid-template-columns:1fr}
  .dest-card,.dest-card:nth-child(even){grid-template-columns:1fr;direction:ltr}
  .contact-bar-inner{gap:12px;font-size:12px}
}

/* 修复：合作酒店锚点跳转时表单被遮挡 + 导航配色 */
.consult-form, .form-container, form {
  position: relative;
  z-index: 50;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.12);
}

header, nav, .nav-bar, .navbar {
  z-index: 40 !important;
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #eee;
}

header *, nav *, .nav-bar *, .navbar * {
  color: #222 !important;
}

section[id], div[id] {
  scroll-margin-top: 80px;
}

/* 精准修复：导航栏配色 + 跨页/锚点防遮挡 */
.header {
  position: sticky !important;
  top: 0;
  z-index: 100 !important;
  background: rgba(255,255,255,0.95) !important;
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #eee;
}
.header * { color: #222 !important; }

/* 页面顶部留白防导航遮挡（覆盖 hotels.html 及锚点） */
body { padding-top: 70px; }
section[id], div[id] { scroll-margin-top: 90px; }
main, .container, .content, article { position: relative; z-index: 1; background: #fff; }

/* 咨询管家表单：防压 + 白底 + 阴影 */
[class*="consult"], [class*="form"], [class*="contact"], [class*="管家"] {
  position: relative !important;
  z-index: 60 !important;
  background: #ffffff !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.14);
  border-radius: 12px;
}

/* 精准修复：底部咨询管家联系条 */
.contact-bar {
  position: relative !important;
  z-index: 60 !important;
  background: #ffffff !important;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.08);
  border-radius: 12px 12px 0 0;
  padding: 12px 16px;
  margin-top: 24px;
}
.contact-bar-inner { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.contact-bar *, .contact-bar a { color: #222 !important; font-weight: 500; text-decoration: none; }