.elementor-644 .elementor-element.elementor-element-4d58c96{--display:flex;}.elementor-644 .elementor-element.elementor-element-de3b6b0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-644 .elementor-element.elementor-element-f7ca06e{--display:flex;}.elementor-644 .elementor-element.elementor-element-05be4f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-644 .elementor-element.elementor-element-ca17cdd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-644 .elementor-element.elementor-element-04e2c46{--display:flex;}.elementor-644 .elementor-element.elementor-element-5488dd1{--display:flex;}.elementor-644 .elementor-element.elementor-element-03bcae3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-644 .elementor-element.elementor-element-9fc2f34{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-644 .elementor-element.elementor-element-457ecdf{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-892630a *//* =========================================
   DESIGN SYSTEM: DINING ROOM (Dark Luxury)
   ========================================= */

.oe-dining-dynamic {
    background-color: #0F0F0F; /* 极深的灰黑色 */
    padding: 100px 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

/* 背景纹理 */
.oe-dining-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    opacity: 0.05;
    background-image: repeating-linear-gradient(45deg, #D4AF37 0, #D4AF37 1px, transparent 0, transparent 50%);
    background-size: 30px 30px;
    pointer-events: none;
}

.oe-dining-inner {
    position: relative;
    z-index: 2;
    max-width: 1280px;
    margin: 0 auto;
}

/* 标题样式 */
.oe-dining-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 48px;
    color: #F2E8D0;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

.oe-dining-sub {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    color: #999;
    line-height: 1.6;
    margin-bottom: 60px;
}

/* 网格布局 (3列) */
.oe-dining-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-bottom: 60px;
}

/* 卡片设计 */
.oe-dining-card {
    background: transparent;
    text-align: left;
    group: hover;
}

/* 图片区域 */
.oe-img-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    aspect-ratio: 4/3; /* 统一图片比例 */
    border-radius: 4px;
    border: 1px solid #222;
}

.oe-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
    filter: brightness(0.9);
}

.oe-dining-card:hover .oe-img-wrap img {
    transform: scale(1.08);
    filter: brightness(1.05);
}

/* 悬停时的按钮 */
.oe-overlay-btn {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    background: rgba(255,255,255,0.95);
    color: #000;
    padding: 12px 25px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    opacity: 0;
    transition: all 0.3s ease;
}

