東京的觀光、美食、活動資訊｜環遊東京

傳統活動 享受秋日風景與萩花 「向島百花園 萩祭」 將於向島百花園舉辦2026年度「萩祭」。園內名物、約30公尺長的「萩之隧道」迎來觀賞佳期之際，您可漫步於染上秋色的園內，欣賞時令草花與日本文化。 期間將舉辦包含以「萩」為題在短冊上書寫俳句與和歌的「吟詠萩」、觀察園內野草的「野草觀察」、以及可享用抹茶與和菓子的「茶會」等活動。 活動內容 EVENT 01 （1）吟詠萩 日期與時間：活動期間每日，全天。※遇雨取消 地點：紫藤棚旁的四阿（涼亭） 內容：邀請來園的客人以「萩」為主題，將俳句與和歌寫在短冊上。 參加費：免費（入園費另計） EVENT 02 （2）野草觀察 日期與時間：9月19日（六）11:40、14:40（每場約1小時）※遇雨取消 集合地點：賣店前廣場 內容：在講師解說下觀察園內野草。 講師：若林 芳樹 先生（植物研究者） 名額：每場20名 參加方式：請於當日在集合地點集合（額滿即止）。 EVENT 03 （3）茶會 日期與時間：10月3日（六）、4日（日）11:00～16:00（每30分鐘一場，每日10場） 地點：御成座敷 內容：向島百花園茶會將進行茶道表演，並提供抹茶與茶點。歡迎大家輕鬆參與。 參加費：每席 1,500日圓（入園費另計） 名額：每場10名（活動當日先到先得・無需事先報名） 參加方式：10:30～15:30 於御成座敷前受理報名（額滿即止）。 推薦給這樣的您 不僅適合想在秋意中漫步庭園的您，也推薦給想透過俳句、和歌與茶會等體驗日本傳統文化的人。伴著季節的花草，享受悠閒時光。 ©Tokyo Metropolitan Park Association ©Tokyo Metropolitan Park Association ※最新資訊請參閱官方網站。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 4px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; /* Chặn chọn ảnh (Copy protection for images) */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } /* Fix lỗi ảnh tràn màn hình */ .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; /* Ngăn kéo thả / lưu ảnh */ } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

藝術節 以下北澤街區為舞台盡情享受的藝術節 「Moon Art Night 下北澤 2026」 以月亮與藝術為主題的「Moon Art Night 下北澤 2026」將在整個下北澤地區登場。以下北線路街為首，周邊的商店街與設施等整座城鎮將出現各式作品與活動。邊走邊欣賞藝術，享受只有下北澤才有的文化與氛圍，是一場新感覺的藝術節。 2026 年將推出包含「Museum of the Moon」與「A Thousand Faces of the Moon」等藝術作品在內的多元企劃，還有現場演出、活動、市集、工作坊等。 活動亮點 整座城鎮化身藝術舞台 會場遍及以下北線路街為中心的整個下北澤地區。各式作品與活動集中在可步行巡遊的距離內，漫步街頭即可享受藝術。 作為主打作品，下北線路街 空き地將展出ルーク・ジェラム的「Museum of the Moon」，東北澤站屋頂將展出金氏徹平的「A Thousand Faces of the Moon」，BONUS TRACK 則有松田將英的「The Big Flat Now」等。 盡情享受月亮與藝術的多彩活動 期間將舉辦以月亮與藝術為主題的現場演出、活動、市集、工作坊等。9 月 25 日有體驗型合唱企劃「月の下で歌う『ムーンライト』」，10 月 2 日預定舉辦「永原真夏 with おだきゅうのもころん ～ムーンアートナイトSpecial LIVE～」等。 另外，在東北澤站屋頂也能配合藝術鑑賞一同享受天體觀測會。 下北澤限定的合作美食 活動期間將推出與下北澤店家合作的限時菜單。「お月見うさぎカフェラテ」與「お月見抹茶ソフトクリーム」、「下北月餅」等，各種以月亮為靈感的餐點等你品嚐。 這項活動的特色之一是，不僅能欣賞藝術，還能搭配用餐與街頭漫步，一同體驗下北澤的魅力。 用集章活動巡遊街區 會場內也將舉辦集章活動。掃描參與據點的QR碼收集印章，依收集數量可獲得相對應的特典，並參加即時排行榜。收集到的印章也可作為NFT保留下來。 適合這樣的你 這是一場推薦給想享受藝術、音樂與街頭漫步，並想體驗下北澤獨特文化的活動。東京觀光時，也能一邊漫步下北澤街區，一次享受藝術、美食與各種活動。 為了讓海外來賓也能盡興，會場預計提供英語服務與指引標示。 © 2026 Moon Art Night Shimokitazawa © 2026 Moon Art Night Shimokitazawa ※戶外活動遇雨照常舉行，惡劣天候則取消。 ※活動相關餐飲與商品的提供時間因店家而異。 ※作品展出、活動內容等可能變更。最新資訊請查看官方網站。 票務資訊 各式票券可於以下網站購買。 https://moonartnightfes.com/tickets/ :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 4px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

