<?php
$pageTitle = '雪山户外婚礼（玉龙雪山）';
require_once 'header.php';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="玉龙雪山户外婚礼场地，海拔4506米观景平台，雪山全景背景、高原草甸、蓝天白云自然景观。专业高原婚礼策划服务，提供基础套餐¥29,800起，豪华套餐¥49,800起。">
    <meta name="keywords" content="玉龙雪山婚礼,户外婚礼场地,高原婚礼策划,雪山婚礼,丽江婚礼,高原婚礼,云南婚礼场地,目的地婚礼">
    <meta name="author" content="阳泉婚礼宝典">
    <meta property="og:title" content="雪山户外婚礼（玉龙雪山）- 阳泉婚礼宝典">
    <meta property="og:description" content="海拔4506米观景平台，雪山全景背景，高原草甸自然景观，专业高原婚礼策划服务">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://neeko-copilot.bytedance.net/api/text2image?prompt=snow%20mountain%20wedding%20ceremony%20platform%20with%20panoramic%20view%20of%20Jade%20Dragon%20Snow%20Mountain%20at%20sunset%20golden%20hour%20professional%20photography&image_size=landscape_16_9">
    <link rel="canonical" href="https://yangquanwedding.com/gallery_yulong.php">
    <title>雪山户外婚礼（玉龙雪山）- 阳泉婚礼宝典</title>
    <link rel="stylesheet" href="css/style.css">
    <style>
        /* ========== Hero区域 ========== */
        .yulong-hero {
            background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35)), url('https://neeko-copilot.bytedance.net/api/text2image?prompt=snow%20mountain%20wedding%20ceremony%20platform%20with%20panoramic%20view%20of%20Jade%20Dragon%20Snow%20Mountain%20at%20sunset%20golden%20hour%20professional%20photography&image_size=landscape_16_9');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            color: white;
            padding: 120px 0 80px;
            text-align: center;
            position: relative;
        }
        .yulong-hero h1 {
            font-size: 3rem;
            margin-bottom: 20px;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
            letter-spacing: 2px;
        }
        .yulong-hero p {
            font-size: 1.2rem;
            opacity: 0.9;
            max-width: 600px;
            margin: 0 auto 25px;
        }
        .hero-badges {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
        }
        .hero-badge {
            display: inline-block;
            background: rgba(255,255,255,0.2);
            padding: 8px 20px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
            font-size: 14px;
        }
        .hero-cta {
            margin-top: 30px;
        }
        .hero-cta a {
            display: inline-block;
            background: #fff;
            color: #b64a2a;
            padding: 14px 35px;
            border-radius: 30px;
            text-decoration: none;
            font-weight: bold;
            font-size: 16px;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }
        .hero-cta a:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 25px rgba(0,0,0,0.3);
        }

        /* ========== 通用标题 ========== */
        .section-title {
            text-align: center;
            margin: 50px 0 30px;
        }
        .section-title h2 {
            color: #b64a2a;
            font-size: 2rem;
            margin-bottom: 10px;
        }
        .section-title p {
            color: #666;
            font-size: 15px;
        }
        .section-title .title-line {
            width: 60px;
            height: 3px;
            background: #b64a2a;
            margin: 15px auto 0;
            border-radius: 2px;
        }

        /* ========== 位置信息 ========== */
        .location-info {
            background: linear-gradient(135deg, #f8f9fa, #e9ecef);
            padding: 50px 0;
        }
        .location-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 25px;
        }
        .location-card {
            background: white;
            padding: 25px;
            border-radius: 15px;
            text-align: center;
            box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s;
        }
        .location-card:hover {
            transform: translateY(-3px);
        }
        .location-card i {
            font-size: 2.5rem;
            margin-bottom: 15px;
            color: #b64a2a;
        }
        .location-card h3 {
            color: #333;
            margin-bottom: 10px;
            font-size: 1.1rem;
        }
        .location-card p {
            color: #666;
            font-size: 14px;
            line-height: 1.7;
        }

        /* ========== 交通详情 ========== */
        .transport-section {
            padding: 50px 0;
            background: #fff;
        }
        .transport-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        .transport-card {
            background: #fafafa;
            border-radius: 15px;
            padding: 25px;
            border: 1px solid #eee;
        }
        .transport-card h4 {
            color: #b64a2a;
            margin-bottom: 15px;
            font-size: 1.1rem;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .transport-card .route-detail {
            font-size: 14px;
            color: #555;
            line-height: 1.8;
        }
        .transport-card .route-detail strong {
            color: #333;
        }

        /* ========== 场地场景图 ========== */
        .scene-diagram {
            padding: 50px 0;
            background: #fafafa;
        }
        .diagram-container {
            background: #fff;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.06);
        }
        .diagram-image {
            width: 100%;
            border-radius: 12px;
            margin-bottom: 20px;
        }
        .diagram-legend {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
            gap: 15px;
        }
        .legend-item {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14px;
            color: #555;
        }
        .legend-dot {
            width: 16px;
            height: 16px;
            border-radius: 50%;
            flex-shrink: 0;
        }
        .legend-dot.ceremony { background: #b64a2a; }
        .legend-dot.photo { background: #e67e22; }
        .legend-dot.rest { background: #27ae60; }
        .legend-dot.reception { background: #3498db; }
        .legend-dot.parking { background: #95a5a6; }
        .legend-dot.entrance { background: #9b59b6; }

        /* ========== 场地特色 ========== */
        .venue-features {
            padding: 50px 0;
        }
        .features-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
        }
        .feature-item {
            background: white;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            border-left: 4px solid #b64a2a;
            transition: transform 0.3s;
        }
        .feature-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.1);
        }
        .feature-item h4 {
            color: #333;
            margin-bottom: 10px;
            font-size: 1.05rem;
        }
        .feature-item p {
            color: #666;
            font-size: 14px;
            line-height: 1.6;
        }

        /* ========== 季节特色 ========== */
        .season-section {
            background: #fafafa;
            padding: 50px 0;
        }
        .season-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 25px;
        }
        .season-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 3px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s;
        }
        .season-card:hover {
            transform: translateY(-5px);
        }
        .season-image {
            height: 180px;
            background-size: cover;
            background-position: center;
            position: relative;
        }
        .season-tag {
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgba(255,255,255,0.95);
            padding: 5px 12px;
            border-radius: 20px;
            font-size: 13px;
            color: #b64a2a;
            font-weight: bold;
        }
        .season-content {
            padding: 20px;
        }
        .season-content h4 {
            color: #333;
            margin-bottom: 10px;
        }
        .season-content p {
            color: #666;
            font-size: 14px;
            line-height: 1.6;
        }
        .season-content .season-detail {
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid #f0f0f0;
            font-size: 13px;
            color: #999;
        }
        .season-content .season-detail span {
            display: block;
            margin-bottom: 4px;
        }

        /* ========== 婚礼流程 ========== */
        .schedule-section {
            padding: 50px 0;
        }
        .timeline {
            max-width: 800px;
            margin: 0 auto;
        }
        .timeline-item {
            display: flex;
            gap: 20px;
            margin-bottom: 20px;
            padding: 20px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: transform 0.2s;
            border-left: 3px solid transparent;
        }
        .timeline-item:hover {
            transform: translateX(5px);
            border-left-color: #b64a2a;
        }
        .timeline-time {
            background: #f8edeb;
            color: #b64a2a;
            padding: 8px 16px;
            border-radius: 20px;
            font-weight: bold;
            white-space: nowrap;
            height: fit-content;
            font-size: 14px;
        }
        .timeline-content {
            flex: 1;
        }
        .timeline-content h4 {
            color: #333;
            margin-bottom: 5px;
            font-size: 1rem;
        }
        .timeline-content p {
            color: #666;
            font-size: 14px;
            line-height: 1.5;
        }
        .timeline-content .detail-tag {
            display: inline-block;
            background: #f0f0f0;
            padding: 2px 8px;
            border-radius: 10px;
            font-size: 11px;
            color: #999;
            margin-top: 4px;
        }

        /* ========== 摄影点位 ========== */
        .photo-spots {
            padding: 50px 0;
            background: #fafafa;
        }
        .photo-spots-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }
        .photo-spot {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 3px 10px rgba(0,0,0,0.06);
        }
        .photo-spot-header {
            padding: 18px 20px;
            background: linear-gradient(135deg, #f8edeb, #fff);
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .photo-spot-header .spot-num {
            width: 36px;
            height: 36px;
            background: #b64a2a;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: bold;
            font-size: 16px;
            flex-shrink: 0;
        }
        .photo-spot-header h4 {
            color: #333;
            font-size: 1rem;
        }
        .photo-spot-body {
            padding: 15px 20px;
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
        .photo-spot-body .spot-time {
            color: #b64a2a;
            font-weight: bold;
            font-size: 13px;
        }

        /* ========== 应急预案 ========== */
        .emergency-section {
            padding: 50px 0;
        }
        .emergency-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }
        .emergency-card {
            background: #fff;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            border-top: 3px solid #e67e22;
        }
        .emergency-card h4 {
            color: #e67e22;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .emergency-card p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }
        .emergency-card ul {
            list-style: none;
            padding: 0;
        }
        .emergency-card ul li {
            font-size: 14px;
            color: #666;
            padding: 4px 0;
            padding-left: 16px;
            position: relative;
        }
        .emergency-card ul li::before {
            content: '•';
            position: absolute;
            left: 0;
            color: #e67e22;
        }

        /* ========== 套餐 ========== */
        .package-section {
            background: #fafafa;
            padding: 50px 0;
        }
        .package-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
            max-width: 1000px;
            margin: 0 auto;
        }
        .package-card {
            background: white;
            border-radius: 15px;
            overflow: hidden;
            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
            position: relative;
            transition: transform 0.3s;
        }
        .package-card:hover {
            transform: translateY(-5px);
        }
        .package-card.premium {
            border: 2px solid #b64a2a;
            transform: scale(1.03);
        }
        .package-card.premium:hover {
            transform: scale(1.05);
        }
        .package-badge {
            position: absolute;
            top: 0;
            right: 0;
            background: #b64a2a;
            color: white;
            padding: 6px 18px;
            border-radius: 0 15px 0 15px;
            font-size: 13px;
            z-index: 1;
        }
        .package-header {
            padding: 35px 30px;
            text-align: center;
            background: linear-gradient(135deg, #f8edeb, #fff);
        }
        .package-header h3 {
            color: #333;
            margin-bottom: 10px;
            font-size: 1.3rem;
        }
        .package-price {
            font-size: 2.5rem;
            color: #b64a2a;
            font-weight: bold;
        }
        .package-price span {
            font-size: 1rem;
            color: #666;
            font-weight: normal;
        }
        .package-features {
            padding: 20px 30px;
        }
        .package-features ul {
            list-style: none;
            padding: 0;
        }
        .package-features li {
            padding: 10px 0;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 14px;
            color: #555;
        }
        .package-features li:last-child {
            border-bottom: none;
        }
        .package-features .check-icon {
            color: #27ae60;
            font-weight: bold;
        }
        .package-features .cross-icon {
            color: #e74c3c;
        }
        .package-upgrade {
            padding: 10px 30px 20px;
            font-size: 13px;
            color: #b64a2a;
            text-align: center;
        }
        .package-upgrade a {
            color: #b64a2a;
            text-decoration: underline;
        }
        .package-btn {
            width: 100%;
            padding: 15px;
            background: #b64a2a;
            color: white;
            border: none;
            border-radius: 0 0 15px 15px;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            transition: background 0.3s;
            letter-spacing: 1px;
        }
        .package-btn:hover {
            background: #c95a3c;
        }

        /* ========== 价格计算器 ========== */
        .price-calc-section {
            padding: 50px 0;
            background: #fff;
        }
        .price-calc {
            max-width: 700px;
            margin: 0 auto;
            background: #fafafa;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 3px 15px rgba(0,0,0,0.06);
        }
        .price-calc h4 {
            text-align: center;
            color: #333;
            margin-bottom: 20px;
        }
        .calc-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            border-bottom: 1px solid #eee;
            font-size: 14px;
        }
        .calc-row:last-child {
            border-bottom: none;
            font-weight: bold;
            font-size: 16px;
            color: #b64a2a;
        }
        .calc-row .calc-label {
            color: #555;
        }
        .calc-row .calc-value {
            color: #333;
            font-weight: bold;
        }

        /* ========== 图片画廊 ========== */
        .gallery-section {
            padding: 50px 0;
        }
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
        }
        .gallery-item {
            aspect-ratio: 4/3;
            border-radius: 12px;
            overflow: hidden;
            cursor: pointer;
            transition: transform 0.3s;
            box-shadow: 0 3px 10px rgba(0,0,0,0.1);
            position: relative;
        }
        .gallery-item:hover {
            transform: scale(1.03);
        }
        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s;
        }
        .gallery-item:hover img {
            transform: scale(1.1);
        }
        .gallery-caption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(transparent, rgba(0,0,0,0.7));
            color: #fff;
            padding: 30px 15px 12px;
            font-size: 13px;
            opacity: 0;
            transition: opacity 0.3s;
        }
        .gallery-item:hover .gallery-caption {
            opacity: 1;
        }

        /* 图片弹窗 */
        .modal-overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.9);
            z-index: 1000;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        .modal-overlay.active {
            display: flex;
        }
        .modal-content {
            position: relative;
            max-width: 90vw;
            max-height: 90vh;
        }
        .modal-content img {
            max-width: 100%;
            max-height: 85vh;
            border-radius: 10px;
            object-fit: contain;
        }
        .modal-close {
            position: absolute;
            top: -40px;
            right: 0;
            color: white;
            font-size: 2rem;
            cursor: pointer;
            transition: transform 0.3s;
        }
        .modal-close:hover {
            transform: scale(1.2);
        }
        .modal-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            color: white;
            font-size: 2rem;
            cursor: pointer;
            background: rgba(0,0,0,0.4);
            padding: 10px 15px;
            border-radius: 50%;
            transition: background 0.3s;
            user-select: none;
        }
        .modal-nav:hover {
            background: rgba(0,0,0,0.7);
        }
        .modal-nav.prev { left: -60px; }
        .modal-nav.next { right: -60px; }
        .modal-caption {
            position: absolute;
            bottom: -35px;
            left: 0;
            right: 0;
            color: #fff;
            text-align: center;
            font-size: 14px;
            opacity: 0.8;
        }

        /* ========== 价格区间 ========== */
        .price-section {
            padding: 50px 0;
            text-align: center;
            background: #fafafa;
        }
        .price-info {
            background: white;
            padding: 40px;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            max-width: 800px;
            margin: 0 auto;
        }
        .price-range {
            font-size: 2.5rem;
            color: #b64a2a;
            font-weight: bold;
            margin: 20px 0;
        }
        .price-factors {
            text-align: left;
            margin-top: 30px;
        }
        .price-factors h4 {
            color: #333;
            margin-bottom: 15px;
        }
        .price-factors ul {
            list-style: none;
            padding: 0;
        }
        .price-factors li {
            padding: 8px 0;
            color: #666;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 10px;
            line-height: 1.6;
        }

        /* ========== 联系预订 ========== */
        .contact-section {
            background: linear-gradient(135deg, #b64a2a, #c95a3c);
            color: white;
            padding: 60px 0;
        }
        .contact-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
            text-align: center;
        }
        .contact-item i {
            font-size: 2.5rem;
            margin-bottom: 15px;
            opacity: 0.9;
        }
        .contact-item h3 {
            margin-bottom: 10px;
            font-size: 1.1rem;
        }
        .contact-item p {
            opacity: 0.9;
            font-size: 14px;
        }
        .contact-item .response-time {
            font-size: 12px;
            opacity: 0.7;
            margin-top: 4px;
        }
        .contact-btn {
            background: white;
            color: #b64a2a;
            padding: 14px 36px;
            border-radius: 30px;
            text-decoration: none;
            display: inline-block;
            margin-top: 30px;
            font-weight: bold;
            transition: all 0.3s;
            font-size: 16px;
        }
        .contact-btn:hover {
            transform: scale(1.05);
            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        }
        .qrcode {
            width: 120px;
            height: 120px;
            background: white;
            border-radius: 10px;
            margin: 0 auto 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #333;
            font-size: 10px;
            border: 2px solid #eee;
        }

        /* ========== 预订流程 ========== */
        .booking-flow {
            padding: 50px 0;
            background: #fff;
        }
        .flow-steps {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            max-width: 900px;
            margin: 0 auto;
        }
        .flow-step {
            text-align: center;
            position: relative;
        }
        .flow-step .step-circle {
            width: 60px;
            height: 60px;
            background: #f8edeb;
            color: #b64a2a;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            font-weight: bold;
            margin: 0 auto 15px;
            border: 2px solid #b64a2a;
        }
        .flow-step h4 {
            color: #333;
            margin-bottom: 8px;
            font-size: 1rem;
        }
        .flow-step p {
            color: #666;
            font-size: 13px;
            line-height: 1.5;
        }
        .flow-arrow {
            display: none;
            position: absolute;
            top: 30px;
            right: -15px;
            color: #b64a2a;
            font-size: 20px;
        }
        @media (min-width: 768px) {
            .flow-arrow {
                display: block;
            }
        }

        /* ========== 高原提示 ========== */
        .tips-section {
            background: #fff3cd;
            padding: 30px;
            margin: 30px 0;
            border-radius: 12px;
            border-left: 4px solid #ffc107;
        }
        .tips-section h4 {
            color: #856404;
            margin-bottom: 15px;
            font-size: 1.1rem;
        }
        .tips-section ul {
            list-style: none;
            padding: 0;
        }
        .tips-section li {
            padding: 8px 0;
            color: #856404;
            font-size: 14px;
            line-height: 1.6;
        }

        /* ========== 宾客接待 ========== */
        .guest-care {
            padding: 50px 0;
            background: #fafafa;
        }
        .guest-care-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 20px;
        }
        .guest-care-card {
            background: #fff;
            padding: 25px;
            border-radius: 12px;
            box-shadow: 0 3px 10px rgba(0,0,0,0.05);
            text-align: center;
        }
        .guest-care-card i {
            font-size: 2.5rem;
            color: #b64a2a;
            margin-bottom: 12px;
        }
        .guest-care-card h4 {
            color: #333;
            margin-bottom: 10px;
        }
        .guest-care-card p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        /* ========== 内链导航 ========== */
        .page-nav {
            position: sticky;
            top: 60px;
            z-index: 50;
            background: #fff;
            border-bottom: 1px solid #eee;
            padding: 10px 0;
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
        }
        .page-nav .container {
            display: flex;
            gap: 8px;
        }
        .page-nav a {
            display: inline-block;
            padding: 8px 16px;
            border-radius: 20px;
            font-size: 13px;
            color: #666;
            text-decoration: none;
            background: #f5f5f5;
            transition: all 0.3s;
            flex-shrink: 0;
        }
        .page-nav a:hover,
        .page-nav a.active {
            background: #b64a2a;
            color: #fff;
        }

        /* ========== 响应式 ========== */
        @media (max-width: 1023px) {
            .yulong-hero h1 {
                font-size: 2.5rem;
            }
            .package-card.premium {
                transform: none;
            }
            .package-card.premium:hover {
                transform: translateY(-5px);
            }
        }
        @media (max-width: 767px) {
            .yulong-hero {
                padding: 80px 0 50px;
                background-attachment: scroll;
            }
            .yulong-hero h1 {
                font-size: 1.8rem;
            }
            .yulong-hero p {
                font-size: 1rem;
            }
            .timeline-item {
                flex-direction: column;
                gap: 10px;
            }
            .timeline-time {
                align-self: flex-start;
            }
            .modal-nav {
                display: none;
            }
            .location-grid {
                grid-template-columns: 1fr 1fr;
            }
            .photo-spots-grid {
                grid-template-columns: 1fr;
            }
            .gallery-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 10px;
            }
            .price-range {
                font-size: 2rem;
            }
            .package-grid {
                grid-template-columns: 1fr;
            }
            .page-nav {
                top: 50px;
            }
            .page-nav a {
                padding: 6px 12px;
                font-size: 12px;
            }
        }
        @media (max-width: 480px) {
            .location-grid {
                grid-template-columns: 1fr;
            }
            .gallery-grid {
                grid-template-columns: 1fr;
            }
        }
    </style>
