/* ===== 行程页 =====
   比专题页更"重"一档：整趟出行可能带真实照片、逐日叙事，收尾行程（潮汕三日）用这套。
   继承自最初给潮汕单独写的内联样式，泛化掉 cs- 前缀，挪成全站共享组件。 */

.trip-hero{position:relative;min-height:clamp(360px,52vh,560px);display:flex;align-items:flex-end;
  background:var(--hero-bg);overflow:hidden}
.trip-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}

/* 还没有真实封面图的行程（多半是还没走过）：不硬套深色满屏图片的杂志感，
   退回和专题页 .thero 一致的纸白底轻量版——视觉上区分"已经拍过"和"还在计划"。 */
.trip-hero.no-photo{min-height:auto;background:var(--paper-2);display:block;
  border-bottom:1px solid var(--line);padding:clamp(40px,6vw,84px) 0 clamp(32px,4vw,56px)}
.trip-hero.no-photo .in{position:static;color:var(--ink);padding:0 var(--pad)}
.trip-hero.no-photo .crumb{color:var(--ink-3)}
.trip-hero.no-photo .crumb a{border-bottom-color:var(--line)}
.trip-hero.no-photo h1{color:var(--ink)}
.trip-hero.no-photo .dates{color:var(--ink-2)}
.trip-hero.no-photo .chip{background:var(--card);border-color:var(--line);color:var(--ink-2)}
.trip-hero.no-photo .chip.go{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}
.trip-hero.no-photo .chip.done{background:var(--ok-bg);border-color:var(--ok-line);color:var(--ok-ink)}
.trip-hero .shade{position:absolute;inset:0;
  background:var(--hero-shade)}
.trip-hero .in{position:relative;max-width:var(--max);margin:0 auto;width:100%;
  padding:0 var(--pad) clamp(32px,5vw,60px);color:var(--on-photo)}
.trip-hero .crumb{font-size:12.5px;letter-spacing:.08em;color:var(--on-photo-3)}
.trip-hero .crumb a{border-bottom:1px solid var(--on-photo-line)}
.trip-hero h1{font-family:var(--serif);font-size:clamp(38px,6.4vw,84px);line-height:1.05;margin:14px 0 0}
.trip-hero .dates{font-family:var(--num);font-size:clamp(15px,1.6vw,19px);letter-spacing:.14em;
  margin-top:14px;color:var(--on-photo-2)}
.trip-hero .tags{margin-top:22px}
.trip-hero .chip{background:var(--on-photo-fill);border-color:var(--on-photo-line-2);color:var(--on-photo)}
/* ⚠️ 下面两行照片上的 done/warn chip 故意保留字面量：它们是钉在用户照片上的语义色，
   不跟主题走。契约边界见 THEME.md §3.7。 */
.trip-hero .chip.done{background:rgba(120,190,140,.2);border-color:rgba(150,215,170,.6);color:#DCF2E2}
.trip-hero .chip.warn{background:rgba(220,170,90,.22);border-color:rgba(230,190,120,.6);color:#FBE9C6}

/* 逐日卡片墙（paged 行程：主页只列卡片，点进去看某一天的完整内容） */
.days{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-2);
  border:1px solid var(--line-2)}
@media(max-width:860px){.days{grid-template-columns:1fr}}
.day{background:var(--card);display:flex;flex-direction:column;transition:background var(--dur-1)}
a.day:hover{background:var(--paper-2)}
.day .pic{aspect-ratio:4/3;overflow:hidden;background:var(--night)}
.day .pic img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-2) ease}
a.day:hover .pic img{transform:scale(1.04)}
.day .b{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.day .k{font-family:var(--num);font-size:12px;letter-spacing:.16em;color:var(--accent);font-weight:700}
.day h3{font-family:var(--serif);font-size:25px;margin:10px 0 8px}
.day p{font-size:14px;color:var(--ink-2);line-height:1.75;flex:1}
.day .go{margin-top:16px;font-size:13.5px;font-weight:700}

/* single 行程（还没走过 / 只有一天）：日期直接内联展开，不拆子页 */
.day-inline{border:1px solid var(--line);background:var(--card);margin-bottom:1px}
.day-inline .head{padding:20px 24px;border-bottom:1px solid var(--line-2);
  display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px}
.day-inline .head .k{font-family:var(--num);font-size:13px;letter-spacing:.1em;color:var(--accent);font-weight:700}
.day-inline .head h3{font-family:var(--serif);font-size:22px;margin-top:4px}
.day-inline .body{padding:20px 24px}

/* 速览统计条 */
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2);
  border:1px solid var(--line-2)}
.facts div{background:var(--card);padding:20px 18px 22px}
.facts dt{font-family:var(--serif);font-size:clamp(19px,2.2vw,26px);line-height:1.3}
.facts dd{font-size:12.5px;color:var(--ink-3);margin-top:5px;letter-spacing:.04em}
@media(max-width:760px){.facts{grid-template-columns:repeat(2,1fr)}}

/* 备注框（历史备注、复盘还没写这类提示） */
.note{border-left:3px solid var(--accent);background:var(--paper-2);padding:20px 24px;max-width:70ch}
.note h4{font-size:16px;margin-bottom:8px}
.note p{font-size:14.5px;color:var(--ink-2)}

/* 候选未来周末 / 备选池表格（滚动行程专用） */
.cand-table{width:100%;border-collapse:collapse;font-size:14px}
.cand-table th,.cand-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line-2)}
.cand-table th{font-size:11.5px;letter-spacing:.12em;color:var(--ink-3);font-weight:700;text-transform:uppercase}
.cand-table tr:last-child td{border-bottom:0}
.cand-scroll{overflow-x:auto}
@media(max-width:640px){.cand-table{min-width:480px}}

/* 复盘四问 */
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line-2);border:1px solid var(--line-2)}
@media(max-width:700px){.review-grid{grid-template-columns:1fr}}
.review-grid div{background:var(--card);padding:18px 20px}
.review-grid dt{font-size:12.5px;color:var(--ink-3);font-weight:700;margin-bottom:6px}
.review-grid dd{font-size:14px;color:var(--ink-2);line-height:1.7}