i{font-style: normal;}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/fa-regular-400.woff2') format('woff2');
}

.fa-solid, .fas {
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}

.fa-times:before { content: "\f00d"; }
.fa-landmark:before { content: "\f66f"; }
.fa-bars:before { content: "\f0c9"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-map-marker-alt:before, .fa-map-marker:before { content: "\f3c5"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-clock-four:before, .fa-clock:before {content: "\f017";}
.fa-coins:before {content: "\f51e";}
.fa-building:before {content: "\f1ad";}
.fa-map-location-dot:before, .fa-map-marked-alt:before {content: "\f5a0";}

@layer utilities {
      .glass-ink-final {
        background: rgba(248, 244, 233, 0.5);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        border: 1px solid rgba(139, 69, 19, 0.05);
        box-shadow: none;
      }
      .line-clamp-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }
      .bg-full-scroll {
        background-image: 
          url(''),
          url('');
        background-size: cover, cover;
        background-attachment: fixed;
        background-position: center;
        background-blend-mode: soft-light;
        transform: translateZ(0);
      }
      
      /* 视差滚动 */
      .parallax-bg {
        will-change: transform;
        transition: transform 0.1s ease-out;
      }
      
      /* 水墨遮罩 */
      .ink-scroll-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at center, transparent 0%, rgba(139, 69, 19, 0.05) 50%, rgba(139, 69, 19, 0.1) 100%);
        pointer-events: none;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.5s ease;
      }
      .ink-scroll-mask.active {
        opacity: 1;
      }
      

      
      /* 图片光晕效果 - 仅在图片中心显示 */
      .img-scale {
        position: relative;
        overflow: hidden;
      }
      .img-scale::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.2) 0%, transparent 60%);
        transform: translate(-50%, -50%);
        transition: width 0.4s ease, height 0.4s ease;
        pointer-events: none;
        z-index: 2;
      }
      .img-scale:hover::after {
        width: 200px;
        height: 200px;
      }
      
      /* 按钮悬停效果 */
      .ink-button {
        transition: all 0.3s ease;
      }
      
      /* 栏目标题装饰 */
      .title-container {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }
      .title-container::after {
        content: '';
        position: absolute;
        bottom:5px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        height: 30px;
        background: radial-gradient(ellipse, rgba(139, 69, 19, 0.1) 0%, transparent 70%);
      }
      

      
      /* 山峰云雾效果 */
      #mountainClouds {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
      }
      .mountain-cloud {
        position: absolute;
        background: rgba(248, 244, 233, 0.4);
        border-radius: 50%;
        filter: blur(20px);
        opacity: 0.6;
      }
      
      /* 古风边框 */
      /* 古风边框 - 水墨笔触效果 */
      /* 古风边框 - 简化为水墨风格 */
      .ancient-border {
        position: relative;
        margin: 30px 0;
        padding: 30px;
        background: rgba(248, 244, 233, 0.6);
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(139, 69, 19, 0.05);
        transition: all 0.3s ease;
      }
      .ancient-border:hover {
        box-shadow: 0 6px 16px rgba(139, 69, 19, 0.08);
        transform: translateY(-2px);
      }
      
      /* 水墨笔触边框 */
      .ink-brush-border {
        position: relative;
      }
      .ink-brush-border::before {
        content: '';
        position: absolute;
        inset: 0;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" opacity="0.1"><path d="M0,0 L100,0 L100,100 L0,100 Z" fill="none" stroke="%238B4513" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        pointer-events: none;
      }
      
      /* 水墨渐变背景 */
      .ink-gradient {
        background: linear-gradient(135deg, rgba(139, 69, 19, 0.02) 0%, rgba(139, 69, 19, 0.05) 50%, rgba(139, 69, 19, 0.02) 100%);
      }
      
      /* 水墨风格按钮 */
      .ink-button {
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
      }
      .ink-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.3) 0%, rgba(139, 69, 19, 0) 70%);
        transform: translate(-50%, -50%);
        transition: width 0.6s ease, height 0.6s ease;
        pointer-events: none;
        z-index: 1;
      }
      .ink-button:hover::before {
        width: 300px;
        height: 300px;
      }
      
      /* 水墨文字效果 */
      .ink-text {
        text-shadow: 1px 1px 2px rgba(139, 69, 19, 0.2);
        position: relative;
      }
      .ink-text:not(.title-decoration)::after {
        content: attr(data-text);
        position: absolute;
        top: 1px;
        left: 1px;
        color: rgba(139, 69, 19, 0.1);
        z-index: -1;
      }
      
      /* 水墨风格卡片 */
      .ink-card {
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
      }
      .ink-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(139, 69, 19, 0.1);
      }
      .ink-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, rgba(139, 69, 19, 0.05) 0%, rgba(139, 69, 19, 0) 50%, rgba(139, 69, 19, 0.05) 100%);
        pointer-events: none;
      }
      
      /* 水墨风格滚动条 */
      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }
      ::-webkit-scrollbar-track {
        background: rgba(248, 244, 233, 0.8);
      }
      ::-webkit-scrollbar-thumb {
        background: rgba(139, 69, 19, 0.3);
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: rgba(139, 69, 19, 0.5);
      }
      
      /* 水墨风格移动端菜单 */
      @media (max-width: 768px) {
        #mobileMenu {
          background: rgba(248, 244, 233, 0.95);
          backdrop-filter: blur(10px);
          border-left: 1px solid rgba(139, 69, 19, 0.1);
        }
        
        .ink-button {
          padding: 12px 20px;
          font-size: 16px;
        }
        
        .section-seal {
          width: 50px;
          height: 50px;
          font-size: 14px;
        }
      }
      
      /* 图片懒加载 */
      .lazy-image {
        position: relative;
        overflow: hidden;
      }
      .lazy-image::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(45deg, rgba(139, 69, 19, 0.1) 0%, rgba(139, 69, 19, 0.05) 50%, rgba(139, 69, 19, 0.1) 100%);
        z-index: 1;
      }
      .lazy-image img {
        transition: opacity 0.5s ease;
      }
      .lazy-image img.loaded {
        opacity: 1;
      }
      
      /* 骨架屏 */
      .skeleton {
        background: rgba(139, 69, 19, 0.1);
      }
      
      /* 水墨过渡效果 */
      .ink-transition {
        position: fixed;
        inset: 0;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.9) 0%, rgba(139, 69, 19, 0.6) 50%, rgba(139, 69, 19, 0) 100%);
        pointer-events: none;
        z-index: 9999;
        opacity: 0;
        transform: scale(0);
        transition: opacity 0.5s ease, transform 0.5s ease;
      }
      .ink-transition.active {
        opacity: 1;
        transform: scale(1);
      }
      .ink-full-mask {
        position: fixed;
        inset: 0;
        background: linear-gradient(180deg, 
          rgba(36,31,30,0.05) 0%, 
          rgba(248,244,233,0.7) 55%, 
          rgba(248,244,233,1) 100%);
        z-index: -1;
      }
      .cloud-1, .cloud-2, .cloud-3 {
        position: fixed;
        inset: 0;
        background-image: url('');
        background-size: 250% auto;
        background-repeat: repeat-x;
        opacity: 0.3;
        z-index: -2;
      }
      .cloud-1 { opacity: 0.3; }
      .cloud-2 { opacity: 0.2; }
      .cloud-3 { opacity: 0.15; }
      .img-ink-full {
        filter: grayscale(30%) sepia(25%) contrast(95%) brightness(105%) saturate(80%);
        border-radius: 0;
      }
      /* 响应式调整 */
      @media (max-width: 768px) {
        .ancient-border {
          margin: 20px 0;
          padding: 20px;
        }
      }
      
      /* 优化移动端菜单 */
      .mobile-menu {
        gap: 35px;
        backdrop-filter: blur(10px);
      }
      #mobileNavLinks {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 35px;
      }
      .mobile-menu a {
        font-size: 32px;
        padding: 10px 20px;
        position: relative;
        text-align: center;
        white-space: nowrap;
      }
      .mobile-menu a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #8B4513;
        transition: width 0.3s ease;
      }
      .mobile-menu a:hover::after {
        width: 80%;
      }
      .mobile-menu-close {
        top: 30px;
        right: 30px;
        padding: 10px;
        border-radius: 50%;
      }
      .mobile-menu-close:hover {
        background: rgba(139, 69, 19, 0.1);
      }
      
      /* 视频容器特殊样式 */
      .video-container {
        overflow: hidden;
      }
      .video-container video {
        width: 100%;
        height: auto;
      }
      
      /* 联系我们卡片样式 */
      .contact-card {
        text-align: center;
        padding: 20px;
      }
      
      /* 增强山水画效果 */
      .bg-full-scroll {
        background-size: cover;
        background-position: center;
        opacity: 0.8;
      }
      
      /* 优化水墨效果 */
      .ink-full-mask {
        background: linear-gradient(to bottom, rgba(248, 244, 233, 0.1) 0%, rgba(248, 244, 233, 0.3) 100%);
      }
      .seal-big {
        position: fixed;
        bottom: 50px;
        right: 30px;
        width: 70px;
        height: 70px;
        background: rgba(139, 69, 19, 0.8);
        border-radius: 4px;
        z-index: 1000;
        /*transform: rotate(-5deg);*/
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      }
      .seal-big:hover {
        transform: rotate(0deg) scale(1.1);
        box-shadow: 0 5px 20px rgba(139, 69, 19, 0.3);
      }
      .scroll-title {
        writing-mode: vertical-rl;
        position: fixed;
        top: 20%;
        right: 20px;
        font-family: 'Ma Shan Zheng', serif;
        font-size: 30px;
        color: #8B4513;
        opacity: 0.8;
        z-index: 100;
      }
      html {
        scroll-behavior: smooth;
        overflow-x: hidden;
      }
      ::-webkit-scrollbar { display: none; }
      .carousel-container { scroll-behavior: smooth; }
      .carousel-container::-webkit-scrollbar { display: none; }
      .card-hover {
        transition: all 0.3s ease;
      }
      .card-hover:hover {
        transform: translateY(-6px);
        box-shadow: 0 8px 20px rgba(166, 95, 33, 0.15);
      }
      .img-scale img {
        transition: transform 0.4s ease;
      }
      .img-scale:hover img {
        transform: scale(1.05);
      }
      
      /* 页面加载动画 - 墨水滴开效果 */
      .loading-screen {
        position: fixed;
        inset: 0;
        background: #F8F4E9;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: opacity 0.5s ease, visibility 0.5s ease;
      }
      .loading-screen.hidden {
        opacity: 0;
        visibility: hidden;
      }
      .ink-drop {
        position: relative;
        width: 100px;
        height: 100px;
      }
      .ink-drop::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        background: rgba(139, 69, 19, 0.9);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        animation: inkDrop 1s ease-out forwards;
        filter: blur(2px);
      }
      .ink-ripple {
        position: absolute;
        top: 50%;
        left: 50%;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.6) 0%, rgba(139, 69, 19, 0.3) 50%, rgba(139, 69, 19, 0) 100%);
        transform: translate(-50%, -50%) scale(0);
        filter: blur(8px);
        border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
      }
      .ink-ripple-1 {
        width: 200px;
        height: 200px;
        animation: inkRipple 1s ease-out 0.1s forwards;
      }
      .ink-ripple-2 {
        width: 400px;
        height: 400px;
        animation: inkRipple 1s ease-out 0.2s forwards;
      }
      .ink-ripple-3 {
        width: 600px;
        height: 600px;
        animation: inkRipple 1s ease-out 0.3s forwards;
      }
      .ink-ripple-4 {
        width: 800px;
        height: 800px;
        animation: inkRipple 1s ease-out 0.4s forwards;
      }
      @keyframes inkDrop {
        0% {
          transform: translate(-50%, -50%) scale(1);
          opacity: 1;
        }
        100% {
          transform: translate(-50%, -50%) scale(0);
          opacity: 0;
        }
      }
      @keyframes inkRipple {
        0% {
          transform: translate(-50%, -50%) scale(0) rotate(0deg);
          opacity: 0.8;
          border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
        }
        25% {
          border-radius: 50% 50% 60% 40% / 60% 40% 60% 40%;
        }
        50% {
          border-radius: 60% 40% 30% 70% / 50% 60% 40% 50%;
        }
        75% {
          border-radius: 40% 60% 50% 50% / 40% 60% 40% 60%;
        }
        100% {
          transform: translate(-50%, -50%) scale(2) rotate(90deg);
          opacity: 0;
          border-radius: 50% 50% 50% 50%;
        }
      }
      
      /* 飘落花瓣 */
      .petal {
        position: fixed;
        width: 15px;
        height: 15px;
        background: linear-gradient(135deg, #ffb7c5 0%, #ff69b4 100%);
        border-radius: 50% 0 50% 50%;
        opacity: 0.6;
        pointer-events: none;
        z-index: 50;
        animation: fall linear infinite;
      }
      @keyframes fall {
        0% {
          transform: translateY(-10vh) rotate(0deg) scale(1);
          opacity: 0.6;
        }
        100% {
          transform: translateY(110vh) rotate(720deg) scale(0.5);
          opacity: 0;
        }
      }
      
      /* 飘动的云朵 */
      .floating-cloud {
        position: fixed;
        background: radial-gradient(ellipse, rgba(255,255,255,0.6) 0%, transparent 70%);
        border-radius: 50%;
        pointer-events: none;
        z-index: 47;
        animation: cloudFloat 25s linear infinite;
      }
      @keyframes cloudFloat {
        0% {
          transform: translateX(-200px);
          opacity: 0;
        }
        10% {
          opacity: 0.6;
        }
        90% {
          opacity: 0.6;
        }
        100% {
          transform: translateX(calc(100vw + 200px));
          opacity: 0;
        }
      }
      
      /* 滚动动画 */
      .scroll-reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease;
      }
      .scroll-reveal.revealed {
        opacity: 1;
        transform: translateY(0);
      }
      
      /* 灯箱 */
      .lightbox {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.9);
        z-index: 9998;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
      }
      .lightbox.active {
        opacity: 1;
        visibility: visible;
      }
      .lightbox img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
        border: 8px solid rgba(139, 69, 19, 0.3);
        box-shadow: 0 0 50px rgba(139, 69, 19, 0.5);
      }
      .lightbox-close {
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 40px;
        color: #F8F4E9;
        cursor: pointer;
        transition: all 0.3s ease;
      }
      .lightbox-close:hover {
        transform: rotate(90deg);
        color: #8B4513;
      }
      
      /* 移动端菜单 */
      .mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(248, 244, 233, 0.98);
        z-index: 999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        transform: translateX(-100%);
        transition: transform 0.4s ease;
      }
      .mobile-menu.active {
        transform: translateX(0);
      }
      .mobile-menu a {
        font-family: 'Ma Shan Zheng', serif;
        font-size: 28px;
        color: #8B4513;
        text-decoration: none;
        transition: all 0.3s ease;
      }
      .mobile-menu a:hover {
        color: #A65F21;
        transform: scale(1.1);
      }
      .mobile-menu-close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 30px;
        color: #8B4513;
        cursor: pointer;
      }
      
      /* 视频容器 */
      .video-container {
        position: relative;
        overflow: hidden;
      }
      .video-container::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(45deg, rgba(139, 69, 19, 0.1), transparent);
        pointer-events: none;
        z-index: 1;
      }
      
      /* 装饰性印章 */
      .seal-small {
        display: inline-block;
        padding: 5px 10px;
        background: rgba(139, 69, 19, 0.8);
        color: #F8F4E9;
        font-family: 'Ma Shan Zheng', serif;
        font-size: 14px;
        transform: rotate(-3deg);
        margin-left: 10px;
        z-index: 10;
        position: relative;
      }
      
      /* 页面特定印章 */
      .section-seal {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 60px;
        height: 60px;
        background: rgba(139, 69, 19, 0.7);
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #F8F4E9;
        font-family: 'Ma Shan Zheng', serif;
        font-size: 16px;
        transform: rotate(5deg);
        z-index: 10;
      }
      
      /* 水墨晕染效果 */
      .ink-wash {
        position: relative;
      }
      /*.ink-wash::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 40px;
        background: radial-gradient(ellipse, rgba(139, 69, 19, 0.1) 0%, transparent 70%);
      }*/
      
      /* 标题装饰 */
      .title-decoration {
        position: relative;
        display: inline-block;
      }
      .title-decoration::before,
      .title-decoration::after {
        content: '◆';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(139, 69, 19, 0.3);
        font-size: 12px;
      }
      .title-decoration::before { left: -25px; }
      .title-decoration::after { right: -25px; }
      
      /* 悬浮提示 */
      .tooltip {
        position: relative;
      }
      .tooltip::after {
        content: attr(data-tip);
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%) translateY(-10px);
        padding: 8px 15px;
        background: rgba(139, 69, 19, 0.9);
        color: #F8F4E9;
        font-size: 14px;
        white-space: nowrap;
        border-radius: 4px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
      }
      .tooltip:hover::after {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
      }
    }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 分页样式 */