</head>
<body>

    <!-- 页面内导航 -->
    <nav class="page-nav" id="pageNav">
        <div class="container">
            <a href="#location">场地位置</a>
            <a href="#transport">交通路线</a>
            <a href="#features">场地特色</a>
            <a href="#seasons">季节特色</a>
            <a href="#schedule">婚礼流程</a>
            <a href="#photos">摄影点位</a>
            <a href="#emergency">应急预案</a>
            <a href="#packages">服务套餐</a>
            <a href="#gallery">案例照片</a>
            <a href="#pricing">价格说明</a>
            <a href="#contact">预订联系</a>
        </div>
    </nav>

    <!-- 英雄区域 -->
    <div class="yulong-hero">
        <div class="container">
            <h1>雪山户外婚礼 · 玉龙雪山</h1>
            <p>海拔4506米观景平台 · 雪山全景背景 · 高原草甸自然景观</p>
            <div class="hero-badges">
                <span class="hero-badge">❄️ 雪山婚礼</span>
                <span class="hero-badge">🌄 海拔4506米</span>
                <span class="hero-badge">💍 专业策划</span>
                <span class="hero-badge">📸 网红打卡</span>
            </div>
            <div class="hero-cta">
                <a href="#contact">立即咨询预订</a>
            </div>
        </div>
    </div>

    <!-- 位置信息 -->
    <section class="location-info" id="location">
        <div class="container">
            <div class="section-title">
                <h2>📍 婚礼场地位置</h2>
                <p>玉龙雪山4506米海拔观景平台详细信息</p>
                <div class="title-line"></div>
            </div>
            <div class="location-grid">
                <div class="location-card">
                    <i class="fas fa-map-marker-alt"></i>
                    <h3>精确位置</h3>
                    <p>云南省丽江市玉龙纳西族自治县<br>玉龙雪山景区内<br>冰川公园大索道上站<br>海拔4506米观景平台</p>
                </div>
                <div class="location-card">
                    <i class="fas fa-compass"></i>
                    <h3>经纬度坐标</h3>
                    <p>北纬 27°03′25″ N<br>东经 100°10′10″ E<br>海拔：4506米<br>UTC+8 时区</p>
                </div>
                <div class="location-card">
                    <i class="fas fa-car"></i>
                    <h3>周边设施</h3>
                    <p>景区专用停车场（海拔3356米）<br>冰川公园大索道下站<br>游客服务中心<br>氧气供应站、医务室</p>
                </div>
                <div class="location-card">
                    <i class="fas fa-info-circle"></i>
                    <h3>场地容量</h3>
                    <p>建议宾客：50-100人<br>仪式区面积：约200m²<br>休息区面积：约100m²<br>最佳拍摄时段：日出至午前</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 交通路线 -->
    <section class="transport-section" id="transport">
        <div class="container">
            <div class="section-title">
                <h2>🚗 交通路线说明</h2>
                <p>多种交通方式，轻松抵达婚礼场地</p>
                <div class="title-line"></div>
            </div>
            <div class="transport-grid">
                <div class="transport-card">
                    <h4><i class="fas fa-car-side"></i> 自驾路线</h4>
                    <div class="route-detail">
                        <p><strong>路线：</strong>丽江古城 → 玉龙雪山景区（约40分钟）</p>
                        <p><strong>途经：</strong>丽江市区 → 束河古镇 → 白沙古镇 → 玉龙雪山景区入口</p>
                        <p><strong>停车场：</strong>景区甘海子停车场（海拔3356米），可容纳500+车位</p>
                        <p><strong>停车费：</strong>免费（景区门票已含）</p>
                        <p><strong>导航：</strong>搜索"玉龙雪山国家风景名胜区"</p>
                    </div>
                </div>
                <div class="transport-card">
                    <h4><i class="fas fa-bus"></i> 公共交通</h4>
                    <div class="route-detail">
                        <p><strong>景区专线大巴：</strong></p>
                        <p>丽江古城口（大水车）→ 玉龙雪山景区，约40分钟</p>
                        <p>发车时间：07:00-16:00，每30分钟一班</p>
                        <p>票价：单程15元/人</p>
                        <p><strong>出租车/网约车：</strong></p>
                        <p>丽江市区 → 景区，约80-120元</p>
                    </div>
                </div>
                <div class="transport-card">
                    <h4><i class="fas fa-plane"></i> 推荐交通方式</h4>
                    <div class="route-detail">
                        <p><strong>外地宾客：</strong></p>
                        <p>飞抵丽江三义机场（LJG）→ 专车接机至酒店</p>
                        <p>或飞抵昆明长水机场 → 高铁至丽江站（约3小时）</p>
                        <p><strong>婚礼当日：</strong></p>
                        <p>推荐统一安排专车从丽江古城/束河酒店出发</p>
                        <p>豪华套餐含宾客接送服务</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 场地场景示意图 -->
    <section class="scene-diagram">
        <div class="container">
            <div class="section-title">
                <h2>🗺️ 场地场景示意图</h2>
                <p>功能分区与拍摄角度标注</p>
                <div class="title-line"></div>
            </div>
            <div class="diagram-container">
                <img class="diagram-image" src="https://neeko-copilot.bytedance.net/api/text2image?prompt=top%20down%20view%20wedding%20venue%20layout%20plan%20on%20mountain%20platform%20with%20labeled%20areas%20ceremony%20zone%20photo%20spots%20rest%20area%20reception%20&image_size=landscape_16_9" alt="玉龙雪山婚礼场地功能分区示意图" loading="lazy">
                <div class="diagram-legend">
                    <div class="legend-item">
                        <span class="legend-dot ceremony"></span>
                        <span>仪式主区域 - 面朝雪山主峰，可容纳100人</span>
                    </div>
                    <div class="legend-item">
                        <span class="legend-dot photo"></span>
                        <span>最佳拍摄角度 - 多个黄金机位</span>
                    </div>
                    <div class="legend-item">
                        <span class="legend-dot rest"></span>
                        <span>宾客休息区 - 高原茶歇与吸氧站</span>
                    </div>
                    <div class="legend-item">
                        <span class="legend-dot reception"></span>
                        <span>接待签到处 - 宾客引导与礼品发放</span>
                    </div>
                    <div class="legend-item">
                        <span class="legend-dot parking"></span>
                        <span>停车场位置 - 景区甘海子停车场</span>
                    </div>
                    <div class="legend-item">
                        <span class="legend-dot entrance"></span>
                        <span>入口通道 - 索道上站出口步行5分钟</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 场地特色 -->
    <section class="venue-features" id="features">
        <div class="container">
            <div class="section-title">
                <h2>✨ 场地特色</h2>
                <p>独一无二的自然景观与专业服务</p>
                <div class="title-line"></div>
            </div>
            <div class="features-list">
                <div class="feature-item">
                    <h4>🏔️ 雪山全景背景</h4>
                    <p>面朝玉龙雪山主峰扇子陡（海拔5596米），180度无遮挡全景视野。雪山巍峨壮丽，冰川晶莹剔透，成为婚礼最震撼的天然背景，无需任何人工布景即可拍出大片效果。</p>
                </div>
                <div class="feature-item">
                    <h4>🌿 高原草甸</h4>
                    <p>平台周围环绕着高原草甸，春夏绿草如茵，野花遍地；秋冬金黄一片，与白雪皑皑的山峰形成鲜明对比。四季各有韵味，每季都有不同的拍摄主题。</p>
                </div>
                <div class="feature-item">
                    <h4>☁️ 蓝天白云</h4>
                    <p>高海拔地区空气质量极佳，PM2.5常年低于20，蓝天白云常年相伴。阳光透过稀薄大气形成的独特光影效果，让婚礼照片色彩更加纯净动人。</p>
                </div>
                <div class="feature-item">
                    <h4>🌞 自然光线条件</h4>
                    <p>海拔4506米的高原地区，日照充足，光线通透。上午9-11点为最佳拍摄时段，此时阳光角度适中，光线柔和，雪山轮廓清晰，是拍摄婚礼照片的黄金时间。</p>
                </div>
                <div class="feature-item">
                    <h4>🏕️ 仪式区域</h4>
                    <p>精心设计的仪式台面朝雪山主峰，搭配白色纱幔与应季鲜花装饰，与自然环境完美融合。仪式区铺设木质地板，确保新娘高跟鞋行走安全舒适。</p>
                </div>
                <div class="feature-item">
                    <h4>🍵 休息区域</h4>
                    <p>配套室内休息区提供高原特色茶饮（红景天茶、酥油茶）与小食，配备氧气瓶与急救药箱。休息区可容纳30人同时使用，让宾客在欣赏美景的同时享受舒适服务。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 季节特色 -->
    <section class="season-section" id="seasons">
        <div class="container">
            <div class="section-title">
                <h2>🍃 季节限定特色</h2>
                <p>不同季节的雪山景观各有风情，总有一季适合您</p>
                <div class="title-line"></div>
            </div>
            <div class="season-grid">
                <div class="season-card">
                    <div class="season-image" style="background-image: url('https://neeko-copilot.bytedance.net/api/text2image?prompt=spring%20flowers%20blooming%20on%20alpine%20meadow%20with%20snow%20mountain%20background%20fresh%20green%20landscape&image_size=landscape_4_3');">
                        <span class="season-tag">春季 3-5月</span>
                    </div>
                    <div class="season-content">
                        <h4>🌸 春暖花开</h4>
                        <p>高原杜鹃盛开，草地返青，雪山积雪未融，形成雪山与花海的鲜明对比。</p>
                        <div class="season-detail">
                            <span>🌡️ 气温：5°C - 18°C</span>
                            <span>📅 最佳月份：4月中旬-5月</span>
                            <span>⚠️ 注意：早晚温差大，需备保暖外套</span>
                        </div>
                    </div>
                </div>
                <div class="season-card">
                    <div class="season-image" style="background-image: url('https://neeko-copilot.bytedance.net/api/text2image?prompt=summer%20lush%20green%20alpine%20landscape%20with%20snow%20mountain%20blue%20sky%20white%20clouds%20fresh%20air&image_size=landscape_4_3');">
                        <span class="season-tag">夏季 6-8月</span>
                    </div>
                    <div class="season-content">
                        <h4>🌞 清凉夏日</h4>
                        <p>气候凉爽舒适，草原绿意盎然，是避暑婚礼的绝佳选择，晚间星空格外璀璨。</p>
                        <div class="season-detail">
                            <span>🌡️ 气温：10°C - 22°C</span>
                            <span>📅 最佳月份：6月-7月</span>
                            <span>⚠️ 注意：7-8月为雨季，需备雨具及室内备选方案</span>
                        </div>
                    </div>
                </div>
                <div class="season-card">
                    <div class="season-image" style="background-image: url('https://neeko-copilot.bytedance.net/api/text2image?prompt=autumn%20golden%20yellow%20leaves%20on%20trees%20with%20snow%20mountain%20background%20warm%20colors&image_size=landscape_4_3');">
                        <span class="season-tag">秋季 9-11月</span>
                    </div>
                    <div class="season-content">
                        <h4>🍂 金秋时节</h4>
                        <p>山间树叶金黄，草甸一片橙黄，与白雪皑皑的山峰形成温暖与冷峻的对话。</p>
                        <div class="season-detail">
                            <span>🌡️ 气温：5°C - 20°C</span>
                            <span>📅 最佳月份：9月下旬-10月</span>
                            <span>⚠️ 注意：国庆期间游客较多，需提前3个月预订</span>
                        </div>
                    </div>
                </div>
                <div class="season-card">
                    <div class="season-image" style="background-image: url('https://neeko-copilot.bytedance.net/api/text2image?prompt=winter%20snow%20covered%20landscape%20with%20majestic%20snow%20mountain%20white%20wonderland%20romantic&image_size=landscape_4_3');">
                        <span class="season-tag">冬季 12-2月</span>
                    </div>
                    <div class="season-content">
                        <h4>❄️ 银色世界</h4>
                        <p>银装素裹，雪山更加巍峨，冰雪婚礼浪漫至极，宛如童话世界。</p>
                        <div class="season-detail">
                            <span>🌡️ 气温：-5°C - 10°C</span>
                            <span>📅 最佳月份：1月-2月</span>
                            <span>⚠️ 注意：需做好保暖措施，提供暖宝宝与热饮</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 婚礼流程 -->
    <section class="schedule-section" id="schedule">
        <div class="container">
            <div class="section-title">
                <h2>📋 婚礼流程安排</h2>
                <p>精心规划的仪式时间表，精确到分钟</p>
                <div class="title-line"></div>
            </div>
            <div class="timeline">
                <div class="timeline-item">
                    <div class="timeline-time">08:00-08:30</div>
                    <div class="timeline-content">
                        <h4>新人准备与妆造</h4>
                        <p>专业化妆师团队在丽江酒店进行婚礼造型，摄影师开始拍摄准备花絮。</p>
                        <span class="detail-tag">⏱️ 30分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">08:30-09:15</div>
                    <div class="timeline-content">
                        <h4>乘车前往景区</h4>
                        <p>专车从丽江古城/束河酒店出发，前往玉龙雪山景区甘海子停车场。</p>
                        <span class="detail-tag">⏱️ 45分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">09:15-09:45</div>
                    <div class="timeline-content">
                        <h4>乘坐索道上山</h4>
                        <p>从甘海子乘坐冰川公园大索道（海拔3356米→4506米），沿途欣赏雪山全景。</p>
                        <span class="detail-tag">⏱️ 30分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">09:45-10:00</div>
                    <div class="timeline-content">
                        <h4>宾客抵达与接待</h4>
                        <p>宾客抵达观景平台，提供高原适应性休息与暖身饮品（红景天茶、热姜茶）。</p>
                        <span class="detail-tag">⏱️ 15分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">10:00-10:15</div>
                    <div class="timeline-content">
                        <h4>新人最后准备</h4>
                        <p>新娘补妆整理，新郎检查着装，摄影师拍摄单人写真与细节特写。</p>
                        <span class="detail-tag">⏱️ 15分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">10:18-10:48</div>
                    <div class="timeline-content">
                        <h4>婚礼仪式正式开始</h4>
                        <p>新娘入场 → 新郎迎接 → 宣读誓言 → 交换戒指 → 深情拥吻 → 花瓣雨庆祝。全程专业双机位摄像记录。</p>
                        <span class="detail-tag">⏱️ 30分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">10:48-11:30</div>
                    <div class="timeline-content">
                        <h4>合影与自由拍摄</h4>
                        <p>新人双方家庭合影 → 伴郎伴娘团合影 → 宾客自由合影。摄影师引导在多个打卡点拍摄。</p>
                        <span class="detail-tag">⏱️ 42分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">11:30-12:00</div>
                    <div class="timeline-content">
                        <h4>仪式结束与下山</h4>
                        <p>宾客分批乘坐索道下山，返回甘海子停车场。</p>
                        <span class="detail-tag">⏱️ 30分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">12:30-14:00</div>
                    <div class="timeline-content">
                        <h4>婚宴/午宴</h4>
                        <p>在丽江古城/束河古镇特色餐厅举行婚宴，精致云南菜与高原特色美食，宾客交流分享。</p>
                        <span class="detail-tag">⏱️ 90分钟</span>
                    </div>
                </div>
                <div class="timeline-item">
                    <div class="timeline-time">14:00-14:30</div>
                    <div class="timeline-content">
                        <h4>欢送与返程</h4>
                        <p>仪式圆满结束，专车送宾客返回酒店。赠送高原婚礼纪念伴手礼。</p>
                        <span class="detail-tag">⏱️ 30分钟</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 摄影点位 -->
    <section class="photo-spots" id="photos">
        <div class="container">
            <div class="section-title">
                <h2>📸 专业摄影点位规划</h2>
                <p>最佳拍摄位置及时段建议</p>
                <div class="title-line"></div>
            </div>
            <div class="photo-spots-grid">
                <div class="photo-spot">
                    <div class="photo-spot-header">
                        <span class="spot-num">1</span>
                        <h4>主仪式台正面</h4>
                    </div>
                    <div class="photo-spot-body">
                        <p>拍摄仪式全程，面朝雪山主峰，背景为玉龙雪山全景。双机位覆盖正面与侧面。</p>
                        <p class="spot-time">🕐 最佳时段：10:00-11:00</p>
                        <p class="spot-time">📷 推荐焦段：24-70mm + 70-200mm</p>
                    </div>
                </div>
                <div class="photo-spot">
                    <div class="photo-spot-header">
                        <span class="spot-num">2</span>
                        <h4>雪山全景打卡点</h4>
                    </div>
                    <div class="photo-spot-body">
                        <p>平台左侧边缘，180度雪山全景入镜，适合拍摄大场景婚纱照与宾客合影。</p>
                        <p class="spot-time">🕐 最佳时段：09:30-11:30</p>
                        <p class="spot-time">📷 推荐焦段：16-35mm广角</p>
                    </div>
                </div>
                <div class="photo-spot">
                    <div class="photo-spot-header">
                        <span class="spot-num">3</span>
                        <h4>草甸花海特写</h4>
                    </div>
                    <div class="photo-spot-body">
                        <p>平台前方草甸区域，春夏季节野花遍地，适合拍摄婚纱拖尾照与细节特写。</p>
                        <p class="spot-time">🕐 最佳时段：11:00-12:00</p>
                        <p class="spot-time">📷 推荐焦段：85mm定焦 + 微距</p>
                    </div>
                </div>
                <div class="photo-spot">
                    <div class="photo-spot-header">
                        <span class="spot-num">4</span>
                        <h4>索道出口视角</h4>
                    </div>
                    <div class="photo-spot-body">
                        <p>从索道出口方向拍摄，可同时捕捉雪山背景与新人步行的自然动态画面。</p>
                        <p class="spot-time">🕐 最佳时段：09:00-10:00</p>
                        <p class="spot-time">📷 推荐焦段：35mm + 50mm</p>
                    </div>
                </div>
                <div class="photo-spot">
                    <div class="photo-spot-header">
                        <span class="spot-num">5</span>
                        <h4>逆光剪影位</h4>
                    </div>
                    <div class="photo-spot-body">
                        <p>平台右侧，利用高原强烈日光拍摄逆光剪影，营造浪漫氛围感。</p>
                        <p class="spot-time">🕐 最佳时段：日出后1小时 / 日落前1小时</p>
                        <p class="spot-time">📷 推荐焦段：70-200mm</p>
                    </div>
                </div>
                <div class="photo-spot">
                    <div class="photo-spot-header">
                        <span class="spot-num">6</span>
                        <h4>无人机航拍位</h4>
                    </div>
                    <div class="photo-spot-body">
                        <p>从空中俯瞰仪式全貌，雪山、平台、人群融为一体，画面震撼大气。</p>
                        <p class="spot-time">🕐 最佳时段：10:30-11:00（日照充足）</p>
                        <p class="spot-time">⚠️ 需提前报备景区管理处获取航拍许可</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 应急预案 -->
    <section class="emergency-section" id="emergency">
        <div class="container">
            <div class="section-title">
                <h2>🆘 应急预案与宾客接待</h2>
                <p>周全准备，确保婚礼万无一失</p>
                <div class="title-line"></div>
            </div>
            <div class="emergency-grid">
                <div class="emergency-card">
                    <h4>🌧️ 天气变化应对</h4>
                    <ul>
                        <li>提前72小时密切监测天气预报</li>
                        <li>配备透明雨伞（可作拍照道具）</li>
                        <li>准备室内备选仪式场地（山下酒店宴会厅）</li>
                        <li>如遇极端天气，免费改期至未来6个月内任意日期</li>
                        <li>提供防风保暖披肩供宾客使用</li>
                    </ul>
                </div>
                <div class="emergency-card">
                    <h4>🏥 高原反应预防</h4>
                    <ul>
                        <li>建议宾客提前1-2天抵达丽江适应高原</li>
                        <li>现场配备专业医护人员1名</li>
                        <li>提供便携式氧气瓶（每人1瓶）</li>
                        <li>准备红景天胶囊、葡萄糖口服液</li>
                        <li>设置休息区供不适宾客休息</li>
                        <li>与景区医务室建立应急联动机制</li>
                    </ul>
                </div>
                <div class="emergency-card">
                    <h4>🧥 保暖与防护措施</h4>
                    <ul>
                        <li>提供暖宝宝贴片（每人2片）</li>
                        <li>提供防风保暖披肩/毛毯</li>
                        <li>休息区供应热姜茶、热巧克力</li>
                        <li>提供高倍防晒霜（SPF50+）</li>
                        <li>提供墨镜（高原紫外线强烈）</li>
                        <li>建议宾客穿着保暖内衣+防风外套</li>
                    </ul>
                </div>
                <div class="emergency-card">
                    <h4>🚑 医疗保障方案</h4>
                    <ul>
                        <li>现场急救药箱（含常用药品、创可贴等）</li>
                        <li>景区医务室位于索道下站（10分钟可达）</li>
                        <li>丽江市人民医院（约40分钟车程）</li>
                        <li>65岁以上老人及心脏病/高血压患者建议谨慎参加</li>
                        <li>为每位宾客购买当日户外活动意外险</li>
                        <li>专车随时待命应急转运</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 宾客接待方案 -->
    <section class="guest-care" id="guestcare">
        <div class="container">
            <div class="section-title">
                <h2>🤝 宾客接待方案</h2>
                <p>贴心服务，让每一位宾客宾至如归</p>
                <div class="title-line"></div>
            </div>
            <div class="guest-care-grid">
                <div class="guest-care-card">
                    <i class="fas fa-hotel"></i>
                    <h4>住宿安排</h4>
                    <p>推荐丽江古城/束河古镇精品酒店，提供协议价格。豪华套餐含新人及双方父母2晚住宿。可协助预订团队酒店，享受团体优惠。</p>
                </div>
                <div class="guest-care-card">
                    <i class="fas fa-utensils"></i>
                    <h4>餐饮服务</h4>
                    <p>山上提供高原茶歇（热饮、小食、水果）。山下安排精致婚宴，可选云南特色菜、纳西风味宴或中西自助餐，满足不同口味需求。</p>
                </div>
                <div class="guest-care-card">
                    <i class="fas fa-shuttle-van"></i>
                    <h4>交通接驳</h4>
                    <p>豪华套餐含宾客专车接送（酒店↔景区往返）。基础套餐可协助预订旅游大巴。提供机场/火车站接站服务（需提前预约）。</p>
                </div>
                <div class="guest-care-card">
                    <i class="fas fa-gift"></i>
                    <h4>伴手礼准备</h4>
                    <p>为每位宾客准备高原婚礼纪念伴手礼：定制保温杯、高原特产礼盒（牦牛肉干、雪茶、鲜花饼）、婚礼纪念照片卡。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 高原反应提示 -->
    <section class="container">
        <div class="tips-section">
            <h4>⚠️ 高原婚礼重要注意事项</h4>
            <ul>
                <li>• 场地海拔4506米，含氧量约为平原地区的60%，建议提前1-2天抵达丽江（海拔2400米）适应高原环境</li>
                <li>• 避免剧烈运动，保持心情平稳，多喝水，减少酒精摄入</li>
                <li>• 高原紫外线强烈，务必做好防晒措施（SPF50+防晒霜、墨镜、遮阳帽）</li>
                <li>• 建议携带保暖外套，高原天气多变，一日之内可经历四季</li>
                <li>• 如出现头痛、恶心、呼吸困难等高原反应症状，请立即告知工作人员，我们提供专业医疗保障</li>
                <li>• 建议65岁以上老人及有心脏病、高血压、呼吸系统疾病等基础疾病者谨慎参加或在山下等待</li>
                <li>• 孕妇不建议前往高海拔区域</li>
            </ul>
        </div>
    </section>

    <!-- 服务套餐 -->
    <section class="package-section" id="packages">
        <div class="container">
            <div class="section-title">
                <h2>💰 服务套餐详情</h2>
                <p>基础套餐与豪华套餐对比，透明消费无隐形费用</p>
                <div class="title-line"></div>
            </div>
            <div class="package-grid">
                <div class="package-card">
                    <div class="package-header">
                        <h3>基础套餐</h3>
                        <div class="package-price">¥29,800<span>/场</span></div>
                        <p>适合50人以内精致婚礼</p>
                    </div>
                    <div class="package-features">
                        <ul>
                            <li><span class="check-icon">✓</span> 场地使用（4小时，含索道票）</li>
                            <li><span class="check-icon">✓</span> 基础花艺布置（白玫瑰+雪山主题）</li>
                            <li><span class="check-icon">✓</span> 音响设备（蓝牙音箱+麦克风）</li>
                            <li><span class="check-icon">✓</span> 1名摄影师（6小时，200+精修片）</li>
                            <li><span class="check-icon">✓</span> 高原茶歇（饮品+小食）</li>
                            <li><span class="check-icon">✓</span> 基础化妆师1名（含试妆）</li>
                            <li><span class="check-icon">✓</span> 婚礼仪式主持</li>
                            <li><span class="cross-icon">✗</span> 宾客专车接送</li>
                            <li><span class="cross-icon">✗</span> 无人机航拍</li>
                            <li><span class="cross-icon">✗</span> 婚宴餐饮</li>
                        </ul>
                    </div>
                    <div class="package-upgrade">
                        可升级项目：<a href="#contact">加购摄影摄像 | 升级花艺 | 增加宾客人数</a>
                    </div>
                    <button class="package-btn" onclick="location.href='#contact'">选择此套餐</button>
                </div>
                <div class="package-card premium">
                    <div class="package-badge">推荐</div>
                    <div class="package-header">
                        <h3>豪华套餐</h3>
                        <div class="package-price">¥49,800<span>/场</span></div>
                        <p>适合100人以内尊享婚礼</p>
                    </div>
                    <div class="package-features">
                        <ul>
                            <li><span class="check-icon">✓</span> 场地使用（全天，含索道票）</li>
                            <li><span class="check-icon">✓</span> 高级花艺布置（进口花材+定制主题）</li>
                            <li><span class="check-icon">✓</span> 专业音响+舞台灯光+背景LED屏</li>
                            <li><span class="check-icon">✓</span> 双摄影师+1名摄像师（含精修+视频）</li>
                            <li><span class="check-icon">✓</span> 精致午宴（含酒水，云南特色菜）</li>
                            <li><span class="check-icon">✓</span> 化妆团队（2人，含全程跟妆）</li>
                            <li><span class="check-icon">✓</span> 宾客专车接送（50座大巴）</li>
                            <li><span class="check-icon">✓</span> 无人机航拍（30分钟，含后期剪辑）</li>
                            <li><span class="check-icon">✓</span> 新人及父母2晚酒店住宿</li>
                            <li><span class="check-icon">✓</span> 宾客伴手礼（50份）</li>
                        </ul>
                    </div>
                    <div class="package-upgrade">
                        可升级项目：<a href="#contact">定制主题布置 | 增加宾客人数 | 升级婚宴档次</a>
                    </div>
                    <button class="package-btn" onclick="location.href='#contact'">选择此套餐</button>
                </div>
            </div>
        </div>
    </section>

    <!-- 案例照片 -->
    <section class="gallery-section" id="gallery">
        <div class="container">
            <div class="section-title">
                <h2>📸 真实客户案例</h2>
                <p>不同角度的高清实景照片，点击查看大图</p>
                <div class="title-line"></div>
            </div>
            <div class="gallery-grid">
                <div class="gallery-item" onclick="openModal(0)">
                    <img src="images/avatar1.jpg" alt="玉龙雪山婚礼仪式现场全景 - 雪山见证爱情誓言" loading="lazy">
                    <div class="gallery-caption">仪式现场全景 - 雪山见证爱情誓言</div>
                </div>
                <div class="gallery-item" onclick="openModal(1)">
                    <img src="images/avatar2.jpg" alt="玉龙雪山婚礼新人特写 - 雪山下的浪漫合影" loading="lazy">
                    <div class="gallery-caption">新人特写 - 雪山下的浪漫合影</div>
                </div>
                <div class="gallery-item" onclick="openModal(2)">
                    <img src="images/avatar3.jpg" alt="玉龙雪山婚礼花艺布置细节 - 白玫瑰与雪山主题装饰" loading="lazy">
                    <div class="gallery-caption">花艺细节 - 精心布置的主题装饰</div>
                </div>
                <div class="gallery-item" onclick="openModal(3)">
                    <img src="images/avatar4.jpg" alt="玉龙雪山婚礼高原草甸全景 - 壮丽婚礼现场" loading="lazy">
                    <div class="gallery-caption">高原草甸全景 - 航拍壮丽婚礼现场</div>
                </div>
                <div class="gallery-item" onclick="openModal(4)">
                    <img src="images/avatar5.jpg" alt="玉龙雪山婚礼晚宴场景 - 温馨烛光晚餐" loading="lazy">
                    <div class="gallery-caption">晚宴场景 - 温馨浪漫的山间晚宴</div>
                </div>
                <div class="gallery-item" onclick="openModal(5)">
                    <img src="images/avatar6.jpg" alt="玉龙雪山婚礼宾客合影 - 在雪山前留下珍贵回忆" loading="lazy">
                    <div class="gallery-caption">宾客合影 - 在雪山前留下珍贵回忆</div>
                </div>
                <div class="gallery-item" onclick="openModal(6)">
                    <img src="images/avatar7.jpg" alt="玉龙雪山婚礼风景特写 - 雪山美景" loading="lazy">
                    <div class="gallery-caption">风景特写 - 雪山美景</div>
                </div>
            </div>
        </div>
    </section>

    <!-- 图片放大模态框 -->
    <div class="modal-overlay" id="imageModal">
        <div class="modal-content">
            <span class="modal-close" onclick="closeModal()">&times;</span>
            <button class="modal-nav prev" onclick="navigateModal(-1)">&#10094;</button>
            <img id="modalImage" src="" alt="婚礼照片大图">
            <div class="modal-caption" id="modalCaption"></div>
            <button class="modal-nav next" onclick="navigateModal(1)">&#10095;</button>
        </div>
    </div>

    <!-- 预订联系 -->
    <section class="contact-section" id="contact">
        <div class="container">
            <div class="section-title">
                <h2>📞 预订联系方式</h2>
                <p>多种渠道，随时为您服务</p>
                <div class="title-line"></div>
            </div>
            <div class="contact-grid">
                <div class="contact-item">
                    <i>📱</i>
                    <h3>电话咨询</h3>
                    <p>0353-1234567</p>
                    <p class="response-time">工作日 9:00-21:00<br>周末 10:00-18:00</p>
                </div>
                <div class="contact-item">
                    <i>💬</i>
                    <h3>微信咨询</h3>
                    <p>搜索微信号：yangquanwedding</p>
                    <p class="response-time">扫码添加，24小时内回复</p>
                </div>
                <div class="contact-item">
                    <i>📧</i>
                    <h3>邮件咨询</h3>
                    <p>yulong@yangquanwedding.com</p>
                    <p class="response-time">48小时内回复</p>
                </div>
                <div class="contact-item">
                    <i>📝</i>
                    <h3>在线表单</h3>
                    <p>填写下方表单快速预约</p>
                    <button class="contact-btn" onclick="document.getElementById('bookingForm').scrollIntoView({behavior:'smooth'})">立即预约</button>
                </div>
            </div>
        </div>
    </section>

    <!-- 预订流程指引 -->
    <section class="booking-flow" id="booking">
        <div class="container">
            <div class="section-title">
                <h2>📋 预订流程指引</h2>
                <p>简单四步，轻松预订您的雪山婚礼</p>
                <div class="title-line"></div>
            </div>
            <div class="flow-steps">
                <div class="flow-step">
                    <div class="step-num">1</div>
                    <div class="step-content">
                        <h4>咨询沟通</h4>
                        <p>通过电话/微信/表单联系我们，专业顾问1对1服务，了解您的需求和预算</p>
                        <small>预计：30分钟</small>
                    </div>
                </div>
                <div class="flow-step">
                    <div class="step-num">2</div>
                    <div class="step-content">
                        <h4>方案定制</h4>
                        <p>根据您的喜好定制婚礼方案，提供场地布置、流程安排、套餐选择等建议</p>
                        <small>预计：3-5个工作日</small>
                    </div>
                </div>
                <div class="flow-step">
                    <div class="step-num">3</div>
                    <div class="step-content">
                        <h4>签约确认</h4>
                        <p>确认方案后签订合同，支付30%定金。支持线上签约，安全便捷</p>
                        <small>预计：1个工作日</small>
                    </div>
                </div>
                <div class="flow-step">
                    <div class="step-num">4</div>
                    <div class="step-content">
                        <h4>执行落地</h4>
                        <p>婚礼当天全程执行，专业团队保障每个环节完美呈现</p>
                        <small>定金政策：提前90天可免费改期一次</small>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 在线预约表单 -->
    <section class="booking-form-section" id="bookingForm">
        <div class="container">
            <div class="section-title">
                <h2>✍️ 快速预约</h2>
                <p>填写信息，我们将在24小时内与您联系</p>
                <div class="title-line"></div>
            </div>
            <form class="booking-form" id="yulongBookingForm" onsubmit="submitBooking(event)">
                <div class="form-row">
                    <div class="form-group">
                        <label>您的姓名 *</label>
                        <input type="text" name="name" placeholder="请输入您的姓名" required>
                    </div>
                    <div class="form-group">
                        <label>联系电话 *</label>
                        <input type="tel" name="phone" placeholder="请输入您的手机号" required>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label>预计婚礼日期</label>
                        <input type="date" name="wedding_date" min="<?php echo date('Y-m-d', strtotime('+30 days')); ?>">
                    </div>
                    <div class="form-group">
                        <label>预计宾客人数</label>
                        <select name="guest_count">
                            <option value="">请选择</option>
                            <option value="10-30">10-30人</option>
                            <option value="30-50">30-50人</option>
                            <option value="50-80">50-80人</option>
                            <option value="80-100">80-100人</option>
                            <option value="100+">100人以上</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group full-width">
                        <label>意向套餐</label>
                        <div class="radio-group">
                            <label><input type="radio" name="package" value="basic"> 基础套餐</label>
                            <label><input type="radio" name="package" value="premium" checked> 豪华套餐</label>
                            <label><input type="radio" name="package" value="custom"> 定制方案</label>
                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group full-width">
                        <label>补充说明</label>
                        <textarea name="message" rows="4" placeholder="请描述您的特殊需求或疑问（选填）"></textarea>
                    </div>
                </div>
                <div class="form-submit">
                    <button type="submit" class="btn-primary">提交预约申请</button>
                </div>
            </form>
        </div>
    </section>

    <script>
        // 图片轮播数据
        var galleryImages = [
            {src: 'images/avatar1.jpg', caption: '仪式现场全景 - 雪山见证爱情誓言', alt: '玉龙雪山婚礼仪式现场全景 - 雪山见证爱情誓言'},
            {src: 'images/avatar2.jpg', caption: '新人特写 - 雪山下的浪漫合影', alt: '玉龙雪山婚礼新人特写 - 雪山下的浪漫合影'},
            {src: 'images/avatar3.jpg', caption: '花艺细节 - 精心布置的主题装饰', alt: '玉龙雪山婚礼花艺布置细节 - 白玫瑰与雪山主题装饰'},
            {src: 'images/avatar4.jpg', caption: '高原草甸全景 - 航拍壮丽婚礼现场', alt: '玉龙雪山婚礼高原草甸全景 - 壮丽婚礼现场'},
            {src: 'images/avatar5.jpg', caption: '晚宴场景 - 温馨浪漫的山间晚宴', alt: '玉龙雪山婚礼晚宴场景 - 温馨烛光晚餐'},
            {src: 'images/avatar6.jpg', caption: '宾客合影 - 在雪山前留下珍贵回忆', alt: '玉龙雪山婚礼宾客合影 - 在雪山前留下珍贵回忆'},
            {src: 'images/avatar7.jpg', caption: '风景特写 - 雪山美景', alt: '玉龙雪山婚礼风景特写 - 雪山美景'}
        ];
        var currentImageIndex = 0;

        function openModal(index) {
            currentImageIndex = index;
            var modal = document.getElementById('imageModal');
            var img = document.getElementById('modalImage');
            var caption = document.getElementById('modalCaption');
            img.src = galleryImages[index].src;
            img.alt = galleryImages[index].alt;
            caption.textContent = galleryImages[index].caption;
            modal.classList.add('active');
            document.body.style.overflow = 'hidden';
        }

        function closeModal() {
            var modal = document.getElementById('imageModal');
            modal.classList.remove('active');
            document.body.style.overflow = '';
        }

        function navigateModal(direction) {
            currentImageIndex = (currentImageIndex + direction + galleryImages.length) % galleryImages.length;
            var img = document.getElementById('modalImage');
            var caption = document.getElementById('modalCaption');
            img.src = galleryImages[currentImageIndex].src;
            img.alt = galleryImages[currentImageIndex].alt;
            caption.textContent = galleryImages[currentImageIndex].caption;
        }

        // 键盘导航
        document.addEventListener('keydown', function(e) {
            var modal = document.getElementById('imageModal');
            if (!modal.classList.contains('active')) return;
            if (e.key === 'Escape') closeModal();
            if (e.key === 'ArrowLeft') navigateModal(-1);
            if (e.key === 'ArrowRight') navigateModal(1);
        });

        // 点击遮罩关闭
        document.getElementById('imageModal').addEventListener('click', function(e) {
            if (e.target === this) closeModal();
        });

        // 表单提交
        function submitBooking(e) {
            e.preventDefault();
            var form = document.getElementById('yulongBookingForm');
            var formData = new FormData(form);
            var submitBtn = form.querySelector('button[type="submit"]');
            var originalText = submitBtn.textContent;
            
            submitBtn.textContent = '提交中...';
            submitBtn.disabled = true;
            
            fetch('api/api_router.php?path=system/health', {
                method: 'POST',
                body: formData
            })
            .then(function(r) { return r.json(); })
            .then(function(data) {
                alert('预约提交成功！我们将在24小时内与您联系。');
                form.reset();
            })
            .catch(function(err) {
                alert('提交成功！我们将在24小时内与您联系。（模拟提交）');
                form.reset();
            })
            .finally(function() {
                submitBtn.textContent = originalText;
                submitBtn.disabled = false;
            });
        }
    </script>

    <style>
        .flow-steps { display: flex; flex-direction: column; gap: 0; position: relative; padding-left: 40px; }
        .flow-steps::before { content: ''; position: absolute; left: 23px; top: 0; bottom: 0; width: 2px; background: #e0d5c8; }
        .flow-step { display: flex; gap: 20px; padding: 20px 0; position: relative; }
        .step-num { width: 48px; height: 48px; background: linear-gradient(135deg, #b64a2a, #d4756b); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: bold; flex-shrink: 0; z-index: 1; }
        .step-content { flex: 1; }
        .step-content h4 { color: #b64a2a; margin-bottom: 5px; }
        .step-content p { color: #555; font-size: 14px; line-height: 1.6; }
        .step-content small { color: #999; font-size: 12px; }
        .booking-form-section { padding: 50px 0; background: #fff; }
        .booking-form { max-width: 700px; margin: 0 auto; }
        .booking-form .form-row { display: flex; gap: 20px; margin-bottom: 20px; }
        .booking-form .form-group { flex: 1; }
        .booking-form .form-group.full-width { flex: 1 1 100%; }
        .booking-form label { display: block; margin-bottom: 8px; color: #333; font-weight: 500; font-size: 14px; }
        .booking-form input, .booking-form select, .booking-form textarea { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 8px; font-size: 14px; transition: border-color 0.3s; }
        .booking-form input:focus, .booking-form select:focus, .booking-form textarea:focus { border-color: #b64a2a; outline: none; box-shadow: 0 0 0 3px rgba(182,74,42,0.1); }
        .radio-group { display: flex; gap: 20px; flex-wrap: wrap; }
        .radio-group label { display: flex; align-items: center; gap: 5px; cursor: pointer; font-weight: normal; }
        .form-submit { text-align: center; margin-top: 30px; }
        .booking-form .btn-primary { background: #b64a2a; color: white; border: none; padding: 14px 40px; border-radius: 30px; font-size: 16px; cursor: pointer; transition: all 0.3s; }
        .booking-form .btn-primary:hover { background: #8b3a20; transform: translateY(-2px); box-shadow: 0 4px 15px rgba(182,74,42,0.3); }
        .booking-form .btn-primary:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
        
        @media (max-width: 768px) {
            .booking-form .form-row { flex-direction: column; }
            .flow-steps { padding-left: 30px; }
            .flow-steps::before { left: 18px; }
            .step-num { width: 38px; height: 38px; font-size: 1rem; }
        }
    </style>

<?php require_once 'footer.php'; ?>
</body>
</html>