*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#1e293b;background:#ffffff;overflow-x:hidden;}.container{max-width:1200px;margin:0 auto;padding:0 16px;}header{background:white;padding:16px 0;position:relative;z-index:100;border-bottom:1px solid #e2e8f0;}.header-container{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;}.logo{display:flex;align-items:center;gap:12px;color:#1e293b;text-decoration:none;font-size:18px;font-weight:700;transition:opacity 0.2s;}.logo:hover{opacity:0.8;}.logo-icon{width:40px;height:40px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);}.logo-text{background:linear-gradient(135deg,#B8D4FF 0%,#6B7FE8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.desktop-nav{display:none;align-items:center;gap:24px;}.desktop-nav a{color:#475569;text-decoration:none;font-size:15px;font-weight:500;transition:color 0.2s;}.desktop-nav a:hover{color:#6B7FE8;}.desktop-nav .nav-download-btn{background:linear-gradient(135deg,#B8D4FF 0%,#6B7FE8 100%);color:white;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;text-decoration:none;transition:opacity 0.2s;}.desktop-nav .nav-download-btn:hover{opacity:0.9;color:white;}.lang-selector-wrapper{position:relative;}.lang-selector{appearance:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:8px 32px 8px 12px;font-size:14px;color:#475569;cursor:pointer;}.lang-selector-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none;color:#475569;}.mobile-menu-btn{display:flex;background:none;border:none;cursor:pointer;padding:8px;color:#475569;}.menu-icon{width:24px;height:24px;}.hidden{display:none;}.mobile-menu{display:none;background:white;border-top:1px solid #e2e8f0;padding:0;}.mobile-menu.active{display:block;}.mobile-menu-items{padding:16px;display:flex;flex-direction:column;gap:8px;}.mobile-menu-link{display:block;padding:12px 16px;color:#1e293b;text-decoration:none;font-size:16px;font-weight:500;border-radius:8px;transition:background 0.2s;}.mobile-menu-link:hover{background:#f1f5f9;}.mobile-download-btn{display:block;background:linear-gradient(135deg,#B8D4FF 0%,#6B7FE8 100%);color:white;padding:14px 16px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none;text-align:center;}.mobile-lang-wrapper{padding:8px 0 0;}.mobile-lang-selector{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:15px;color:#475569;background:#f8fafc;}@media (min-width:768px){.desktop-nav{display:flex;}.mobile-menu-btn{display:none;}}.breadcrumbs{padding:12px 0;font-size:14px;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;}.breadcrumbs .container{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.breadcrumbs a{color:#6B7FE8;text-decoration:none;}.breadcrumbs a:hover{text-decoration:underline;}.tour-hero{background:linear-gradient(135deg,#B8D4FF 0%,#6B7FE8 100%);padding:40px 0 48px;color:white;text-align:center;}.tour-hero h1{font-size:32px;font-weight:800;margin-bottom:16px;line-height:1.2;}.tour-hero-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:24px;}.stat-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,0.15);backdrop-filter:blur(4px);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;}.tour-hero-map{width:100%;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 8px 32px rgba(0,0,0,0.3);}.tour-hero-map img{width:100%;height:auto;display:block;}.tour-hero-cta{display:inline-flex;align-items:center;gap:8px;background:white;color:#6B7FE8;padding:14px 28px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 16px rgba(0,0,0,0.15);}.tour-hero-cta--desktop{display:none;}.tour-hero-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,0.2);color:#6B7FE8;}.tour-section{padding:48px 0;}.tour-section:nth-child(even){background:#f8fafc;}.tour-section h2{font-size:26px;font-weight:700;color:#1e293b;margin-bottom:20px;line-height:1.3;}.tour-section p{font-size:16px;line-height:1.7;color:#475569;margin-bottom:16px;}.tour-section p:last-child{margin-bottom:0;}.scrollbar-hide::-webkit-scrollbar{display:none;}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none;}.image-carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding:0 20%;padding-bottom:16px;}.tour-image-slide{min-width:280px;max-width:280px;height:250px;scroll-snap-align:center;border-radius:16px;background-color:#f8fafc;box-shadow:0 10px 30px rgba(0,0,0,0.2);transition:transform 0.3s ease;position:relative;overflow:hidden;flex-shrink:0;}.tour-image-slide.active{transform:scale(1.05);}.tour-image-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:16px;}.tour-image-number{position:absolute;top:12px;left:12px;background:rgba(255,255,255,0.95);color:#6b7fe8;font-weight:bold;font-size:18px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:2;}.name-wheel-outer{position:relative;height:180px;overflow:hidden;margin-top:24px;}.name-wheel-fade-top{position:absolute;inset:0 0 auto 0;height:64px;background:linear-gradient(to bottom,#EEF2FF,transparent);pointer-events:none;z-index:10;}.name-wheel-fade-bottom{position:absolute;inset:auto 0 0 0;height:64px;background:linear-gradient(to top,#EEF2FF,transparent);pointer-events:none;z-index:10;}.name-wheel-highlight{position:absolute;inset:50% 0 auto 0;transform:translateY(-50%);height:48px;background:rgba(107,127,232,0.1);border-top:2px solid rgba(107,127,232,0.2);border-bottom:2px solid rgba(107,127,232,0.2);border-radius:8px;pointer-events:none;z-index:10;}.name-wheel{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;}.name-wheel-spacer{height:66px;flex-shrink:0;}.name-wheel-item{height:48px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#64748b;transition:all 0.3s ease;scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;}.name-wheel-item.active{font-size:20px;font-weight:700;color:#6b7fe8;transform:scale(1.1);}.scroll-indicator{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7fe8;font-weight:500;font-size:14px;margin-top:16px;animation:pulse 2s infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}.stop-detail-link{display:inline-flex;align-items:center;gap:4px;color:#6B7FE8;font-weight:600;font-size:14px;text-decoration:none;margin-top:8px;}.stop-detail-link:hover{text-decoration:underline;}.map-container{width:100%;height:450px;border-radius:16px;overflow:hidden;background:#e2e8f0;position:relative;}.map-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#64748b;cursor:pointer;}.map-placeholder svg{width:48px;height:48px;color:#6B7FE8;}.map-placeholder span{font-size:15px;font-weight:500;}.comparison-table{width:100%;border-collapse:collapse;margin:24px 0;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.06);}.comparison-table th{background:#6B7FE8;color:white;padding:14px 16px;font-size:14px;font-weight:600;text-align:left;}.comparison-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid #e2e8f0;color:#475569;}.comparison-table tr:nth-child(even){background:#f8fafc;}.comparison-table tr:last-child td{border-bottom:none;}.highlight-box{background:linear-gradient(135deg,#EEF2FF 0%,#E0E7FF 100%);border-left:4px solid #6B7FE8;padding:20px 24px;border-radius:0 12px 12px 0;margin:24px 0;}.highlight-box p{color:#1e293b;font-weight:500;margin-bottom:0;}.tips-list{list-style:none;padding:0;}.tips-list li{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #e2e8f0;font-size:15px;line-height:1.6;color:#475569;}.tips-list li:last-child{border-bottom:none;}.tip-icon{display:none;}.app-upgrade{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);color:white;padding:48px 0;}.app-upgrade h2{color:white;}.app-upgrade p{color:rgba(255,255,255,0.85);}.app-upgrade .btn-primary-light{display:block;text-align:center;max-width:300px;margin:24px auto 0;}.app-features{display:grid;grid-template-columns:1fr;gap:16px;margin:24px 0;}.app-feature{display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,0.1);padding:16px;border-radius:12px;}.app-feature-icon{font-size:24px;flex-shrink:0;}.app-feature-text{font-size:15px;color:rgba(255,255,255,0.9);line-height:1.5;}.app-feature-text strong{color:white;display:block;margin-bottom:4px;}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#B8D4FF 0%,#6B7FE8 100%);color:white;padding:14px 28px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:opacity 0.2s;}.btn-primary:hover{opacity:0.9;color:white;}.btn-primary-light{display:inline-flex;align-items:center;gap:8px;background:white;color:#6B7FE8;padding:14px 28px;border-radius:12px;font-weight:700;font-size:16px;text-decoration:none;transition:opacity 0.2s;}.btn-primary-light:hover{opacity:0.9;}.faq-list{max-width:800px;}.faq-item{border-bottom:1px solid #e2e8f0;}.faq-question{width:100%;background:none;border:none;padding:20px 0;font-size:16px;font-weight:600;color:#1e293b;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;}.faq-question:hover{color:#6B7FE8;}.faq-chevron{width:20px;height:20px;flex-shrink:0;transition:transform 0.2s;color:#94a3b8;}.faq-item.open .faq-chevron{transform:rotate(180deg);}.faq-answer{display:none;padding:0 0 20px;font-size:15px;line-height:1.7;color:#475569;}.faq-item.open .faq-answer{display:block;}.related-cities{padding:40px 0;background:#f8fafc;}.related-cities h2{font-size:22px;font-weight:700;margin-bottom:20px;color:#6B7FE8;text-align:center;}.related-cities-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;}.related-city-pill{display:inline-flex;align-items:center;gap:4px;background:white;border:1px solid #e2e8f0;border-radius:999px;padding:8px 18px;text-decoration:none;color:#1e293b;font-weight:500;font-size:14px;transition:all 0.2s ease;}.related-city-pill:hover{border-color:#6B7FE8;color:#6B7FE8;box-shadow:0 2px 8px rgba(107,127,232,0.15);}.attractions-link{display:block;text-align:center;margin-top:16px;}.attractions-link a{color:#6B7FE8;font-weight:600;font-size:15px;text-decoration:none;}.attractions-link a:hover{text-decoration:underline;}footer{background:#1e293b;color:white;padding:32px 0;text-align:center;}footer a{color:#B8D4FF;text-decoration:none;}footer a:hover{text-decoration:underline;}@media (min-width:1024px){.tour-hero{padding:48px 0 56px;text-align:left;}.tour-hero h1{font-size:44px;}.tour-hero-stats{justify-content:flex-start;}.tour-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}.tour-hero-map{margin-bottom:0;}.tour-hero-cta--desktop{display:inline-flex;}.tour-hero-cta--mobile{display:none;}.tour-image-slide{min-width:380px;max-width:380px;height:420px;}.map-container{height:500px;}.app-features{grid-template-columns:1fr 1fr;}.tour-section h2{font-size:30px;}}@media (min-width:1024px){.container{padding:0 32px;}.tour-section{padding:64px 0;}}.tour-timeline{list-style:none;padding:0;margin:32px 0 0;position:relative;}.tour-timeline::before{content:'';position:absolute;left:19px;top:0;bottom:0;width:2px;background:#e2e8f0;}.timeline-stop{display:flex;gap:20px;margin-bottom:20px;position:relative;}.timeline-marker{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#6B7FE8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;z-index:1;}.timeline-content{flex:1;min-width:0;}.timeline-content h3{font-size:20px;margin:4px 0 8px;}.timeline-content h3 a{color:#1e293b;text-decoration:none;}.timeline-content h3 a:hover{color:#6B7FE8;}.timeline-content img{width:100%;max-width:400px;height:auto;border-radius:10px;margin-bottom:8px;}.stop-description{font-size:15px;line-height:1.7;color:#334155;margin-bottom:8px;}.stop-meta{display:flex;flex-direction:column;gap:0;margin:8px 0;font-size:14px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#f8fafc;}.stop-meta div{display:flex;padding:10px 16px;border-bottom:1px solid #e2e8f0;}.stop-meta div:last-child{border-bottom:none;}.stop-meta dt{font-weight:600;color:#6B7FE8;min-width:80px;margin-right:12px;flex-shrink:0;}.stop-meta dt::after{content:'';}.stop-meta dd{margin:0;color:#334155;line-height:1.5;}.stop-learn-more{display:inline-block;font-size:14px;color:#6B7FE8;text-decoration:none;font-weight:500;margin:8px 0 4px;}.stop-learn-more:hover{text-decoration:underline;}.stop-walk-next{font-size:13px;color:#6B7FE8;font-weight:500;margin-top:4px;}@media (max-width:480px){.tour-timeline::before{left:15px;}.timeline-marker{width:32px;height:32px;font-size:13px;}.timeline-stop{gap:14px;}}.mini-cta{padding:28px 0;background:#f8fafc;text-align:center;}.mini-cta-icon{width:48px;height:48px;border-radius:12px;margin:0 auto 12px;}.mini-cta-headline{font-size:17px;font-weight:700;color:#1e293b;margin-bottom:4px;}.mini-cta-sub{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:14px;}.mini-cta-btn{display:inline-block;padding:10px 28px;background:#1e293b;color:#fff;font-weight:600;font-size:14px;border-radius:8px;text-decoration:none;}.author-box{padding:32px 0;border-top:1px solid #e2e8f0;}.author-box-inner{display:flex;align-items:center;gap:16px;}.author-box img{width:56px;height:56px;border-radius:12px;}.author-box-text strong{display:block;font-size:15px;color:#1e293b;}.author-box-text span{font-size:13px;color:#64748b;line-height:1.5;}