/* 响应式样式 */

/* 平板设备（768px - 1199px） */
@media (max-width: 1199px) {
    /* 导航栏调整 */
    .nav-links li {
        margin-left: 1.5rem;
    }
    
    /* 轮播图内容调整 */
    .slide-content h2 {
        font-size: 2rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .slide-content p {
        font-size: 1rem;
    }
    
    /* 景区简介特性网格调整 */
    .intro-features {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* 热门景点网格调整 */
    .attractions-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* 最新动态网格调整 */
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    /* 页脚内容网格调整 */
    .footer-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* 移动设备（767px以下） */
@media (max-width: 767px) {
    /* 导航栏调整 */
    .navbar {
        padding: 1rem 0;
    }
    
    .logo h1 {
        font-size: 2rem;
    }
    
    /* 移动端菜单 */
    .nav-links {
        position: fixed;
        right: -100%;
        top: 80px;
        flex-direction: column;
        background-color: #fff;
        width: 100%;
        text-align: center;
        transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        padding: 3rem 0;
        gap: 2rem;
        border-top: 2px solid #2c5aa0;
    }
    
    .nav-links.active {
        right: 0;
    }
    
    .nav-links li {
        margin: 0;
    }
    
    .nav-links a {
        font-size: 1.2rem;
        padding: 1rem 0;
        color: #333;
        text-shadow: none;
    }
    
    .nav-links a:hover {
        color: #2c5aa0;
    }
    
    .menu-toggle {
        display: flex;
    }
    
    /* 优化移动端菜单按钮样式 */
    .menu-toggle span {
        width: 30px;
        height: 4px;
        background-color: #fff;
        margin: 4px 0;
        transition: 0.3s;
        border-radius: 2px;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    }
    
    .nav-links.active + .menu-toggle span:nth-child(1) {
        transform: rotate(-45deg) translate(-6px, 6px);
    }
    
    .nav-links.active + .menu-toggle span:nth-child(2) {
        opacity: 0;
    }
    
    .nav-links.active + .menu-toggle span:nth-child(3) {
        transform: rotate(45deg) translate(-6px, -6px);
    }
    
    /* 轮播图调整 */
    .slider {
        aspect-ratio: 16/9;
    }
    
    .slide-content {
        padding: 1rem;
        min-width: 250px;
    }
    
    .slide-content h2 {
        font-size: 1.5rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .slide-content p {
        font-size: 0.9rem;
    }
    
    .slider-controls {
        padding: 0 1rem;
    }
    
    .slider-controls button {
        font-size: 1.5rem;
        padding: 0.8rem;
        width: 50px;
        height: 50px;
    }
    
    /* 景区简介调整 */
    .intro {
        padding: 2rem 0;
    }
    
    .intro h2 {
        font-size: 1.8rem;
    }
    
    .intro p {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    
    .intro-features {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .feature {
        padding: 1.5rem;
    }
    
    /* 热门景点调整 */
    .popular-attractions {
        padding: 2rem 0;
    }
    
    .popular-attractions h2 {
        font-size: 1.8rem;
    }
    
    .attractions-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-bottom: 2rem;
    }
    
    /* 最新动态调整 */
    .news {
        padding: 2rem 0;
    }
    
    .news h2 {
        font-size: 1.8rem;
    }
    
    .news-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-bottom: 2rem;
    }
    
    /* 页脚调整 */
    footer {
        padding: 2rem 0 1rem;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    .footer-section {
        text-align: center;
    }
    
    /* 通用页面样式调整 */
    .page-header {
        padding: 2rem 0;
    }
    
    .page-header h1 {
        font-size: 2rem;
    }
    
    .page-content {
        padding: 2rem 0;
    }
    
    /* 景点介绍页面调整 */
    .attractions-list {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
    
    .attraction-detail {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
    
    /* 联系我们页面调整 */
    .contact-info {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 1.5rem;
    }
    
    .contact-item {
        padding: 1.5rem;
    }
    
    .contact-form {
        padding: 1.5rem;
        margin: 1.5rem auto 0;
    }
}

/* 小屏移动设备（480px以下） */
@media (max-width: 480px) {
    /* 导航栏调整 */
    .logo h1 {
        font-size: 1.3rem;
    }
    
    /* 轮播图内容调整 */
    .slide-content h2 {
        font-size: 1.3rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .slide-content p {
        font-size: 0.8rem;
    }
    
    /* 幻灯片控制按钮调整 */
    .slider-controls {
        padding: 0 0.5rem;
    }
    
    .slider-controls button {
        font-size: 1.2rem;
        padding: 0.6rem;
        width: 40px;
        height: 40px;
    }
    
    /* 按钮调整 */
    .btn {
        padding: 0.6rem 1.2rem;
        font-size: 0.9rem;
    }
    
    /* 景点图片调整 */
    .attraction-item img {
        aspect-ratio: 16/9;
    }
    
    .attraction-detail img {
        aspect-ratio: 16/9;
    }
}

/* 右下角透明视频响应式样式 */
@media (max-width: 767px) {
    /* 平板设备样式 */
    .transparent-video {
        width: 120px; /* 平板设备视频宽度 */
    }
    
    /* 较大尺寸视频平板样式 */
    .transparent-video.large-size {
        width: 200px;
    }
    
    /* 调整声音按钮大小 */
    .sound-control {
        width: 25px;
        height: 25px;
        font-size: 12px;
        top: 8px;
        right: 8px;
    }
    
    /* 平板设备缩放按钮样式 */
    .scale-control {
        width: 25px;
        height: 25px;
        font-size: 12px;
        top: 8px;
        left: 8px;
    }
}

@media (max-width: 480px) {
    /* 手机设备样式 */
    .transparent-video {
        width: 100px; /* 手机设备视频宽度 */
    }
    
    /* 较大尺寸视频手机样式 */
    .transparent-video.large-size {
        width: 180px;
    }
    
    /* 调整声音按钮大小 */
    .sound-control {
        width: 22px;
        height: 22px;
        font-size: 11px;
        top: 6px;
        right: 6px;
    }
    
    /* 手机设备缩放按钮样式 */
    .scale-control {
        width: 22px;
        height: 22px;
        font-size: 11px;
        top: 6px;
        left: 6px;
    }
    
    /* 调整整体位置 */
    .tao-yuanming {
        right: 10px;
        bottom: 10px;
    }
}

/* 大屏设备（1200px以上） */
@media (min-width: 1200px) {
    /* 容器最大宽度调整 */
    .container {
        max-width: 1400px;
    }
    
    /* 轮播图内容调整 */
    .slide-content h2 {
        font-size: 3rem;
    }
    
    .slide-content p {
        font-size: 1.3rem;
    }
}