.wp-pagenavi {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 32px;
  padding: 16px;
  background: rgba(248, 244, 233, 0.6);
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(139, 69, 19, 0.05);
}
.wp-pagenavi span, .wp-pagenavi a {
  padding: 8px 12px;
  border: 1px solid rgba(139, 69, 19, 0.2);
  border-radius: 4px;
  color: #8B4513;
  transition: all 0.3s ease;
}
.wp-pagenavi span {
  color: rgba(139, 69, 19, 0.5);
  background: rgba(139, 69, 19, 0.05);
}
.wp-pagenavi span.nolink {
  background:none;
}
.wp-pagenavi span font[color="red"] {
  color: #8B4513;
  /*background: rgba(139, 69, 19, 0.1);*/
  font-weight: bold;
}
.wp-pagenavi a:hover {
  background: rgba(139, 69, 19, 0.1);
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(139, 69, 19, 0.1);
}
.wp-pagenavi select {
  margin-left: 12px;
  padding: 6px 10px;
  border: 1px solid rgba(139, 69, 19, 0.2);
  border-radius: 4px;
  background: rgba(248, 244, 233, 0.8);
  color: #8B4513;
}
/* 留言板样式 */
.faq {
  border-bottom: 1px solid rgba(139, 69, 19, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.faqtit {
  font-family: 'Ma Shan Zheng', serif;
  font-size: 18px;
  color: #8B4513;
  margin-bottom: 10px;
}
.faqcon {
  margin-top: 10px;
  line-height: 1.6;
  color: #666;
}
.reply {
  background: rgba(139, 69, 19, 0.05);
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 30px;
  border-left: 3px solid #8B4513;
}
.reply div {
  line-height: 1.6;
  color: #666;
}
.faqline {
  margin-bottom: 15px;
}
.Content {
  margin-bottom: 15px;
}
.Content textarea {
  width: 75%;
  padding: 10px;
  border: 1px solid rgba(139, 69, 19, 0.2);
  border-radius: 4px;
  background: rgba(248, 244, 233, 0.8);
  font-family: 'ZCOOL XiaoWei', serif;
}
.faqline input[type="text"] {
  padding: 8px 12px;
  border: 1px solid rgba(139, 69, 19, 0.2);
  border-radius: 4px;
  background: rgba(248, 244, 233, 0.8);
  font-family: 'ZCOOL XiaoWei', serif;
}
.faqline input[type="submit"] {
  padding: 10px 20px;
  background: #8B4513;
  color: white;
  border: none;
  border-radius: 4px;
  font-family: 'Ma Shan Zheng', serif;
  cursor: pointer;
  transition: all 0.3s ease;
}
.faqline input[type="submit"]:hover {
  background: #A65F21;
  transform: translateY(-2px);
}
/* 响应式调整 */
@media (max-width: 768px) {
  .ancient-border {
    margin: 20px 0;
    padding: 20px;
  }
  .Content textarea {
    width: 100%;
  }
  .faqline input[type="text"] {
    width: 100%;
  }
}


@charset "utf-8";
*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0px}.bottom-0{bottom:0px}.left-0{left:0px}.left-2{left:0.5rem}.right-2{right:0.5rem}.top-0{top:0px}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[-3\]{z-index:-3}.mx-auto{margin-left:auto;margin-right:auto}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom:0.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-1{height:0.25rem}.h-10{height:2.5rem}.h-\[60vh\]{height:60vh}.h-auto{height:auto}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-\[85vw\]{width:85vw}.w-full{width:100%}.max-w-4xl{max-width:56rem}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-4 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-wood\/10{border-color:rgb(139 69 19 / 0.1)}.bg-rice{--tw-bg-opacity:1;background-color:rgb(248 244 233 / var(--tw-bg-opacity, 1))}.bg-rice\/40{background-color:rgb(248 244 233 / 0.4)}.bg-rice\/50{background-color:rgb(248 244 233 / 0.5)}.bg-wood\/50{background-color:rgb(139 69 19 / 0.5)}.bg-wood\/90{background-color:rgb(139 69 19 / 0.9)}.bg-gradient-to-r{background-image:linear-gradient(to right, var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-wood\/20{--tw-gradient-to:rgb(139 69 19 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(139 69 19 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.object-cover{object-fit:cover}.p-0{padding:0px}.p-4{padding:1rem}.p-8{padding:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:0.5rem;padding-right:0.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-4{padding-bottom:1rem}.pt-2{padding-top:0.5rem}.text-center{text-align:center}.font-shufa{font-family:Ma Shan Zheng, serif}.font-xiao{font-family:ZCOOL XiaoWei, SimSun, serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[1\.5rem\]{font-size:1.5rem}.text-\[clamp\(3\.5rem\2c 10vw\2c 7rem\)\]{font-size:clamp(3.5rem,10vw,7rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-ink{--tw-text-opacity:1;color:rgb(36 31 30 / var(--tw-text-opacity, 1))}.text-lightInk{--tw-text-opacity:1;color:rgb(122 110 109 / var(--tw-text-opacity, 1))}.text-lightInk\/60{color:rgb(122 110 109 / 0.6)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-wood{--tw-text-opacity:1;color:rgb(139 69 19 / var(--tw-text-opacity, 1))}.opacity-30{opacity:0.3}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.glass-ink-final {
        background: rgba(248, 244, 233, 0.5);
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        border: 1px solid rgba(139, 69, 19, 0.05);
        box-shadow: none;
      }.line-clamp-3 {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
      }.bg-full-scroll {
        background-image: 
          url(''),
          url('');
        background-size: cover, cover;
        background-attachment: fixed;
        background-position: center;
        background-blend-mode: soft-light;
        transform: translateZ(0);
      }/* 视差滚动 *//* 水墨遮罩 */.ink-scroll-mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at center, transparent 0%, rgba(139, 69, 19, 0.05) 50%, rgba(139, 69, 19, 0.1) 100%);
        pointer-events: none;
        z-index: 1;
        opacity: 0;
        transition: opacity 0.5s ease;
      }.ink-scroll-mask.active {
        opacity: 1;
      }/* 图片光晕效果 - 仅在图片中心显示 */.img-scale {
        position: relative;
        overflow: hidden;
      }.img-scale::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.2) 0%, transparent 60%);
        transform: translate(-50%, -50%);
        transition: width 0.4s ease, height 0.4s ease;
        pointer-events: none;
        z-index: 2;
      }.img-scale:hover::after {
        width: 200px;
        height: 200px;
      }/* 按钮悬停效果 */.ink-button {
        transition: all 0.3s ease;
      }/* 栏目标题装饰 */.title-container {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
      }.title-container::after {
        content: '';
        position: absolute;
        bottom:5px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        height: 30px;
        background: radial-gradient(ellipse, rgba(139, 69, 19, 0.1) 0%, transparent 70%);
      }/* 山峰云雾效果 */#mountainClouds {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
      }/* 古风边框 *//* 古风边框 - 水墨笔触效果 *//* 古风边框 - 简化为水墨风格 */.ancient-border {
        position: relative;
        margin: 30px 0;
        padding: 30px;
        background: rgba(248, 244, 233, 0.6);
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(139, 69, 19, 0.05);
        transition: all 0.3s ease;
      }.ancient-border:hover {
        box-shadow: 0 6px 16px rgba(139, 69, 19, 0.08);
        transform: translateY(-2px);
      }/* 水墨笔触边框 *//* 水墨渐变背景 *//* 水墨风格按钮 */.ink-button {
        position: relative;
        overflow: hidden;
        transition: all 0.3s ease;
      }.ink-button::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0;
        height: 0;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.3) 0%, rgba(139, 69, 19, 0) 70%);
        transform: translate(-50%, -50%);
        transition: width 0.6s ease, height 0.6s ease;
        pointer-events: none;
        z-index: 1;
      }.ink-button:hover::before {
        width: 300px;
        height: 300px;
      }/* 水墨文字效果 */.ink-text {
        text-shadow: 1px 1px 2px rgba(139, 69, 19, 0.2);
        position: relative;
      }.ink-text:not(.title-decoration)::after {
        content: attr(data-text);
        position: absolute;
        top: 1px;
        left: 1px;
        color: rgba(139, 69, 19, 0.1);
        z-index: -1;
      }/* 水墨风格卡片 *//* 水墨风格滚动条 */::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }::-webkit-scrollbar-track {
        background: rgba(248, 244, 233, 0.8);
      }::-webkit-scrollbar-thumb {
        background: rgba(139, 69, 19, 0.3);
        border-radius: 4px;
      }::-webkit-scrollbar-thumb:hover {
        background: rgba(139, 69, 19, 0.5);
      }/* 水墨风格移动端菜单 */@media (max-width: 768px) {
        #mobileMenu {
          background: rgba(248, 244, 233, 0.95);
          -webkit-backdrop-filter: blur(10px);
                  backdrop-filter: blur(10px);
          border-left: 1px solid rgba(139, 69, 19, 0.1);
        }
        
        .ink-button {
          padding: 12px 20px;
          font-size: 16px;
        }
        
        .section-seal {
          width: 50px;
          height: 50px;
          font-size: 14px;
        }
      }/* 图片懒加载 */.lazy-image {
        position: relative;
        overflow: hidden;
      }.lazy-image::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(45deg, rgba(139, 69, 19, 0.1) 0%, rgba(139, 69, 19, 0.05) 50%, rgba(139, 69, 19, 0.1) 100%);
        z-index: 1;
      }.lazy-image img {
        transition: opacity 0.5s ease;
      }.lazy-image img.loaded {
        opacity: 1;
      }/* 骨架屏 *//* 水墨过渡效果 */.ink-transition {
        position: fixed;
        inset: 0;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.9) 0%, rgba(139, 69, 19, 0.6) 50%, rgba(139, 69, 19, 0) 100%);
        pointer-events: none;
        z-index: 9999;
        opacity: 0;
        transform: scale(0);
        transition: opacity 0.5s ease, transform 0.5s ease;
      }.ink-transition.active {
        opacity: 1;
        transform: scale(1);
      }.ink-full-mask {
        position: fixed;
        inset: 0;
        background: linear-gradient(180deg, 
          rgba(36,31,30,0.05) 0%, 
          rgba(248,244,233,0.7) 55%, 
          rgba(248,244,233,1) 100%);
        z-index: -1;
      }.cloud-1, .cloud-2, .cloud-3 {
        position: fixed;
        inset: 0;
        background-image: url('');
        background-size: 250% auto;
        background-repeat: repeat-x;
        opacity: 0.3;
        z-index: -2;
      }.cloud-1 { opacity: 0.3; }.cloud-2 { opacity: 0.2; }.cloud-3 { opacity: 0.15; }.img-ink-full {
        filter: grayscale(30%) sepia(25%) contrast(95%) brightness(105%) saturate(80%);
        border-radius: 0;
      }/* 响应式调整 */@media (max-width: 768px) {
        .ancient-border {
          margin: 20px 0;
          padding: 20px;
        }
      }/* 优化移动端菜单 */.mobile-menu {
        gap: 35px;
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
      }#mobileNavLinks {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 35px;
      }.mobile-menu a {
        font-size: 32px;
        padding: 10px 20px;
        position: relative;
        text-align: center;
        white-space: nowrap;
      }.mobile-menu a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 2px;
        background: #8B4513;
        transition: width 0.3s ease;
      }.mobile-menu a:hover::after {
        width: 80%;
      }.mobile-menu-close {
        top: 30px;
        right: 30px;
        padding: 10px;
        border-radius: 50%;
      }.mobile-menu-close:hover {
        background: rgba(139, 69, 19, 0.1);
      }/* 视频容器特殊样式 */.video-container {
        overflow: hidden;
      }.video-container video {
        width: 100%;
        height: auto;
      }/* 联系我们卡片样式 *//* 增强山水画效果 */.bg-full-scroll {
        background-size: cover;
        background-position: center;
        opacity: 0.8;
      }/* 优化水墨效果 */.ink-full-mask {
        background: linear-gradient(to bottom, rgba(248, 244, 233, 0.1) 0%, rgba(248, 244, 233, 0.3) 100%);
      }.seal-big {
        position: fixed;
        bottom: 50px;
        right: 30px;
        width: 70px;
        height: 70px;
        background: rgba(139, 69, 19, 0.8);
        border-radius: 4px;
        z-index: 1000;
        /*transform: rotate(-5deg);*/
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      }.seal-big:hover {
        transform: rotate(0deg) scale(1.1);
        box-shadow: 0 5px 20px rgba(139, 69, 19, 0.3);
      }.scroll-title {
        writing-mode: vertical-rl;
        position: fixed;
        top: 20%;
        right: 20px;
        font-family: 'Ma Shan Zheng', serif;
        font-size: 30px;
        color: #8B4513;
        opacity: 0.8;
        z-index: 100;
      }html {
        scroll-behavior: smooth;
        overflow-x: hidden;
      }::-webkit-scrollbar { display: none; }.carousel-container { scroll-behavior: smooth; }.carousel-container::-webkit-scrollbar { display: none; }.card-hover {
        transition: all 0.3s ease;
      }.card-hover:hover {
        transform: translateY(-6px);
        box-shadow: 0 8px 20px rgba(166, 95, 33, 0.15);
      }.img-scale img {
        transition: transform 0.4s ease;
      }.img-scale:hover img {
        transform: scale(1.05);
      }/* 页面加载动画 - 墨水滴开效果 */.loading-screen {
        position: fixed;
        inset: 0;
        background: #F8F4E9;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        transition: opacity 0.5s ease, visibility 0.5s ease;
      }.loading-screen.hidden {
        opacity: 0;
        visibility: hidden;
      }.ink-drop {
        position: relative;
        width: 100px;
        height: 100px;
      }.ink-drop::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        background: rgba(139, 69, 19, 0.9);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        animation: inkDrop 1s ease-out forwards;
        filter: blur(2px);
      }.ink-ripple {
        position: absolute;
        top: 50%;
        left: 50%;
        background: radial-gradient(circle, rgba(139, 69, 19, 0.6) 0%, rgba(139, 69, 19, 0.3) 50%, rgba(139, 69, 19, 0) 100%);
        transform: translate(-50%, -50%) scale(0);
        filter: blur(8px);
        border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
      }.ink-ripple-1 {
        width: 200px;
        height: 200px;
        animation: inkRipple 1s ease-out 0.1s forwards;
      }.ink-ripple-2 {
        width: 400px;
        height: 400px;
        animation: inkRipple 1s ease-out 0.2s forwards;
      }.ink-ripple-3 {
        width: 600px;
        height: 600px;
        animation: inkRipple 1s ease-out 0.3s forwards;
      }.ink-ripple-4 {
        width: 800px;
        height: 800px;
        animation: inkRipple 1s ease-out 0.4s forwards;
      }@keyframes inkDrop {
        0% {
          transform: translate(-50%, -50%) scale(1);
          opacity: 1;
        }
        100% {
          transform: translate(-50%, -50%) scale(0);
          opacity: 0;
        }
      }@keyframes inkRipple {
        0% {
          transform: translate(-50%, -50%) scale(0) rotate(0deg);
          opacity: 0.8;
          border-radius: 40% 60% 70% 30% / 40% 50% 60% 50%;
        }
        25% {
          border-radius: 50% 50% 60% 40% / 60% 40% 60% 40%;
        }
        50% {
          border-radius: 60% 40% 30% 70% / 50% 60% 40% 50%;
        }
        75% {
          border-radius: 40% 60% 50% 50% / 40% 60% 40% 60%;
        }
        100% {
          transform: translate(-50%, -50%) scale(2) rotate(90deg);
          opacity: 0;
          border-radius: 50% 50% 50% 50%;
        }
      }/* 飘落花瓣 */.petal {
        position: fixed;
        width: 15px;
        height: 15px;
        background: linear-gradient(135deg, #ffb7c5 0%, #ff69b4 100%);
        border-radius: 50% 0 50% 50%;
        opacity: 0.6;
        pointer-events: none;
        z-index: 50;
        animation: fall linear infinite;
      }@keyframes fall {
        0% {
          transform: translateY(-10vh) rotate(0deg) scale(1);
          opacity: 0.6;
        }
        100% {
          transform: translateY(110vh) rotate(720deg) scale(0.5);
          opacity: 0;
        }
      }/* 飘动的云朵 */.floating-cloud {
        position: fixed;
        background: radial-gradient(ellipse, rgba(255,255,255,0.6) 0%, transparent 70%);
        border-radius: 50%;
        pointer-events: none;
        z-index: 47;
        animation: cloudFloat 25s linear infinite;
      }@keyframes cloudFloat {
        0% {
          transform: translateX(-200px);
          opacity: 0;
        }
        10% {
          opacity: 0.6;
        }
        90% {
          opacity: 0.6;
        }
        100% {
          transform: translateX(calc(100vw + 200px));
          opacity: 0;
        }
      }/* 滚动动画 */.scroll-reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease;
      }.scroll-reveal.revealed {
        opacity: 1;
        transform: translateY(0);
      }/* 灯箱 *//* 移动端菜单 */.mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(248, 244, 233, 0.98);
        z-index: 999;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;
        transform: translateX(-100%);
        transition: transform 0.4s ease;
      }.mobile-menu.active {
        transform: translateX(0);
      }.mobile-menu a {
        font-family: 'Ma Shan Zheng', serif;
        font-size: 28px;
        color: #8B4513;
        text-decoration: none;
        transition: all 0.3s ease;
      }.mobile-menu a:hover {
        color: #A65F21;
        transform: scale(1.1);
      }.mobile-menu-close {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 30px;
        color: #8B4513;
        cursor: pointer;
      }/* 视频容器 */.video-container {
        position: relative;
        overflow: hidden;
      }.video-container::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(45deg, rgba(139, 69, 19, 0.1), transparent);
        pointer-events: none;
        z-index: 1;
      }/* 装饰性印章 */.seal-small {
        display: inline-block;
        padding: 5px 10px;
        background: rgba(139, 69, 19, 0.8);
        color: #F8F4E9;
        font-family: 'Ma Shan Zheng', serif;
        font-size: 14px;
        transform: rotate(-3deg);
        margin-left: 10px;
        z-index: 10;
        position: relative;
      }/* 页面特定印章 */.section-seal {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 60px;
        height: 60px;
        background: rgba(139, 69, 19, 0.7);
        border-radius: 2px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #F8F4E9;
        font-family: 'Ma Shan Zheng', serif;
        font-size: 16px;
        transform: rotate(5deg);
        z-index: 10;
      }/* 水墨晕染效果 */.ink-wash {
        position: relative;
      }/*.ink-wash::after {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        width: 80%;
        height: 40px;
        background: radial-gradient(ellipse, rgba(139, 69, 19, 0.1) 0%, transparent 70%);
      }*//* 标题装饰 */.title-decoration {
        position: relative;
        display: inline-block;
      }.title-decoration::before,
      .title-decoration::after {
        content: '◆';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(139, 69, 19, 0.3);
        font-size: 12px;
      }.title-decoration::before { left: -25px; }.title-decoration::after { right: -25px; }/* 悬浮提示 */
    .hover\:border-wood\/30:hover{border-color:rgb(139 69 19 / 0.3)}
    .hover\:bg-wood:hover{--tw-bg-opacity:1;background-color:rgb(139 69 19 / var(--tw-bg-opacity, 1))}
    .hover\:text-lightWood:hover{--tw-text-opacity:1;color:rgb(212 167 106 / var(--tw-text-opacity, 1))}
    .hover\:text-wood:hover{--tw-text-opacity:1;color:rgb(139 69 19 / var(--tw-text-opacity, 1))}
    @media (min-width: 768px){.md\:left-0{left:0px}.md\:right-0{right:0px}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-\[calc\(25\%-12px\)\]{width:calc(25% - 12px)}.md\:min-w-\[200px\]{min-width:200px}.md\:grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.md\:gap-8{gap:2rem}.md\:p-6{padding:1.5rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}
      .md\:hidden.loading-screen {
        opacity: 0;
        visibility: hidden;
      }}
	  
