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

策划展 东京都美术馆开馆100周年纪念 “此地的风景—上野・大牟田・布宜诺斯艾利斯”举办 从三个地点回望百年时光的展览 为纪念东京都美术馆开馆100周年，正在举办策划展“此地的风景—上野・大牟田・布宜诺斯艾利斯”。 东京都美术馆于1926年在东京・上野公园开馆，作为日本首家公立美术馆，当时名为“东京府美术馆”。本展通过在上野、大牟田、布宜诺斯艾利斯这三处持续开展的创作活动，回望美术馆走过的百年历程。 展览并行追溯美术馆的历史与上野的风景、在福冈・大牟田坚持自学创作的画家的步履，以及以一幅1926年绘成的作品为起点在阿根廷・布宜诺斯艾利斯展开的研究。通过并置不同地域与个体的实践，跨越“中心／边缘”的框架，思考表达这一行为的根源意义。 展览亮点 PART 01 从多样资料回顾“上野”的百年 第一部“上野—东京都美术馆的100年”将展出绘画、版画、摄影、东京都美术馆档案资料等各类记录。 从东京都（府）美术馆的诞生、战时与战后，到1975年新馆开馆之后的活动，结合同期的上野风景予以回顾。观众可多角度梳理美术馆历次展览的足迹，以及上野作为文化场所的变迁。 PART 02 东京首次介绍自学画家・江上茂雄的创作轨迹 第二部“大牟田—江上茂雄的100年”聚焦于居住在福冈县大牟田、始终坚持自学自力绘画的江上茂雄（1912–2014）的画业。 江上茂雄使用铅笔、水彩、油粉彩与蜡笔等日常常见材料，持续面对身边的风景创作。通过约400件作品—包括木版画、实验性抽象画、染纸等多样尝试—展览将追溯其漫长的创作历程。这也是江上茂雄的作品首次在东京成规模地集中呈现。 PART 03 以《百日菊的花园》为起点的研究项目 以被视为东京都美术馆馆藏第一号的绘画《百日菊的花园》为起点，本研究项目追寻被认为是作者的“藤岡鉄太郎”相关之谜。聚焦于一位于1927年前往阿根廷布宜诺斯艾利斯，并从事造园与花卉产业的同名同姓人士，跨越百年追溯作品与人物的轨迹。另将根据公开征集的花卉照片制作2027年每日一页日历。 推荐对象 推荐给关心东京都美术馆发展历程与上野文化风景的观众，以及希望细细欣赏坚持自学创作的画家・江上茂雄作品的观众。 同时也适合对作品本身之外，即对作者、作品诞生的地点，以及被历史湮没的个体行止感兴趣的人。对于来访上野的国内外旅行者而言，这将是了解东京美术馆文化、并触碰连接日本与海外的创作故事的契机。 图片提供：东京都美术馆 图片提供：东京都美术馆 ※ 凭同期举办的特别展「大英博物馆日本美术コレクション 百花缭乱～海を越えた江戸絵画」（东京都美术馆）门票，一般观众与65岁以上者可“100日元”（东京都美术馆开馆100周年纪念票价）参观本展。 ※ 持有身体残障者手册、爱之手册、疗育手册、精神障碍者保健福祉手册、被爆者健康手册者及其一名陪同照料者（限1名）可免费入场。 ※ 18岁以下者、大学生、高中生、专门学校生、65岁以上者及持各类手册者，均请出示可证明的证件。 ※ 9月21日（周一·节假日）为“敬老日”，65岁以上者免费。 ※ 10月1日（周四）为“都民日”，所有人免费。 ※ 东京都内的小学、初中、高中生及相当对象与其带队教师，作为学校教育活动参观时免费（需提前申请）。 ※ 仅限“夏夜美术馆”当日，17:00以后入场可享本展览门票折扣或免费。 ・实施时间：2026年8月7日（周五）～8月28日（周五）的每周五17:00以后入场 ・门票折扣：一般与65岁以上减免200日元（需出示证件） :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; } body { 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; } .subtitle { font-size: 1rem; font-weight: 500; color: var(--accent-orange); margin-bottom: 24px; 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 - 3 Hàng */ .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.05rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Event Section Styling (Liệt kê theo dạng mẫu) */ .event-group-title { font-size: 1.2rem; font-weight: 700; color: var(--accent-orange); border-bottom: 2px solid var(--accent-orange-light); padding-bottom: 6px; margin-top: 36px; margin-bottom: 24px; } .event-group-title:first-child { margin-top: 0; } .event-list { display: flex; flex-direction: column; gap: 28px; } .event-item { display: flex; flex-direction: column; gap: 6px; } .event-item-title { font-size: 1.1rem; font-weight: 700; color: var(--text-main); line-height: 1.4; word-break: break-word; margin-bottom: 4px; } .event-details { list-style: none; padding: 0; margin: 0; } .event-details li { font-size: 0.925rem; color: var(--text-main); line-height: 1.8; word-break: break-word; } .event-desc { margin-top: 4px; font-size: 0.875rem; color: var(--text-muted); line-height: 1.65; text-align: justify; } .event-notes-box { background-color: var(--accent-orange-light); border-left: 3px solid var(--accent-orange); padding: 16px 20px; margin-top: 28px; font-size: 0.85rem; color: var(--text-main); } .event-notes-box ul { list-style: none; padding: 0; } .event-notes-box li { margin-bottom: 4px; text-indent: -1.2em; padding-left: 1.2em; } .event-notes-box li: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 - giữ tỉ lệ ảnh gốc */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; } .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%; } .image-frame img { width: 100%; height: auto; display: block; object-fit: contain; } .image-credit { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; } /* 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; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

尽享日本各地的清酒 「酒まつりジャパン2026秋」 「酒まつりジャパン2026秋」将在御徒町站南口站前的「おかちまちパンダ广场」举办。来自全国的酒藏齐聚一堂，这是一场可以品尝113款日本清酒的活动。会场除清酒品鉴外，还设有清酒销售和各类餐饮摊位。可以轻松对比品饮，同时感受日本各地的酿造与风味。 活动亮点 日本各地清酒对比品饮 会场汇集全国酒藏，准备了113款清酒。包括纯米酒、纯米吟酿等多种款式，可通过品鉴尽情享受。 品鉴票预售为10杯3,000円，当日为7杯3,000円。可少量对比品饮心仪的款式，寻找你最喜欢的清酒。 可与清酒同享的美食 会场设有就餐区，也准备了适合与清酒搭配的料理。在各摊位品尝多样美食，度过惬意的秋日时光。 心仪清酒可带回家 部分参展酒藏也提供清酒外带销售。若想在家也享受会场品尝到的清酒，请在各摊位确认是否有售。 推荐给这些人 这是一场推荐给想要对比品饮日本清酒、或对日本各地清酒感兴趣人士的活动。 在从御徒町站出行便捷的会场，一边享受各类清酒与美食，一边感受日本酒的魅力。 © 酒まつりジャパン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: 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; } }

特别展 国立科学博物馆 特别展「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」正在举办 关注在适应地球环境变化过程中进化而来的生物“惊人的能力”和“生存策略” 国立科学博物馆正在举办特别展「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」。 本展聚焦于生物在适应地球环境变化过程中形成的“惊人能力”和“生存策略”。除国立科学博物馆收藏的标本、资料与研究成果外，还将通过NHK自然节目『ダーウィンが来た！』拍摄的影像，介绍生物多样的进化与生态。 展览看点 POINT 01 通过标本・研究・影像学习生物的进化 展览将按主题介绍适应多种环境的生物性状与功能。 通过实物标本、最新研究成果与珍贵的自然影像，轻松学习动物如何适应环境并延续生命。 POINT 02 与『ダーウィンが来た！』的联合企划 通过与NHK自然节目『ダーウィンが来た！』的联合企划，展出节目制作团队拍摄的影像。 本展原创角色“くじらじい”源自与在『ダーウィンが来た！』中广为人知的“ヒゲじい”的合作。在介绍标本、研究与影像看点的同时，深入探寻生物的奥秘。 POINT 03 亦可享受语音导览 语音导览由本展导航员相叶雅纪、“くじらじい”，以及“ヒゲじい”登场。 会场租借版每台650日元（含税），App配信版为800日元（含税）。推荐给希望更深入欣赏展览的观众。 适合家庭旅行与上野美术馆・博物馆巡游 本展可通过标本与影像两种方式欣赏生物惊人的生态，适合从儿童到成人的各个年龄层。 会场位于上野公园内的国立科学博物馆。不妨将其与上野地区的博物馆、美术馆巡游一并安排参观。 图片提供：いきもの超ワールド展 图片提供：いきもの超ワールド展 ※本展观众可于同日参观常设展，但仅限于常设展的开放时间内。 ※展览内容、展期、开放日与开放时间等可能会有所变更。 :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; } body { 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; } .subtitle { font-size: 1rem; font-weight: 500; color: var(--accent-orange); margin-bottom: 24px; 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.05rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* 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 */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; } .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%; height: auto; display: block; object-fit: contain; /* Chống kéo thả hình ảnh */ pointer-events: none; -webkit-user-drag: none; -webkit-user-select: none; user-select: 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; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } } document.addEventListener('contextmenu', function(e) { if (e.target.tagName === 'IMG') { e.preventDefault(); } });