活动板

适合全家同乐的万圣节活动“Sunshine City FUN！FUN！HALLOWEEN 2026” 池袋的Sunshine City正在举办适合家庭参与的万圣节活动“Sunshine City FUN！FUN！HALLOWEEN 2026”。以专门店街Alpa为中心，推出以原创角色小幽灵为主题的策划、在馆内巡游集卡、庙会摊位、音乐会等活动。 面向小学生及以下儿童的项目也很多，无需提前预约或特别准备即可参加。可与购物、用餐一同进行，亲子一起留下万圣节回忆。 活动亮点 带上糖果BOX参加的“Trick or Treat大作战！” 凡携带用印有Sunshine City原创角色的纸板制作的糖果BOX到场的小学生及以下儿童，均可获赠一份零食礼包。适用日期为10月17日（周六）、18日（周日）、24日（周六）、25日（周日）、30日（周五）、31日（周六）。各日11：00～16：00于专门店街Alpa1F南入口前广场举行。 期间还将举办制作糖果BOX的工作坊。参与费每人100日元，仅限现金。礼品在活动期间每人限领一次，需携带原创糖果BOX或当日于工作坊制作的糖果BOX方可领取。 寻找小幽灵的“来收集吧！幽灵卡片图鉴” 这是一个参与式集卡活动，寻找馆内各处栖息的小幽灵，收集带插图的卡片，完成图鉴。时间为10月1日（周四）至31日（周六）。对象为小学生及以下儿童。 卡片将按各设施的营业时间发放，数量有限。进入Sunshine水族馆、Sunshine60展望台 てんぼうパーク、古代オリエント博物館需另行付费。 全家同乐的万圣节庙会 在专门店街 Alpa 1F 南入口前广场，将有射击、捞娃娃等摊位登场。活动于10月17日（周六）・18日（周日）、24日（周六）・25日（周日）、30日（周五）・31日（周六）的11:00～16:00举行，对象为小学生及以下。费用为各摊位每次300日元，可玩两个摊位的套票为500日元，均为现金支付。 装扮艺人登场的万圣节音乐会 万圣节当天10月31日（周六），将在专门店街 Alpa B1 的喷泉广场举办音乐会。装扮成幽灵和怪物的「the CRAZY ANGEL COMPANY」将进行演奏，这是一个来场者也能一起跳舞的参与式舞台。时间为11:30、14:00、15:30、16:00，各场约30分钟，入场免费。 此外，专门店街 Alpa 1F 的“绘本广场”以及 Sunshine 60 观景台 Tenbou Park 也将设置可体验万圣节氛围的拍照打卡点。 推荐给这样的人 推荐给想与孩子一起享受万圣节，或想将池袋观光与季节性活动相结合的人。 不妨一边收集幽灵卡片，一边享受庙会和拍照点，在 Sunshine City 留下万圣节回忆。 “绘本广场”拍照点示意图 图片提供：Sunshine City 过往活动现场 图片提供：Sunshine City ※ 内容和日程可能会变更。遇恶劣天气部分活动将取消。 ※ 卡片、糖果和奖品送完即止。价格均含税。 :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; } }

「夜间阳光水族馆」与环绕生命之谜的特别展览 「还要还要♡性满满展」 阳光水族馆正在举办夜间特别营业「还要还要♡性满满展」。本展是自2019年首次举办以来广受欢迎的系列企划第5弹。通过插画与特设水槽等，独特介绍平时难得一见的生物「求偶」「繁殖」「育幼」以及生殖器的构造等，为了生存而采取的策略与「性的神秘」。 展览看点 在夜间水族馆体验的独特展示 在仅限夜间的梦幻空间中，可通过插画与特设水槽欣赏多样生物鲜为人知的性的一面。包括向所有来馆者赠送密封小册在内，充满面向成年人的玩心十足的企划。 享受触感与机关的体感型内容 配备了可触摸、可操作的丰富体验装置。 首次登场的「ビンビンBOX」可体验雄性海狮生殖器的结构，以及可体验鱼类从生存到繁殖的严苛概率的「“性”存確率ルーレット」。还可体验将手伸入确认“生物的某样东西”触感的人气「もみもみBOX」等。 限定周边＆咖啡馆菜单 将贩售原创安全套，以及印有与性“满满”相关的房号「181」的房间钥匙扣等限定周边。 馆内的Tully’s Coffee也将推出以活动登场生物为主题插画的限时「アクアリウムココア」。 推荐给以下人群 本活动推荐给想在夜晚的东京·池袋体验与众不同的水族馆，以及想探寻生物鲜为人知的生态与生命奥秘的您。 何不前往夜间特别的水族馆，度过充满惊喜与发现的时光呢？ 往期活动现场 图片提供：Sunshine水族馆 往期活动现场 图片提供：Sunshine水族馆 ※入场截止至闭馆前30分钟。 ※有关活动及商品的最新信息请查看官方网站。 :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; } }

