Информация о достопримечательностях, гастрономии и событиях в Токио｜Путешествие по Токио

Икэбукуро оживает танцем на «27‑м Токио Ёсакой» В токийском районе Икэбукуро пройдёт «27‑й Токио Ёсакой». В рамках ежегодного осеннего праздника жителей района Тосима «Фукуро-мацури» команды со всей страны представят мощные выступления с оригинальной хореографией, костюмами и музыкой. Сохраняя традиции культуры ёсакой, возникшей в префектуре Коти, на «Токио Ёсакой» выступают корпоративные команды, университетские кружки, местные организации, детские коллективы и другие участники, танцуя на улицах Икэбукуро. На что посмотреть на «Токио Ёсакой» Наслаждайтесь выступлениями, прогуливаясь по Икэбукуро Площадки расположены вокруг западного выхода станции Икэбукуро, и вы можете пешком обходить несколько локаций, наслаждаясь выступлениями каждой команды. В официальном расписании указаны площадки «Главная у станции», «Азалия-дори», «Парк у западного выхода Икэбукуро» и др. На пролог в субботу, 10 октября, запланирован «Sky Deck универмага Tobu», а на основной день в воскресенье, 11 октября, — также «площадка на улице Мидзуки». Проводятся пролог и основной день Пролог состоится 10 октября (сб.), основной день — 11 октября (вс.). В основной день можно увидеть и «нагаси-одори» — танец в движении вперёд, и «стейдж-одори» — выступления на сцене. Выступления на каждой площадке планируется начинать в 10: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; } .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; } }

Соединяя воспоминания и будущее Выставки Осака–Кансай «EXPO2025 Futures Tour» в Токио Общенациональный караван-тур «EXPO2025 Futures Tour», который, оглядываясь на особенности и воспоминания Всемирной выставки Осака–Кансай, представляет «продолжение будущего», рожденное на ЭКСПО, состоится в Azabudai Hills Arena в Токио. На площадке посетителей ждут разнообразные форматы, позволяющие заново пережить воспоминания об ЭКСПО: арт-объекты из обрезков «Кольца Большой Крыши», фотовыставка, посвященная павильонам выставки Осака–Кансай, а также «Futures Diary», рассказывающий о 184-дневном пути выставки. Главные моменты мероприятия Разнообразные экспозиции, посвященные воспоминаниям об ЭКСПО В выставочной зоне будут представлены экспозиции, связанные с официальным персонажем выставки Осака–Кансай «ミャクミャク», а также арт-объекты, созданные из обрезков «Кольца Большой Крыши». Кроме того, на «Futures Piece Project -TOUCH-» можно прикоснуться к настоящим колоннам и балкам «Кольца Большой Крыши», а на «Co-Creation Pavilion» — в фотографиях вспомнить отечественные и зарубежные павильоны, чтобы взглянуть на ЭКСПО под разными углами. Сообщения в будущее, выраженные фейерверками В проекте «Futures Message HANABI» «продолжение будущего», рожденное из экспозиций и сооружений выставки Осака–Кансай, представлено в форме, напоминающей фейерверки. Кроме того, участники смогут написать свои мысли и пожелания о будущем на карточках и разместить их на «FUTURES HANABI WALL», а также отправить сообщения по QR-коду на площадке. На сцене — беседы и появление ミャクミャク 10 октября (сб.) состоится «Signature Session» от продюсера тематических проектов Всемирной выставки Осака–Кансай Сачико Накадзимы, а также сцена с участием ミャクミャク. 11 октября (вс.) на сцене выступит создатель персонажа ミャクミャク — дизайнер и автор книг с картинками Кохэй Ямашита, и пройдет эксклюзивная для токийской площадки «ミャクミャク Futures Stage». Кроме того, запланирована и «Специальная сцена GREEN×EXPO 2027». Кому рекомендуется Это мероприятие рекомендовано не только тем, кто посещал ЭКСПО Осака–Кансай, но и тем, кто хочет почувствовать атмосферу выставки в Токио или насладиться экспозициями и искусством на тему будущего. Также подготовлен уникальный для токийской площадки контент: «EXPO 2025 360° Theater», где с помощью VR‑очков можно ощутить павильоны ЭКСПО, и «Futures SPECIAL STAMP», которым можно наслаждаться во время прогулки по площадке. Вспоминая о выставке, почему бы не испытать новое «будущее», рождающееся из этих впечатлений? Изображение предоставлено：２０２５年日本国際博覧会協会 Изображение предоставлено：２０２５年日本国際博覧会協会 ※Приём заявок на предварительную жеребьёвку для выставочной и сценической зон завершён. ※Для части контента требуются талоны, выдаваемые в день проведения в порядке живой очереди. ※После 16:00 планируется свободный вход в выставочную зону без талонов. ※Программа мероприятия и список выступающих могут быть изменены. :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; } }

