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

Оэсики в храме Икэгами Хонмондзи В великом главном храме школы Нитирэн — Икэгами Хонмондзи — пройдет буддийская поминальная церемония «Оэсики（おえしき）», приуроченная к дню кончины святого Нитирэна. 2026 год приходится на 745‑ю памятную годовщину основателя школы. Помимо богослужений и проповедей, состоится «мандо нэри-кую» — шествие с фонарями, украшающее улицы Икэгами, а также «церемония Ринмэцудодзи» в память о кончине святого Нитирэна. Это возможность приобщиться к традиционному буддийскому обряду в священных местах, связанных со святым Нитирэном. Главное в Оэсики Шествие «Мандо нэри-кую» по улицам Икэгами 12 октября от Икэгами Токумоти Кайкан до Икэгами Хонмондзи пройдет процессия Мандо протяжённостью около 2 километров. Сотни светильников мандо, принесённых религиозными общинами со всей страны, пройдут по городу под звуки матой, барабанов учива-дайко, колоколов канэ и флейт. Фонари мандо, украшенные бумажными цветами, восходят к преданию о том, что во время кончины святого Нитирэна сакура в саду зацвела не вовремя, вне сезона. Торжественная церемония Ринмэцудодзи 13 октября с 7:00 пройдёт «особая проповедь и церемония Ринмэцудодзи». Следуя примеру колокола, который, как передают, ударял святой Ниссё в момент кончины святого Нитирэна, настоятель Икэгами Хонмондзи тихо ударит в «колокол Ринмэцудодзи». Богослужения, проповеди и групповые паломничества В период Оэсики проходят различные богослужения и проповеди. 12 октября с 10:00 состоится «богослужение смены одеяний основателя», когда одежды святого Нитирэна меняют с летних на зимние; в 14:00 — «вечернее благодарственное богослужение основателю». Начиная с 12 числа, в Большом зале звучит даймоку, и сюда прибывают многочисленные паломники и группы со всей страны. Также будет прямая трансляция Мероприятия «万灯練供養» и «臨滅度時法要» планируется транслировать в прямом эфире в интернете. Тем, кому сложно посетить место проведения, можно будет смотреть ход событий на официальном сайте. Примечания для посетителей В период Оэсики в районе храма Икэгами Хонмондзи и станции Икэгами будут действовать ограничения движения. Помимо ограничений на въезд и проезд автотранспорта, посетителям рекомендуется воздержаться от приезда на велосипеде. Кроме того, на территории храма Хонмондзи и в зоне шествия 万灯練行列 запрещено использование дронов и других дистанционно управляемых летательных аппаратов. Поскольку меры регулирования движения и порядок организации могут изменяться, пожалуйста, следуйте указаниям местных полицейских и сотрудников, осуществляющих регулирование. Различные мандо-фонари © 池上本門寺 Матои © 池上本門寺 ※Подробности о времени проведения, ограничениях движения, прямой трансляции и т. д. уточняйте на официальном сайте перед посещением. ※В настоящее время в рамках проекта к 750-й годовщине поминовения святого Нитирэна ведутся ремонтные работы Большого зала. :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; } }