展覽 以「城鎮」與藝術為題的展覽 「アーツ中村橋 2026―我與城鎮的記憶」 以練馬區立美術館與中村橋的街區為舞台，「アーツ中村橋 2026―我與城鎮的記憶」正在舉行。本展為自去年起開展的「與城市連結的現代美術展」第二彈。以「我與城鎮的記憶」為主題，透過9組藝術家的多元作品，如雕塑、繪畫、攝影、建築、裝置藝術等，連結中村橋「城鎮」的過去與現在。 展覽亮點 一邊漫步街區一邊欣賞作品 本展不僅於練馬區立美術館舉行，亦將サンライフ練馬與サンツ中村橋商店街等地區多處空間作為會場。 在商店街的花店、當舖、舊書店、咖啡館、義式冰淇淋店等處，可欣賞以雕塑與繪畫為主的小型作品。於舊店舖與サンライフ練馬的舊餐廳內，亦將展出善用各空間特性的作品。 美術館將展出新作 練馬區立美術館的展示室、大廳與正門前，將展出大小島真木帶來的天花板繪畫新作裝置，以及袴田京太朗包含新作在內的雕塑。 由於美術館內的展示至10月18日（週日）止，來訪時請留意期間。 亦將舉辦與作品相關的活動 展期中預計舉辦由負責學藝員帶領、邊引導至展示地點邊解說作品的「導覽」，並計畫與於練馬區公所中庭舉行的迷你音樂會「アトリウムミニステージ」合作。 展期末亦預計舉辦今年邁入第4屆的「アートマルシェ」。除在美術の森緑地的出店外，亦安排工作坊與表演藝術活動。 推薦給這樣的您 想一邊享受現代藝術、一邊漫步東京街頭，或想感受中村橋地區與藝術之連結的朋友，這是值得推薦的展覽。 不僅在美術館，也可一面巡遊散布於商店街與城鎮各處的作品，一面享受中村橋的「街區」與藝術，不妨親自體驗看看。 飯田竜太《Filtered Silence 18》2024年 書籍、木材 大小島真木《シシルイルイ》2026年 油彩、畫布、Kannagara、陶、木材、角（※依據規劃圖） ※各會場之休館日與開放時間請參閱會場地圖。 ※活動詳情將於官方網站的活動頁面等隨時公告。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 4px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

羅浮宮館藏含李奧納多作品在內的56件作品來到日本 「羅浮宮美術館展　文藝復興」 國立新美術館正舉辦「羅浮宮美術館展　文藝復興」，展期至12月13日（日）。15至16世紀間於歐洲各地發展的文藝復興藝術為焦點，透過自羅浮宮美術館典藏中精選的56件作品，介紹其豐富而複雜的藝術特徵。 本展著眼於象徵文藝復興的藝術家李奧納多・達・文西，並依「旅程」「技法的創新與洗鍊」「回望古代」「肖像藝術的興盛」四大主題介紹作品。不僅有繪畫，亦可欣賞雕塑、版畫、素描、工藝等多元類型的作品。 展覽亮點 李奧納多・達・文西《女性的肖像》首度來日 本展將於日本首次公開李奧納多・達・文西的《女性的肖像》，其誤加的別稱為《美麗的費羅尼耶》。 約於1490～1497年創作的油畫，是象徵文藝復興時期對人類個性愈發關注的肖像藝術傑作。 以四大主題介紹文藝復興藝術 展示以「旅程」「技法的創新與洗鍊」「回望古代」「肖像藝術的興盛」四大主題構成。 從重新評價古希臘、羅馬文化的潮流、藝術家之間的交流與技法的發展等多重面向，認識文藝復興藝術。 從繪畫到雕塑、版畫、工藝 多元作品齊聚 會場將介紹繪畫、雕塑、版畫、素描、工藝等廣泛類型的作品。透過羅浮宮美術館所藏的多彩作品，得以感受文藝復興藝術的魅力。 推薦給這樣的您 本次展覽推薦給對文藝復興與西方藝術感興趣、想欣賞李奧納多・達文西作品，以及想一睹羅浮宮館藏的人。不妨與六本木地區的美術館巡禮一同安排，作為在東京享受西方藝術的好機會。 威尼斯畫家《迎接威尼斯共和國使節團的大馬士革總督》約1511年　巴黎，羅浮宮博物館 Photo © GrandPalaisRmn (musée du Louvre) / Gabriel De Carvalho / distributed by AMF-DNPartcom 阿爾布雷希特・丟勒《犀牛》1515年（初版）　巴黎，羅浮宮博物館 Photo © GrandPalaisRmn (musée du Louvre) / Michel Urtado / distributed by AMF-DNPartcom ※ 展示內容與展品可能會有所變更。 ※ 最新資訊請參閱官方網站。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 4px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: left; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }