东京的观光、美食、活动信息｜环游东京

传统活动 欣赏秋日风景与萩花 「向岛百花园 萩祭」 将在向岛百花园举办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～」等。 另外，在东北泽站屋顶还可与艺术鉴赏相结合享受天体观测会。 下北泽限定的联名美食 活动期间还将推出与下北泽店铺合作的限时菜单。「お月見うさぎカフェラテ」「お月見抹茶ソフトクリーム」「下北月餅」等，尽享以月为灵感的多样菜单。 本活动的一大特色是，除了欣赏艺术，还可以结合美食与漫步，一同体验下北泽的魅力。 通过集章活动畅游街区 会场内也将举办集章活动。扫描参与点位的二维码收集印章，按收集数量可获得相应礼遇，并参与实时排行榜。收集到的印章还可作为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; } }

动画《咒术回战》5周年 POP UP SHOP -closed space- in 涩谷PARCO 正在涩谷PARCO举办纪念动画《咒术回战》5周年的“动画《咒术回战》5周年 POP UP SHOP -closed space- in 涩谷PARCO”。 本次活动将推出以装进盒子姿态呈现的新绘插图“closed space”，以及把魅力紧紧装进盒子的全新迷你角色“はこぷち”系列！ 除了使用新插图的周边外，还有场景剧照周边与毛绒公仔挂件等，各类商品热售中！ 快闪店看点 新绘“closed space”周边登场 在“closed space”中，将有虎杖悠仁、伏黑惠、钉崎野蔷薇、五条悟等角色登场。 采用新绘插图的商品阵容包括角色徽章收藏、烫金亚克力钥匙扣、亚克力砖等。 迷你角色“はこぷち系列”亦有展开 源自全新迷你角色插图的“はこぷち系列”，将推出角色徽章收藏、摇摇亚克力钥匙扣、亚克力立牌等。 每满3,300日元（含税）赠送赠品 在会场每消费满3,300日元（含税），将随机赠送1张原创赠品“小卡”。各店数量有限，款式不可自选。 此外，赠品仅适用于会场购买，在线购买不适用。 推荐给这样的人 除了全新绘制插图“closed space”和迷你角色“はこぷち”系列周边外，也备有毛绒吉祥物挂饰。 店内亦设有适合拍照的大型插画装饰。 欢迎把握机会前来！ 网上商店亦在9月27日（日）23：59前在售！ ▼网店页面在此 https://avengerz.shop/?category_id=6a69e5efd2ff8f16389f45ea ＜EC销售注意事项＞ ※销售数量有限。EC销售商品在期间内可能售罄或再贩。 ※仅限国内配送。 ※不附门店购买特典。 ※其他注意事项请在购买页面确认。 角色徽章收藏（closed space） 单品 全8种 价格：各605日元/含税 BOX 价格：4,840/含税 亚克力立牌（はこぷち系列） 虎杖 悠仁 / 伏黒 恵 / 釘崎 野薔薇 / 七海 建人 / 五条 悟 / 羂索 / 脹相 / 宿儺 价格：各1,100日元/含税 ※所刊登的商品仅为部分。 ※商品可能未经预告变更或结束贩售。 ※商品数量有限，可能售罄。 ※根据拥挤情况，可能会发放入场整理券。 ※最新信息请查看官方网站。 :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; } /* EC / Mail Order Styling */ .ec-box { background-color: var(--accent-orange-light); border: 1px solid var(--accent-orange); border-radius: 4px; padding: 20px; margin-bottom: 28px; } .ec-title { font-size: 1.05rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; } .ec-link-label { font-size: 0.875rem; font-weight: 700; color: var(--text-main); margin-bottom: 4px; } .ec-link { font-size: 0.875rem; word-break: break-all; margin-bottom: 16px; } .ec-link a { color: var(--accent-orange); text-decoration: underline; } .ec-link a:hover { text-decoration: none; } .ec-notes-title { font-size: 0.825rem; font-weight: 700; color: var(--text-main); margin-bottom: 6px; } .ec-notes-list { list-style: none; padding: 0; } .ec-notes-list li { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 4px; text-indent: -1.2em; padding-left: 1.2em; word-break: break-word; } .ec-notes-list li:last-child { margin-bottom: 0; } /* 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; } }