Специальная выставка к 700-летию основания «大徳寺 本朝無双之禅苑» Специальная выставка «大徳寺 本朝無双之禅苑», приуроченная к 700-летию 大徳寺 в районе Мурасакэно, Киото, пройдет в Хэйсэйкане Токийского национального музея. С момента основания в 1326 году 大徳寺 развивался, поддерживая тесные связи с поколениями выдающихся монахов, императорами, полководцами эпохи Сэнгоку и мастерами чайного действа. На этой выставке собраны храмовые сокровища комплекса 大徳寺, включая подхрамы и храмы школы 大徳寺, чтобы представить 700-летнюю историю и культуру. Главное на выставке Показано 14 национальных сокровищ и 69 важных культурных ценностей Выставка, на которой сокровища 大徳寺 собраны в полном составе, проводится впервые за 41 год и впервые в Токио. Будут показаны бесценные произведения, передающие историю дзэн и искусства, включая национальное сокровище «観音猿鶴図», важную культурную ценность «龍虎図» и национальное сокровище «看読真詮榜» кисти 宗峰妙超. Часть экспонатов будет ротироваться между первой и второй частями. Первая часть: с 14 октября (ср) по 8 ноября (вс); вторая часть: с 10 ноября (вт) по 6 декабря (вс). Реконструкция ворот Санмон, обычно закрытых для публики На площадке будет представлена реконструкция ворот Санмон в 大徳寺, которые обычно не открыты для публики. Главная святыня, установленная в воротах Санмон, «釈迦如来坐像», и впервые демонстрируемая «千利休立像» также будут показаны на протяжении всего периода. Эта экспозиция позволяет почувствовать связь 大徳寺 с дзэн и чайным действом. Личности, связанные с 大徳寺, и 700 лет истории Будут представлены и произведения, связанные с такими фигурами, как 一休宗純、後醍醐天皇、織田信長、豊臣秀吉, тесно связанными с 大徳寺. Через веру и участие поколений выдающихся монахов, правителей и мастеров чайной церемонии в отношении 大徳寺 можно проследить путь японской дзэн-культуры. Рекомендуется таким людям Эта выставка будет интересна не только тем, кто увлекается дзэн-буддизмом и японским искусством, но и тем, кто интересуется храмовой культурой Киото и историей чайной церемонии. Почему бы не посетить Токийский национальный музей и не прикоснуться к 700-летней красоте и духу, которые хранит храм Дайтоку-дзи? ※ Экспонаты, сроки показа, часы работы, выходные дни и порядок посещения могут быть изменены. Перед визитом, пожалуйста, проверьте актуальную информацию на официальном сайте. :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%; /* 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; } .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-летию со дня открытия: 「Коллекция японского искусства Британского музея — Буйство цветов: живопись Эдо, пересекшая моря」. Это экспозиция, представляющая тщательно отобранные шедевры — картины эпохи Эдо и гравюры укиё-э — из японской коллекции Британского музея, насчитывающей около 40 000 предметов. Будут показаны работы ведущих мастеров укиё-э эпохи Эдо, таких как Кацусика Хокусай, Китагава Утамаро, Утагава Хиросигэ и Тосюсай Сяраку, а также редкие произведения, впервые возвращающиеся из Великобритании на родину. Главные особенности выставки POINT 01 Шедевры японского искусства из Британского музея Из японской коллекции Британского музея тщательно отобраны и показаны ширмы, свитки какэмоно, эмакімоно и гравюры укиё-э эпохи Эдо. Вы сможете вблизи увидеть такие знаковые произведения, как авторская живопись Китагава Утамаро 《文読む遊女》, ширма Маруяма Окё 《虎の子渡し図屛風》 и работы Кацусика Хокусая 《『万物絵本大全』版下絵》. POINT 02 Произведения Хокусая, впервые вернувшиеся из Великобритании 《『万物絵本大全』版下絵》 Кацусика Хокусая впервые возвращается в Японию из Великобритании. На выставке представлены 8 из 103 листов подготовительных рисунков для печати, долгое время считавшихся утраченными. POINT 03 Фусума-э, воссоединённые впервые за ~150 лет Также заслуживают внимания фусума-э, созданные в конце эпохи Момояма — начале эпохи Эдо художником 狩野宗眼重信. Произведения, раздельно хранившиеся в Британском музее и в старинном доме семьи Миякоси в посёлке Накадомари префектуры Аомори, по результатам недавних исследований признаны частями единого цикла. Их воссоединение состоится впервые примерно за 150 лет. Рекомендуется Рекомендуется тем, кто интересуется японским искусством и укиё-э, кто хочет лично увидеть произведения таких художников, как Кацусика Хокусай и Китагава Утамаро, а также тем, кто ищет в Токио выставку, позволяющую прикоснуться к истории и культуре. Поскольку выставка проходит в Токийском столичном художественном музее в парке Уэно, её удобно совместить с посещением близлежащих музеев и достопримечательностей. Маруяма Окё «Тигрица переносит детёнышей через реку» 1781–1782 собрание Британского музея　© The Trustees of the British Museum Китагава Утамаро «Куртизанка читает письмо» ок. 1804–1806 собрание Британского музея © The Trustees of the British Museum ※Экспонаты и содержание могут быть изменены. ※Актуальную информацию смотрите на официальном сайте выставки. :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 đen & 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; } }

Впервые в Японии! Иммерсивный VR-опыт «Титаник — Эхо сквозь время» Иммерсивный VR-опыт «Титаник — Эхо сквозь время» будет проходить в постоянном VR-театре «Storydive Theater WAHHHP» в токийском Синдзюку с пятницы, 23 октября 2026 года. Этот проект переносит вас на борт «Титаника»: вы пройдете путь от исследования обломков на дне океана до посещения интерьеров корабля 1912 года. Исследовав останки «Титаника», покоящиеся на глубине около 3 800 метров в Атлантическом океане, вы перенесетесь во времени и как один из пассажиров пройдете по кораблю во время его первого рейса в 1912 году. Основные достоинства опыта Исследуйте «Титаник», покоящийся в глубинах океана Всё начнётся с того, что вы, как член команды по исследованию кораблекрушений, подниметесь на борт исследовательского батискафа и отправитесь изучать обломки «Титаника» на глубине. Под руководством историка вы проследите следы корабля и вещи, сохранившиеся более века, прикасаясь к историям, скрытым в «Титанике». Прогуляйтесь по интерьерам 1912 года После глубинной экспедиции — «Титаник» до крушения. Каюты первого и третьего классов, машинное отделение, Большая лестница, шлюпочная палуба — вы сможете самостоятельно пройти по воссозданным интерьерам корабля. Воссоздание деталей на основе источников Для подготовки проекта были проведены двухлетние исследования. Сопоставлены архивные материалы французского морского музея «La Cité de la Mer» и Национального управления океанических и атмосферных исследований США (NOAA), что позволило бережно воссоздать корпус, пассажиров и события. Помимо прогулки по интерьерам, вас ждёт интерактив: вы сами будете участвовать в истории, выполняя действия — например, поднимая со дна водонепроницаемый контейнер. Кому мы рекомендуем Рекомендуем тем, кого интересует история «Титаника» и VR‑опыт, а также тем, кто хочет получить необычные впечатления во время путешествия по Токио. Поскольку VR‑опыт доступен на японском, английском, китайском, французском и испанском языках, им смогут насладиться туристы как из Японии, так и из‑за рубежа. © Storydive Theater WAHHHP ※Изображения носят иллюстративный характер. © Storydive Theater WAHHHP ※Изображения носят иллюстративный характер. ※Планируемый период проведения — до воскресенья, 28 февраля 2027 года. ※Для детей ростом ниже 120 см решение о возможности участия принимает законный представитель. ※Все цены на билеты указаны с учетом налогов. :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; } }