:root {
  --bg: #0f0d0b;
  --bg-soft: #171411;
  --bg-elevated: #1e1915;
  --panel: rgba(255, 255, 255, 0.05);
  --panel-strong: rgba(255, 255, 255, 0.1);
  --text: #f7f1e8;
  --muted: #d2c3b1;
  --accent: #caa06a;
  --accent-strong: #f0c998;
  --line: rgba(255, 255, 255, 0.12);
  --shadow: 0 24px 64px rgba(0,0,0,.34);
  --max: 1180px;
  --radius: 28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"PingFang TC","PingFang SC","Microsoft JhengHei","Microsoft YaHei","Noto Sans TC","Noto Sans",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at top right, rgba(202,160,106,.16), transparent 28%),
    radial-gradient(circle at left center, rgba(138,91,52,.14), transparent 24%),
    linear-gradient(180deg, #120f0c 0%, #0f0d0b 45%, #14100d 100%);
  line-height:1.75;
}
a{color:inherit;text-decoration:none}
img,video,iframe{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 56px));margin:0 auto}
.topbar{position:sticky;top:0;z-index:80;background:rgba(15,13,11,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:14px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.brand-mark {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  box-shadow: 0 12px 28px rgba(202,160,106,.25);
  overflow: hidden; /* 确保图片不会超出圆形 */
}

.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* 将图片变为古铜色 */
/*  filter: sepia(0.8) saturate(1.2) hue-rotate(-20deg) brightness(0.9);*/
}

.nav-links{display:flex;gap:22px;color:var(--muted);font-size:15.5px;flex-wrap:wrap;font-weight:600}
.nav-links a{position:relative;padding-bottom:6px}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));transform:scaleX(0);transform-origin:left;transition:.22s ease;opacity:.9}
.nav-links a:hover,.lang-toggle button:hover{color:#fff}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-links a.active{color:#fff}
.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.lang-toggle{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(255,255,255,.03)}
    .lang-toggle button {
        background: transparent;
        border: 0;
        color: var(--muted);
        padding: 10px 14px;
        cursor: pointer;
        font: inherit;
  
    }
.lang-toggle button.active{background:rgba(202,160,106,.16);color:#fff}
.mobile-nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:#fff;border-radius:14px;width:48px;height:48px;padding:0;cursor:pointer}
.mobile-nav-toggle .burger{display:grid;gap:5px}
.mobile-nav-toggle .burger span{display:block;width:18px;height:2px;border-radius:999px;background:#fff;transition:.2s ease}
.mobile-nav-panel{display:none;width:100%;padding:14px 0 6px}
.mobile-nav-panel.open{display:block}
.mobile-nav-list{display:grid;gap:8px;padding-top:8px}
.mobile-nav-list a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-weight:600}
.mobile-nav-list a.active{color:#fff;border-color:rgba(202,160,106,.42);background:rgba(202,160,106,.09)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:grid;gap:8px}
.form-field label{font-size:14px;color:var(--muted);font-weight:600}

    .form-field input,
    .form-field select,
    .form-field textarea {
        width: 100%;
        padding: 14px 16px;
        border-radius: 16px;
        border: 1px solid rgba(255,255,255,.1);
        background: rgba(255,255,255,.04);
        color: var(--text);
        font: inherit;
    }
.hei {
    width: 100%;
    padding: 14px 40px 14px 16px; /* 给箭头留空间 */
    border-radius: 16px;
    border: 1px solid rgba(202,160,106,.2);
    background: rgba(202,160,106,.08);
    color: var(--text);
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
  
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    outline: none;
}

    /* 聚焦效果 */
    .hei:focus {
        border-color: rgba(202,160,106,.6);
        box-shadow: 0 0 0 2px rgba(202,160,106,.15);
    }

    /* option（部分浏览器） */
    .hei option {
        background-color: #1e1915;
        color: #fff;
    }
.form-field textarea {
    min-height: 120px;
    resize: vertical
}
.form-field.full {
    grid-column: 1 / -1;
    margin-top: 20px;
}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;font-weight:600;transition:.25s ease;border:1px solid transparent;cursor:pointer;text-align:center}
.button:hover,.card:hover,.feature:hover,.media-card:hover,.pricing-card:hover,.detail-card:hover,.contact-card:hover{transform:translateY(-2px)}

.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#24170f;box-shadow:0 18px 36px rgba(202,160,106,.2)}

.button-secondary{border-color:var(--line);background:rgba(255,255,255,.03);color:var(--text)}
.hero{padding:35px 0 20px}/*padding: 上 左右 下*/



.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
h1{margin:22px 0 18px;font-size:clamp(42px,6vw,42px);line-height:1.54;letter-spacing:-.035em;max-width:10ch}
h2{font-size:clamp(30px,4vw,46px);line-height:1.12;margin:0 0 12px;letter-spacing:-.025em}
h3{margin:0 0 12px;font-size:24px;line-height:2.22;letter-spacing:-.02em}
p{margin:0}
.hero-grid {
    display: grid; /* 启用网格布局（Grid），用于二维布局（行 + 列） */
    grid-template-columns: 1fr 1fr; /* 定义两列结构，每列各占 1 份可用空间 → 左右等宽 */
    gap: 10px; /* 设置网格间距：列与列之间间隔 30px（行间也会受影响） */
    align-items: flex-start;
}

.hero-copy {
    margin-top: 10px;
    align-self: start;
}
.hero-copy p,.lead,.muted,.section-head p,.bullet-list li,.contact-item span,.kv-item span{color:var(--muted)}
.hero-copy p{font-size:18px;max-width:600px;line-height:1.9}

.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.stat,.card,.feature,.contact-card,.pricing-card,.video-card,.media-card,.detail-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(8px)}
.stat{padding:20px;border-radius:22px}
.stat strong{display:block;font-size:28px;margin-bottom:8px;color:#fff1de}
.stat span{font-size:14px;line-height:1.6}
.hero-visual,.page-hero-visual{position:relative;overflow:hidden;border-radius:36px;min-height:540px;background:linear-gradient(180deg, rgba(18,14,10,.15), rgba(18,14,10,.72)),url('../images/hero-placeholder.jpg') center/cover no-repeat;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.overlay-card{position:absolute;left:24px;right:24px;bottom:24px;padding:24px 24px 22px;border-radius:24px;background:rgba(17,14,12,.58);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px)}
.overlay-card strong{display:block;font-size:26px;line-height:1.22;margin-bottom:8px}.hero-visual .overlay-card{max-width:520px}
.overlay-card span{display:block;color:var(--muted)}
.section{padding:35px;gpx 0}

.section-head {
    display: flex;
    justify-content: space-between;
    align-items: center; /* ✅ 改这里  align-items:end;  */
    gap: 20px;
    margin-bottom: 28px;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(65%) sepia(40%) saturate(500%) hue-rotate(5deg);
    cursor: pointer;
}
.section-title {
    max-width: 720px;
}
.section-more {
    flex-shrink: 0;
}
.btn-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    background: rgba(255,255,255,.04);
    border: 1px solid var(--line);
    transition: all .25s ease;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}


    .btn-more:hover {
        background: rgba(202,160,106,.12);
        border-color: rgba(202,160,106,.4);
        color: #fff;
        transform: translateY(-2px);
    }
    .btn-more .arrow {
        width: 14px;
        height: 14px;
        border-right: 2px solid currentColor;
        border-top: 2px solid currentColor;
        transform: rotate(45deg);
        transition: transform .25s ease;
    }
    .btn-more:hover .arrow {
        transform: translateX(4px) rotate(45deg);
    }
@media (max-width: 720px) {

    .section-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    /* 关键：按钮放到下面 */
    .section-more {
        width: 100%;
        display: flex;
        justify-content: center; /* ✅ 居中（推荐） */
        margin-top: 10px;
    }

    /* 按钮拉长一点更好看 */
    .btn-more {
        width: 100%;
        border-radius: 16px;
    }
}


.section-head p{max-width:100%}

.grid-2,.grid-3,.grid-4,.gallery-grid,.pricing-grid,.contact-grid,.feature-grid,.detail-grid{display:grid;gap:18px}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.contact-card,.pricing-card,.video-card,.feature,.detail-card{border-radius:var(--radius);padding:24px;transition:.25s ease}
.card-stack{display:flex;flex-direction:column;height:100%}
.card-stack .button{margin-top:auto}
.card-stack .bullet-list{margin-bottom:18px}
.card-stack p{margin-bottom:16px}
.booking-service{cursor:pointer}
.booking-service.active{border-color:rgba(202,160,106,.42);background:rgba(202,160,106,.08)}
.bullet-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:10px}
.bullet-list li{display:flex;gap:12px;align-items:flex-start}
.bullet-list li::before{content:"✦";color:var(--accent);flex:0 0 auto;line-height:1.2}
.gallery-grid{grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:260px}
.media-card{position:relative;min-height:100%;border-radius:28px;overflow:hidden;background-size:cover;background-position:center;transition:.25s ease}
.media-card.large{grid-row:span 2}
.media-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.62))}
.media-card .caption{position:absolute;z-index:1;left:22px;right:22px;bottom:20px;font-size:21px;font-weight:600;line-height:1.35}
.icon-box{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:24px;background:linear-gradient(135deg, rgba(202,160,106,.22), rgba(255,255,255,.08));margin-bottom:20px}
.video-shell,.embed-shell{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);background:linear-gradient(180deg, rgba(14,11,8,.15), rgba(14,11,8,.68)),url('../images/video-placeholder.jpg') center/cover no-repeat;min-height:440px}
.video-shell video{width:100%;height:100%;min-height:440px;object-fit:cover;background:#0c0907}
.embed-shell iframe{width:100%;aspect-ratio:16/9;border:0;min-height:440px}
.video-play{position:absolute;inset:auto auto 28px 28px;display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;background:rgba(17,14,12,.6);border:1px solid rgba(255,255,255,.12)}
.pricing-thumb{margin:-24px -24px 20px;border-radius:24px 24px 0 0;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.pricing-thumb img{width:100%;height:220px;object-fit:cover}
.service-card{display:flex;flex-direction:column;height:100%}
.service-card .pricing-thumb{margin:-24px -24px 18px;border-radius:24px 24px 0 0}
.service-card p{margin-bottom:16px;color:var(--muted)}
.service-card .button{margin-top:auto}
.family-hero-visual{position:relative;overflow:hidden;border-radius:36px;min-height:420px;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);background-size:cover;background-position:center}
.family-hero-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(12,10,18,.10), rgba(12,10,18,.32))}
.price{font-size:44px;font-weight:800;line-height:1;margin:14px 0 10px;color:#fff1de}
.price small{font-size:16px;color:var(--muted);font-weight:500}
.contact-grid{grid-template-columns:1.05fr .95fr;align-items:stretch}
.contact-list{display:grid;gap:18px;margin-top:26px}.contact-item{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.contact-item small{display:block;color:#caa06a;margin-bottom:6px;letter-spacing:.08em;text-transform:uppercase}
.map-box{min-height:100%;border-radius:28px;overflow:hidden;background:linear-gradient(180deg, rgba(14,11,8,.15), rgba(14,11,8,.68)),url('../images/location-placeholder.jpg') center/cover no-repeat;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);position:relative;min-height:480px}
.faq{display:grid;gap:16px}.faq details{padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.faq summary{cursor:pointer;font-weight:700}
.detail-grid{grid-template-columns:1.08fr .92fr;align-items:start}
.detail-cover{border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);background:rgba(255,255,255,.04)}
.detail-cover img{width:100%;height:100%;object-fit:cover;min-height:440px}
.kv-list{display:grid;gap:14px;margin-top:18px}
.kv-item{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
.cta-strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.badge{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:13px}
.filter-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.filter-tab{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;font:inherit;font-weight:600}
.filter-tab.active{background:rgba(202,160,106,.14);border-color:rgba(202,160,106,.45);color:#fff}
.hero-switcher{display:grid;gap:18px}
.switcher-stage{position:relative;min-height:485px;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);background:#16120f}

.switcher-slide{position:absolute;inset:0;display:none;grid-template-columns:1.15fr .85fr;background:rgba(255,255,255,.03)}
.switcher-slide.active{display:grid}
.switcher-image {
    width: 678px;
    aspect-ratio: 4 / 3; /* 或 16 / 9 */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}


.switcher-copy {
    padding: 12px;
    display: flex;
    flex-direction: column;


    gap: 14px;
}



.switcher-tabs{display:flex;gap:10px;flex-wrap:wrap}
.switcher-tab{padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;font:inherit;font-weight:600}
.switcher-tab.active{background:rgba(202,160,106,.14);border-color:rgba(202,160,106,.45);color:#fff}
.whatsapp-float{position:fixed;right:20px;bottom:20px;z-index:90;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:999px;background:#25D366;color:#fff;box-shadow:0 18px 40px rgba(37,211,102,.25);font-weight:700}


footer{padding:30px 0 44px;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.08);margin-top:48px}

.footer-grid {
    /*display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;*/
}

.footer-col a {
    color: rgba(255,255,255,.6);
    margin-right: 12px;
    text-decoration: none;
}

    .footer-col a:hover {
        color: rgba(255,255,255,.9);
        text-decoration: underline;
    }


[data-lang]{display:none !important}.lang-zh [data-lang="zh"],.lang-en [data-lang="en"]{display:initial !important}.lang-zh [data-lang-block="zh"],.lang-en [data-lang-block="en"]{display:block !important}.lang-zh [data-lang-flex="zh"],.lang-en [data-lang-flex="en"]{display:flex !important}.lang-zh [data-lang-grid="zh"],.lang-en [data-lang-grid="en"]{display:grid !important}
@media (max-width:1140px){.hero-grid,.grid-2,.grid-3,.grid-4,.gallery-grid,.contact-grid,.feature-grid,.pricing-grid,.detail-grid,.form-grid,.switcher-slide{grid-template-columns:1fr}.gallery-grid{grid-auto-rows:260px}.media-card.large{grid-row:span 1}.hero-visual,.page-hero-visual{min-height:540px}.nav-links{display:none}.mobile-nav-toggle{display:inline-flex}.topbar-inner{align-items:flex-start;padding:14px 0;flex-direction:column}.header-actions{width:100%;justify-content:space-between}.switcher-stage{min-height:unset}.switcher-image{min-height:240px}}
@media (max-width:720px){.container{width:min(var(--max),calc(100% - 28px))}.hero{padding:46px 0 80px}.hero-copy p{font-size:16px}.stats{grid-template-columns:1fr}.section{padding:64px 0}.card,.contact-card,.pricing-card,.video-card,.feature,.detail-card{padding:20px}.button{width:100%}.whatsapp-float span{display:none}.overlay-card strong{font-size:22px}.detail-cover img,.video-shell video,.embed-shell iframe{min-height:280px}.hero-visual,.page-hero-visual{min-height:380px}}




.detail-card-bottom {
    margin-top: 20px; /* 上方间距 */
    margin-left: auto; /* 左右居中 */
    margin-right: auto;
    max-width: 1180px; /* 控制卡片最大宽度 */
}


/* ============================= */
/* 新增：新闻资讯详细页样式 */
/* ============================= */

/* 新闻详情容器 */
.news-detail-container {
    max-width: var(--max); /* 最大宽度 1180px */
    margin: 0 auto; /* 居中 */
    padding: 40px 20px; /* 上下内边距，可根据需要调整 */
}

    /* 新闻标题 */
    .news-detail-container h1.news-title {
    max-width: 100%;       /* 取消原来的 max-width:10ch */
    text-align: center;    /* 居中 */
    line-height: 1.1;
    font-size: clamp(36px, 5vw, 64px);
    font-weight: 700;
    margin: 0 auto 16px;
    word-break: break-word; /* 避免长标题溢出 */
}

    /* 新闻元信息：时间、来源等 */
    .news-detail-container .news-meta {
        font-size: 14px;
        color: var(--muted);
        text-align: center; /* 居中 */
        margin-bottom: 24px;
    }

    /* 新闻正文 */
    .news-detail-container .news-content {
        line-height: 1.9;
        color: var(--text);
    }

        .news-detail-container .news-content p {
            margin: 16px 0;
        }

    /* 新闻正文图片 */
    .news-detail-container .news-image {
        margin: 24px 0;
        text-align: center;
    }

        .news-detail-container .news-image img {
            max-width: 100%;
            border-radius: var(--radius);
            display: inline-block;
        }

    /* 新闻底部区域，如标签或分享按钮 */
    .news-detail-container .news-footer {
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        justify-content: flex-start; /* 左对齐，可改为 center 居中 */
    }

/* 响应式优化 */
@media (max-width: 720px) {
    .news-detail-container {
        padding: 24px 16px;
    }

        .news-detail-container h1.news-title {
            font-size: clamp(28px, 6vw, 48px);
        }

        .news-detail-container .news-footer {
            justify-content: center; /* 手机端居中按钮/标签 */
        }
}