/* ==========================================================================
   GreatSea · TOURS 目录页 /tours/  |  由 gs-tours.php 按需加载
   来源：设计稿 02-tours.html / design.css（书脊 + 行式账本 + 尺规）
   全部规则带 #gs-tours 前缀，避免 Kadence / .entry-content 干扰；无波浪。
   ========================================================================== */

/* 衬线展示体：沿用灵感页已本地化的 Cormorant Garamond，不依赖外网 */
@font-face{
  font-family:"GS Display";
  src:url("../uploads/gs-inspiration/fonts/cormorant-normal.woff2") format("woff2");
  font-style:normal;font-weight:400 700;font-display:swap;
}
@font-face{
  font-family:"GS Display";
  src:url("../uploads/gs-inspiration/fonts/cormorant-italic.woff2") format("woff2");
  font-style:italic;font-weight:400 700;font-display:swap;
}

#gs-tours{
  --deep:#0A5F66; --primary:#0E8A8E; --accent:#3CB87E;
  --bg-alt:#EAF6F3; --ink:#163A40; --muted:#5B7A7E;
  --hairline:#DCEDE9; --paper:#FFFFFF;
  --body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --display:"GS Display",Georgia,"Times New Roman",serif;
  --hand:"Caveat","Segoe Script",cursive;
  --wrap:1242px; --sec:96px;

  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  box-sizing:border-box;
  font-family:var(--body);font-size:15px;font-weight:400;line-height:1.7;
  color:var(--ink);background:var(--bg-alt);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
@supports (overflow:clip){ html:has(#gs-tours), body:has(#gs-tours){overflow-x:clip;} }
#gs-tours :where(*){box-sizing:border-box;}
#gs-tours :where(h1,h2,p,span,b,small,em,i,strong,div,button,a,img,header,section){margin:0;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;}
#gs-tours img{display:block;max-width:none;max-height:none;}
#gs-tours a{color:inherit;text-decoration:none;}
#gs-tours button{background:none;border:0;cursor:pointer;font-family:inherit;}
#gs-tours [hidden]{display:none!important;}
#gs-tours :focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px;}

#gs-tours .gt-sec{padding:var(--sec) 0;}
#gs-tours .gt-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}
#gs-tours .gt-grid{display:grid;grid-template-columns:64px minmax(0,1fr);}
#gs-tours .gt-spine{position:relative;border-right:1px solid var(--hairline);}
#gs-tours .gt-spine::before{content:"";position:absolute;top:0;left:-1px;width:1px;height:56px;background:var(--primary);}
#gs-tours .gt-spine::after{content:"";position:absolute;top:52px;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--accent);}
#gs-tours .gt-spine span{
  position:absolute;bottom:34px;left:50%;transform:translateX(-50%) rotate(-90deg);transform-origin:center;
  white-space:nowrap;font-size:11px;letter-spacing:.32em;color:var(--muted);
}
#gs-tours .gt-body{padding-left:64px;min-width:0;}

/* 页头 */
#gs-tours .gt-head{padding:44px 0 34px;}
#gs-tours .gt-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;}
#gs-tours .gt-head h1{
  font-family:var(--display);font-size:clamp(64px,8.2vw,118px);font-weight:500;
  line-height:.88;letter-spacing:-.02em;color:var(--deep);
}
#gs-tours .gt-head h1 em{font-weight:400;font-style:italic;color:var(--primary);}
#gs-tours .gt-hand{
  font-family:var(--hand);font-size:30px;line-height:1.2;color:var(--primary);
  white-space:nowrap;padding-bottom:10px;
}
#gs-tours .gt-sub{margin-top:26px;max-width:52ch;color:var(--muted);font-size:15px;}
#gs-tours .gt-rule{display:flex;align-items:center;gap:20px;margin:36px 0 0;color:var(--muted);font-size:12px;letter-spacing:.08em;}
#gs-tours .gt-rule i{flex:1;height:1px;background:var(--hairline);position:relative;}
#gs-tours .gt-rule i::before,#gs-tours .gt-rule i::after{content:"";position:absolute;top:-3px;width:1px;height:7px;background:var(--hairline);}
#gs-tours .gt-rule i::before{left:0;} #gs-tours .gt-rule i::after{right:0;}
#gs-tours .gt-rule b{font-weight:500;color:var(--primary);font-variant-numeric:tabular-nums;}

