/* ============================================================
   Dammit! Toolkit — 路线日志模块样式（沿用 dammit-glass 主题变量）
   版本：1.0.6
   ============================================================ */

/* ---------- 徽章 ---------- */
.badge.b-route{color:var(--sys-orange);background:var(--sys-org-bg);box-shadow:inset 0 0 0 1px var(--sys-orange)}
.badge.b-trip{color:var(--sys-pink);background:rgba(255,45,85,.12);box-shadow:inset 0 0 0 1px var(--sys-pink)}
.badge.b-dn{color:var(--dim);background:var(--tint);box-shadow:inset 0 0 0 1px var(--hairline-strong);font-weight:600}
a.badge.b-trip:hover{color:#fff;background:var(--sys-pink)}

/* ---------- 日志流里的路线行 ---------- */
.route-row{display:flex;gap:14px;min-width:0}
.route-row .mini-map{flex:none;width:120px;height:84px;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--hairline);background:var(--map-bg)}
.route-row .mini-map svg{display:block;width:100%;height:100%}
.route-row .route-main{min-width:0}
.route-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.route-chips .chip{font-family:var(--mono);font-size:11.5px;color:var(--ink2);background:var(--tint);
  border:1px solid var(--hairline);border-radius:99px;padding:3px 10px;white-space:nowrap}
.route-chips .chip b{color:var(--sys-orange);font-weight:700}
@media (max-width:640px){.route-row .mini-map{display:none}}

/* ---------- 地图底色变量（双主题） ---------- */
html[data-theme="light"]{
  --map-bg:#e8ebef; --map-block:#d6dae1; --map-road:#ffffff; --map-road-casing:#c9cfd8;
  --map-water:#b9d9f7; --map-park:#cfe8c4; --map-label:rgba(60,60,67,.55);
}
html[data-theme="dark"]{
  --map-bg:#1c1f26; --map-block:#252a33; --map-road:#3a4150; --map-road-casing:#20242c;
  --map-water:#17375a; --map-park:#1e3524; --map-label:rgba(220,220,225,.5);
}

/* ---------- 详情页：地图大图 ---------- */
.route-hero{overflow:hidden;margin-top:8px}
.route-hero .map-box{position:relative;height:400px;background:var(--map-bg);border-bottom:1px solid var(--hairline)}
.route-hero .map-box svg{position:absolute;inset:0;width:100%;height:100%}
.map-box .map-note{position:absolute;right:14px;bottom:12px;font-family:var(--mono);font-size:11px;
  color:var(--map-label);background:var(--glass-strong);padding:4px 10px;border-radius:99px;border:1px solid var(--hairline)}
@media (max-width:720px){.route-hero .map-box{height:260px}}

/* ---------- 详情页：头部 + 数据条 ---------- */
.route-head{padding:22px 26px 8px}
.route-head .r-meta{font-family:var(--mono);font-size:12px;color:var(--faint)}
.route-head h1{font-size:24px;font-weight:750;margin:6px 0 4px}
.route-head .fromto{font-family:var(--mono);font-size:13px;color:var(--dim)}
.route-head .fromto b{color:var(--sys-green)} .route-head .fromto i{font-style:normal;color:var(--sys-red)}
.rt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;padding:14px 26px 22px}
.rt-stat{background:var(--tint);border:1px solid var(--hairline);border-radius:var(--r-md);padding:10px 14px}
.rt-stat .v{font-family:var(--mono);font-size:19px;font-weight:700}
.rt-stat .v small{font-size:12px;color:var(--faint);font-weight:400}
.rt-stat .k{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:2px}
.route-body{padding:6px 26px 26px;font-size:15px;line-height:1.85;color:var(--ink2)}

/* ---------- 详情页：合集导航条 ---------- */
.trip-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 26px;border-bottom:1px solid var(--hairline)}
.trip-nav .back-pill{font-family:var(--mono);font-size:12px;color:var(--sys-blue);background:var(--sys-blu-bg);
  border:1px solid var(--hairline);border-radius:99px;padding:5px 12px;white-space:nowrap}
.trip-nav .back-pill:hover{color:#fff;background:var(--sys-blue)}
.trip-nav .dnav{display:flex;gap:8px;flex-wrap:wrap}
.trip-nav .dnav a,.trip-nav .dnav span{display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:50%;font-family:var(--mono);font-size:12px;
  border:1px solid var(--hairline-strong);color:var(--dim)}
.trip-nav .dnav a:hover{color:var(--sys-blue);border-color:var(--sys-blue)}
.trip-nav .dnav .cur{color:var(--sys-orange);border-color:var(--sys-orange);background:var(--sys-org-bg);font-weight:700}

/* ---------- 详情页：途经点时间轴 ---------- */
.rt-tl{position:relative;padding:24px 26px;overflow-x:auto}
.rt-tl .tl-track{position:relative;min-width:860px;height:150px}
.rt-tl .tl-line{position:absolute;left:0;right:0;top:74px;height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--sys-green),var(--sys-orange) 55%,var(--sys-red))}
.rt-tl .tl-stop{position:absolute;top:0;transform:translateX(-50%);text-align:center;width:150px}
.rt-tl .tl-stop img.ph{width:64px;height:44px;border-radius:8px;overflow:hidden;border:1px solid var(--hairline-strong);
  margin:0 auto 8px;object-fit:cover;display:block}
.rt-tl .tl-stop .dot{width:12px;height:12px;border-radius:50%;margin:8px auto 6px;border:2.5px solid var(--bg)}
.rt-tl .tl-stop .nm{font-size:12.5px;font-weight:600}
.rt-tl .tl-stop .tm{font-family:var(--mono);font-size:10.5px;color:var(--faint)}

/* ---------- 详情页：照片墙 ---------- */
.rt-shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:6px 26px 26px}
.rt-shot{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--hairline);background:var(--glass);position:relative;display:block}
.rt-shot img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.rt-shot figcaption{padding:8px 12px;font-size:12.5px;color:var(--ink2)}
.rt-shot figcaption small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:3px}

/* ---------- 旅途合集页 ---------- */
.trip-hero{overflow:hidden;margin-top:8px}
.trip-hero .map-box{position:relative;height:340px;background:var(--map-bg);border-bottom:1px solid var(--hairline)}
.trip-hero .map-box svg{position:absolute;inset:0;width:100%;height:100%}
.trip-head{padding:22px 26px 8px}
.trip-head .r-meta{font-family:var(--mono);font-size:12px;color:var(--faint)}
.trip-head h1{font-size:24px;font-weight:750;margin:6px 0 4px}
.trip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:6px 26px 26px}
.trip-day{border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--glass);overflow:hidden;display:block}
.trip-day:hover{border-color:var(--sys-orange)}
.trip-day .td-map{height:84px;background:var(--map-bg);border-bottom:1px solid var(--hairline)}
.trip-day .td-map svg{display:block;width:100%;height:100%}
.trip-day .td-body{padding:10px 12px}
.trip-day .d-num{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--sys-orange)}
.trip-day .d-date{font-family:var(--mono);font-size:11px;color:var(--faint);margin-left:6px}
.trip-day .d-title{display:block;font-size:13.5px;font-weight:600;margin-top:4px;color:var(--ink)}
.trip-day .d-meta{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:4px}

/* ---------- 日志流里的路线卡：徽章在内容列顶部（脱离 74px 徽章窄列） ---------- */
.route-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.logs .log .mini-map{height:84px}
.rt-shot img{aspect-ratio:3/2;object-fit:cover}
.rt-shot figcaption{padding:8px 10px}

/* ---------- 地图 JS 容器（正式版挂腾讯地图时同样结构） ---------- */
.rt-mapbox{position:relative;background:var(--map-bg)}
.rt-mapbox .qqmap{position:absolute;inset:0}
.rt-mapbox .map-credit{position:absolute;left:10px;bottom:8px;font-family:var(--mono);font-size:10px;color:var(--map-label);opacity:.8}