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

特别展 为纪念山种美术馆开馆60周年的特别展 “奥村土牛 —以名作回顾百年历程—” 山种美术馆正在举办开馆60周年纪念特别展2“奥村土牛 —以名作回顾百年历程—”。本展聚焦日本画家奥村土牛（1889-1990）与山种美术馆之间的深厚渊源，回顾其自早期至晚年的创作生涯。山种美术馆创始人山﨑种二自土牛创作初期起，与其交往逾50年。基于此渊源，本馆收藏了奥村土牛的135件作品，本展将从中精选约60件佳作予以呈现，其中包括《鳴門》《醍醐》等代表作。 展览亮点 POINT 01 从日本顶级的土牛典藏中展出约60件 从山种美术馆所藏的奥村土牛135件作品中，精选约60件展出。以《鳴門》《醍醐》等为代表，通过从早期到晚年的作品，追溯土牛的创作轨迹。 POINT 02 院展出品作品亦悉数汇聚 奥村土牛终其一生活跃于院展。本展将集中展示山种美术馆所藏的35件与院展相关的作品，介绍秋之院展32件、春之院展2件、同人展1件。 POINT 03 亦呈现山种美术馆独有的资料 除作品之外，还可欣赏到奥村土牛寄予山种美术馆创始人山﨑种二的带画书简，以及曾于本馆举办的茶会纪念品原画等，与山种美术馆渊源深厚的资料。 POINT 04 亦举行学艺员导览 展期内每周三（法定节假日除外）将举行学艺员导览。用时约30分钟，人数上限25人，当日9:50起在一楼大堂按先到先得发放整理券。 之后预计于9月16日（周三）、30日（周三）举行。参与免费，但需持当日有效的入场券。 推荐给这样的您 推荐给对日本画和日本近代美术感兴趣、想细细欣赏奥村土牛作品，或希望通过日本画名作感受日本美术的观众。也推荐与惠比寿地区的美术馆巡游一同体验。 奥村土牛《舞妓》1954（昭和29）年　绢本设色　山种美术馆 奥村土牛《城》1955（昭和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; } 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%; position: relative; overflow: hidden; } /* CHẶN COPY, KÉO THẢ VÀ TỐI ƯU HIỂN THỊ HÌNH ẢNH */ .image-frame img { width: 100%; max-width: 100%; height: auto; max-height: 350px; display: block; object-fit: contain; /* Vô hiệu hóa bôi黒 & kéo thả hình ảnh */ user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none; /* Bỏ tương tác chuột trực tiếp lên ảnh (chặn chuột phải lưu ảnh) */ 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; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } .image-frame img { max-height: 250px; } }

艺术节 在下北泽街区为舞台尽情享受的艺术节 「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; } }

策划展 东京都美术馆开馆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; } }

特别展 国立科学博物馆 特别展「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」正在举办 关注在适应地球环境变化过程中进化而来的生物“惊人的能力”和“生存策略” 国立科学博物馆正在举办特别展「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」。 本展聚焦于生物在适应地球环境变化过程中形成的“惊人能力”和“生存策略”。除国立科学博物馆收藏的标本、资料与研究成果外，还将通过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(); } });