/* 行式目录 */
#gs-tours .gt-ledger{margin-top:28px;border-top:1px solid var(--hairline);}
#gs-tours .gt-row{
  display:grid;grid-template-columns:132px 92px minmax(0,1fr) auto;
  align-items:center;gap:24px;padding:30px 0;border-bottom:1px solid var(--hairline);
  position:relative;transition:padding-left .28s ease,background-color .28s ease;
}
#gs-tours .gt-row:hover{padding-left:18px;background:rgba(255,255,255,.55);}
#gs-tours .gt-num{
  font-family:var(--display);font-size:56px;line-height:1;color:var(--primary);
  font-variant-numeric:tabular-nums;
}
#gs-tours .gt-num small{display:block;font-family:var(--body);font-size:11px;letter-spacing:.14em;color:var(--muted);margin-top:4px;}
#gs-tours .gt-main{display:block;min-width:0;color:inherit;text-decoration:none;}
#gs-tours .gt-main:hover .gt-name{color:var(--primary);}
#gs-tours .gt-name{
  font-family:var(--display);font-size:36px;line-height:1.1;color:var(--ink);
  overflow-wrap:anywhere;
}
#gs-tours .gt-desc{font-size:13px;color:var(--muted);margin-top:6px;max-width:56ch;overflow-wrap:anywhere;}
/* 行尾按钮：跳转线路详情页（移除原 WhatsApp 咨询按钮，仅保留一个入口） */
#gs-tours .gt-view{
  display:inline-flex;align-items:center;gap:8px;justify-self:end;
  font-size:13.5px;font-weight:600;color:#fff;background:var(--accent);
  border-radius:999px;padding:10px 18px;white-space:nowrap;text-decoration:none;
  transition:background .2s,transform .2s,box-shadow .2s;
}
#gs-tours .gt-view:hover{background:var(--deep);transform:translateY(-1px);box-shadow:0 6px 16px rgba(10,95,102,.22);}
#gs-tours .gt-view-ar{font-size:16px;line-height:1;}
#gs-tours .gt-thumb{
  width:128px;height:88px;object-fit:cover;border-radius:8px;display:block;
  background:var(--bg-alt,#EAF6F3);
  transition:transform .28s ease,box-shadow .28s ease;
}
#gs-tours .gt-row:hover .gt-thumb{transform:scale(1.04);box-shadow:0 6px 18px rgba(10,95,102,.16);}

/* Read by 筛选 —— 放大、做成书脊同色系的分区条，但仍保持账本/尺规的克制感 */
#gs-tours .gt-filters{
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  margin-top:44px;padding:18px 22px;
  background:rgba(255,255,255,.62);border:1px solid var(--hairline);border-radius:14px;
}
#gs-tours .gt-filters strong{
  font-family:var(--display);font-size:17px;font-weight:600;color:var(--deep);
  letter-spacing:.02em;margin-right:6px;
}
#gs-tours .gt-filter{
  font-size:15px;font-weight:500;color:var(--ink);
  padding:10px 20px;border-radius:999px;
  border:1px solid var(--hairline);background:var(--paper);
  transition:all .2s;white-space:nowrap;
}
#gs-tours .gt-filter:hover{border-color:var(--primary);color:var(--primary);}
#gs-tours .gt-filter.on{background:var(--deep);border-color:var(--deep);color:#fff;}
#gs-tours .gt-count{margin-left:auto;font-size:12px;color:var(--primary);}
#gs-tours .gt-opts{margin-top:16px;padding:16px 18px;background:rgba(255,255,255,.62);border:1px solid var(--hairline);border-radius:10px;}
#gs-tours .gt-optgroup{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#gs-tours .gt-optlabel{font-size:11px;letter-spacing:.14em;color:var(--muted);margin-right:6px;text-transform:uppercase;}
#gs-tours .gt-opt{
  font-size:13.5px;color:var(--ink);border:1px solid var(--hairline);border-radius:999px;
  padding:7px 16px;background:var(--paper);transition:all .2s;
}
#gs-tours .gt-opt:hover{border-color:var(--primary);color:var(--primary);}
#gs-tours .gt-opt.on{background:var(--deep);border-color:var(--deep);color:var(--paper);}
#gs-tours .gt-optempty{font-size:12px;color:var(--muted);font-style:italic;}
#gs-tours .gt-none{font-size:14px;color:var(--muted);padding:26px 0;}

