:root{--ocean-dark:#006994;--ocean-light:#48CAE4;--white:#ffffff;--text-dark:#333333;--text-gray:#6D6E7C;--price-red:#ff5a5f;--badge-yellow:#f4b400;--bg-gray:#f4f7f9;--gold-link:#d4a373;--radius-card:20px}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box}body{margin:0;font-family:'Noto Sans TC',sans-serif;background-color:var(--bg-gray);color:var(--text-dark);overflow-x:hidden}body.stop-scroll{overflow:hidden!important}.main-navbar{position:fixed;top:0;width:100%;z-index:1000;padding:15px 20px;transition:.4s;display:flex;justify-content:center}.main-navbar.scrolled{background:rgba(0,105,148,.95);backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(0,0,0,.1);padding:10px 20px}.main-navbar.hide-nav{transform:translateY(-100%)}.nav-container{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center}.logo{height:35px;cursor:pointer}.nav-right a{text-decoration:none;color:var(--white);font-weight:600;margin-left:20px;font-size:14px}.filter-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px auto}.filter-btn{border:1px solid rgba(0,105,148,.1);background:#fff;color:var(--ocean-dark);padding:8px 18px;border-radius:50px;font-size:14px;font-weight:600;cursor:pointer;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.05)}.filter-btn.active{background:linear-gradient(135deg,var(--ocean-light),var(--ocean-dark));color:#fff;border:none}.island-hero{height:45vh;min-height:350px;background:linear-gradient(180deg,rgba(0,105,148,.4),rgba(0,105,148,.2)),url('../圖片/DSC_2287.avif') center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.tagline{background:var(--badge-yellow);color:#000;padding:4px 12px;border-radius:20px;font-weight:700;font-size:12px;margin-bottom:8px}.main-content{max-width:1400px;margin:auto;padding:30px 15px}.attractions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.attraction-card{background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.05);display:flex;flex-direction:column;transition:.3s;cursor:pointer;position:relative}.attraction-card:hover{transform:translateY(-5px)}.card-image-box{position:relative;height:160px}.card-image-box img{width:100%;height:100%;object-fit:cover}.badge-hot{position:absolute;top:10px;left:10px;background:var(--badge-yellow);color:#000;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;z-index:5}.card-body{padding:15px;flex-grow:1;display:flex;flex-direction:column}.title-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px;gap:4px}.card-title{font-size:1.15rem;font-weight:800;margin:0;color:var(--text-dark);line-height:1.2;white-space:normal;width:100%}.card-price{color:var(--price-red);font-weight:700;font-size:1rem;display:block}.card-price small{font-size:.8rem;margin-right:2px}.store-type{font-size:.8rem;color:var(--text-gray);margin-bottom:8px;display:flex;align-items:center;gap:4px}.card-desc{font-size:.85rem;color:#666;line-height:1.4;height:auto;max-height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}#detail-view{position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:none;justify-content:center;align-items:flex-end;opacity:0;transition:opacity .4s}#detail-view.active{display:flex;opacity:1}#detail-content{background:#fff;width:100%;max-width:850px;height:88vh;border-radius:30px 30px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.2);overflow-y:auto;position:relative;transform:translateY(100%);transition:transform .5s cubic-bezier(.32, .72, 0, 1)}#detail-view.active #detail-content{transform:translateY(0)}.detail-hero-img{width:100%;height:350px;object-fit:cover}.detail-body{padding:30px}.detail-grid-responsive{display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:30px;align-items:start}.info-card-box{background:#f9f9f9;padding:20px;border-radius:20px;border:1px solid #eee}.detail-info-item{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px}.social-icons{display:flex;gap:12px;margin-top:15px}.icon-circle{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s;text-decoration:none}.icon-circle svg{width:20px;height:20px;stroke:white}.icon-line{background:#06c755}.icon-ig{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.menu-section{margin-top:30px;border-top:1px solid #eee;padding-top:25px}.menu-item-row{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #f5f5f5}.menu-item-thumb{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#eee;flex-shrink:0}.menu-item-thumb img{width:100%;height:100%;object-fit:cover}@media (max-width:1200px){.attractions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.attractions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.attractions-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-image-box{height:130px}.island-hero h1{font-size:1.8rem}.detail-grid-responsive{display:flex;flex-direction:column;gap:20px}#detail-content{height:92vh}.detail-hero-img{height:220px}.detail-body{padding:20px}}.app-loader{position:fixed;inset:0;background:#004d6e;z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .8s,visibility .8s}.loader-inner{text-align:center;color:#fff}.loader-text-group{margin-top:30px}.loader-main-text{font-size:1.4rem;font-weight:900;margin:0;letter-spacing:2px}.loader-sub-text{font-size:.9rem;opacity:.6;margin-top:10px}.loading-bar-container{width:200px;height:4px;background:rgba(255,255,255,.1);border-radius:10px;margin:30px auto 0;overflow:hidden}.loading-bar-fill{width:0%;height:100%;background:#0ca678;animation:3s ease-in-out infinite loadingProgress}.app-loader.fade-out{opacity:0;visibility:hidden;pointer-events:none}@keyframes loadingProgress{0%{width:0%}50%{width:70%}100%{width:100%}}.attractions-grid{transition:opacity .5s}.menu-item-row:not(:has(.menu-item-thumb)){padding-left:10px}.coupon-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:5000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.coupon-modal-overlay.active{display:flex}.coupon-ticket{background:#fff;width:90%;max-width:350px;border-radius:20px;overflow:hidden;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.4);animation:.5s cubic-bezier(.17,.89,.32,1.49) couponPop}@keyframes couponPop{from{transform:scale(.5) translateY(100px);opacity:0}}.coupon-top{height:150px;position:relative;color:#fff}.coupon-top img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.coupon-shop-name{position:absolute;bottom:15px;left:20px;font-weight:700;font-size:1.2rem}.coupon-cut{height:20px;background:#fff;position:relative;border-bottom:2px dashed #eee}.coupon-cut::after,.coupon-cut::before{content:"";position:absolute;width:24px;height:24px;background:rgba(0,0,0,.8);border-radius:50%;top:-12px}.coupon-cut::before{left:-12px}.coupon-cut::after{right:-12px}.coupon-body{padding:25px;text-align:center}.coupon-body h4{margin:0;font-size:1.5rem;color:var(--price-red)}.coupon-body p{color:#64748b;line-height:1.6;font-size:.95rem;margin-top:15px}.coupon-footer{background:#f8fafc;padding:15px;text-align:center;font-size:.8rem;color:#94a3b8}.coupon-close-btn{background:var(--ocean-dark);color:#fff;width:100%;border:none;padding:15px;font-weight:700;cursor:pointer;border-radius:0 0 20px 20px}.claim-btn{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;padding:14px;border-radius:14px;text-decoration:none;font-weight:700;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;box-shadow:0 5px 15px rgba(255,107,107,.3)}