.mb-6 {
	margin-bottom:1.5rem;
}
.mt-16 {
	margin-top:4rem;
}
.w-24 {
	width:6rem;
}
.mt-12 {
	margin-top:3rem;
}
.h-40 {
	height:10rem;
}
.h-48 {
	height:12rem;
}
.gap-2 {
	gap:0.5rem;
}
.space-y-8 >:not([hidden]) ~:not([hidden]) {
	--tw-space-y-reverse:0;
	margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(2rem * var(--tw-space-y-reverse));
}
.bg-wood\/10 {
	background-color:rgb(139 69 19 / 0.1);
}
.max-w-none {
	max-width:none;
}
.grid-cols-2 {
	grid-template-columns:repeat(2,minmax(0,1fr));
}
.space-y-6 >:not([hidden]) ~:not([hidden]) {
	--tw-space-y-reverse:0;
	margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));
}
.p-6 {
	padding:1.5rem;
}
.px-3 {
	padding-left:0.75rem;
	padding-right:0.75rem;
}
.py-1 {
	padding-top:0.25rem;
	padding-bottom:0.25rem;
}
.pt-32 {
	padding-top:12rem;
}
.pt-8 {
	padding-top:2rem;
}
.gap-5{gap:1.25rem}
@media (min-width: 768px){
.md\:grid-cols-2 {
	grid-template-columns:repeat(2,minmax(0,1fr));
}
.md\:grid-cols-4 {
	grid-template-columns:repeat(4,minmax(0,1fr));
}
.md\:w-3\/4 {
	width:75%;
}
.md\:flex-row {
	flex-direction:row;
}
.md\:items-center {
	align-items:center;
}
.md\:text-4xl {
	font-size:2.25rem;
	line-height:2.5rem;
}
.md\:mt-0 {
	margin-top:0px;
}
.md\:line-clamp-2 {
	overflow:hidden;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.md\:w-1\/3 {
	width:33.333333%;
}
}
@media (min-width:1024px) {
	.lg\:grid-cols-3 {
	grid-template-columns:repeat(3,minmax(0,1fr));
}
}
#mobileMenu{display:none}
.video-container iframe{height:470px;}
.ancient-border i , footer i{display:block}
@media (max-width:768px) {
#mobileMenu{display:block}
.video-container iframe{height:auto;}
.ditudh iframe{height:380px;}
.xwneirong .p-6{padding:0}
}