#gs-tours .gt-closing{
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  margin-top:34px;padding:22px 24px;
  background:rgba(10,95,102,.06);border:1px solid var(--hairline);border-radius:14px;
}
#gs-tours .gt-closing-tx{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:12.5px;max-width:62ch;}
#gs-tours .gt-closing-tx b{font-family:var(--hand);font-size:22px;color:var(--primary);font-weight:400;}
#gs-tours .gt-closing-cta{
  display:inline-flex;align-items:center;gap:9px;flex:none;
  font-size:15px;font-weight:600;color:#fff;background:var(--accent);
  border-radius:999px;padding:13px 24px;transition:all .2s;
  box-shadow:0 6px 18px rgba(60,184,126,.28);
}
#gs-tours .gt-closing-cta:hover{background:var(--deep);box-shadow:0 8px 22px rgba(10,95,102,.3);}
#gs-tours .gt-closing-ic{width:19px;height:19px;}

/* 主题在页面上方补的标题/留白，本页自带 H1 */
body:has(#gs-tours) .entry-title{display:none;}

/* ============ 响应式 ============ */
@media (max-width:1199px){
  #gs-tours{--sec:72px;}
  #gs-tours .gt-grid{grid-template-columns:40px minmax(0,1fr);}
  #gs-tours .gt-body{padding-left:36px;}
  #gs-tours .gt-row{grid-template-columns:88px minmax(0,1fr) auto;gap:16px;}
  #gs-tours .gt-num{font-size:42px;}
  #gs-tours .gt-name{font-size:28px;}
  #gs-tours .gt-thumb{display:none;}
}
@media (max-width:767px){
  #gs-tours{--sec:56px;}
  #gs-tours .gt-wrap{padding:0 20px;}
  #gs-tours .gt-grid{grid-template-columns:1fr;}
  #gs-tours .gt-spine{display:none;}
  #gs-tours .gt-body{padding-left:0;}
  #gs-tours .gt-head{padding:24px 0 22px;}
  #gs-tours .gt-head-row{display:block;}
  #gs-tours .gt-head h1{font-size:clamp(56px,15vw,84px);}
  #gs-tours .gt-hand{font-size:24px;white-space:normal;display:block;margin-top:14px;padding:0;}
  #gs-tours .gt-rule{font-size:11px;gap:12px;}
  #gs-tours .gt-row{grid-template-columns:56px minmax(0,1fr) auto;grid-template-rows:auto;gap:10px 12px;padding:20px 0;}
  #gs-tours .gt-num{grid-row:1;font-size:32px;}
  #gs-tours .gt-main{grid-column:2;grid-row:1;min-width:0;}
  #gs-tours .gt-name{font-size:23px;}
  #gs-tours .gt-view{grid-column:3;grid-row:1;justify-self:end;align-self:start;}
  #gs-tours .gt-filters{gap:12px;padding:14px 16px;}
  #gs-tours .gt-filter{font-size:14px;padding:9px 16px;}
  #gs-tours .gt-count{margin-left:0;width:100%;}
  #gs-tours .gt-closing{display:block;padding:18px 18px;}
  #gs-tours .gt-closing-tx b{display:block;margin-bottom:14px;}
  #gs-tours .gt-closing-cta{width:100%;justify-content:center;}
}
@media (prefers-reduced-motion:reduce){
  #gs-tours *{animation-duration:.01ms!important;transition-duration:.01ms!important;}
}