# 三峰全攻略 · 交互版


这里是可以动手筛选的版本：按强度挑环线、卡片／对比表切换、点开看分步路书、装备清单可勾选（勾选状态存在你自己的浏览器里）。里程与爬升按真实轨迹与公开路书口径整理，含那张保姆级路线图和 13 个点位的海拔剖面。

<div class="wq">
<div class="hero">
  <div class="hero-inner">
    <div class="kicker">北京 · 海淀/门头沟交界 · 西山三峰</div>
    <h1>三峰全攻略</h1>
    <p class="sub">大觉寺进出的经典环线：连穿萝卜地北尖、阳台山、妙峰山三座千米峰。同一座山，五条走法差别很大——按里程、爬升和你能挤出的时间选，而不是按名字选。</p>
    <div class="factbar">
      <div class="fact"><b>5 条环线</b>9.5 → 42 km</div>
      <div class="fact"><b>22–24 km / 1850 m</b>经典大环</div>
      <div class="fact"><b>全程 90%</b>山野土路 + 碎石坡</div>
      <div class="fact"><b>20 元/天</b>大觉寺 1 号停车场</div>
    </div>
  </div>
  <svg class="hills" viewBox="0 0 1200 90" preserveAspectRatio="none" aria-hidden="true">
    <path d="M0,62 C120,30 220,70 330,50 C430,32 520,66 640,44 C760,22 850,58 970,40 C1070,25 1140,52 1200,42 L1200,90 L0,90 Z" fill="#fff" opacity=".85"/>
    <path d="M0,74 C140,52 260,82 400,66 C540,50 660,80 800,64 C940,48 1060,76 1200,62 L1200,90 L0,90 Z" fill="#fff" opacity=".6"/>
  </svg>
