diff --git a/assets/js/map.js b/assets/js/map.js index 48d6205..6a17553 100644 --- a/assets/js/map.js +++ b/assets/js/map.js @@ -173,7 +173,7 @@ group.appendChild(toggle); group.appendChild(body); - itineraryList.insertBefore(group, detailPanel); + itineraryList.appendChild(group); dayGroups.set(dayLabel, { group, toggle, body }); return dayGroups.get(dayLabel); } diff --git a/concert/concert.html b/concert/concert.html index bfb1026..acdbd6d 100644 --- a/concert/concert.html +++ b/concert/concert.html @@ -18,17 +18,17 @@ gap: 0 !important; } - body.concert-page #stage-now > .con-1, - body.concert-page #stage-now > .con-2, - body.concert-page #stage-now > .con-3, - body.concert-page #stage-now > .con-4 { + body.concert-page #stage-now>.con-1, + body.concert-page #stage-now>.con-2, + body.concert-page #stage-now>.con-3, + body.concert-page #stage-now>.con-4 { width: 100%; max-width: 100%; box-sizing: border-box; flex: 0 0 auto; } - body.concert-page #stage-now > .con-4:last-child { + body.concert-page #stage-now>.con-4:last-child { margin-bottom: 0; } @@ -39,6 +39,73 @@ body.concert-page .con-4[data-tour="ACCESS"]::after { z-index: 5; } + + /* 巡迴搜尋:樣式對齊 .search-input;第一列 input+btn,第二列白字結果 */ + .concert-search-box { + width: 100%; + max-width: 920px; + padding: 0 20px; + display: flex; + flex-direction: column; + align-items: center; + gap: 14px; + } + + .concert-search-row { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + gap: 10px; + width: 100%; + } + + .concert-search-row .search-input { + flex: 1 1 200px; + width: auto; + max-width: 320px; + margin: 0; + } + + .concert-search-row .search-input:focus { + width: auto; + max-width: 340px; + transform: translateY(-2px); + } + + .concert-search-btn { + flex: 0 0 auto; + padding: 12px 22px; + border: 2px solid #ffcc00; + border-radius: 30px; + font-size: 1rem; + font-weight: 700; + background-color: #ffcc00; + color: #2f2f2f; + cursor: pointer; + outline: none; + transition: all 0.3s ease; + white-space: nowrap; + } + + .concert-search-btn:hover { + border-color: #e6b800; + box-shadow: 0 4px 15px rgba(255, 204, 0, 0.25); + } + + .concert-search-btn:focus { + box-shadow: 0 0 10px rgba(255, 204, 0, 0.35); + } + + #concert-search-result { + display: block; + width: 100%; + margin: 0; + text-align: center; + font-size: 0.95rem; + line-height: 1.6; + color: #fff; + } @@ -55,7 +122,16 @@
- +
diff --git a/yellow-note/map.html b/yellow-note/map.html index 426d522..54926bb 100644 --- a/yellow-note/map.html +++ b/yellow-note/map.html @@ -8,6 +8,20 @@ + @@ -78,7 +92,21 @@
+ 你只要改 data-date/title/desc/quote/tag/link 和圖片,就會同步更新上方介紹。 --> +
+
+ 行程節目截圖 +
+
+ Day 1 +

臺灣桃園國際機場

+

高高父子遊台灣 Day 1 首站,從桃園機場正式開啟三天行程。

+
「旅程從落地那一刻就開始了。」
+
#高高父子遊台灣 #Day1 #機場
+ 查看此地點 +
+
#高高父子遊台灣 #Day3
- -
-
- 行程節目截圖 -
-
- Day 1 -

臺灣桃園國際機場

-

高高父子遊台灣 Day 1 首站,從桃園機場正式開啟三天行程。

-
「旅程從落地那一刻就開始了。」
-
#高高父子遊台灣 #Day1 #機場
- 查看此地點 -
-