活動板

慶祝《小熊維尼》原著出道100週年 《小熊維尼》OH MY CAFE 為紀念《小熊維尼》原著出道100週年的特別咖啡廳《小熊維尼》OH MY CAFE，於東京、大阪限期登場。東京會場為位於東京晴空塔城・Solamachi 的「BOX cafe&space 東京Solamachi店」。這是一家能夠享受維尼與夥伴們世界觀的特別咖啡廳。 以100週年為主題的菜單與咖啡廳限定商品等陸續登場，一邊品嚐美食與甜點，一邊暢遊維尼的世界。 咖啡廳看點 盡享咖啡廳限定菜單 餐點部分，有以乘著氣球在空中飛翔的維尼為靈感的「『肚子好餓』氣球咖哩」，以及以維尼的小屋為意象的「森林照燒蛋三明治」等。 甜點部分，有紀念原著出道100週年的「100週年慶祝聖代」，以及以森林夥伴們的歡樂派對為意象的「向英雄致敬蛋糕套組」等可供享用。 飲品方面，也推出了以維尼、小豬、跳跳虎、屹耳為靈感的品項。在感受作品世界觀的同時，度過特別的咖啡時光。 咖啡廳限定商品與紀念品也登場 店內亦販售使用原創插畫的咖啡廳限定商品與紀念品。 有壓克力鑰匙圈、貼紙、木質徽章、相框磁鐵、環保袋等，以維尼與夥伴們為設計的各式單品。 另外，也有可與飲品成套購買的馬克杯、玻璃杯、湯匙等，讓您把在咖啡廳的回憶帶回家。 與東京晴空塔觀光一同享受 東京會場為位於東京晴空塔城・Solamachi 1樓的「BOX cafe&space 東京ソラマチ店」。 採75分鐘輪替制，使用事前預約可優先入場。預約金額每人770日圓（含稅），使用咖啡廳時，每人需自餐點・甜點・飲品中至少點選1樣。 造訪東京晴空塔周邊時，不妨享受「小熊維尼」的世界觀與100周年限定菜單。 ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ※建議事先預約。詳情請參閱官方網站。 ※菜單圖片僅供參考，食材可能有所變更。 ※商品・贈品數量有限。詳情請參閱官方網站。 :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%; } /* 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; } }

在東京晴空塔®腳下享受德國的秋意 「Oktoberfest in 東京晴空塔城® 2026」 活動地點為東京晴空塔城®4樓的Sky Arena，現正舉辦「Oktoberfest in 東京晴空塔城® 2026」。 這是能在東京晴空塔®腳下，感受於德國慕尼黑舉辦、全球最大規模啤酒盛會「Oktoberfest」的熱鬧與道地氛圍的活動。 可在秋日晴空下，享受道地德國啤酒與德式美食，以及阿爾卑斯樂團的現場演奏等，感受濃厚的德國風情。 活動亮點 （１）品飲比較道地德國啤酒 現場將提供多款啤酒品牌，例如「Hofbräu」「Arcobräu」「Riegele」「Bitburger」等。 亦備有一次可品嚐4款啤酒的「四種試飲組」，可一邊細細體會不同的風味與香氣，一邊找出最喜歡的一杯。 此外，東京出產的精釀啤酒「TOKYO CRAFT」也將提供生啤。 （２）德式美食與個性酒杯 除了香腸與扭結麵包等經典德式美食，今年還有「烤牛肉丼」登場。 亦備有蘋果派等甜點與以水果調製的無酒精飲品，無論午餐或晚餐皆可盡情享用。 另外也有如「靴型酒杯」與「啞鈴酒杯」等充滿個性的酒杯登場，帶來與平時不同的啤酒體驗。 （３）以音樂與拍照打卡點盡情享受會場 會場也將舉行阿爾卑斯樂團的現場演奏。伴隨著歡快輕盈的音樂，盡享啤酒節特有的熱鬧氛圍。 此外，會場限定的拍照景點也將登場，可把東京晴空塔®作為背景拍攝紀念照。也很適合與家人或朋友一起留下回憶。 推薦給這樣的您 推薦給想輕鬆享受道地德國啤酒與美食的您，以及想在東京晴空塔®周邊享受秋季活動的您。 在可近距離眺望東京晴空塔®的開放空間中，伴隨啤酒、美食與音樂，何不來享受秋季的慕尼黑啤酒節呢？ © 東京晴空塔城® 2026 慕尼黑啤酒節 © 東京晴空塔城® 2026 慕尼黑啤酒節 ※小雨照常舉行（遇惡劣天候則取消）。 ※內容可能因情況而不經預告變更。 ※刊載的菜單僅為示例，實際提供內容可能有所不同。 ※本活動為飲食區域，除導盲犬等輔助犬外，恕不開放攜帶寵物（即使放入籠內等亦不可）。 :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年7月24日（五）上映的《電影吉伊卡哇 人魚之島的祕密》舉行。 以海拔450公尺的天望迴廊為中心，將推出可盡情體驗《電影吉伊卡哇》世界觀的展示裝飾與拍照打卡點。於可一覽東京街景的東京晴空塔，與吉伊卡哇們一同度過特別時光。 活動亮點 天空中延展的「祕密之島」 在東京晴空塔天望迴廊445～450樓層，將展開可沉浸於《電影吉伊卡哇》世界觀的特別空間。 從前往特別島嶼的乘船旅程開始，與穿著特別造型的角色相遇、以手划船探索洞窟等，盡情體驗以島嶼為舞台的展示。 另外，在布偶拍照打卡點，也能將島上的回憶化作照片留念。歡迎攜帶最喜歡的布偶一同前來。 海拔350公尺 特別影像放映 在天望甲板350樓層，於將窗玻璃打造成巨大全景螢幕的「SKYTREE ROUND THEATER®」播放「吉伊卡哇」特別影像。 每場放映約6分鐘。可伴隨東京景致欣賞震撼十足的影像。 以吉伊卡哇為靈感的特別點燈 活動期間，亦會點亮以吉伊卡哇、哈奇瓦雷、兔子、鼯鼠等角色為靈感的特別燈光。 以角色為靈感的設計將約每100秒變換一次，點綴東京晴空塔的夜色。 限定咖啡菜單與周邊也登場 天望甲板 340樓層的「SKYTREE CAFE」將推出配合活動的限定咖啡菜單。可享用以角色為靈感的飲品、餐點等。 此外，東京晴空塔1樓「SKYTREE SPACE」也販售活動限定周邊。 這樣的人最適合 「吉伊卡哇」的粉絲當然不在話下，也很推薦想同時享受東京晴空塔展望台與聯名活動的人。 於展望台眺望東京景色的同時，感受「吉伊卡哇」的世界觀，並享受限定周邊與咖啡菜單，是為東京旅遊留下回憶的絕佳活動。 被塞壬抓住了 ©TOKYO-SKYTREE 被島呼喚的真相 ©TOKYO-SKYTREE ※進入天望甲板、天望迴廊需支付入場費。 ※「SKYTREE ROUND THEATER®」可能因活動或展望台營運狀況而不進行放映。 ※特別點燈之點燈時間及內容可能不經預告變更。 ※活動內容可能不經預告變更。 :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%; /* 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形 */ .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; } }

傳統活動 享受秋日風景與萩花 「向島百花園 萩祭」 將於向島百花園舉辦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; } }