</div>
<div class="wrap">
  <section>
    <h2>选线器：先筛强度，再点开看路书</h2>
    <p class="hint">里程与爬升按常见轨迹口径整理，同一条线走法不同会有出入（大环 22–24 km、累计爬升 1700–1900 m 都算正常）。出发前用轨迹 App 复核，别拿本文当唯一依据。</p>
    <div class="toolbar">
      <button class="chip on" data-f="all">全部 5 条</button>
      <button class="chip" data-f="lv1">半日 · 亲子可走</button>
      <button class="chip" data-f="lv2">一日 · 有基础</button>
      <button class="chip" data-f="lv3">拉练 · 硬核</button>
      <span class="spacer"></span>
      <div class="viewtoggle">
        <button id="vCard" class="on">卡片</button>
        <button id="vTable">对比表</button>
      </div>
    </div>
    <div class="grid" id="grid"></div>
    <div class="tablewrap" id="tablewrap">
      <table>
        <thead><tr><th>环线</th><th>强度</th><th>里程</th><th>爬升</th><th>用时</th><th>走到哪儿</th><th>适合谁</th></tr></thead>
        <tbody id="tbody"></tbody>
      </table>
    </div>
    <div class="detail" id="detail"></div>
  </section>
  <section>
    <h2>保姆级路线图：一张图带全套点位</h2>
    <p class="hint">下图为驴友「张仙瓶」制作的三峰大环线保姆级全攻略图，点位序号、海拔、里程、累计爬升、下撤路线都在图上。建议出发前保存到手机相册。</p>
    <figure class="poster">
      <span class="zoomtip">点图可看原尺寸</span>
      <a href="sanfeng-poster.jpg" target="_blank" rel="noopener">
        <img src="sanfeng-poster.jpg" alt="三峰大环线保姆级全攻略图：标注 13 个点位的海拔、里程、累计爬升、下撤路线与各环线长度爬升" loading="lazy">
      </a>
      <figcaption><b>图：三峰大环线保姆级全攻略</b>（制图 @张仙瓶）。图中路线序号 1→13 依次为：大觉寺起点 → 望京塔 → 萝卜地北尖 → 妙儿洼茶棚 → 阳台山 → 三界碑 → 妙峰山 → 涧沟村 → 萝卜地南尖南口 → 萝卜地垭口·冷风口 → 大觉寺终点。版权归制图者所有，此处仅作路线参考。</figcaption>
    </figure>
    <div class="keytips">
      <div class="kt"><b>提前下离线轨迹</b>山上信号不稳定，岔路多，出发前在两步路/六只脚下好离线轨迹。</div>
      <div class="kt"><b>存好这张序号图</b>把点位序号和补给点记在手机相册里，没信号时也能看。</div>
      <div class="kt"><b>报备行程</b>告诉家人走哪条环线、预计几点回，大环预留 10 小时余量。</div>
    </div>
  </section>
  <section>
    <h2>大环海拔剖面：什么时候最累</h2>
    <p class="hint">横轴里程、纵轴海拔，按大环（22–24 km）口径绘制。开局 5 公里爬升近千米是全程最集中消耗；妙峰山之后一路下降，出涧沟村还要再翻一次南尖。</p>
    <div class="chart">
      <svg viewBox="0 0 700 350" role="img" aria-label="三峰大环海拔剖面图">
        <line x1="70" y1="222.9" x2="660" y2="222.9" stroke="#f2ece2" stroke-width="1" stroke-dasharray="3 4"/>
        <line x1="70" y1="155.7" x2="660" y2="155.7" stroke="#f2ece2" stroke-width="1" stroke-dasharray="3 4"/>
        <line x1="70" y1="88.6" x2="660" y2="88.6" stroke="#f2ece2" stroke-width="1" stroke-dasharray="3 4"/>
        <line x1="198.3" y1="55" x2="198.3" y2="290" stroke="#f2ece2" stroke-width="1" stroke-dasharray="3 4"/>
        <line x1="326.5" y1="55" x2="326.5" y2="290" stroke="#f2ece2" stroke-width="1" stroke-dasharray="3 4"/>
        <line x1="454.8" y1="55" x2="454.8" y2="290" stroke="#f2ece2" stroke-width="1" stroke-dasharray="3 4"/>
        <line x1="583" y1="55" x2="583" y2="290" stroke="#f2ece2" stroke-width="1" stroke-dasharray="3 4"/>
        <line x1="70" y1="290" x2="660" y2="290" stroke="#e8ddcd" stroke-width="1.5"/>
        <line x1="70" y1="55" x2="70" y2="290" stroke="#e8ddcd" stroke-width="1.5"/>
        <text x="70" y="308" font-size="11" fill="#9a8877" text-anchor="middle">0</text>
        <text x="198.3" y="308" font-size="11" fill="#9a8877" text-anchor="middle">5 km</text>
        <text x="326.5" y="308" font-size="11" fill="#9a8877" text-anchor="middle">10 km</text>
        <text x="454.8" y="308" font-size="11" fill="#9a8877" text-anchor="middle">15 km</text>
        <text x="583" y="308" font-size="11" fill="#9a8877" text-anchor="middle">20 km</text>
        <text x="63" y="294" font-size="11" fill="#9a8877" text-anchor="end">0</text>
        <text x="63" y="226.9" font-size="11" fill="#9a8877" text-anchor="end">400 m</text>
        <text x="63" y="159.7" font-size="11" fill="#9a8877" text-anchor="end">800 m</text>
        <text x="63" y="92.6" font-size="11" fill="#9a8877" text-anchor="end">1200 m</text>
        <text x="367" y="334" font-size="12" fill="#6b5b4b" text-anchor="middle">里程 →</text>
        <text x="18" y="172" font-size="12" fill="#6b5b4b" text-anchor="middle" transform="rotate(-90 18 172)">海拔 →</text>
        <circle cx="96" cy="20" r="5" fill="#5c7f4f"/>
        <text x="106" y="24" font-size="11" fill="#6b5b4b">补给点</text>
        <circle cx="186" cy="20" r="5" fill="#d99a2b"/>
        <text x="196" y="24" font-size="11" fill="#6b5b4b">山脊节点</text>
        <circle cx="296" cy="20" r="5" fill="#c8552f"/>
        <text x="306" y="24" font-size="11" fill="#6b5b4b">主要山峰</text>
        <path d="M70,267.5 L152.1,164.1 L211.1,97.6 L236.7,113.7 L282.9,75.5 L288,67.4 L306,97 L347,107 L377.8,73.3 L442,159.1 L470.2,127.2 L518.9,138.9 L647.2,267.5 L647.2,290 L70,290 Z" fill="#f6e2cf" opacity=".85"/>
        <polyline points="70,267.5 152.1,164.1 211.1,97.6 236.7,113.7 282.9,75.5 288,67.4 306,97 347,107 377.8,73.3 442,159.1 470.2,127.2 518.9,138.9 647.2,267.5" fill="none" stroke="#c8552f" stroke-width="2.4" stroke-linejoin="round" stroke-linecap="round"/>
        <circle cx="70" cy="267.5" r="5" fill="#5c7f4f"/>
        <text x="79" y="282" font-size="11.5" fill="#2b2118">大觉寺 134 m</text>
        <circle cx="152.1" cy="164.1" r="5" fill="#d99a2b"/>
        <text x="152.1" y="182" font-size="11.5" fill="#2b2118" text-anchor="middle">望京塔 750</text>
        <circle cx="211.1" cy="97.6" r="5.5" fill="#c8552f"/>
        <text x="205" y="86" font-size="11.5" fill="#2b2118" text-anchor="end">萝卜地北尖 1146</text>
        <circle cx="236.7" cy="113.7" r="5" fill="#5c7f4f"/>
        <text x="228" y="106" font-size="11.5" fill="#2b2118" text-anchor="end">妙儿洼茶棚 1050</text>
        <circle cx="282.9" cy="75.5" r="5.5" fill="#c8552f"/>
        <text x="277" y="64" font-size="11.5" fill="#2b2118" text-anchor="end">阳台山 1278</text>
        <circle cx="288" cy="67.4" r="5" fill="#d99a2b"/>
        <text x="298" y="60" font-size="11.5" fill="#2b2118">三界碑 1326</text>
        <circle cx="347" cy="107" r="5" fill="#5c7f4f"/>
        <text x="347" y="124" font-size="11.5" fill="#2b2118" text-anchor="middle">天池 1090</text>
        <circle cx="377.8" cy="73.3" r="5.5" fill="#c8552f"/>
        <text x="386" y="88" font-size="11.5" fill="#2b2118">妙峰山 1291</text>
        <circle cx="442" cy="159.1" r="5.5" fill="#5c7f4f"/>
        <text x="442" y="177" font-size="11.5" fill="#2b2118" text-anchor="middle">涧沟村 780</text>
        <circle cx="470.2" cy="127.2" r="5" fill="#d99a2b"/>
        <text x="470" y="119" font-size="11.5" fill="#2b2118" text-anchor="middle">萝卜地南尖 970</text>
        <circle cx="518.9" cy="138.9" r="5" fill="#d99a2b"/>
        <text x="527" y="155" font-size="11.5" fill="#2b2118">冷风口 900</text>
        <circle cx="647.2" cy="267.5" r="5" fill="#5c7f4f"/>
        <text x="640" y="282" font-size="11.5" fill="#2b2118" text-anchor="end">回到大觉寺 134 m</text>
      </svg>
    </div>
    <div class="warn"><b>看图的重点：</b>230 m 的图高差看着平缓，但真实体感由「单段爬升」决定——大觉寺到北尖是 5 km 内爬升约 1000 m，妙峰山到涧沟村是 2.5 km 内下降约 510 m 的陡石板（圈内叫「绝望坡」），这两段才是真正吃体力的地方。</div>
  </section>
  <section>
    <h2>13 个点位：海拔 / 里程 / 累计爬升</h2>
    <p class="hint">按大环顺序排列，数值取自上面的保姆级路线图（大环口径，终点约 22.5 km、累计爬升约 1854 m）。累计爬升是累加值，中途下降不抵扣。</p>
    <div class="park">
      <table>
        <thead><tr><th>序</th><th>点位</th><th>海拔</th><th>里程</th><th>累计爬升</th><th>说明</th></tr></thead>
        <tbody>
          <tr><td><b>1</b></td><td><b>大觉寺·起点</b></td><td>134 m</td><td>0 km</td><td>0 m</td><td>停车场左侧石板路或铁道旁红房子进山</td></tr>
          <tr><td><b>2</b></td><td>望京塔</td><td>750 m</td><td>3.2 km</td><td>616 m</td><td>前期唯一观景平台，可回望海淀</td></tr>
          <tr><td><b>3</b></td><td>萝卜地北尖</td><td>1146 m</td><td>5.5 km</td><td>1012 m</td><td>第一峰，最虐一段结束</td></tr>
          <tr><td><b>4</b></td><td>妙儿洼茶棚</td><td>1050 m</td><td>6.5 km</td><td>1012 m</td><td>全程唯一正经补给站：水、泡面、长凳、厕所</td></tr>
          <tr><td><b>5</b></td><td>阳台山</td><td>1278 m</td><td>8.3 km</td><td>1240 m</td><td>海淀最高峰，山顶 360° 俯瞰京城</td></tr>
          <tr><td><b>6</b></td><td>三界碑</td><td>1326 m</td><td>8.5 km</td><td>1240 m</td><td>海淀、昌平、门头沟三区交界石碑</td></tr>
          <tr><td>—</td><td>白宫·磕头岭茶棚</td><td>1150 m</td><td>9.2 km</td><td>1240 m</td><td>山脊遗址，途中可辨认（图中「白宫」）</td></tr>
          <tr><td>—</td><td>天池</td><td>1090 m</td><td>10.8 km</td><td>1240 m</td><td>废弃水泥池，登妙峰山前的地标</td></tr>
          <tr><td><b>7</b></td><td>妙峰山</td><td>1291 m</td><td>12 km</td><td>1481 m</td><td>第三峰，金顶娘娘庙（惠济祠）</td></tr>
          <tr><td><b>8</b></td><td>涧沟村</td><td>780 m</td><td>14.5 km</td><td>1481 m</td><td>最后的补给点 + 最重要下撤口，有厕所、公交</td></tr>
          <tr><td><b>9</b></td><td>萝卜地南尖南口</td><td>970 m</td><td>15.6 km</td><td>1854 m</td><td>出村后再翻一次的大坡</td></tr>
          <tr><td><b>10</b></td><td>萝卜地垭口·冷风口</td><td>900 m</td><td>17.5 km</td><td>1854 m</td><td>进入最后一段长距离连续下降</td></tr>
          <tr><td><b>11</b></td><td><b>大觉寺·终点</b></td><td>134 m</td><td>约 22.5 km</td><td>1854 m</td><td>回到起点取车</td></tr>
        </tbody>
      </table>
    </div>
  </section>
  <section>
    <h2>补给、下撤与返程：这张表比配速重要</h2>
    <p class="hint">三峰中途下撤点少，能上能下是成熟的标志。下面的时间口径来自公开攻略与那张路线图，实际以你当天体能和天气判断为准。</p>
    <div class="park">
      <table>
        <thead><tr><th>节点</th><th>位置</th><th>能做什么</th><th>下撤方式</th></tr></thead>
        <tbody>
          <tr><td><b>妙儿洼茶棚</b></td><td>约 6.5 km</td><td>补水、泡面、休整、上厕所</td><td>向东走到阳台山景区大门打车，或向西走到涧沟村打车；<b>出发超过 4 小时还没到这里，建议直接下撤</b></td></tr>
          <tr><td><b>双塔梁岔口</b></td><td>萝卜地一带</td><td>小环/中环收环的关键岔路</td><td>从这里下撤回大觉寺；<b>出发超过 3 小时仍在此附近，建议下撤</b></td></tr>
          <tr><td><b>涧沟村</b></td><td>约 14.5 km</td><td>补水、买吃的、上厕所、公交</td><td>M5 路公交或打车下山；<b>到村时若剩余可用时间不足 3 小时（回终点通常还要近 3 小时），建议在此收工</b></td></tr>
        </tbody>
      </table>
    </div>
    <div class="cols" style="margin-top:14px">
      <div class="panel">
        <h4>M5 路公交（涧沟 ↔ 苹果园枢纽）</h4>
        <ul>
          <li><b>涧沟发车</b>：6:10 / 11:00 / <b>16:00（末班，务必别错过）</b></li>
          <li><b>苹果园发车</b>：9:30 / 14:00 / 18:00</li>
          <li>一天就三班，错过只能打车出山</li>
        </ul>
      </div>
      <div class="panel">
        <h4>打车 / 村民租车</h4>
        <ul>
          <li>涧沟村有村民提供租车，约 6 元/公里</li>
          <li>租到丁家滩公交站换车进城，约 100 元</li>
          <li>直接从涧沟村回大觉寺取车（约 30 km）约 200 元</li>
        </ul>
      </div>
      <div class="panel">
        <h4>秋冬的硬约束：日落</h4>
        <p>10 月后日落早，最后一段冷风口→大觉寺是 5 km 碎石林间下坡，天黑后极易打滑受伤。</p>
        <p><b>操作口径</b>：到涧沟村时距天黑不足 2 小时，就从涧沟村下山。头灯是必备不是备选。</p>
      </div>
    </div>
  </section>
  <section>
    <h2>交通与停车</h2>
    <div class="cols">
      <div class="panel">
        <h4>自驾</h4>
        <ul>
          <li>导航「大觉寺 1 号停车场」或「敕建大觉禅寺停车场」</li>
          <li>停车约 <b>20 元/天</b>，红叶季/周末早到更容易有位</li>
          <li>走下环线是原路回到起点取车，无需挪车</li>
        </ul>
      </div>
      <div class="panel">
        <h4>公交 / 地铁</h4>
        <ul>
          <li>地铁 16 号线<b>北安河站</b>下车，出站打车约 5 km 到大觉寺</li>
          <li>或乘 <b>633 路</b>至「大觉寺」站</li>
          <li>从苹果园方向来的，也可坐 M5 到涧沟村反向起走「小三峰」</li>
        </ul>
      </div>
      <div class="panel">
        <h4>进山小动作</h4>
        <ul>
          <li>不要进大觉寺景区大门，走停车场左侧石板路，穿过小门楼即登山道；也可从铁道旁进山</li>
          <li>森林防火期（约 11 月–次年 5 月）入口有检查站，需扫码登记</li>
          <li>极端天气或封山期可能禁止入山，出发前查一次公告</li>
        </ul>
      </div>
    </div>
  </section>
  <section>
    <h2>装备清单（勾选状态存在你自己的浏览器里）</h2>
    <p class="hint">三峰是「一天量的山」，装备上省事最容易出事：碎石下坡、无补给段、可能的夜路。</p>
    <div class="checks" id="checks"></div>
  </section>
  <section>
    <h2>季节与风险</h2>
    <div class="season">
      <div class="mon no"><b>1月</b>防火期</div>
      <div class="mon no"><b>2月</b>防火期</div>
      <div class="mon ok"><b>3月</b>化雪泥泞</div>
      <div class="mon hot"><b>4月</b>山花最佳</div>
      <div class="mon ok"><b>5月</b>好走</div>
      <div class="mon ok"><b>6月</b>晒，早出发</div>
      <div class="mon no"><b>7月</b>暴晒雷雨</div>
      <div class="mon no"><b>8月</b>暴晒雷雨</div>
      <div class="mon ok"><b>9月</b>转凉好走</div>
      <div class="mon hot"><b>10月</b>彩叶巅峰</div>
      <div class="mon hot"><b>11月</b>彩叶尾季</div>
      <div class="mon no"><b>12月</b>防火期·结冰</div>
    </div>
    <div class="keytips">
      <div class="kt"><b>前 5 km 最虐</b>大觉寺 134 m → 北尖 1146 m，单段爬升近千米，开局压住心率，别跟人冲。</div>
      <div class="kt"><b>碎石 + 浮土</b>下坡碎石松滑、浮土厚，防滑鞋 + 双杖 + 护膝，别穿跑鞋底磨平的鞋。</div>
      <div class="kt"><b>绝望坡</b>妙峰山→涧沟村长距离陡石板下降，护膝必戴，慢就是快。</div>
      <div class="kt"><b>岔路多、信号差</b>必须离线轨迹；岔路口核对方向，不要凭感觉走「看着像主路」的那条。</div>
      <div class="kt"><b>补给只有两处</b>妙儿洼（约 6.5 km）和涧沟村（约 14.5 km）之间没有补给，自带 1.5–2 L 水 + 电解质。</div>
      <div class="kt"><b>山脊雷雨</b>夏季午后雷雨在山脊上无遮蔽，听到雷声立即下撤，别硬顶。</div>
    </div>
  </section>
  <div class="srcnote">
    <b>数据来源与口径说明：</b>本文路线数据为公开资料整理，非官方路书。<br>
    ① 路线图与点位表（序号/海拔/里程/累计爬升/下撤路线/各环线长度爬升）：驴友「张仙瓶」制作的《三峰大环线保姆级全攻略》图，本文首图即此图。<br>
    ② 大环里程与爬升交叉核对：两步路「北京热门徒步线路 TOP10」官方认证路线（三峰大环线 22 km / 累计爬升 1864 m / 参考 8:30）；北京旅游网（22 km、最高海拔 1279 m、累计爬升 1840 m）；8264 户外攻略（22 km、爬升 1800–1900 m、7–9 小时）；两步路游记与水木社区 Trekking 版三峰穿越记录（22 km、爬升约 1800 m、普通驴友约 9 小时）。<br>
    ③ 42 km / 3000 m 与 22 km / 1800 m 的分组口径：海淀之巅三峰越野赛赛事规程（42 km 组累计爬升 3000 m、22 km 组 1800 m、10 km 组 900 m，ITRA/UTMB 双认证）。<br>
    ④ 交通与补给：M5 路时刻表来自北京公交线路百科（涧沟发车 6:10 / 11:00 / 16:00）；停车 20 元/天、地铁 16 号线北安河站、633 路来自 8264 与北京旅游网攻略；涧沟村租车价格来自水木社区三峰穿越攻略。<br>
    <b>特别提醒：</b>里程、爬升、用时受设备、走法与季节影响会有出入；开放情况、封山期、防火检查站、茶棚与农家院营业状态以出行当天现场为准。山上请勿用火，垃圾随身带走。<br>
    <b>免责：</b>本文仅作路线信息汇总，徒步有风险，请根据自身体能与天气独立判断。
  </div>
  <p class="xlink">📄 想看纯文字版（便于复制到笔记/打印）：<a href="https://blog.geluli.cn/sanfeng-hiking-guide/">三峰全攻略 · 纯享版</a></p>
</div>
<script>
const LVNAME={1:"半日 · 亲子可走",2:"一日 · 有基础",3:"拉练 · 硬核"};
const ROUTES=[
  {
    id:"s",name:"小环",sub:"大觉寺 → 望京塔 → 双塔梁 → 冷风口",lv:1,
    dist:"约 9.5 km",climb:"约 880 m",time:"3–4 h",
    nodes:"望京塔 · 双塔梁 · 平顶山脊 · 冷风口",who:"能走 3 小时山路的成人；亲子越野赛常用赛道",
    fit:"第一次来三峰、想先摸清这座山；或带体力不错的大孩子",
    steps:[
      "大觉寺 1 号停车场起步，走停车场左侧石板路（不进景区大门），穿过小门楼进登山道。",
      "沿石阶与土路持续爬升至<b>望京塔（750 m，约 3.2 km）</b>，这是本线的制高点与唯一观景平台。",
      "过望京塔后进入<b>双塔梁-平顶山脊</b>段，缓上缓下，视野打开。",
      "在<b>双塔梁岔口</b>按轨迹转向，经<b>冷风口垭口（约 900 m）</b>开始下降。",
      "冷风口以下为林间碎石土路，一路下到大觉寺停车场。"
    ],
    trk:"本线不上阳台山、妙峰山，所以名字叫「小环」但爬升仍有 880 m——不是散步线。",
    warn:"冷风口垭口下坡处崖边高草茂密，看不清脚下，靠崖一侧放慢速度。全程无补给点，至少带 2 瓶水。"
  },
  {
    id:"s2",name:"标准小环",sub:"加到阳台山，不上妙峰山",lv:2,
    dist:"约 13.5 km",climb:"约 1100 m",time:"4–5 h",
    nodes:"望京塔 · 萝卜地北尖 · 妙儿洼茶棚 · 阳台山",who:"徒步半年以上、能接受 5 小时连续上下的",
    fit:"想尝到「三峰」的味道但不想背包走一整天；也是越野跑常见的训练量",
    steps:[
      "大觉寺起步，沿小环路线爬升到<b>望京塔</b>。",
      "继续上行至<b>萝卜地北尖（1146 m，约 5.5 km）</b>——本线的最高点。",
      "下到<b>妙儿洼茶棚（1050 m，约 6.5 km）</b>补水、上厕所，这是全程唯一补给点。",
      "爬升上<b>阳台山（1278 m，约 8.3 km）</b>，海淀最高峰，360° 看京城；有余力可再走到<b>三界碑（1326 m，约 8.5 km）</b>打卡。",
      "按轨迹经<b>冷风口</b>或<b>双塔梁</b>方向收环，返回大觉寺。"
    ],
    trk:"「标准小环」的里程在不同轨迹里从 12 km 到 13.5 km 都有，差别主要在于是否把三界碑算进去、以及从哪里收环。",
    warn:"把茶棚当关门点：4 小时还没到阳台山，就按轨迹提前从冷风口/双塔梁方向收环，不要临时加码上妙峰山。"
  },
  {
    id:"m",name:"中环",sub:"走到三界碑一带再收环",lv:2,
    dist:"约 16.8 km",climb:"约 1350 m",time:"5–6 h",
    nodes:"望京塔 · 北尖 · 妙儿洼 · 阳台山 · 三界碑 · 冷风口",who:"有越野跑或长距离徒步经验，能跑步下坡的",
    fit:"一天里想拿更多爬升、又不想把妙峰山和涧沟村那一段背进来",
    steps:[
      "大觉寺 → 望京塔 → 萝卜地北尖，重复前 5.5 km 的硬爬升。",
      "妙儿洼茶棚补给（约 6.5 km）。",
      "阳台山（8.3 km）→ <b>三界碑（1326 m，8.5 km）</b>，这一段是平缓山脊路，速度最快也最舒服。",
      "继续向西经过<b>白宫·磕头岭茶棚（约 9.2 km）</b>一带，按轨迹在此区域折向。",
      "经<b>冷风口</b>收环，沿林间土路下降回大觉寺。"
    ],
    trk:"中环与「标准小环」的差别，本质是「最远走到三界碑还是阳台山」+「从哪条岔路收环」，爬升因此多出约 250 m。",
    warn:"山脊段看似轻松，但背面就是深沟；拍照请离开路缘。碎石下坡段请勿加速超越他人，浮土极滑。"
  },
  {
    id:"l",name:"大环（三峰连穿）",sub:"完整连穿三峰，含妙峰山与涧沟村",lv:3,
    dist:"约 22–24 km",climb:"约 1850 m",time:"7–10 h（跑神 4–5 h）",
    nodes:"望京塔 · 北尖 · 妙儿洼 · 阳台山 · 三界碑 · 天池 · 妙峰山 · 涧沟村 · 南尖 · 冷风口",who:"有长距离徒步经验、能走 10 小时的；越野跑者把它当标尺",
    fit:"北京户外圈公认的单日徒步「毕业线」，也是越野跑训练标尺",
    steps:[
      "<b>大觉寺（134 m）</b>起步，从停车场左侧石板路或铁道旁进山。<b>前 5 km 爬升近千米</b>，开局最虐，压住心率。",
      "<b>望京塔（750 m，3.2 km）</b>：第一处观景平台，可回望海淀。",
      "<b>萝卜地北尖（1146 m，5.5 km，累计爬升约 1012 m）</b>：第一峰，最陡一段结束。",
      "<b>妙儿洼茶棚（1050 m，6.5 km）</b>：全程唯一正经补给站（水、泡面、长凳、厕所），务必在此补足水。",
      "<b>阳台山（1278 m，8.3 km）</b>：海淀最高峰，山顶 360° 俯瞰京城。",
      "<b>三界碑（1326 m，8.5 km）</b>：海淀、昌平、门头沟三区交界。之后是平缓山脊路，经白宫·磕头岭茶棚（约 9.2 km）、天池（1090 m，约 10.8 km）。",
      "<b>妙峰山（1291 m，12 km，累计爬升约 1481 m）</b>：第三峰，金顶娘娘庙（惠济祠）。",
      "<b>涧沟村（780 m，14.5 km）</b>：最后一次补给与最重要的下撤口。出村后经「绝望坡」长距离陡石板下降进入此段。",
      "<b>萝卜地南尖南口（970 m，15.6 km）</b>：出村后再翻一次的大坡；<b>冷风口（900 m，17.5 km）</b>后进入最后的长距离连续下降。",
      "<b>回到大觉寺（约 22.5 km，累计爬升约 1854 m）</b>：全程 90% 以上为山野土路与碎石坡。"
    ],
    trk:"同一个「大环」，两步路口径 22 km / 1864 m，北京旅游网口径 22 km / 1840 m，8264 口径 22 km / 1800–1900 m，最快的人 4 小时内完成，普通驴友 9 小时左右。差异来自起点位置、走法（顺穿/逆穿）与设备算法。",
    warn:"三条硬约束：① 前 5 km 单段爬升近千米，别一开始就冲；② 绝望坡（妙峰山→涧沟村）陡石板长下降，护膝+双杖；③ 秋冬日落早，天黑后最后 5 km 林间碎石下坡极危险，头灯必带，到涧沟村若距天黑不足 2 小时就下撤。"
  },
  {
    id:"xl",name:"超大环",sub:"加强版三峰，越野赛 42 公里组量级",lv:3,
    dist:"约 42 km",climb:"约 3000 m",time:"8–14 h",
    nodes:"大环全部点位 + 二次爬升（加强版线路）",who:"完成过大环、有 8 小时以上连续运动的底子",
    fit:"以赛代练或挑战自身体能上限，绝不适合作为第一次三峰的选择",
    steps:[
      "路线本质是<b>在大环基础上叠加爬升</b>：42 km、累计爬升约 3000 m，与「海淀之巅三峰越野赛」42 公里组的量级一致。",
      "起步仍是大觉寺，但需要<b>带够全程补给</b>——大环只靠妙儿洼+涧沟村两处，42 km 的量级必须自备更多食物与水。",
      "把节奏拆成「两段大环」来管理：第一段按大环配速，回到大觉寺/关键补给点后重新评估要不要继续。",
      "夜间路段概率高：头灯 + 备用电池 + 保暖层是硬性装备，不要按白天的最低温准备。",
      "终点仍回大觉寺。建议首次挑战时安排接应或同行，不要单人夜线。"
    ],
    trk:"42 km 组的赛事完赛门槛可作参照：该赛事 42 公里组设「破 7:30 金 / 破 8:30 银 / 完赛铜」三色奖牌，22 公里组设「破 4 金 / 破 5 银」。能破四的人再考虑 42 km。",
    warn:"42 km / 3000 m 是「单日越野」而不是「徒步」的强度：天黑、缺补给、膝踝劳损是主要风险。没有大环完赛经验，先走完大环再谈这条。"
  }
];
const GEAR=[
  ["防滑越野鞋或登山鞋","碎石坡 + 绝望坡石板，鞋底磨平等于自费摔跤"],
  ["双登山杖","上坡省力、下坡护膝，三峰尤其吃下坡"],
  ["护膝","绝望坡长距离陡石板下降，膝是第一个报废的关节"],
  ["头灯 + 备用电池","秋冬极易走夜路，这是必备不是备选"],
  ["水 1.5–2 L","两个补给点之间没有水源，夏天加到 2 L 以上"],
  ["电解质 / 盐丸","连续 6 小时以上出汗，只喝白水会抽筋"],
  ["能量补给","能量胶、面包、牛肉干；茶棚可买泡面"],
  ["防风外套 + 速干衣裤","山脊风大，出汗后停下容易失温"],
  ["手套 / 帽子 / 头巾","秋冬必备，碎石段手撑地也能护手"],
  ["充电宝","离线轨迹 + 拍照极耗电，手机没电等于没轨迹"],
  ["离线轨迹 + 路线序号图","山上信号不稳，提前下载并截图保存"],
  ["少量现金","茶棚、涧沟村补给，村里信号差时扫码可能不灵"],
  ["创可贴 / 肌贴 / 常用药","起水泡、崴脚、擦伤都能自己先处理"],
  ["垃圾袋","全程无垃圾桶，垃圾随身带走"],
  ["身份证 + 公交卡","下撤坐 M5 路或打车都要用"],
  ["行程报备","走哪条环线、预计几点回，告诉家人"]
];
const grid=document.getElementById("grid"),tbody=document.getElementById("tbody"),
      detail=document.getElementById("detail"),tablewrap=document.getElementById("tablewrap");
let cur=null;
function card(r){
  const d=document.createElement("div");
  d.className="card lv"+r.lv+(cur===r.id?" active":"");
  d.innerHTML='<div class="stripe"></div><h3>'+r.name+'<small>'+r.sub+'</small></h3>'+
    '<div class="badges"><span class="badge lv'+r.lv+'">'+LVNAME[r.lv]+'</span><span class="badge">'+r.time+'</span></div>'+
    '<div class="metrics"><div class="metric">里程<b>'+r.dist.replace("约 ","")+'</b></div>'+
    '<div class="metric">爬升<b>'+r.climb.replace("约 ","")+'</b></div>'+
    '<div class="metric">用时<b>'+r.time.split("（")[0]+'</b></div></div>';
  d.onclick=()=>{cur=cur===r.id?null:r.id;render();};
  return d;
}
function renderDetail(r){
  detail.innerHTML='<h3>'+r.name+'</h3><div class="dsub">'+r.sub+' ｜ '+r.dist+' ｜ 累计爬升 '+r.climb+' ｜ '+r.time+'</div>'+
    '<div class="dgrid"><div><h4>适合谁</h4><div style="font-size:14px;color:var(--ink-2)">'+r.fit+'</div>'+
    '<h4 style="margin-top:14px">关键节点</h4><div style="font-size:14px;color:var(--ink-2)">'+r.nodes+'</div>'+
    '<div class="trk">'+r.trk+'</div></div>'+
    '<div><h4>分步路书</h4><ol class="steps">'+r.steps.map(s=>"<li>"+s+"</li>").join("")+'</ol></div></div>'+
    '<div class="warn"><b>注意：</b>'+r.warn+'</div>';
}
function render(){
  grid.innerHTML="";tbody.innerHTML="";
  ROUTES.filter(r=>f==="all"||("lv"+r.lv)===f).forEach(r=>{
    grid.appendChild(card(r));
    const tr=document.createElement("tr");
    tr.innerHTML="<td><b>"+r.name+"</b><br><span style='color:var(--ink-3);font-size:12.5px'>"+r.sub+"</span></td>"+
      "<td>"+LVNAME[r.lv]+"</td><td><b>"+r.dist+"</b></td><td>"+r.climb+"</td><td>"+r.time+"</td>"+
      "<td style='color:var(--ink-2)'>"+r.nodes+"</td><td style='color:var(--ink-2)'>"+r.who+"</td>";
    tr.style.cursor="pointer";
    tr.onclick=()=>{cur=cur===r.id?null:r.id;render();};
    tbody.appendChild(tr);
  });
  const hit=ROUTES.find(r=>r.id===cur);
  if(hit){renderDetail(hit);detail.classList.add("show");}else{detail.classList.remove("show");detail.innerHTML="";}
}
let f="all";
document.querySelectorAll(".chip").forEach(b=>b.onclick=()=>{
  document.querySelectorAll(".chip").forEach(x=>x.classList.remove("on"));
  b.classList.add("on");f=b.dataset.f;cur=null;render();
});
document.getElementById("vCard").onclick=()=>{
  document.getElementById("vCard").classList.add("on");document.getElementById("vTable").classList.remove("on");
  grid.style.display="";tablewrap.classList.remove("show");
};
document.getElementById("vTable").onclick=()=>{
  document.getElementById("vTable").classList.add("on");document.getElementById("vCard").classList.remove("on");
  grid.style.display="none";tablewrap.classList.add("show");
};
const cbox=document.getElementById("checks");
GEAR.forEach((g,i)=>{
  const l=document.createElement("label");l.className="check";
  l.innerHTML='<input type="checkbox" data-i="'+i+'"><span><span class="ct">'+g[0]+'</span><small>'+g[1]+'</small></span>';
  cbox.appendChild(l);
});
const KEY="sanfeng-gear";
let saved={};try{saved=JSON.parse(localStorage.getItem(KEY)||"{}");}catch(e){saved={};}
cbox.querySelectorAll("input").forEach(inp=>{
  const i=inp.dataset.i;
  if(saved[i]){inp.checked=true;inp.closest(".check").classList.add("done");}
  inp.onchange=()=>{
    inp.closest(".check").classList.toggle("done",inp.checked);
    saved[i]=inp.checked;try{localStorage.setItem(KEY,JSON.stringify(saved));}catch(e){}
  };
});
render();
</script>
</div>

