*{box-sizing:border-box}html,body{margin:0;padding:0}
:root{--bg:#121212;--bg-soft:#1b1b1b;--text:#f0f0f0;--muted:#cfcfcf;--gold:#c8a15e;--accent:#ffffff}
body{font-family:'Noto Sans','Montserrat',system-ui,-apple-system,Arial,sans-serif;color:var(--text);background:var(--bg)}
.container{max-width:1100px;margin:0 auto;padding:0 20px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(18,18,18,.9);backdrop-filter:blur(6px);border-bottom:1px solid #222;padding:10px 0}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Logo 图标样式 */
.logo-wrap {
  display: flex;
  align-items: center;
}

.logo-img {
  height: 56px;   /* 如果觉得太小可以改 48 或 56 */
  width: auto;
  display: block;
}

.brand .titles h1 {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  margin: 0;
}

.brand .tag {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}


.nav{display:flex;gap:16px;justify-content:center;margin-top:8px}
.nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px}
.nav a:hover{background:#222;color:var(--text)}

.hero{position:relative;height:62vh;min-height:420px;overflow:hidden;border-bottom:1px solid #222}
.slides{position:absolute;inset:0}
.slides .slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity 1.2s ease}
.slides .slide.active{opacity:1}
.hero-overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.2))}
.hero h2{font-size:40px;margin:0 0 6px 0}
.hero p{color:var(--muted);max-width:700px;margin:0 auto 18px}
.btn{display:inline-block;border:1px solid #444;padding:10px 16px;border-radius:10px;color:var(--text);text-decoration:none;transition:all .2s}
.btn:hover{transform:translateY(-1px);border-color:#666}
.btn.primary{background:var(--gold);border-color:var(--gold);color:#111;font-weight:600}

.section{padding:56px 0}
.section h3{font-family:Montserrat,sans-serif;font-size:28px;margin:0 0 10px;color:var(--accent)}
.section p{color:var(--muted)}
.punch{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:14px 0 0 0;padding:0 0 0 18px}

.menu,.order{background:var(--bg-soft);border-top:1px solid #222;border-bottom:1px solid #222}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}

.gallery .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:12px 20px}
.gallery .grid img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:1px solid #2a2a2a;cursor:zoom-in;transition:transform .2s}
.gallery .grid img:hover{transform:scale(1.02)}

.visit .map-wrap{height:360px;border-top:1px solid #222}
.visit iframe{width:100%;height:100%;border:0}

.site-footer{border-top:1px solid #222;background:#0f0f0f;padding:18px 0}
.foot-flex{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.social{display:flex;gap:10px}
.icon{width:36px;height:36px;display:inline-block;border-radius:10px;background:#1f1f1f;border:1px solid #2a2a2a;position:relative}
.icon::after{content:'';position:absolute;inset:0;background-size:58% auto;background-repeat:no-repeat;background-position:center}
.icon.fb::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22white%22><path d=%22M13 3h4a1 1 0 0 1 1 1v3h-3a1 1 0 0 0-1 1v3h4l-1 4h-3v7h-4v-7H7v-4h3V8a5 5 0 0 1 5-5Z%22/></svg>')}
.icon.ig::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22white%22><path d=%22M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6.5-.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4Z%22/></svg>')}
.icon.tt::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22white%22><path d=%22M14 3h3a5 5 0 0 0 0 5 5 5 0 0 0 5 0v4a8.5 8.5 0 1 1-8-8Z%22/></svg>')}
.icon.gg::after{background-image:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22white%22><path d=%22M21.8 10.1H12v3.8h5.6c-.3 1.8-2 5.4-5.6 5.4a6.4 6.4 0 1 1 0-12.9c1.5 0 2.9.5 4 1.4l2.6-2.6A10.6 10.6 0 0 0 12 2a10 10 0 1 0 9.8 8.1Z%22/></svg>')}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:40}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:8px}
.lightbox-close{position:absolute;top:14px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid #888;background:#111;color:#fff;font-size:24px;cursor:pointer}

/* About readability improvements */
.section.about p{
  font-size:16px;
  line-height:1.75;
  margin-bottom:18px;
  color:var(--muted);
}
.section.about p strong{
  color:var(--accent);
}
.section.about p em{
  font-style:italic;
  color:var(--accent);
}

/* Featured Video in Gallery */
.gallery .video-wrap{
  margin-top:18px;
  margin-bottom:22px;
}
.gallery .video-wrap video{
  width:100%;
  max-height:480px;
  border-radius:16px;
  border:1px solid #2a2a2a;
  object-fit:cover;
  background:#000;
  box-shadow:0 16px 40px rgba(0,0,0,.45);
}

@media (min-width:900px){
  .site-header{display:flex;align-items:center;justify-content:space-between}
  .nav{margin-top:0}
  .hero h2{font-size:52px}
}