/* ============================================================
   品味人生酒店 · 公共样式表 v1.0
   ============================================================ */

/* ─── CSS 变量 ─── */
:root {
  --gold: #B8860B;
  --gold-light: #D4B87A;
  --gold-lighter: #F0E0B8;
  --brown: #2D1F0E;
  --brown-light: #4A3520;
  --bg: #F5EDDC;
  --bg-light: #FAF5EC;
  --white: #FFFFFF;
  --text: #2D1F0E;
  --text-light: #B8A070;
  --text-muted: #999;
}

/* ─── Reset ─── */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}
a{color:inherit;text-decoration:none}
img{max-width:100%}

/* ─── 顶部导航栏 ─── */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;padding:0 4%;display:flex;align-items:center;background:rgba(45,31,14,.97);box-sizing:border-box;overflow:visible}
body{padding-top:60px}
nav .logo img{height:32px;width:auto;display:block;margin-right:48px}
nav .links{display:flex;flex:1;justify-content:space-evenly;align-items:center;height:60px;max-width:780px}
nav .links a{color:rgba(255,255,255,.9);font-size:14px;font-weight:400;letter-spacing:.08em;transition:color .3s;text-decoration:none;white-space:nowrap}
nav .links a:hover{color:var(--gold-light)}
.nav-right{display:flex;gap:14px;align-items:center;height:60px;margin-left:auto;flex-shrink:0}
.nav-right a,.nav-right .nav-item>a{color:rgba(255,255,255,.9);font-size:13px;font-weight:400;letter-spacing:.08em;text-decoration:none;white-space:nowrap}
.nav-right a:hover{color:var(--gold-light)}
.nav-item{position:relative}
.nav-item .drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(4px);background:rgba(45,31,14,.98);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);padding:12px 16px;min-width:170px;opacity:0;visibility:hidden;transition:all .2s;pointer-events:none;z-index:300}
.nav-item:hover .drop{opacity:1;visibility:visible;pointer-events:auto}
.nav-item .drop .item{display:block;color:rgba(255,255,255,.7);font-size:12px;padding:5px 0;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap}
.nav-item .drop .item:last-child{border-bottom:none}
.nav-item .drop .item:hover{color:var(--gold-light)}
.nav-item .drop .item .desc{display:block;font-size:10px;color:rgba(255,255,255,.2);margin-top:1px;font-weight:300}
.lang-switch{display:flex;gap:3px;border-left:1px solid rgba(255,255,255,.2);padding-left:12px;align-items:center;height:32px}
.lang-switch button{background:transparent;border:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.7);padding:2px 8px;border-radius:3px;font-size:12px;cursor:pointer;line-height:1.4;transition:.2s}
.lang-switch button.active{background:rgba(184,134,11,.65);border-color:var(--gold-light);color:#fff}
.lang-switch button:hover{background:rgba(255,255,255,.15)}
@media(max-width:768px){nav .links{display:none}.nav-item .drop{display:none}}

/* ─── 通用区块 ─── */
.section-header{text-align:center;margin-bottom:44px}
.section-header h2{font-size:clamp(1.4rem,2.8vw,2rem);color:var(--brown);font-weight:600;letter-spacing:2px}
.section-header .line{width:36px;height:3px;background:var(--gold);margin:10px auto;border-radius:2px}
.section-header .sub{color:var(--text-muted);font-size:14px;margin-top:4px}

/* ─── 滚动条 ─── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(184,134,11,.3);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(184,134,11,.5)}

/* ─── 页脚 ─── */
.copyright{text-align:center;padding:30px 24px 40px}
.copyright .line1{font-size:13px;color:var(--text-light)}
.copyright .line2{font-size:11px;color:var(--text-light);margin-top:4px}