<style>
.wq,.wq *{box-sizing:border-box;height:auto;max-height:none;min-height:0;filter:none}
.wq {
    --bg:#fbf7f1;--card:#fff;--ink:#2b2118;--ink-2:#6b5b4b;--ink-3:#9a8877;
    --line:#e8ddcd;--brand:#c8552f;--brand-soft:#fdeee5;--leaf:#5c7f4f;--leaf-soft:#eaf1e6;
    --gold:#d99a2b;--gold-soft:#fbf1de;--shadow:0 2px 10px rgba(90,66,40,.07);--radius:16px;
  }
.wq * {box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.wq {margin:0;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;
    font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}
.wq .wrap {max-width:980px;margin:0 auto;padding:0 18px 72px}
.wq .hero {position:relative;overflow:hidden;background:linear-gradient(160deg,#f6d9b0 0%,#e9a86b 38%,#c8552f 100%);
    color:#fff;padding:38px 20px 30px;margin-bottom:24px}
.wq .hero-inner {max-width:980px;margin:0 auto;position:relative;z-index:2}
.wq .kicker {font-size:13px;letter-spacing:.14em;opacity:.9;margin-bottom:8px}
.wq h1 {margin:0 0 10px;font-size:30px;line-height:1.25;letter-spacing:.5px}
.wq .sub {margin:0;max-width:680px;font-size:15px;opacity:.95}
.wq .hero svg.hills {position:absolute;left:0;right:0;bottom:-1px;width:100%;height:90px;display:block;z-index:1;opacity:.55}
.wq .factbar {display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;position:relative;z-index:2}
.wq .fact {background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);border-radius:12px;padding:8px 13px;font-size:13px}
.wq .fact b {display:block;font-size:16px;font-weight:700}
.wq section {margin-bottom:32px}
.wq h2 {font-size:20px;margin:0 0 4px;display:flex;align-items:center;gap:8px}
.wq h2::before {content:"";width:5px;height:18px;border-radius:3px;background:var(--brand)}
.wq .hint {color:var(--ink-3);font-size:13px;margin:0 0 14px}
.wq .toolbar {display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}
.wq .chip {border:1px solid var(--line);background:#fff;color:var(--ink-2);padding:7px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:.15s}
.wq .chip:hover {border-color:var(--brand);color:var(--brand)}
.wq .chip.on {background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}
.wq .spacer {flex:1}
.wq .viewtoggle {display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}
.wq .viewtoggle button {border:0;background:transparent;padding:7px 14px;font-size:13px;cursor:pointer;color:var(--ink-2)}
.wq .viewtoggle button.on {background:var(--brand);color:#fff;font-weight:600}
.wq .grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:14px}
.wq .card {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);
    cursor:pointer;transition:.16s;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden}
.wq .card:hover {transform:translateY(-2px);box-shadow:0 6px 18px rgba(90,66,40,.12);border-color:#dcc9b2}
.wq .card.active {border-color:var(--brand);box-shadow:0 6px 20px rgba(200,85,47,.2)}
.wq .card .stripe {position:absolute;top:0;left:0;right:0;height:4px}
.wq .lv1 .stripe {background:var(--leaf)}
.wq .lv2 .stripe {background:var(--gold)}
.wq .lv3 .stripe {background:var(--brand)}
.wq .card h3 {margin:0;font-size:16.5px;line-height:1.4}
.wq .card h3 small {display:block;font-weight:400;color:var(--ink-3);font-size:12.5px;margin-top:2px}
.wq .badges {display:flex;flex-wrap:wrap;gap:6px}
.wq .badge {font-size:11.5px;padding:3px 9px;border-radius:6px;background:#f3ece2;color:var(--ink-2)}
.wq .badge.lv1 {background:var(--leaf-soft);color:var(--leaf)}
.wq .badge.lv2 {background:var(--gold-soft);color:#a8721a}
.wq .badge.lv3 {background:var(--brand-soft);color:var(--brand)}
.wq .metrics {display:flex;gap:12px;border-top:1px dashed var(--line);padding-top:10px;margin-top:auto}
.wq .metric {font-size:12px;color:var(--ink-3)}
.wq .metric b {display:block;font-size:16.5px;color:var(--ink);font-weight:700;line-height:1.25}
.wq .detail {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-top:16px;display:none}
.wq .detail.show {display:block;animation:fade .25s ease}
@keyframes fade {from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wq .detail h3 {margin:0 0 2px;font-size:19px}
.wq .detail .dsub {color:var(--ink-3);font-size:13px;margin-bottom:14px}
.wq .dgrid {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.wq .dbox h4 {margin:0 0 6px;font-size:13.5px;color:var(--brand);letter-spacing:.3px}
.wq .dbox ul {margin:0;padding-left:18px;font-size:14px;color:var(--ink-2)}
.wq .dbox li {margin-bottom:5px}
.wq .steps {margin:0;padding:0;list-style:none;counter-reset:s}
.wq .steps li {counter-increment:s;position:relative;padding:0 0 13px 34px;font-size:14px;color:var(--ink-2);
    border-left:1.5px dashed var(--line);margin-left:10px}
.wq .steps li:last-child {border-left-color:transparent;padding-bottom:0}
.wq .steps li::before {content:counter(s);position:absolute;left:-11px;top:0;width:22px;height:22px;border-radius:50%;
    background:var(--brand);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.wq .steps li b {color:var(--ink)}
.wq .trk {margin-top:12px;font-size:12.5px;color:var(--ink-3);background:#f7f1e8;border-radius:8px;padding:8px 11px}
.wq .warn {margin-top:12px;background:#fdf4ec;border:1px solid #f2d9c2;border-left:4px solid var(--brand);
    border-radius:10px;padding:11px 14px;font-size:13.5px;color:#8a4a25}
.wq .tablewrap {display:none;overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.wq .tablewrap.show {display:block}
.wq table {border-collapse:collapse;width:100%;min-width:700px;font-size:13.5px}
.wq th,
.wq td {padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.wq th {background:#f7f1e8;font-size:12.5px;color:var(--ink-2);white-space:nowrap}
.wq tbody tr:hover {background:#fdfaf5}
.wq td b {color:var(--ink)}
.wq .chart {background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}
.wq .chart svg {width:100%;height:auto;display:block}
.wq .checks {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.wq .check {display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);
    border-radius:12px;padding:11px 13px;cursor:pointer;font-size:14px;transition:.15s}
.wq .check:hover {border-color:#dcc9b2}
.wq .check input {margin-top:4px;accent-color:var(--brand);width:15px;height:15px}
.wq .check.done {background:var(--leaf-soft);border-color:#cfe0c7}
.wq .check.done .ct {text-decoration:line-through;color:var(--ink-3)}
.wq .check small {display:block;color:var(--ink-3);font-size:12px;text-decoration:none!important}
.wq .cols {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.wq .panel {background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.wq .panel h4 {margin:0 0 8px;font-size:15px}
.wq .panel p,
.wq .panel li {font-size:13.5px;color:var(--ink-2);margin:0 0 6px}
.wq .panel ul {padding-left:18px;margin:0}
.wq .park {background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.wq .park table {min-width:560px}
.wq .season {display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.wq .mon {flex:1;min-width:62px;border-radius:10px;padding:8px 6px;text-align:center;font-size:12px;background:#f3ece2;color:var(--ink-2)}
.wq .mon b {display:block;font-size:13px}
.wq .mon.hot {background:linear-gradient(180deg,#f0b95c,#c8552f);color:#fff}
.wq .mon.ok {background:var(--leaf-soft);color:var(--leaf)}
.wq .mon.no {background:#efe6da;color:#b3a191}
.wq figure.poster {margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}
.wq figure.poster a {display:block;border-radius:10px;overflow:hidden;background:#faf6f0}
.wq figure.poster img {width:100%;height:auto;display:block}
.wq figure.poster figcaption {font-size:12.5px;color:var(--ink-3);margin-top:10px;line-height:1.7}
.wq .zoomtip {display:inline-block;font-size:12px;color:var(--brand);border:1px dashed rgba(200,85,47,.4);
    border-radius:999px;padding:2px 10px;margin-bottom:10px}
.wq .keytips {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}
.wq .kt {background:#fff8ef;border:1px solid #f0dcc4;border-radius:12px;padding:12px 14px;font-size:13.5px;color:#7d4a22}
.wq .kt b {color:var(--brand);display:block;margin-bottom:2px}
.wq .srcnote {font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:18px;line-height:1.85;text-align:left}
.wq .srcnote b {color:var(--ink-2)}
.wq .xlink {text-align:center;font-size:13px;color:var(--ink-2);margin:26px 0 0}
.wq .xlink a {color:var(--brand);text-decoration:none;border-bottom:1px solid rgba(200,85,47,.35)}
@media (max-width:600px) {.wq h1 {font-size:24px}
.wq .wrap {padding:0 14px 56px}
.wq .hero {padding:28px 14px 24px}}
</style>

<script>
const LVNAME={1:"半日 · 亲子可走",2:"一日 · 有基础",3:"拉练 · 硬核"};
const ROUTES=[
  {
    id:"s",name:"小环",sub:"大觉寺 → 望京塔 → 双塔梁 → 冷风口",lv:1,
    dist:"约 9.5 km",climb:"约 880 m",time:"3–4 h",
    nodes:"望京塔 · 双塔梁 · 平顶山脊 · 冷风口",who:"能走 3 小时山路的成人；亲子越野赛常用赛道",
    fit:"第一次来三峰、想先摸清这座山；或带体力不错的大孩子",
    steps:[
      "大觉寺 1 号停车场起步，走停车场左侧石板路（不进景区大门），穿过小门楼进登山道。",
      "沿石阶与土路持续爬升至<b>望京塔（750 m，约 3.2 km）</b>，这是本线的制高点与唯一观景平台。",
      "过望京塔后进入<b>双塔梁-平顶山脊</b>段，缓上缓下，视野打开。",
      "在<b>双塔梁岔口</b>按轨迹转向，经<b>冷风口垭口（约 900 m）</b>开始下降。",
      "冷风口以下为林间碎石土路，一路下到大觉寺停车场。"
    ],
    trk:"本线不上阳台山、妙峰山，所以名字叫「小环」但爬升仍有 880 m——不是散步线。",
    warn:"冷风口垭口下坡处崖边高草茂密，看不清脚下，靠崖一侧放慢速度。全程无补给点，至少带 2 瓶水。"
  },
  {
    id:"s2",name:"标准小环",sub:"加到阳台山，不上妙峰山",lv:2,
    dist:"约 13.5 km",climb:"约 1100 m",time:"4–5 h",
    nodes:"望京塔 · 萝卜地北尖 · 妙儿洼茶棚 · 阳台山",who:"徒步半年以上、能接受 5 小时连续上下的",
    fit:"想尝到「三峰」的味道但不想背包走一整天；也是越野跑常见的训练量",
    steps:[
      "大觉寺起步，沿小环路线爬升到<b>望京塔</b>。",
      "继续上行至<b>萝卜地北尖（1146 m，约 5.5 km）</b>——本线的最高点。",
      "下到<b>妙儿洼茶棚（1050 m，约 6.5 km）</b>补水、上厕所，这是全程唯一补给点。",
      "爬升上<b>阳台山（1278 m，约 8.3 km）</b>，海淀最高峰，360° 看京城；有余力可再走到<b>三界碑（1326 m，约 8.5 km）</b>打卡。",
      "按轨迹经<b>冷风口</b>或<b>双塔梁</b>方向收环，返回大觉寺。"
    ],
    trk:"「标准小环」的里程在不同轨迹里从 12 km 到 13.5 km 都有，差别主要在于是否把三界碑算进去、以及从哪里收环。",
    warn:"把茶棚当关门点：4 小时还没到阳台山，就按轨迹提前从冷风口/双塔梁方向收环，不要临时加码上妙峰山。"
  },
  {
    id:"m",name:"中环",sub:"走到三界碑一带再收环",lv:2,
    dist:"约 16.8 km",climb:"约 1350 m",time:"5–6 h",
    nodes:"望京塔 · 北尖 · 妙儿洼 · 阳台山 · 三界碑 · 冷风口",who:"有越野跑或长距离徒步经验，能跑步下坡的",
    fit:"一天里想拿更多爬升、又不想把妙峰山和涧沟村那一段背进来",
    steps:[
      "大觉寺 → 望京塔 → 萝卜地北尖，重复前 5.5 km 的硬爬升。",
      "妙儿洼茶棚补给（约 6.5 km）。",
      "阳台山（8.3 km）→ <b>三界碑（1326 m，8.5 km）</b>，这一段是平缓山脊路，速度最快也最舒服。",
      "继续向西经过<b>白宫·磕头岭茶棚（约 9.2 km）</b>一带，按轨迹在此区域折向。",
      "经<b>冷风口</b>收环，沿林间土路下降回大觉寺。"
    ],
    trk:"中环与「标准小环」的差别，本质是「最远走到三界碑还是阳台山」+「从哪条岔路收环」，爬升因此多出约 250 m。",
    warn:"山脊段看似轻松，但背面就是深沟；拍照请离开路缘。碎石下坡段请勿加速超越他人，浮土极滑。"
  },
  {
    id:"l",name:"大环（三峰连穿）",sub:"完整连穿三峰，含妙峰山与涧沟村",lv:3,
    dist:"约 22–24 km",climb:"约 1850 m",time:"7–10 h（跑神 4–5 h）",
    nodes:"望京塔 · 北尖 · 妙儿洼 · 阳台山 · 三界碑 · 天池 · 妙峰山 · 涧沟村 · 南尖 · 冷风口",who:"有长距离徒步经验、能走 10 小时的；越野跑者把它当标尺",
    fit:"北京户外圈公认的单日徒步「毕业线」，也是越野跑训练标尺",
    steps:[
      "<b>大觉寺（134 m）</b>起步，从停车场左侧石板路或铁道旁进山。<b>前 5 km 爬升近千米</b>，开局最虐，压住心率。",
      "<b>望京塔（750 m，3.2 km）</b>：第一处观景平台，可回望海淀。",
      "<b>萝卜地北尖（1146 m，5.5 km，累计爬升约 1012 m）</b>：第一峰，最陡一段结束。",
      "<b>妙儿洼茶棚（1050 m，6.5 km）</b>：全程唯一正经补给站（水、泡面、长凳、厕所），务必在此补足水。",
      "<b>阳台山（1278 m，8.3 km）</b>：海淀最高峰，山顶 360° 俯瞰京城。",
      "<b>三界碑（1326 m，8.5 km）</b>：海淀、昌平、门头沟三区交界。之后是平缓山脊路，经白宫·磕头岭茶棚（约 9.2 km）、天池（1090 m，约 10.8 km）。",
      "<b>妙峰山（1291 m，12 km，累计爬升约 1481 m）</b>：第三峰，金顶娘娘庙（惠济祠）。",
      "<b>涧沟村（780 m，14.5 km）</b>：最后一次补给与最重要的下撤口。出村后经「绝望坡」长距离陡石板下降进入此段。",
      "<b>萝卜地南尖南口（970 m，15.6 km）</b>：出村后再翻一次的大坡；<b>冷风口（900 m，17.5 km）</b>后进入最后的长距离连续下降。",
      "<b>回到大觉寺（约 22.5 km，累计爬升约 1854 m）</b>：全程 90% 以上为山野土路与碎石坡。"
    ],
    trk:"同一个「大环」，两步路口径 22 km / 1864 m，北京旅游网口径 22 km / 1840 m，8264 口径 22 km / 1800–1900 m，最快的人 4 小时内完成，普通驴友 9 小时左右。差异来自起点位置、走法（顺穿/逆穿）与设备算法。",
    warn:"三条硬约束：① 前 5 km 单段爬升近千米，别一开始就冲；② 绝望坡（妙峰山→涧沟村）陡石板长下降，护膝+双杖；③ 秋冬日落早，天黑后最后 5 km 林间碎石下坡极危险，头灯必带，到涧沟村若距天黑不足 2 小时就下撤。"
  },
  {
    id:"xl",name:"超大环",sub:"加强版三峰，越野赛 42 公里组量级",lv:3,
    dist:"约 42 km",climb:"约 3000 m",time:"8–14 h",
    nodes:"大环全部点位 + 二次爬升（加强版线路）",who:"完成过大环、有 8 小时以上连续运动的底子",
    fit:"以赛代练或挑战自身体能上限，绝不适合作为第一次三峰的选择",
    steps:[
      "路线本质是<b>在大环基础上叠加爬升</b>：42 km、累计爬升约 3000 m，与「海淀之巅三峰越野赛」42 公里组的量级一致。",
      "起步仍是大觉寺，但需要<b>带够全程补给</b>——大环只靠妙儿洼+涧沟村两处，42 km 的量级必须自备更多食物与水。",
      "把节奏拆成「两段大环」来管理：第一段按大环配速，回到大觉寺/关键补给点后重新评估要不要继续。",
      "夜间路段概率高：头灯 + 备用电池 + 保暖层是硬性装备，不要按白天的最低温准备。",
      "终点仍回大觉寺。建议首次挑战时安排接应或同行，不要单人夜线。"
    ],
    trk:"42 km 组的赛事完赛门槛可作参照：该赛事 42 公里组设「破 7:30 金 / 破 8:30 银 / 完赛铜」三色奖牌，22 公里组设「破 4 金 / 破 5 银」。能破四的人再考虑 42 km。",
    warn:"42 km / 3000 m 是「单日越野」而不是「徒步」的强度：天黑、缺补给、膝踝劳损是主要风险。没有大环完赛经验，先走完大环再谈这条。"
  }
];
const GEAR=[
  ["防滑越野鞋或登山鞋","碎石坡 + 绝望坡石板，鞋底磨平等于自费摔跤"],
  ["双登山杖","上坡省力、下坡护膝，三峰尤其吃下坡"],
  ["护膝","绝望坡长距离陡石板下降，膝是第一个报废的关节"],
  ["头灯 + 备用电池","秋冬极易走夜路，这是必备不是备选"],
  ["水 1.5–2 L","两个补给点之间没有水源，夏天加到 2 L 以上"],
  ["电解质 / 盐丸","连续 6 小时以上出汗，只喝白水会抽筋"],
  ["能量补给","能量胶、面包、牛肉干；茶棚可买泡面"],
  ["防风外套 + 速干衣裤","山脊风大，出汗后停下容易失温"],
  ["手套 / 帽子 / 头巾","秋冬必备，碎石段手撑地也能护手"],
  ["充电宝","离线轨迹 + 拍照极耗电，手机没电等于没轨迹"],
  ["离线轨迹 + 路线序号图","山上信号不稳，提前下载并截图保存"],
  ["少量现金","茶棚、涧沟村补给，村里信号差时扫码可能不灵"],
  ["创可贴 / 肌贴 / 常用药","起水泡、崴脚、擦伤都能自己先处理"],
  ["垃圾袋","全程无垃圾桶，垃圾随身带走"],
  ["身份证 + 公交卡","下撤坐 M5 路或打车都要用"],
  ["行程报备","走哪条环线、预计几点回，告诉家人"]
];
const grid=document.getElementById("grid"),tbody=document.getElementById("tbody"),
      detail=document.getElementById("detail"),tablewrap=document.getElementById("tablewrap");
let cur=null;
function card(r){
  const d=document.createElement("div");
  d.className="card lv"+r.lv+(cur===r.id?" active":"");
  d.innerHTML='<div class="stripe"></div><h3>'+r.name+'<small>'+r.sub+'</small></h3>'+
    '<div class="badges"><span class="badge lv'+r.lv+'">'+LVNAME[r.lv]+'</span><span class="badge">'+r.time+'</span></div>'+
    '<div class="metrics"><div class="metric">里程<b>'+r.dist.replace("约 ","")+'</b></div>'+
    '<div class="metric">爬升<b>'+r.climb.replace("约 ","")+'</b></div>'+
    '<div class="metric">用时<b>'+r.time.split("（")[0]+'</b></div></div>';
  d.onclick=()=>{cur=cur===r.id?null:r.id;render();};
  return d;
}
function renderDetail(r){
  detail.innerHTML='<h3>'+r.name+'</h3><div class="dsub">'+r.sub+' ｜ '+r.dist+' ｜ 累计爬升 '+r.climb+' ｜ '+r.time+'</div>'+
    '<div class="dgrid"><div><h4>适合谁</h4><div style="font-size:14px;color:var(--ink-2)">'+r.fit+'</div>'+
    '<h4 style="margin-top:14px">关键节点</h4><div style="font-size:14px;color:var(--ink-2)">'+r.nodes+'</div>'+
    '<div class="trk">'+r.trk+'</div></div>'+
    '<div><h4>分步路书</h4><ol class="steps">'+r.steps.map(s=>"<li>"+s+"</li>").join("")+'</ol></div></div>'+
    '<div class="warn"><b>注意：</b>'+r.warn+'</div>';
}
function render(){
  grid.innerHTML="";tbody.innerHTML="";
  ROUTES.filter(r=>f==="all"||("lv"+r.lv)===f).forEach(r=>{
    grid.appendChild(card(r));
    const tr=document.createElement("tr");
    tr.innerHTML="<td><b>"+r.name+"</b><br><span style='color:var(--ink-3);font-size:12.5px'>"+r.sub+"</span></td>"+
      "<td>"+LVNAME[r.lv]+"</td><td><b>"+r.dist+"</b></td><td>"+r.climb+"</td><td>"+r.time+"</td>"+
      "<td style='color:var(--ink-2)'>"+r.nodes+"</td><td style='color:var(--ink-2)'>"+r.who+"</td>";
    tr.style.cursor="pointer";
    tr.onclick=()=>{cur=cur===r.id?null:r.id;render();};
    tbody.appendChild(tr);
  });
  const hit=ROUTES.find(r=>r.id===cur);
  if(hit){renderDetail(hit);detail.classList.add("show");}else{detail.classList.remove("show");detail.innerHTML="";}
}
let f="all";
document.querySelectorAll(".chip").forEach(b=>b.onclick=()=>{
  document.querySelectorAll(".chip").forEach(x=>x.classList.remove("on"));
  b.classList.add("on");f=b.dataset.f;cur=null;render();
});
document.getElementById("vCard").onclick=()=>{
  document.getElementById("vCard").classList.add("on");document.getElementById("vTable").classList.remove("on");
  grid.style.display="";tablewrap.classList.remove("show");
};
document.getElementById("vTable").onclick=()=>{
  document.getElementById("vTable").classList.add("on");document.getElementById("vCard").classList.remove("on");
  grid.style.display="none";tablewrap.classList.add("show");
};
const cbox=document.getElementById("checks");
GEAR.forEach((g,i)=>{
  const l=document.createElement("label");l.className="check";
  l.innerHTML='<input type="checkbox" data-i="'+i+'"><span><span class="ct">'+g[0]+'</span><small>'+g[1]+'</small></span>';
  cbox.appendChild(l);
});
const KEY="sanfeng-gear";
let saved={};try{saved=JSON.parse(localStorage.getItem(KEY)||"{}");}catch(e){saved={};}
cbox.querySelectorAll("input").forEach(inp=>{
  const i=inp.dataset.i;
  if(saved[i]){inp.checked=true;inp.closest(".check").classList.add("done");}
  inp.onchange=()=>{
    inp.closest(".check").classList.toggle("done",inp.checked);
    saved[i]=inp.checked;try{localStorage.setItem(KEY,JSON.stringify(saved));}catch(e){}
  };
});
render();
</script>