-
-
-
港區 演講與文化2026.09.09–12.13
羅浮宮博物館展:文藝復興
羅浮宮館藏含李奧納多作品在內的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; } }
-
-
-
-
港區 興趣聚會2026.09.18–12.13
跳舞的山手大搜查線 衝刺穿越山手線!
JR東日本逃脫遊戲 「舞動的山手大搜查線 山手線疾馳而過!」 以JR東日本的山手線沿線為舞台,與電影『踊る大捜査線 N.E.W. メトロポリスを駆け抜けろ!』合作的大型周遊型逃脫遊戲「舞動的山手大搜查線 山手線疾馳而過!」現正舉辦中。 參加者將化身為警視廳特別搜查課的刑警,與搜查一課的青島等人一同挑戰調查在山手線沿線製造案件的犯罪集團「Pentagon」。一邊解開套件中記載的謎題,一邊巡遊山手線各個車站,目標是解決事件。 活動亮點・參加資訊 一邊巡遊山手線一邊解謎 本活動是可在JR東日本的山手線沿線移動時享受的解謎遊戲。使用專用套件與「ESCAPE.ID」App,巡訪車站及周邊的檢查點推進搜查。 無時間限制,可中途休息,亦可跨日遊玩。也提供給初學者的提示,能以自己的步調盡情享受。 遊戲所需時間(包含遊玩與移動)約5~7小時。參加需備有可下載App的智慧型手機或平板。 參加方式 首先購買解謎套件。購買方式包含線上購買後於兌換地點領取,或在實體門市/線上直接購買。 之後下載「ESCAPE.ID」App,與入口網站連動進行參加登錄。輸入套件上記載的序號即可開始遊戲。 參加前請先確認的事項 建議遊玩時間為除每週三外的11:00~20:00。每週三因有部分區域無法進入,部分資訊將在App內確認。此外,11:00以前與20:00以後也有無法進入的區域。 由於車站構內與設施內也有一般使用者,請注意不要妨礙通行。邊走邊操作智慧型手機很危險,操作時請在安全的地方停下來再使用。 ※圖片僅為示意 ※圖片僅為示意 ※請避免於惡劣天候時參加。 ※禁止在SNS等平台發布關於遊戲內容或造訪車站等的劇透。 ※活動內容與販售狀況請於造訪前至官方網站確認。 :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: 8px; } .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.08.28–2027.01.11
企劃展「向《方丈記》學習—重織生活的小建築—」
特展 從《方丈記》重新審視現代的生活 特展「向《方丈記》學習 – 將生活重新編織的小型建築 –」 21_21 DESIGN SIGHT正在舉辦特展「向《方丈記》學習 – 將生活重新編織的小型建築 –」,自2026年8月28日(週五)起展出。 由鴨長明於13世紀初撰寫的隨筆《方丈記》,提出了在不斷變遷的世間中應當如何生活的提問。長明居住過的庵雖已不復存在,但其文字跨越時代被持續傳讀,成為思考居住本質的線索。 本展以《方丈記》中登場的小型建築「方丈之庵」為出發點,重新審視現代的生活與建成環境。在擔任展覽總監的建築師塚本由晴帶領下,建築師、設計師、藝術家與企業等將構想各自的「方丈之庵」。 展覽亮點 從約9㎡的小型建築思考生活 以一丈四方、約9㎡的「方丈之庵」尺度為線索,介紹透過素材、結構與工具來重新追問生活方式的各種裝置。 體驗多種「方丈之庵」 會場將與關於《方丈記》中自然與生活的研究一同,展示多座庵。觀眾可在展場中巡遊,遇見從不同視角構成的「方丈之庵」。 將目光投向《方丈記》與現代生活之間 本展的目的並不僅是解讀《方丈記》本身,而是把視線轉向在《方丈記》與我們之間顯現的「生」,期盼成為重新面對當下生活的契機。 推薦對象 不僅推薦給對建築、設計與日本文化有興趣的人,也適合想思考在有限空間中的生活方式,以及未來的居住樣貌的人。造訪東京・六本木地區的美術館或設計設施時,也是很值得順道一看的展覽。 攝影:木奥恵三 攝影:木奥恵三 ※展出內容與參展藝術家等可能會有所變更。最新資訊請查看官方網站。 :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.10.10、2026.10.11
EXPO2025 Futures Tour 東京
連結大阪・關西世博的回憶與未來 「EXPO2025 Futures Tour」東京 在回顧大阪・關西世博的魅力與回憶之際,介紹從世博孕育出的「未來的延續」的全國巡迴活動「EXPO2025 Futures Tour」,將於東京・麻布台Hills Arena舉行。 會場將帶來多樣內容,讓您重溫世博記憶,包括運用大屋頂環邊角料創作的藝術作品、以照片回顧大阪・關西世博的展館,以及介紹184天世博足跡的「Futures Diary」等。 活動亮點 回顧世博的多元展出 展區中將展出與大阪・關西世博官方角色「ミャクミャク」相關的內容,並介紹由大屋頂環邊角料誕生的藝術作品等。 可觸摸大屋頂環的柱與樑實物的「Futures Piece Project -TOUCH-」,以及以照片回顧國內外展館的「Co-Creation Pavilion」等,讓您從多角度享受世博。 以煙火表現對未來的訊息 「Futures Message HANABI」中,將把源自大阪・關西世博展覽與建築的「未來的延續」以仿若煙火的形式進行介紹。 此外,參加者也可將面向未來的想法與願望寫在訊息卡上,貼到「FUTURES HANABI WALL」,或透過會場的QR碼投稿訊息。 舞台上將有對談與ミャクミャク登場 10月10日(六)將舉辦由大阪・關西世博主題事業製作人中島さち子女士帶來的「Signature Session」,以及ミャクミャク登場的舞台活動。 10月11日(日)則有ミャクミャク的創作者、設計師兼繪本作家山下浩平先生登台,並舉行東京會場限定的「ミャクミャクFutures Stage」。 此外,亦預定舉辦「GREEN×EXPO 2027 特別舞台」。 推薦給這樣的您 本活動不僅推薦給曾造訪大阪・關西世博的您,也適合想在東京感受世博氛圍,或想欣賞以未來為主題的展覽與藝術的朋友。 亦備有東京會場限定的內容,如可透過VR眼鏡體驗世博展館的「EXPO 2025 360°劇場」,以及可一邊巡遊會場一邊享受的「Futures SPECIAL STAMP」等。 不妨在回味世博的記憶之際,體驗由此孕育而生的全新「未來」。 圖片提供:2025年日本国際博覧会協会 圖片提供:2025年日本国際博覧会協会 ※展區與舞台區的事前抽選申請受理已結束。 ※部分內容需當日先到先得發放的整理券。 ※展區預計於16:00之後開放自由入場,無需整理券。 ※活動內容與講者可能會有所變更。 :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: 8px; } .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; } }
-