Мероприятие, которое объединяет музыку, танец и искусство «WILD Чампуру» В районе Накано (Токио), в зоне проведения мероприятий парка «Сики-но Мори», 11 октября 2026 года (воскресенье) состоится «WILD Чампуру». Это мероприятие направлено на создание общения между людьми разных поколений и статусов через стрит-данс, музыку и искусство. Мы стремимся создать пространство, где каждый — от детей до взрослых, независимо от опыта и статуса, — сможет самовыражаться. Главные моменты мероприятия Свободный фристайл-данс На площадке будет оборудована сайфер-зона для фристайл-танцев, где можно свободно присоединяться и танцевать. Привлекательно то, что, чувствуя ритм музыки, вы сможете общаться с самыми разными людьми. Мастер-класс по граффити С 13:00 до 15:00 пройдёт мастер-класс по граффити на тему «Давайте рисовать вместе!». Через удовольствие от рисования вы сможете попробовать себя в самовыражении. Обратите внимание: используемые акриловые краски не отстирываются с одежды, поэтому рекомендуем приходить в одежде, которую не жалко испачкать. Кому подойдёт Это мероприятие подойдёт не только тем, кто интересуется стрит-культурой, танцами и искусством, но и тем, кто ищет событие, куда можно легко прийти вместе с семьёй и друзьями. Независимо от возраста и опыта, проведите день, наслаждаясь индивидуальностью каждого и чувствуя связь между людьми. ※ Актуальную информацию и подробное расписание смотрите на официальном сайте. ※ Пожалуйста, приходите на мастер-класс в одежде, которую можно испачкать. :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; } }

Специальная выставка Национальный музей природы и науки Проходит специальная выставка «いきもの超ワールド展 国立科学博物館×ダーウィンが来た！» В центре внимания «удивительные способности» и «стратегии выживания» организмов, эволюционировавших, адаптируясь к изменениям окружающей среды Земли В Национальном музее природы и науки проходит специальная выставка «いきもの超ワールド展 国立科学博物館×ダーウィンが来た！». На выставке акцент сделан на «удивительных способностях» и «стратегиях выживания» живых существ, эволюционировавших, приспосабливаясь к изменениям глобальной среды. Помимо образцов, материалов и результатов исследований музея, разнообразие эволюции и экологии живой природы представлено через кадры, снятые природной программой NHK «ダーウィンが来た！». Основные моменты выставки POINT 01 Эволюция живых существ через образцы, исследования и видео На выставке по темам представлены признаки и функции организмов, приспособившихся к различным средам. С помощью подлинных образцов, новейших научных результатов и ценных природных видеоматериалов вы узнаете, как животные адаптировались к среде и сохраняли жизнь. POINT 02 Совместный проект с «ダーウィンが来た！» Благодаря сотрудничеству с природной программой NHK «ダーウィンが来た！» демонстрируются съёмки, сделанные командой программы. Оригинальный персонаж выставки «くじらじい» появился в коллаборации с «ヒゲじい», знакомым по «ダーウィンが来た！». Представляя ключевые моменты образцов, исследований и видеоматериалов, выставка приближает к тайнам живой природы. POINT 03 Доступен аудиогид В аудиогиде участвуют навигатор выставки 相葉雅紀, «くじらじい», а также «ヒゲじい». Аренда на площадке: 650 иен за устройство (с налогом); версия в приложении: 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(); } });