活动板

庆祝《小熊维尼》原著出道100周年 《小熊维尼》OH MY CAFE 为纪念《小熊维尼》原著出道100周年的特别咖啡厅《小熊维尼》OH MY CAFE，正在东京、大阪限时举办。东京会场为位于东京晴空塔城·Solamachi 的“BOX cafe&space 东京Solamachi店”。这是一个可以尽情感受维尼与伙伴们世界观的特别咖啡厅。 以100周年为主题的菜单与咖啡厅限定周边等相继登场，一边品尝餐点与甜点，一边畅游维尼的世界。 咖啡厅亮点 畅享咖啡厅限定菜单 餐食方面，准备了以乘着气球在空中飞翔的维尼为灵感的“‘好饿呀’气球咖喱”，以及以维尼的小屋为意象的“森林照烧蛋三明治”等。 甜点方面，可以享用为纪念原著出道100周年而推出的“100周年庆祝圣代”，以及以森林伙伴们的欢乐派对为灵感的“致敬英雄蛋糕套组”等。 饮品方面，也推出了以维尼、小猪、跳跳虎、屹耳为灵感的菜单。在感受作品世界观的同时，度过特别的咖啡时光。 咖啡厅限定周边与纪念品也登场 店内还销售使用原创美术的咖啡厅限定商品与纪念品。 有亚克力钥匙扣、贴纸、木质徽章、相框磁贴、环保袋等，以维尼与伙伴们为设计的单品一应俱全。 另外，还备有可与饮品成套购买的马克杯、玻璃杯、勺子等，让您把在咖啡厅的回忆带回家。 可与东京晴空塔观光一同享受 东京会场为位于东京晴空塔城・Solamachi一层的「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; } }