/* 骑行浦东东岸滨江 专题页 */
.rd{padding-top:18px}
.rd .wrap{max-width:1120px}
.rd-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:center;background:linear-gradient(135deg,#FFFBEA,#FFF1C2);border:1px solid var(--line,#efe2b8);border-radius:22px;padding:30px 30px 26px;overflow:hidden}
.rd-hero h1{margin:6px 0 12px;font-size:clamp(28px,4.4vw,46px);letter-spacing:.06em;line-height:1.15;color:var(--ink,#3a2f17)}
.rd-hero h1 span{display:inline-block;margin-left:.4em;font-size:.55em;padding:.15em .6em;border-radius:999px;background:#FFD36B;color:#5a3d06;vertical-align:middle;letter-spacing:.04em}
.rd-lead{font-size:16px;line-height:1.85;color:var(--ink-soft,#5d5236);margin:0 0 14px}
.rd-jump{margin:0;display:flex;gap:10px;flex-wrap:wrap}
.rd-hero-art{width:100%;height:auto;border-radius:16px;display:block}
.rd-facts{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rd-facts li{background:#fffdf3;border:1px solid var(--line,#efe2b8);border-radius:14px;padding:12px 14px}
.rd-facts b{display:block;font-size:22px;color:var(--gold-deep,#b07d12);letter-spacing:.02em}
.rd-facts span{font-size:13px;line-height:1.6;color:var(--ink-soft,#5d5236)}
.rd-body{display:grid;grid-template-columns:340px minmax(0,1fr);gap:30px;margin-top:28px;align-items:start}
.rd-map{position:sticky;top:76px;background:#fffdf3;border:1px solid var(--line,#efe2b8);border-radius:18px;padding:14px}
.rd-map h2{margin:2px 4px 10px;font-size:18px;letter-spacing:.08em}
.rd-map h2 small{font-size:12px;color:var(--ink-soft,#7a6a45);letter-spacing:0;margin-left:6px}
.rd-svg{width:100%;height:auto;display:block;max-height:74vh}
.rd-svg-n,.rd-svg-side{font-size:13px;fill:#9a8250}
.rd-svg-river{font-size:15px;fill:#6f98a6;letter-spacing:4px}
.rd-stop{cursor:pointer}
.rd-stop text{font-size:14px;fill:#4a3c1c;font-weight:600}
.rd-stop .rd-hit{fill:transparent}
.rd-stop .rd-dot{fill:#fff;stroke:#D9A441;stroke-width:3;transition:fill .2s}
.rd-stop:hover .rd-dot,.rd-stop:focus .rd-dot,.rd-stop.on .rd-dot{fill:#F2B53A}
.rd-stop.on text{fill:#9a5f00}
.rd-map-note{margin:6px 4px 0;font-size:12px;color:#9a8250}
.rd-h2{font-size:clamp(20px,2.6vw,26px);letter-spacing:.1em;margin:0 0 14px}
.rd-sec{scroll-margin-top:80px;border-top:2px solid #F4E2A8;padding:18px 0 8px}
.rd-sec header{margin-bottom:6px}
.rd-kick{display:inline-block;font-size:12px;letter-spacing:.2em;color:#fff;background:var(--gold-deep,#b07d12);padding:2px 10px;border-radius:999px}
.rd-sec h3{font-size:22px;margin:8px 0 6px;letter-spacing:.06em}
.rd-lm{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rd-lm li{background:#fffdf5;border:1px solid var(--line,#efe2b8);border-radius:14px;padding:12px 14px}
.rd-lm h4{margin:0 0 4px;font-size:16px;color:var(--ink,#3a2f17)}
.rd-lm p{margin:0;font-size:14px;line-height:1.75;color:var(--ink-soft,#5d5236)}
.rd-site{white-space:nowrap;font-size:13px;margin-left:4px}
.rd-c{font-size:10px;margin-left:1px}.rd-c a{text-decoration:none;color:var(--gold-deep,#b07d12)}
.rd-tips,.rd-more,.rd-src{margin-top:34px}
.rd-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rd-tip{background:#FFF8DC;border-radius:16px;padding:14px 16px}
.rd-tip h3{margin:0 0 6px;font-size:16px}
.rd-tip p{margin:0;font-size:14px;line-height:1.75}
.rd-disagree{font-size:13px;line-height:1.7;color:var(--ink-soft,#5d5236);margin-top:14px}
.rd-more ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.rd-more a{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line,#efe2b8);background:#fffdf3;text-decoration:none}
.rd-src ol{padding-left:1.6em;margin:0;font-size:13px;line-height:1.7}
.rd-src li{word-break:break-word;scroll-margin-top:80px}
.rd-src li span{color:#9a8250;margin-left:6px}
.rd-src li:target{background:#FFF1C2}
.rd-src-note{font-size:13px;color:var(--ink-soft,#5d5236)}
.rd-back{text-align:right;margin:20px 0 0}
@media (max-width:900px){
  .rd-hero{grid-template-columns:1fr;padding:22px 18px}
  .rd-hero-art{max-height:180px}
  .rd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rd-body{grid-template-columns:1fr}
  .rd-map{position:static;max-width:420px;margin:0 auto;width:100%;box-sizing:border-box}
  .rd-svg{max-height:none}
  .rd-lm,.rd-tip-grid{grid-template-columns:1fr}
}