:root{--ocean-dark:#006994;--ocean-light:#48CAE4;--sand:#FFFDF7;--coral:#FF6B6B;--gift-orange:#FF9F1C;--white:#ffffff;--text-main:#2B2D42;--text-gray:#6D6E7C;--shadow-card:0 10px 30px rgba(0,0,0,0.08)}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans TC',sans-serif;background-color:var(--sand);color:var(--text-main)}.main-navbar{position:fixed;top:0;width:100%;z-index:1000;padding:15px 20px;transition:.3s}.main-navbar.scrolled{background:rgba(0,105,148,.95);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{height:40px}.nav-right a{text-decoration:none;color:#fff;margin-left:20px;font-weight:600}.island-hero{height:60vh;min-height:450px;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url('../圖片/DSC_2287.avif') center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;text-align:center}.hero-content h1{font-size:3rem;margin:10px 0;text-shadow:0 2px 10px rgba(0,0,0,.3)}.filter-container{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;justify-content:center}.filter-btn{border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:600;background:#fff;color:var(--ocean-dark);transition:.3s}.filter-btn.active{background:var(--gift-orange);color:#fff}.main-content{max-width:1200px;margin:0 auto;padding:40px 20px}.attractions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}@media (min-width:1024px){.attractions-grid{grid-template-columns:repeat(4,1fr);gap:20px}}@media (min-width:768px) and (max-width:1023px){.attractions-grid{grid-template-columns:repeat(2,1fr)}}.attraction-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-card);transition:.3s;display:flex;flex-direction:column}.attraction-card:hover{transform:translateY(-10px)}.card-image-box{height:200px;position:relative}.card-image-box img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:15px;padding:5px 12px;border-radius:10px;font-size:12px;font-weight:700}.badge-mustbuy{left:15px;background:var(--coral);color:#fff}.badge-price{right:15px;color:var(--ocean-dark)}.card-body{padding:20px;flex-grow:1;display:flex;flex-direction:column}.tags-container{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.tag-item{font-size:11px;background:#f0f7f9;color:var(--ocean-dark);padding:2px 8px;border-radius:4px}.card-title{margin:0 0 10px;color:var(--ocean-dark)}.card-desc{font-size:.9rem;color:var(--text-gray);line-height:1.5;flex-grow:1}.info-row{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-gray);margin-top:8px}.btn-map{width:100%;background:var(--gift-orange);color:#fff;border:none;padding:12px;border-radius:12px;margin-top:20px;cursor:pointer;text-decoration:none;text-align:center;font-weight:700;display:block}#fab-map-btn{position:fixed;bottom:30px;right:30px;background:var(--ocean-dark);color:#fff;border:none;padding:15px 25px;border-radius:50px;font-weight:700;cursor:pointer;z-index:999;box-shadow:0 5px 15px rgba(0,0,0,.2)}.map-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:2000;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.map-modal.show{display:flex}.map-content{background:#fff;width:90%;max-width:900px;height:80vh;border-radius:20px;position:relative;overflow:hidden}#map-container{height:100%;width:100%}.close-map-btn{position:absolute;top:10px;right:20px;font-size:30px;border:none;background:0 0;cursor:pointer;z-index:2001}.badge-container-right{position:absolute;top:15px;right:15px;display:flex;flex-direction:row;align-items:flex-end;gap:5px;z-index:10}.badge-price{position:static!important;background:rgba(255,255,255,.9);color:var(--ocean-dark);padding:5px 12px;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.1)}.ocean-waves{position:absolute;bottom:0;width:100%;line-height:0}.waves{width:100%;height:60px}.parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}100%{transform:translate3d(85px,0,0)}}