/* Destinations: use the shared site typography, header and footer unchanged. */
.xx-hub{--xx-green:#1a3c34;--xx-ink:#1a3c34;--xx-muted:#66736d;--xx-yellow:#f8b936;--xx-border:#e1e9e3;color:var(--xx-ink);background:#fff;font:inherit;line-height:1.65}
.xx-hub *{box-sizing:border-box}.xx-hub h1,.xx-hub h2,.xx-hub h3,.xx-hub p{margin:0}.xx-hub h1,.xx-hub h2,.xx-hub h3,.xx-interest strong,.xx-comparison thead th{font-family:inherit;color:var(--xx-ink);letter-spacing:-.025em}.xx-hub h2{font-size:30px;line-height:1.4;font-weight:700}.xx-hub h3{font-size:20px;line-height:1.5;font-weight:600}.xx-hub a{color:inherit;text-decoration:none}.xx-hub button,.xx-hub input{font:inherit;letter-spacing:normal;text-transform:none}.xx-hub button{cursor:pointer}.xx-hub button:focus-visible,.xx-hub a:focus-visible,.xx-hub input:focus-visible,.xx-comparison:focus-visible{outline:3px solid var(--xx-yellow);outline-offset:4px}.xx-hub svg{flex-shrink:0;vertical-align:middle}.xx-wrap{width:100%;max-width:1200px;padding:0 40px;margin:0 auto}.xx-section{margin-top:48px}.xx-main-wrap{padding-bottom:52px}
.xx-hero{background-image:linear-gradient(90deg,rgba(246,248,242,.96),rgba(246,248,242,.88) 40%,rgba(246,248,242,.15)),var(--xx-hero);background-size:cover;background-position:center 52%;padding:32px 0 42px}.xx-breadcrumb{display:flex;gap:10px;align-items:center;font-size:13px;margin-bottom:16px;color:#52645a}.xx-breadcrumb a:hover{text-decoration:underline}.xx-hero h1{font-size:clamp(32px,3.7vw,46px);line-height:1.3;font-weight:700;margin-bottom:14px}.xx-hero p{font-size:17px;line-height:1.8;max-width:650px;color:#435a4e}.xx-desktop{display:none}.xx-search{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;margin-top:26px}.xx-search-box{display:flex;align-items:center;gap:12px;min-width:0;padding:0 16px;background:#fff;border:1px solid #d8e2da;border-radius:9px}.xx-search-box svg{width:21px;height:21px;color:var(--xx-green)}.xx-search-box input{border:0;outline:none!important;box-shadow:none!important;width:100%;min-width:0;height:auto;padding:14px 0;background:transparent;font-size:14px;color:var(--xx-ink)}.xx-search-box:focus-within{outline:2px solid var(--xx-green);outline-offset:2px}
.xx-hub .xx-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 22px;border:1px solid transparent;border-radius:8px;background:var(--xx-yellow);color:var(--xx-green);font-size:14px;font-weight:600;line-height:1.5;text-align:center;transition:filter .15s}.xx-hub .xx-button:hover{filter:brightness(.96)}.xx-hub .xx-button svg{width:19px;height:19px}.xx-hub .xx-button-white,.xx-hub .xx-button-outline{background:#fff;border-color:#c9d8cd;color:var(--xx-green)}
.xx-interests{margin-top:36px}.xx-interest-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px}.xx-interest{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-height:145px;padding:22px 8px 16px;border:1px solid var(--xx-border);border-radius:12px;background:#fff;text-align:center;color:var(--xx-green)}.xx-interest svg{width:30px;height:30px;margin-bottom:7px}.xx-interest strong{font-size:15px;font-weight:600;line-height:1.5}.xx-interest span{font-size:12px;color:var(--xx-muted);line-height:1.6}.xx-interest:hover,.xx-interest[aria-pressed=true]{border-color:#8aa995;background:#f3f7f2}.xx-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.xx-section-heading>a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#316b53}.xx-section-heading>a:hover{text-decoration:underline}.xx-section-heading>a svg{width:18px;height:18px}
.xx-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.xx-popular-top,.xx-popular-bottom{display:contents}.xx-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--xx-border);border-radius:14px;background:#fff;box-shadow:0 4px 14px #183b2606}.xx-card-photo{display:block;height:180px;overflow:hidden;flex-shrink:0;background:#edf2ed}.xx-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.xx-card:hover .xx-card-photo img{transform:scale(1.035)}.xx-card-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:20px;min-width:0}.xx-card h3 a:hover{text-decoration:underline}.xx-card-body>p{font-size:14px;line-height:1.65;color:var(--xx-muted);margin:6px 0 12px;min-height:46px}.xx-stay{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--xx-muted);line-height:1.6}.xx-stay svg{width:16px;height:16px}.xx-tags{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 18px}.xx-tags span{padding:4px 9px;border-radius:5px;background:#eef4ed;color:#426651;font-size:12px;line-height:1.5}.xx-hub .xx-card-button{width:100%;margin-top:auto;min-height:40px;padding:8px 12px;font-size:13px}.xx-hub .xx-card-button svg{width:16px;height:16px}.xx-save{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;border:0;border-radius:50%;background:#ffffffed;color:#53645a;box-shadow:0 2px 7px #0001}.xx-save svg{width:21px;height:21px}.xx-save:hover{background:#fff;color:var(--xx-green)}.xx-save[aria-pressed=true] svg{fill:#f8b936;stroke:var(--xx-green)}.xx-badge{position:absolute;top:14px;left:14px;padding:5px 10px;border-radius:6px;background:var(--xx-yellow);color:var(--xx-green);font-size:12px;font-weight:600}
.xx-subtitle{font-size:15px;color:var(--xx-muted);margin:8px 0 22px!important}.xx-comparison{overflow-x:auto;border:1px solid var(--xx-border);border-radius:12px}.xx-comparison table{width:100%;min-width:850px;border-collapse:collapse;table-layout:fixed;margin:0;font-size:13px;border:0}.xx-comparison thead th{font-size:16px;font-weight:600;padding:0;border:1px solid var(--xx-border);background:#fff;vertical-align:bottom}.xx-comparison thead td{width:185px;border:0;background:#f5f8f4}.xx-comparison th a{display:flex;flex-direction:column;align-items:center}.xx-comparison th img{display:block;width:100%;height:84px;object-fit:cover}.xx-comparison th a span{padding:10px 5px}.xx-comparison tbody th,.xx-comparison tbody td{padding:12px 10px;border:1px solid var(--xx-border);font-weight:400;line-height:1.6}.xx-comparison tbody th{background:#f5f8f4;text-align:left;white-space:nowrap}.xx-comparison tbody th svg{width:18px;height:18px;margin-right:9px}.xx-comparison tbody td{text-align:center;color:#5b6c61;background:#fff}.xx-comparison tbody tr:nth-child(even) td{background:#fbfcfa}
.xx-all{scroll-margin-top:150px}.xx-section-heading #xx-results-count{font-size:13px;color:var(--xx-muted)}.xx-filters{display:grid;gap:13px;padding:22px;margin-bottom:24px;border:1px solid var(--xx-border);border-radius:12px;background:#f8faf7}.xx-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.xx-filter-label{font-size:13px;font-weight:500;margin-right:5px}.xx-filter button{min-height:36px;padding:7px 14px;border:1px solid #dce6de;border-radius:22px;background:#fff;font-size:12px;font-weight:400;line-height:1.5;color:#52665a}.xx-filter button:hover{border-color:#8da897}.xx-filter button[aria-pressed=true]{background:var(--xx-green);border-color:var(--xx-green);color:#fff}.xx-filter-line{display:flex;flex-wrap:wrap;gap:13px 25px}.xx-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:13px;color:var(--xx-green)}.xx-active-filters button,.xx-empty button{background:none;padding:0;border:0;color:var(--xx-green);text-decoration:underline}.xx-destination-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.xx-all-card .xx-card-photo{height:140px}.xx-all-card .xx-card-body{padding:17px}.xx-all-card h3{font-size:18px}.xx-all-card .xx-card-body>p{min-height:69px;font-size:13px}.xx-all-card .xx-tags{min-height:52px;align-content:flex-start;margin:10px 0 16px}.xx-all-card .xx-tags span{font-size:11px;padding:4px 7px}.xx-extra{display:none}.xx-more{display:flex;justify-content:center;margin-top:26px}.xx-empty{padding:32px 20px;text-align:center;border:1px dashed #bccfbe;border-radius:10px;color:var(--xx-muted);background:#f7faf5}
.xx-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.xx-editorial-card{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid var(--xx-border);border-radius:12px;background:#fff;transition:box-shadow .15s}.xx-editorial-card:hover{box-shadow:0 5px 18px #143e2610}.xx-route-photos{display:flex;height:150px;overflow:hidden}.xx-route-photos img{width:0;flex:1;min-width:0;height:100%;object-fit:cover}.xx-editorial-body{padding:19px;flex:1}.xx-editorial-body h3{font-size:18px;line-height:1.55}.xx-editorial-body p{font-size:14px;line-height:1.7;color:var(--xx-muted);margin:7px 0 12px}.xx-route .xx-tags{margin-bottom:0}.xx-route-arrow{display:none}.xx-guide>img{display:block;width:100%;height:150px;object-fit:cover}.xx-eyebrow{display:block;font-size:11px;line-height:1.5;color:#42775a;font-weight:500;margin-bottom:9px}.xx-guide p{margin-bottom:0}
.xx-cta{padding:42px 0;background:#f1f6f0;border-top:1px solid #e1e9df}.xx-cta-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center}.xx-cta h2{font-size:28px;line-height:1.45}.xx-cta p{margin-top:10px;font-size:15px;color:#5a6e60;line-height:1.8;max-width:570px}.xx-cta-actions{display:flex;flex-direction:column;gap:10px}.xx-cta .xx-button{min-height:46px;font-size:14px}.xx-cta .xx-whatsapp{border-color:#b5cbbb}.xx-whatsapp img{display:block;width:21px;height:21px;object-fit:contain}.xx-cta-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:30px;padding-top:26px;border-top:1px solid #dce7d9}.xx-cta-benefits>div{display:flex;align-items:flex-start;gap:13px;min-width:0}.xx-benefit-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border:1px solid #d9e4d6;border-radius:10px;background:#fff;color:var(--xx-green)}.xx-benefit-icon svg{width:23px;height:23px}.xx-benefit-copy{display:flex;flex-direction:column;gap:5px}.xx-cta-benefits strong{font-size:14px;font-weight:600;line-height:1.6}.xx-cta-benefits small{font-size:12px;color:#617663;line-height:1.7}.xx-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.xx-hub [hidden]{display:none!important}
@media(max-width:1100px){.xx-wrap{padding-inline:28px}.xx-search{grid-template-columns:minmax(180px,1fr) auto}.xx-search>a{grid-column:2}.xx-search-box{grid-row:1/3}.xx-interest-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xx-interest{min-height:130px}.xx-popular-grid,.xx-three-grid{gap:16px}.xx-card-photo{height:155px}.xx-card-body{padding:17px}.xx-destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.xx-cta-top{grid-template-columns:minmax(0,1fr) 240px}.xx-cta-benefits{gap:18px}}
@media(max-width:760px){.xx-wrap{padding-inline:20px}.xx-section{margin-top:34px}.xx-main-wrap{padding-bottom:36px}.xx-hub h2{font-size:25px}.xx-hero{padding:24px 0 30px;background-position:58% center;background-image:linear-gradient(90deg,rgba(246,248,242,.96),rgba(246,248,242,.84)),var(--xx-hero)}.xx-hero h1{font-size:32px;line-height:1.4}.xx-hero p{font-size:15px}.xx-search{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.xx-search-box{grid-row:auto;grid-column:1/-1}.xx-search>a{grid-column:auto}.xx-search .xx-button{font-size:13px;padding:11px 9px}.xx-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.xx-interest{padding:18px 8px;min-height:132px}.xx-section-heading{align-items:flex-start;gap:15px;margin-bottom:18px}.xx-section-heading>a{font-size:12px;max-width:35%;text-align:right;gap:5px}.xx-section-heading>a svg{width:16px;height:16px}.xx-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xx-card-photo{height:145px}.xx-card-body{padding:14px}.xx-card h3{font-size:19px}.xx-card-body>p{font-size:13px;min-height:65px;margin-bottom:10px}.xx-tags{gap:5px;margin:11px 0 14px;min-height:50px;align-content:flex-start}.xx-tags span{font-size:11px;padding:3px 7px}.xx-save{width:32px;height:32px;top:9px;right:9px;padding:7px}.xx-badge{font-size:10px;top:10px;left:10px;padding:4px 7px}.xx-hub .xx-card-button{font-size:12px;padding:9px 7px;gap:6px}.xx-subtitle{font-size:14px;margin-bottom:18px!important}.xx-comparison{margin-right:-20px;border-radius:10px 0 0 10px}.xx-comparison table{min-width:820px}.xx-comparison thead td{width:165px}.xx-comparison tbody th,.xx-comparison tbody td{padding:11px 9px}.xx-filters{padding:16px;gap:15px}.xx-filter-label{width:100%;margin-bottom:1px}.xx-filter{gap:7px}.xx-filter button{padding:8px 12px;min-height:38px}.xx-filter-line{gap:15px}.xx-section-heading #xx-results-count{font-size:11px;text-align:right;max-width:90px;padding-top:5px}.xx-destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xx-all-card .xx-card-photo{height:122px}.xx-all-card .xx-card-body{padding:13px}.xx-all-card h3{font-size:18px}.xx-all-card .xx-card-body>p{min-height:86px;font-size:12px}.xx-all-card .xx-tags{min-height:58px;gap:4px;margin-bottom:13px}.xx-all-card .xx-tags span{font-size:10px;padding:3px 6px}.xx-three-grid{grid-template-columns:1fr;gap:16px}.xx-route-photos{height:165px}.xx-guide{display:grid;grid-template-columns:32% minmax(0,1fr)}.xx-guide>img{height:100%;min-height:170px}.xx-guide .xx-editorial-body{padding:17px}.xx-editorial-body h3{font-size:18px}.xx-editorial-body p{font-size:13px}.xx-cta{padding:32px 0}.xx-cta-top{grid-template-columns:1fr;gap:22px}.xx-cta h2{font-size:26px}.xx-cta p{font-size:14px}.xx-cta-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.xx-cta .xx-button{font-size:12px;padding:11px 8px;gap:7px}.xx-cta-benefits{grid-template-columns:1fr;gap:20px;margin-top:26px;padding-top:24px}.xx-benefit-icon{width:40px;height:40px}.xx-benefit-copy{gap:3px}.xx-cta-benefits strong{font-size:14px}.xx-cta-benefits small{font-size:13px}}
@media(max-width:380px){.xx-popular-grid,.xx-destination-grid{grid-template-columns:1fr}.xx-card-photo,.xx-all-card .xx-card-photo{height:180px}.xx-card-body>p,.xx-all-card .xx-card-body>p{min-height:0}.xx-tags,.xx-all-card .xx-tags{min-height:0}.xx-cta-actions{grid-template-columns:1fr}.xx-guide{grid-template-columns:1fr}.xx-guide>img{height:145px;min-height:0}.xx-hub h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.xx-hub *{transition:none!important;scroll-behavior:auto!important}}

.xx-cta .xx-whatsapp-mark{width:21px;height:21px;color:#198c4d;fill:currentColor;stroke:none}

/* Compact card content while the grid and flex footer keep actions aligned. */
.xx-hub .xx-card-body{padding:16px}.xx-hub .xx-card h3{line-height:1.4}
.xx-hub .xx-card-body>p{min-height:0;line-height:1.45;margin:4px 0 8px}
.xx-hub .xx-card .xx-tags{min-height:0;gap:6px;margin:10px 0 12px;align-content:flex-start}
.xx-hub .xx-card .xx-stay{line-height:1.45}
.xx-hub .xx-cta .xx-whatsapp-mark{width:20px;height:20px;color:#25d366;fill:currentColor;stroke:none}
.xx-month-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 18px;border:1px solid var(--xx-border);border-radius:10px;background:#f5f8f3}
.xx-month-field{display:flex;align-items:center;gap:13px;flex-shrink:0}.xx-month-field label{font-size:14px;font-weight:600;color:var(--xx-green);margin:0;white-space:nowrap;flex:none}
.xx-hub .xx-month-field select{font:inherit;font-size:14px;color:var(--xx-green);min-height:44px;min-width:142px;width:150px;flex:none;padding:8px 32px 8px 12px;border:1px solid #c8d8cb;border-radius:7px;background-color:#fff;cursor:pointer}
.xx-hub .xx-month-field select:focus-visible{outline:3px solid var(--xx-yellow);outline-offset:3px}
.xx-hub #xx-month-summary{font-size:13px;line-height:1.6;color:#536c59;text-align:right}
.xx-comparison .xx-season-reasons th{white-space:normal;font-weight:500}.xx-comparison .xx-season-reasons td{font-size:12px;line-height:1.65;text-align:left;vertical-align:top;background:#f6faf2}
.xx-hub .xx-season-note{margin-top:12px;font-size:12px;line-height:1.7;color:var(--xx-muted)}
@media(max-width:760px){.xx-comparison::before{content:'← Swipe to compare all five destinations →';display:block;position:sticky;left:0;width:100%;padding:10px 12px;border-bottom:1px solid var(--xx-border);background:#f5f8f3;color:#536c59;font-size:11px;line-height:1.6}body.cts-lang-zh-CN .xx-comparison::before{content:'← 左右滑动，比较全部五个目的地 →'}body.cts-lang-zh-TW .xx-comparison::before{content:'← 左右滑動，比較全部五個目的地 →'}}
@media(max-width:760px){.xx-hub .xx-card-body{padding:14px}.xx-month-controls{align-items:flex-start;flex-direction:column;gap:10px;padding:15px}.xx-month-field{width:100%;justify-content:space-between;gap:10px}.xx-hub .xx-month-field select{min-width:135px}.xx-hub #xx-month-summary{text-align:left;font-size:12px}.xx-comparison .xx-season-reasons td{font-size:12px}.xx-hub .xx-season-note{font-size:12px}}
@media(max-width:380px){.xx-month-field{align-items:flex-start;flex-direction:column;gap:8px}.xx-hub .xx-month-field select{width:100%}}
