/* ==========================================================================
   TT Core — 版式 "T1 首页"（Claude 设计稿 homepage-option-b.html，2026-10-13 · Mark 拍板照稿做）
   · 本文件只服务 tt_layout=t1 的页面（条件加载）。
   · 字体 Fraunces + Public Sans 自托管，零 Google 依赖。
   · 以下样式照抄 Claude 设计稿（选择器前缀 tthp）。
   ========================================================================== */

@font-face{font-family:'Fraunces';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/fraunces-var.woff2) format('woff2');}
@font-face{font-family:'Public Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url(fonts/public-sans-var-latin.woff2) format('woff2');}

/* 外层放开窄栏 */
body.tt-type-front:has(.tthp) .entry-content.tt-content{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}

.tthp{--acc:#8E2A17;--acc-dk:#6B1E10;--ink:#1C2733;--txt:#39434F;--mute:#4A5562;--soft:#6A7380;--sand:#F6F3EE;--chip:#F1ECE3;--line:#E4E0D8;--gold:#E2B04A;--ok:#2F6B4F;font-family:'Public Sans',system-ui,sans-serif;color:var(--ink);line-height:1.55;background:#fff}
.tthp *,.tthp *::before,.tthp *::after{box-sizing:border-box}
.tthp img{display:block;max-width:100%}
.tthp a{color:var(--acc)}.tthp a:hover{color:var(--acc-dk)}
.tthp h1,.tthp h2,.tthp h3{font-family:'Fraunces',Georgia,serif;font-weight:600;margin:0;line-height:1.12}
.tthp p{margin:0}
.tthp-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.tthp-sec{padding:76px 0}
.tthp-sand{background:var(--sand)}
.tthp-eb{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:6px}
.tthp-h2{font-size:40px}
.tthp-lead{font-size:17px;color:var(--mute);margin-top:8px;max-width:720px}
.tthp-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}
.tthp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:6px;font:600 16px 'Public Sans',sans-serif;text-decoration:none;border:0;cursor:pointer}
.tthp-btn--acc{background:var(--acc);color:#fff!important}.tthp-btn--acc:hover{background:var(--acc-dk)}
.tthp-btn--line{background:#fff;color:var(--ink)!important;border:1px solid var(--ink)}
.tthp-ph{background:#CFC8BB}
.tthp-cover{position:relative;overflow:hidden;background:#CFC8BB}
.tthp-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tthp-tick{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.tthp-tick li{display:flex;gap:10px}
.tthp-tick svg{flex:0 0 20px;margin-top:3px}

/* split hero */
.tthp-hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding-top:48px;padding-bottom:64px}
.tthp-hero__txt{flex:1 1 440px;min-width:0}
.tthp-hero h1{font-size:clamp(38px,5vw,62px);line-height:1.05}
.tthp-hero__txt>p{font-size:19px;color:var(--txt);margin:18px 0 22px}
.tthp-hero .tthp-tick{font-weight:600;margin-bottom:28px}
.tthp-hero__row{display:flex;flex-wrap:wrap;gap:12px}
.tthp-rate{margin-top:22px;font-size:14px;color:var(--mute)}
.tthp-rate b{color:#B7791F}
.tthp-hero__img{flex:1 1 520px;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:270px 270px;gap:12px}
.tthp-hero__img .tthp-cover{border-radius:14px}
.tthp-hero__img .tall{grid-row:span 2}
.tthp-promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tthp-promise .tthp-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding-top:18px;padding-bottom:18px;font-weight:600;font-size:15px}
.tthp-promise div{display:flex;gap:10px;align-items:center}

/* three ways */
.tthp-ways{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.tthp-way{display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink)!important;transition:box-shadow .2s}
.tthp-way:hover{box-shadow:0 10px 30px rgba(28,39,51,.12)}
.tthp-way .tthp-cover{height:300px}
.tthp-way__b{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex-grow:1}
.tthp-way h3{font-size:26px}
.tthp-way p{font-size:15px;color:var(--mute);flex-grow:1}
.tthp-way__f{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;font-size:14px;color:var(--soft)}
.tthp-way__f b{color:var(--acc)}

/* themes */
.tthp-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin-top:40px}
.tthp-theme{display:flex;gap:12px;align-items:center;background:#fff;border-radius:10px;padding:10px;text-decoration:none;color:var(--ink)!important}
.tthp-theme .tthp-cover{flex:0 0 64px;height:64px;border-radius:8px}
.tthp-theme b{display:block;font-size:15px;line-height:1.3}
.tthp-theme small{display:block;font-size:13px;color:var(--soft);line-height:1.3}

/* destination slider */
.tthp-arrows{display:flex;gap:10px}
.tthp-arrow{width:48px;height:48px;border-radius:999px;border:1px solid var(--ink);background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tthp-arrow--next{background:var(--ink);color:#fff}
.tthp-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;border-radius:14px}
.tthp-slides::-webkit-scrollbar{display:none}
.tthp-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-wrap:wrap;border-radius:14px;overflow:hidden}
.tthp-slide:nth-child(even){flex-direction:row-reverse}
.tthp-slide .tthp-cover{flex:1 1 600px;min-height:500px}
.tthp-slide__t{flex:1 1 340px;background:var(--ink);color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.tthp-slide__t .n{font-family:'Fraunces',serif;color:#C9D0D8}
.tthp-slide h3{font-size:40px}
.tthp-slide__t p{font-size:17px;color:#DCE1E6}
.tthp-slide__t small{font-size:14px;color:#C9D0D8}
.tthp-slide__t .tthp-btn{align-self:flex-start;margin-top:6px}
.tthp-dots{display:flex;justify-content:center;gap:4px;margin-top:16px}
.tthp-dot{width:44px;height:44px;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.tthp-dot span{display:block;height:10px;width:10px;border-radius:999px;background:#C9C2B6;transition:width .2s}
.tthp-dot[aria-current="true"] span{width:28px;background:var(--acc)}

/* tours grid */
.tthp-tours{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px}
.tthp-tour{display:block;text-decoration:none;color:var(--ink)!important}
.tthp-tour .tthp-cover{height:250px;border-radius:12px}
.tthp-tour__top{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-top:12px}
.tthp-tour h3{font-size:20px;line-height:1.25}
.tthp-tour .pr{white-space:nowrap;font-weight:700;color:var(--acc)}
.tthp-tour p{font-size:14px;color:var(--mute);margin-top:4px}
.tthp-days{position:absolute;top:12px;left:12px;z-index:1;background:var(--acc);color:#fff;border-radius:6px;padding:5px 10px;font-weight:700;font-size:13px}
.tthp-note{margin-top:28px;font-size:15px;color:var(--mute)}

/* gallery strip */
.tthp-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px}
.tthp-strip figure{margin:0;flex:0 0 340px;scroll-snap-align:start}
.tthp-strip .tthp-cover{height:240px;border-radius:10px}
.tthp-strip figcaption{font-size:13px;color:var(--mute);margin-top:6px}

/* story band */
.tthp-band{position:relative;min-height:600px;display:flex;align-items:center;background:#4b4842}
.tthp-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tthp-band .tthp-wrap{position:relative;z-index:1;width:100%;padding-top:80px;padding-bottom:80px}
.tthp-band__box{max-width:660px;background:rgba(20,28,38,.86);color:#fff;border-radius:14px;padding:40px}
.tthp-band__box .tthp-eb{color:var(--gold)}
.tthp-band__box h2{font-size:36px;color:#fff}
.tthp-band__box>p{font-size:17px;color:#DCE1E6;margin-top:14px}
.tthp-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin-top:22px}
.tthp-why b{display:block;font-size:15px}
.tthp-why span{font-size:14px;color:#C9D0D8}
.tthp-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:24px;padding-top:20px;border-top:1px solid #3A4654}
.tthp-stats b{display:block;font:600 32px 'Fraunces',serif;color:var(--gold)}
.tthp-stats span{font-size:13px;color:#C9D0D8}

/* stories */
.tthp-two{display:flex;flex-wrap:wrap;gap:48px}
.tthp-two>div{flex:1 1 440px;min-width:0}
.tthp-two h2{font-size:32px;margin-bottom:20px}
.tthp-legends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tthp-legends a{display:block;background:var(--sand);border-radius:10px;padding:16px;text-decoration:none;color:var(--ink)!important;min-height:96px}
.tthp-legends small{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.tthp-legends b{display:block;font:600 17px/1.3 'Fraunces',serif;margin-top:4px}
.tthp-journeys{display:flex;flex-direction:column;gap:12px}
.tthp-journeys a{display:block;background:var(--sand);border-radius:10px;padding:16px;text-decoration:none;color:var(--ink)!important}
.tthp-journeys small{display:block;font-size:13px;color:var(--soft)}
.tthp-journeys b{display:block;font:600 18px/1.3 'Fraunces',serif}

/* faq */
.tthp-faqwrap{display:flex;flex-wrap:wrap;gap:40px}
.tthp-faqwrap>div:first-child{flex:1 1 300px}
.tthp-faqwrap h2{font-size:34px}
.tthp-faq{flex:2 1 520px;min-width:0;border-top:1px solid #D6D0C5}
.tthp-faq details{border-bottom:1px solid #D6D0C5}
.tthp-faq summary{list-style:none;cursor:pointer;min-height:60px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-weight:600;font-size:17px}
.tthp-faq summary::-webkit-details-marker{display:none}
.tthp-faq summary::after{content:"+";font-size:24px;color:var(--acc)}
.tthp-faq details[open] summary::after{content:"−"}
.tthp-faq details p{color:var(--mute);padding-bottom:20px}

/* inquiry */
.tthp-ask{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.tthp-ask>div{flex:1 1 420px;min-width:0}
.tthp-ask h2{font-size:36px;margin-bottom:18px}
.tthp-ask .tthp-tick{color:var(--txt);font-size:15px}
.tthp-formslot{flex:1 1 440px;min-width:0;border:2px dashed #C9C2B6;border-radius:14px;padding:28px;color:var(--mute);font-size:15px}

@media (max-width:760px){
  .tthp-sec{padding:56px 0}
  .tthp-h2{font-size:30px}
  .tthp-hero{padding-top:28px}
  .tthp-hero__img{grid-template-rows:180px 180px}
  .tthp-way .tthp-cover{height:220px}
  .tthp-slide .tthp-cover{min-height:280px;flex-basis:100%}
  .tthp-slide__t{padding:26px 22px 30px}
  .tthp-slide h3{font-size:30px}
  .tthp-tours{grid-template-columns:1fr}
  .tthp-strip figure{flex-basis:78%}
  .tthp-band__box{padding:26px}
  .tthp-why{grid-template-columns:1fr}
  .tthp-legends{grid-template-columns:1fr}
}