北海道的美味与魅力齐聚池袋！ 「北海道まるごとフェア in サンシャインシティ2026」 在Sunshine City，将举办可以一次畅享北海道名产、当地美食、地酒与观光信息的「北海道まるごとフェア in サンシャインシティ2026」。会场将汇聚来自北海道各地的美味，包括海鲜、拉面、成吉思汗、甜点等。不仅适合正在计划北海道旅行的人，也推荐给想在东京轻松体验北海道魅力的你。 展览亮点 品尝北海道当地美食 展览馆A将举办销售北海道名产与美食的『サンシャインシティ北海道物産展』。 可享用北国独有的多样菜单，如蟹饭、牡丹虾豪华海鲜盖饭、味噌黄油玉米拉面、调味成吉思汗、札幌炸鸡、鹿肉巨型香肠等。 此外还将贩售充满北海道风味的甜品，如十胜泽西软冰淇淋、白布丁、红薯点心、焦糖炙烤卡仕达夹心年轮蛋糕等。 北海道清酒对比品鉴 将提供按杯销售的试饮，包含北海道清酒33款以及以清酒制成的利口酒3款，可从1杯起点选。 试饮券为1,000日元（100日元券×11张）。喜欢的品牌也可购买整瓶。 清酒以30ml塑料杯提供。禁止未满20岁饮酒及酒后驾驶。 7种软冰淇淋品鉴对比 可尽享北海道各地风味的「北海道ソフトクリーム食べ比べ」同样值得关注。 北海道牛奶炭烧咖啡软冰淇淋、夕张蜜瓜软冰淇淋、利尻奢华极盐软冰淇淋、十胜泽西软冰淇淋浓郁牛奶等，可从7家店中任选3家进行对比品尝。 3家店的票券为1,200日元。 一边购物一边参加抽奖活动 活动期间，在3家店铺消费即可参加「北海道まるごと抽選会」。 将「北海道まるごとフェア」的 LINE 官方账号添加为好友，并在各店扫描抽奖用二维码即可累计积分。每累计3积分（3家店）即可参与抽奖。 另外，应用程序「My Sunshine City」预计将发放可兑换北海道产蔬菜的优惠券。使用优惠券需注册应用会员。 北海道观光宣传专区也将登场 会场将设有北海道观光宣传专区，北海道的吉祥物也会亮相。 10月10日（周六）・11日（周日）预计每天在11:30、13:30、15:30登场。 推荐给以下人群 本活动推荐给想要品尝北海道美食与日本清酒、以及想在东京尽享当地美食的人。 从池袋站和东池袋站前往十分便捷，不妨在东京观光途中顺道前来，感受北海道美食与观光的魅力。 俺のラーメンこうた_北海道黄油玉米浓厚札幌味噌拉面_1600日元 图片提供：Sunshine City 十胜Milky_十胜泽西软冰淇淋浓郁牛奶_500日元 图片提供：Sunshine City ※商品及价格可能会有变动。 ※价格均为含税价格。 ※图片仅供示意。 ※商品销售摊位每日至18:00。餐饮店的最后点餐时间为各日打烊前30分钟。 :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; } }

以舞蹈点缀池袋街头的“第27届东京YOSAKOI” 以东京·池袋为舞台，“第27届东京YOSAKOI”即将举行。作为每年秋季举办的丰岛区民祭“ふくろ祭り”的一环，来自全国的团队将以原创编舞、服装与音乐带来震撼的演舞。 在传承起源于高知县的Yosakoi文化的同时，东京YOSAKOI汇聚企业团队、大学社团、社区团体、儿童团队等多样参与者，在池袋街头起舞。 东京YOSAKOI看点 边漫步池袋街头，边欣赏演舞 会场设置在池袋站西口周边，您可以步行巡游多个会场，欣赏各队的演舞。 官方时间表中列有“车站前主会场”“アゼリア通り会场”“池袋西口公园”等作为会场。10月10日（六）的前夜祭计划在“东武百货店スカイデッキ”举行，10月11日（日）的本祭也预计设有“みずき通り会场”。 举办前夜祭与本祭 10月10日（六）举办前夜祭，10月11日（日）举办本祭。在本祭上，既可欣赏一边前进一边起舞的“流し踊り”，也能欣赏在舞台上呈现的“舞台舞蹈”。 各会场的演舞预计于上午10:30开始。由于各会场的参演队伍与时间不同，出发前请查看官网的最新时间表。 观众也能参与的总舞 在东京YOSAKOI中，不仅舞者，观众也能一起参与的“总舞”亦是亮点之一。在感受现场热度的同时，体会池袋街区融为一体的氛围。 推荐给这样的人 推荐给想在池袋漫步的同时欣赏日本祭典和传统舞蹈的您。 由于可以近距离欣赏华丽的服装、音乐和充满力量的舞蹈，因此这是一场即使是第一次接触日本文化的海外游客也容易理解、容易参与的活动。 在各会场之间移动时，不妨寻找自己喜欢的团队或演出。 ©ふくろ祭り協議会 ©ふくろ祭り協議会 ※各会场的演出时间和内容可能会发生变更。最新信息请查看官方网站。 ※活动期间预计将实施交通管制。来场前请查看官方网站的指南。 :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; } .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; } }