<div style="width: 100%; box-sizing: border-box; background: #fff; border-radius: 28px; padding: 35px; box-shadow: 0 20px 40px rgba(224,122,154,.15); margin-bottom: 40px; line-height: 1.8; color: #555;"> <div style="display: flex; align-items: center; gap: 15px; margin-bottom: 25px; background: linear-gradient(90deg, #fdf2f5, #fff); padding: 15px 20px; border-radius: 15px; border-left: 5px solid #f3a9bf;"><span style="font-size: 24px;">📍</span> <div style="font-size: 16px; font-weight: 500; color: #c94b78;">目前雙北依據北水處清冊中的道路名稱繪製，宜蘭則是放上分佈圖</div> </div> <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 15px; margin-bottom: 30px;"> <div style="background: #f0f7ff; border: 1px solid #d0e7ff; padding: 15px 20px; border-radius: 12px; display: flex; align-items: center; gap: 12px;"> <div style="width: 12px; height: 12px; background: #66ade9; border-radius: 50%; box-shadow: 0 0 8px rgba(102,173,233,0.6);">&nbsp;</div> <span style="color: #4a86b9;">（藍色為過去十年置換完成管線，紅色則是預計 105 年前完工管線）</span></div> </div> <div style="background: #f9f9f9; padding: 20px; border-radius: 18px; font-size: 14px; color: #777;"> <div style="margin-bottom: 8px; display: flex; align-items: flex-start; gap: 10px;"><span style="color: #66ade9;">●</span>資料透過 OpenStreetMap Nominatim 進行配對，預期會有闕漏情況</div> <div style="display: flex; align-items: flex-start; gap: 10px;"><span style="color: #66ade9;">●</span>道路範圍由 OpenStreetMap 提供，內容是網友參與繪製，僅供參考</div> </div> </div> <section class="loan-table" style="width: 100%; box-sizing: border-box; background: #fff; border-radius: 28px; overflow: hidden; box-shadow: 0 20px 40px rgba(224,122,154,.15); margin-bottom: 80px;"> <div class="loan-row header" style="background: linear-gradient(90deg,#a7cff1,#66ade9); font-weight: 600; color: #fff; display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 22px 26px;"> <div>道路名稱</div> <div>長度</div> <div>栓數</div> </div> <div style="background: #fdf2f5; padding: 10px 26px; font-weight: 600; color: #c94b78; border-bottom: 1px solid #ffe3ec;">臺北市</div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區下樹林街</div> <div>32公尺</div> <div>12個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區和豐街</div> <div>229公尺</div> <div>47個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區建業路</div> <div>53公尺</div> <div>10個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區莊頂路</div> <div>17公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區通河西街</div> <div>55公尺</div> <div>11個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區通河東街</div> <div>173公尺</div> <div>28個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區凱旋路</div> <div>28公尺</div> <div>2個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市士林區新安路</div> <div>2公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市大同區迪化街</div> <div>289公尺</div> <div>24個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市大安區金山街</div> <div>9公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中山區民生西路</div> <div>75公尺</div> <div>5個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中山區長安西路</div> <div>8公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中山區錦西街</div> <div>45公尺</div> <div>2個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中正區汀州路</div> <div>76公尺</div> <div>6個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中正區武昌街</div> <div>666公尺</div> <div>64個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中正區貴陽街</div> <div>19公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中正區開封街</div> <div>142公尺</div> <div>9個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中正區漳州路</div> <div>4公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市中正區漢口街</div> <div>418公尺</div> <div>26個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市文山區忠順街</div> <div>446公尺</div> <div>72個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區大屯路</div> <div>33公尺</div> <div>7個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區大度路三段</div> <div>82公尺</div> <div>8個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區西安街</div> <div>253公尺</div> <div>83個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區東華街</div> <div>316公尺</div> <div>82個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區致遠一路一段</div> <div>149公尺</div> <div>51個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區致遠一路二段</div> <div>92公尺</div> <div>22個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區富貴一路</div> <div>8公尺</div> <div>2個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區新市街</div> <div>20公尺</div> <div>5個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區新興路</div> <div>8公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區裕民一路</div> <div>94公尺</div> <div>16個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區裕民二路</div> <div>4公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區裕民三路</div> <div>21公尺</div> <div>7個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區裕民六路</div> <div>122公尺</div> <div>33個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區裕民四路</div> <div>77公尺</div> <div>23個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市北投區榮華二路</div> <div>6公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市萬華區大埔街</div> <div>7公尺</div> <div>2個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市萬華區汕頭街</div> <div>11公尺</div> <div>2個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市萬華區武昌街</div> <div>513公尺</div> <div>49個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市萬華區長沙街</div> <div>211公尺</div> <div>25個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市萬華區富民路</div> <div>13公尺</div> <div>5個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市萬華區貴陽街</div> <div>328公尺</div> <div>31個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>臺北市萬華區漢口街</div> <div>199公尺</div> <div>29個栓</div> </div> <div style="background: #fdf2f5; padding: 10px 26px; font-weight: 600; color: #c94b78; border-bottom: 1px solid #ffe3ec;">新北市</div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區大仁街</div> <div>7公尺</div> <div>3個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區文化南路</div> <div>51公尺</div> <div>9個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區正德街</div> <div>5公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區光興街</div> <div>85公尺</div> <div>8個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區明德街</div> <div>4公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區洛陽街</div> <div>7公尺</div> <div>2個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區集英街</div> <div>88公尺</div> <div>14個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區福裕街</div> <div>197公尺</div> <div>17個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市三重區錦通街</div> <div>96公尺</div> <div>14個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市中和區景新路</div> <div>6公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市中和區景德路</div> <div>143公尺</div> <div>21個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市永和區自強街</div> <div>93公尺</div> <div>21個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市新店區大同街</div> <div>4公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市新店區福園街</div> <div>8公尺</div> <div>1個栓</div> </div> <div class="loan-row" style="display: grid; grid-template-columns: 1.5fr 1fr 1fr; padding: 15px 26px; border-bottom: 1px solid #ffe3ec; align-items: center; color: #555;"> <div>新北市新店區寶興路</div> <div>9公尺</div> <div>1個栓</div> </div> </section>