.oe-dining-card:hover .oe-overlay-btn {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* 信息区域 */
.oe-info-wrap {
    padding: 20px 5px 0 5px;
}

.oe-meta-tag {
    font-size: 11px;
    color: #D4AF37; /* 金色 */
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 8px;
}

.oe-card-title {
    margin: 0 0 10px 0;
}

.oe-card-title a {
    font-family: "Cormorant Garamond", serif;
    font-size: 24px;
    color: #e0e0e0;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: 500;
}

.oe-dining-card:hover .oe-card-title a {
    color: #D4AF37;
}

.oe-status-line {
    font-size: 13px;
    color: #666;
    display: flex;
    align-items: center;
}

.oe-dot {
    width: 6px; height: 6px;
    background: #28a745; /* 绿色圆点表示可定制 */
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
}

/* 底部按钮 */
.oe-gold-outline-btn {
    display: inline-block;
    padding: 15px 40px;
    border: 1px solid #D4AF37;
    color: #D4AF37;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
    transition: all 0.3s ease;
}

.oe-gold-outline-btn:hover {
    background: #D4AF37;
    color: #000;
}

/* 响应式 */
@media (max-width: 900px) {
    .oe-dining-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
    .oe-dining-grid { grid-template-columns: 1fr; }
    .oe-dining-title { font-size: 36px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0e3bfb */<style>
/* =========================================================
   CSS: Dining FAQ (Optimized Fullscreen)
   ========================================================= */

/* 1. 突破容器全屏 (修复横向滚动条Bug) */
.oe-faq-fullscreen {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-color: #151310;
  /* 关键：防止padding撑大导致滚动条 */
  box-sizing: border-box; 
  padding: 100px 0;
  position: relative;
}

.oe-faq-wrap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px; /* 增加左右内边距防止贴边 */
  font-family: "Cormorant Garamond", serif;
}

/* 2. 头部设计 */
.oe-faq-header {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
}

.oe-faq-title {
  /* 智能缩放字体：手机36px -> 电脑52px */
  font-size: clamp(36px, 5vw, 52px);
  color: #e9ddc2;
  margin: 0 0 16px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 1px;
}

.oe-faq-sub {
  font-family: 'Inter', sans-serif;
  color: #b9a98a;
  font-size: clamp(16px, 2vw, 18px);
  margin: 0;
}

.oe-faq-divider {
  height: 2px;
  width: 160px;
  margin: 40px auto 70px;
  background: linear-gradient(90deg, transparent, #aa8c46, transparent);
  opacity: 0.8;
}

/* 3. 网格布局 (Grid) */
.oe-faq-grid {
  display: grid;
  /* 优化：最小宽度改为 300px，适配 iPhone SE 等小屏手机 */
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-bottom: 100px;
}

/* 4. 卡片样式 */
.oe-faq-item {
  padding: 40px 32px;
  border-radius: 12px;
  background: rgba(40, 35, 28, 0.6);
  border: 1px solid rgba(190, 150, 70, 0.2);
  /* 玻璃拟态 */
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  transition: transform 0.3s ease, border-color 0.3s ease;
}

.oe-faq-item h3 {
  font-size: 22px;
  color: #f2e9d2;
  margin: 0 0 16px;
  font-weight: 600;
  line-height: 1.3;
}

.oe-faq-item p {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #d1c5b0; /* 稍微提亮，增加对比度 */
  margin: 0;
}

/* 悬停微交互 */
.oe-faq-item:hover {
  transform: translateY(-5px);
  border-color: rgba(190, 150, 70, 0.5);
  background: rgba(40, 35, 28, 0.8);
}

/* 5. CTA 区域 */
.oe-faq-cta {
  padding: 70px 30px;
  border-radius: 16px;
  text-align: center;
  background: linear-gradient(145deg, #1f1b16, #0f0d0a);
  border: 1px solid rgba(200, 160, 80, 0.3);
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
  max-width: 900px;
  margin: 0 auto;
}

.oe-faq-cta h3 {
  font-size: clamp(28px, 4vw, 40px);
  color: #ecdfc4;
  margin: 0 0 16px;
  font-weight: 600;
}

.oe-faq-cta p {
  font-family: 'Inter', sans-serif;
  font-size: clamp(16px, 2vw, 19px);
  color: #bbae90;
  margin: 0 auto 36px;
  max-width: 600px;
}

/* 按钮 */
.oe-faq-btn {
  display: inline-flex;
  padding: 16px 42px;
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 600;
  border-radius: 50px;
  text-decoration: none;
  color: #2b2418; /* 深色字 */
  /* 金色流光渐变 */
  background: linear-gradient(90deg, #d4af37, #ebd197, #d4af37);
  background-size: 200% auto;
  box-shadow: 0 5px 20px rgba(212, 175, 55, 0.25);
  transition: all 0.4s ease;
}

.oe-faq-btn:hover {
  background-position: right center;
  transform: translateY(-3px);
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
}

/* 6. 移动端适配 */
@media (max-width: 768px) {
  /* 解决手机端内边距过大的问题 */
  .oe-faq-fullscreen { padding: 80px 0; }
  
  .oe-faq-grid { gap: 20px; }
  
  .oe-faq-item { padding: 30px 24px; }
  
  .oe-faq-cta { padding: 50px 24px; }
  
  /* 按钮全宽 */
  .oe-faq-btn { width: 100%; justify-content: center; box-sizing: border-box; }
}
</style>/* End custom CSS */