.tqt-booking,
.tqt-product { --tqt-green:#0b8354; --tqt-dark:#10261c; --tqt-gold:#b67a18; --tqt-line:#dbe5df; color:var(--tqt-dark); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif; }
.tqt-booking { max-width:1200px; margin:0 auto; padding:48px 20px; }
.tqt-booking__intro { max-width:760px; margin:0 auto 30px; text-align:center; }
.tqt-booking__intro > span,
.tqt-form__heading > span { color:var(--tqt-green); font-size:12px; font-weight:800; letter-spacing:.15em; }
.tqt-booking__intro h1 { margin:8px 0 10px; font-size:clamp(30px,5vw,48px); }
.tqt-booking__intro p { color:#5d6c64; font-size:17px; }
.tqt-booking__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.tqt-card { overflow:hidden; border:1px solid var(--tqt-line); border-radius:18px; background:#fff; box-shadow:0 12px 36px rgba(18,49,34,.1); }
.tqt-card__image { display:block; aspect-ratio:4/3; overflow:hidden; background:#eef3f0; }
.tqt-card__image img { width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.tqt-card:hover .tqt-card__image img { transform:scale(1.035); }
.tqt-card__body { padding:18px; }
.tqt-card__meta { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#68766f; font-size:12px; font-weight:700; }
.tqt-status { padding:4px 8px; border-radius:999px; }
.tqt-status--open { background:#e1f7eb; color:#067143; }
.tqt-status--closed { background:#f5eee0; color:#88601f; }
.tqt-card h2 { margin:12px 0 8px; font-size:21px; line-height:1.4; }
.tqt-card h2 a { color:inherit; text-decoration:none; }
.tqt-card__body > p { min-height:72px; color:#5d6c64; line-height:1.65; }
.tqt-card__dates { margin:14px 0; padding:10px 12px; border-radius:10px; background:#f3f7f5; }
.tqt-card__dates > strong { display:block; margin-bottom:7px; color:#53645b; font-size:12px; }
.tqt-card__dates > div { display:flex; flex-wrap:wrap; gap:6px; }
.tqt-card__dates span { padding:4px 7px; border:1px solid #c9dad0; border-radius:7px; background:#fff; color:var(--tqt-green); font-size:12px; font-weight:800; }
.tqt-card__dates em { color:#7a6a4e; font-size:13px; font-style:normal; }
.tqt-card__footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-top:14px; border-top:1px solid var(--tqt-line); }
.tqt-card__footer strong,
.tqt-card__footer small { display:block; }
.tqt-card__footer strong { color:#c34824; font-size:14px; }
.tqt-card__footer small { margin-top:2px; color:#7a817d; font-size:11px; }
.tqt-card__footer a,
.tqt-product__closed a { padding:9px 12px; border-radius:9px; background:var(--tqt-green); color:#fff; font-weight:800; text-decoration:none; }
.tqt-product { max-width:980px; margin:32px auto; padding:0 20px 44px; }
.tqt-product__content { line-height:1.8; }
.tqt-product__content h2 { margin-top:38px; padding-left:12px; border-left:4px solid var(--tqt-green); }
.tqt-scenic-image { overflow:hidden; margin:28px 0; border-radius:18px; background:#edf2ef; box-shadow:0 14px 38px rgba(20,50,35,.12); }
.tqt-scenic-image img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.tqt-scenic-image figcaption { padding:9px 14px; color:#637169; font-size:12px; text-align:center; }
.tqt-trip-hero-copy { max-width:800px; margin:30px auto 40px; text-align:center; }
.tqt-trip-hero-copy h2 { margin:6px 0 12px; padding:0; border:0; font-size:clamp(28px,4vw,42px); }
.tqt-trip-hero-copy p:last-child { color:#53645b; font-size:17px; }
.tqt-eyebrow { margin:0; color:var(--tqt-green); font-size:13px; font-weight:900; letter-spacing:.14em; }
.tqt-fact-grid,.tqt-highlight-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:24px 0 36px; }
.tqt-fact-grid > div { padding:18px; border:1px solid #e3d8bd; border-radius:14px; background:linear-gradient(145deg,#fffdf8,#f9f3e6); }
.tqt-fact-grid span,.tqt-fact-grid strong,.tqt-fact-grid em { display:block; }
.tqt-fact-grid span { color:#776d59; font-size:12px; font-weight:700; }
.tqt-fact-grid strong { margin:6px 0 2px; color:#9d3f25; font-size:17px; }
.tqt-fact-grid em { color:#6e6759; font-size:12px; font-style:normal; }
.tqt-highlight-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.tqt-highlight-grid > div { padding:17px; border-left:3px solid var(--tqt-gold); border-radius:0 12px 12px 0; background:#f7f9f8; }
.tqt-highlight-grid strong,.tqt-highlight-grid span { display:block; }
.tqt-highlight-grid strong { margin-bottom:5px; color:var(--tqt-dark); }
.tqt-highlight-grid span { color:#5e6c65; font-size:14px; line-height:1.65; }
.tqt-day-card { overflow:hidden; margin:18px 0; border:1px solid var(--tqt-line); border-radius:16px; background:#fff; box-shadow:0 8px 24px rgba(20,50,35,.06); }
.tqt-day-card > header { display:flex; gap:14px; align-items:center; padding:17px 20px; background:linear-gradient(135deg,#0b8354,#126a4a); color:#fff; }
.tqt-day-card > header > span { display:grid; place-items:center; flex:0 0 50px; height:50px; border:1px solid rgba(255,255,255,.55); border-radius:50%; font-size:18px; font-weight:900; }
.tqt-day-card h3 { margin:0; color:#fff; font-size:20px; }
.tqt-day-card header p { margin:3px 0 0; color:rgba(255,255,255,.84); font-size:13px; }
.tqt-day-card__body { padding:20px; }
.tqt-day-card__body > p { margin:0 0 12px; color:#405148; }
.tqt-day-card__body > p strong { color:var(--tqt-green); }
.tqt-meal-stay { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px; }
.tqt-meal-stay p { margin:0; padding:12px 14px; border-radius:10px; background:#f2f6f4; color:#4a5b52; font-size:13px; }
.tqt-meal-stay b { display:block; margin-bottom:3px; color:var(--tqt-dark); }
.tqt-notice-box { padding:20px 22px; border:1px solid #ead6ab; border-radius:14px; background:#fffaf0; }
.tqt-notice-box p { margin:8px 0; }
.tqt-guaranteed { display:inline-block; margin-left:7px; padding:2px 6px; border-radius:999px; background:#d94b2b; color:#fff; font-size:10px; vertical-align:2px; }
.tqt-itinerary { display:grid; gap:10px; padding:0; list-style:none; counter-reset:day; }
.tqt-itinerary li { display:grid; grid-template-columns:minmax(150px,210px) 1fr; gap:16px; padding:14px 16px; border:1px solid var(--tqt-line); border-radius:12px; background:#fff; counter-increment:day; }
.tqt-itinerary strong::before { content:"D" counter(day) " "; color:var(--tqt-green); }
.tqt-product__summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; overflow:hidden; margin:34px 0; border:1px solid var(--tqt-line); border-radius:14px; background:var(--tqt-line); }
.tqt-product__summary > div { padding:14px; background:#fff; }
.tqt-product__summary span,
.tqt-product__summary strong { display:block; }
.tqt-product__summary span { margin-bottom:4px; color:#68766f; font-size:12px; }
.tqt-product__summary strong { font-size:16px; }
.tqt-cash-note { margin:-22px 0 28px; color:#8a5b18; font-size:13px; font-weight:700; text-align:right; }
.tqt-product__closed { padding:28px; border:1px solid #e1d2b7; border-radius:16px; background:#fff9ed; text-align:center; }
.tqt-product__closed strong { font-size:22px; }
.tqt-product__closed p { margin-bottom:20px; color:#6d624e; }
.tqt-form { margin-top:30px; padding:28px; border:1px solid var(--tqt-line); border-radius:18px; background:#fff; box-shadow:0 15px 45px rgba(20,50,35,.1); }
.tqt-form__heading { margin-bottom:22px; }
.tqt-form__heading h2 { margin:5px 0; font-size:30px; }
.tqt-form__heading p { margin:0; color:#68766f; }
.tqt-form__grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.tqt-departure-options { margin:0 0 4px; padding:0; border:0; }
.tqt-departure-options legend { margin-bottom:10px; font-size:17px; font-weight:800; }
.tqt-departure-options__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.tqt-departure-options label { position:relative; cursor:pointer; }
.tqt-departure-options input { position:absolute; width:1px; height:1px; min-height:0; opacity:0; }
.tqt-departure-options label > span { display:block; height:100%; box-sizing:border-box; margin:0; padding:13px; border:1px solid #bdcbc3; border-radius:11px; background:#fff; transition:.16s ease; }
.tqt-departure-options label > span strong,
.tqt-departure-options label > span em,
.tqt-departure-options label > span small { display:block; }
.tqt-departure-options label > span strong { font-size:15px; }
.tqt-departure-options label > span em { margin:6px 0 3px; color:#c34824; font-size:13px; font-style:normal; }
.tqt-departure-options label > span small { color:#6b7871; font-size:11px; }
.tqt-departure-options input:checked + span { border-color:var(--tqt-green); background:#edf9f3; box-shadow:0 0 0 2px rgba(11,131,84,.16); }
.tqt-departure-options input:focus-visible + span { outline:2px solid var(--tqt-green); outline-offset:2px; }
.tqt-form label > span { display:block; margin-bottom:6px; font-size:14px; font-weight:700; }
.tqt-form input,
.tqt-form select,
.tqt-form textarea { box-sizing:border-box; width:100%; min-height:46px; padding:10px 12px; border:1px solid #bdcbc3; border-radius:9px; background:#fff; color:#16231c; font:inherit; }
.tqt-form__wide { grid-column:1/-1; }
.tqt-check { display:grid!important; grid-template-columns:20px 1fr; gap:9px; align-items:start; margin:18px 0 8px; }
.tqt-check input { width:18px; min-height:18px; margin-top:2px; }
.tqt-check span { font-weight:400!important; line-height:1.55; }
.tqt-form__privacy { color:#66746c; font-size:12px; }
.tqt-form > button { min-height:48px; padding:0 24px!important; border:0; border-radius:10px; background:var(--tqt-green); color:#fff; font-weight:800; cursor:pointer; }
.tqt-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.tqt-alert { margin:20px 0; padding:16px 18px; border-radius:12px; }
.tqt-alert strong { font-size:18px; }
.tqt-alert p { margin:5px 0 0; }
.tqt-alert--success { border:1px solid #8fd0ad; background:#ebfaf2; color:#075d38; }
.tqt-alert--error { border:1px solid #e2a69e; background:#fff1ef; color:#84342a; }
.tqt-source-note { padding:12px 14px; border-radius:8px; background:#f4f6f5; color:#5e6b64; font-size:13px; }
@media (max-width:900px) { .tqt-booking__grid { grid-template-columns:1fr 1fr; } .tqt-product__summary { grid-template-columns:1fr 1fr; } .tqt-departure-options__grid { grid-template-columns:1fr 1fr; } .tqt-fact-grid { grid-template-columns:1fr 1fr; } .tqt-highlight-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .tqt-booking__grid,.tqt-form__grid,.tqt-departure-options__grid,.tqt-fact-grid,.tqt-highlight-grid,.tqt-meal-stay { grid-template-columns:1fr; } .tqt-form__wide { grid-column:auto; } .tqt-itinerary li { grid-template-columns:1fr; gap:5px; } .tqt-product__summary { grid-template-columns:1fr; } .tqt-cash-note { margin-top:-18px; text-align:left; } .tqt-form { padding:20px 16px; } .tqt-scenic-image { margin-left:-8px; margin-right:-8px; border-radius:12px; } .tqt-day-card > header { align-items:flex-start; padding:15px; } .tqt-day-card h3 { font-size:18px; } .tqt-day-card__body { padding:16px; } }