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

Специальная выставка Национальный музей природы и науки Проходит специальная выставка «いきもの超ワールド展 国立科学博物館×ダーウィンが来た！» В центре внимания «удивительные способности» и «стратегии выживания» организмов, эволюционировавших, адаптируясь к изменениям окружающей среды Земли В Национальном музее природы и науки проходит специальная выставка «いきもの超ワールド展 国立科学博物館×ダーウィンが来た！». На выставке акцент сделан на «удивительных способностях» и «стратегиях выживания» живых существ, эволюционировавших, приспосабливаясь к изменениям глобальной среды. Помимо образцов, материалов и результатов исследований музея, разнообразие эволюции и экологии живой природы представлено через кадры, снятые природной программой 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(); } });

Традиционное мероприятие Наслаждайтесь осенними пейзажами и хаги «Праздник хаги в Мукодзима Хяккаэн» В Мукодзима Хяккаэн состоится «Праздник хаги» 2026 года. В период, когда фирменный «Тоннель из хаги» длиной около 30 метров достигает пика, вы сможете, прогуливаясь по саду, окрашенному в осенние тона, насладиться сезонными травами и цветами, а также японской культурой. В течение фестиваля пройдут мероприятия, включая «Стихи о хаги», где посетители пишут хайку и вака на тандзаках, «Наблюдение за дикими травами» в саду, а также «Чайная встреча» с маття и сладостями. Программа мероприятия EVENT 01 (1) Стихи о хаги Дата и время: Ежедневно в период проведения, в течение всего дня. Отменяется в случае дождя. Место: Беседка (адзумая) рядом с навесом глициний Содержание: Посетителям предлагается написать хайку и вака на тандзаках на тему хаги. Участие: Бесплатно (входной билет оплачивается отдельно) EVENT 02 (2) Наблюдение за дикими травами Дата и время: Суббота, 19 сентября, 11:40 и 14:40 (примерно по 1 часу). Отменяется при дожде. Место сбора: Площадка перед киоском Содержание: Под руководством лектора наблюдаем дикорастущие растения сада. Лектор: Ёсики Вакабаяси (исследователь растений) Количество мест: 20 человек на сеанс Порядок участия: Подходите к месту сбора в день проведения (после набора максимума прием завершается). EVENT 03 (3) Чайная встреча Дата и время: Суббота, 3 октября, и воскресенье, 4 октября, 11:00–16:00 (каждые 30 минут, по 10 раз в день) Место: Онари-дзасики Содержание: Пройдёт показ чайной церемонии от чайного собрания Мукодзима Хяккаэн, будут поданы маття и сладости к чаю. Присоединиться может любой желающий. Стоимость участия: 1 место — 1 500 иен（входная плата оплачивается отдельно） Количество мест: по 10 человек на каждый сеанс（в день проведения — в порядке живой очереди・предварительная запись не требуется） Порядок участия: Регистрация проходит с 10:30 до 15:30 перед залом Онаридзасики（закрывается по достижении лимита мест）。 Рекомендуем тем, кто Подходит не только тем, кто хочет прогуляться по саду, наслаждаясь осенней атмосферой, но и тем, кто желает прикоснуться к традиционной японской культуре через хайку, вака и чайные встречи. Наслаждайтесь размеренным временем, любуясь сезонными цветами и травами. ©Tokyo Metropolitan Park Association ©Tokyo Metropolitan Park Association ※Актуальную информацию смотрите на официальном сайте. :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%; /* Chặn chọn ảnh (Copy protection for images) */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } /* Fix lỗi ảnh tràn màn hình */ .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; /* Ngăn kéo thả / lưu ảnh */ } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

Наслаждайтесь немецким пивом и гастрономией "Oktoberfest 2026 в Urban Dock LaLaport Toyosu" В Urban Dock LaLaport Toyosu проходит "Oktoberfest 2026 в Urban Dock LaLaport Toyosu". Это мероприятие, на котором вы сможете наслаждаться немецким пивом и такими блюдами, как сосиски, погружаясь в неповторимую атмосферу Октоберфеста. В этом году также пройдут специальные программы в честь 20-летия Urban Dock LaLaport Toyosu. Наслаждайтесь осенью в Тойосу, пивом, гастрономией и разнообразными активностями. Основные моменты мероприятия Насладиться немецким пивом и едой На площадке свои стенды представят такие пивные бренды, как Arcobräu, Paulaner, Hofbräu, Hacker-Pschorr, Hirschbräu и Karmeliten. Также можно будет попробовать блюда, идеально сочетающиеся с немецким пивом, например сосиски и брецели. Специальные программы к 20-летию LaLaport Toyosu В этом году, в честь 20-летия Urban Dock LaLaport Toyosu, появятся "Благодарственное пиво 20 литров" и юбилейный фотомонумент. Кроме того, в магазинах на площадке подготовлены лимитированные блюда, посвящённые числу "20". Стамп-ралли пивоварен, в котором можно участвовать через LINE Также проводится "стамп-ралли пивоварен", в рамках которого нужно обойти пивные стенды шести участвующих брендов. Покупайте пиво у каждого бренда и собирайте шесть штампов, чтобы получить "фирменную кружку к 20-летию" и "памятные обои за полное прохождение". Prost вместе с вашей собакой! Тема площадки в Тойосу — «развлечения вместе с собакой». На открытой приморской террасе вы можете сидеть за одним столом со своей собакой и наслаждаться Октоберфестом. В этом году, помимо продажи «сосисок для собак», будут подготовлены головные уборы для собак и фотозоны. Наслаждайтесь временем с вашим любимцем на фоне морских пейзажей. Кому рекомендуется Рекомендуется тем, кто хочет непринуждённо насладиться немецким пивом и подлинной культурой пива в Токио, а также тем, кто хочет насладиться гастрономией и событиями в районе Тойосу. Площадка с удобным доступом от станции: почему бы не насладиться осенним Тойосу, пробуя пиво и немецкие угощения? © Исполнительный комитет Октоберфеста 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; } }

\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n \r\n Посмотреть, почувствовать и создать в Намие! Волонтерский тур\r\n \r\n\r\n \r\n \r\n Сообщаем, что в рамках проекта with!浜通り будет проведён наборный тур, в котором могут участвовать частные лица.\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Особенности\r\n \r\n \r\n\r\n \r\n \r\n \r\n ➀ Оплачивается также стоимость проезда туда-обратно между местом сбора/окончания (станция Токио или станция Намие) и вашим домом. Вы сможете участвовать, сократив затраты на дорогу.\r\n \r\n \r\n\r\n \r\n ➁ Участникам деятельности по решению местных проблем при следующем визите будет предоставлен подарочный сертификат PayPay на сумму 10 000 иен, действительный только в участвующих магазинах в 15 муниципалитетах региона Хамадори и др.\r\n \r\n \r\n\r\n \r\n ➂ 10/11 (вс) — участие в «浜フェス», проводимом на 道の駅なみえ! После этого волонтёрская уборка вокруг площадки.\r\n \r\n \r\n\r\n \r\n ➃ 10/12 (пн, праздник) — после прополки травы вокруг 陶芸の杜, связанной с традиционной 大堀相馬焼, пройдёт опыт ручной лепки 大堀相馬焼.\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Маршрут・Заявки・Контакты\r\n \r\n \r\n\r\n \r\n \r\n ■Маршрут:Пожалуйста, ознакомьтесь с документом (PDF), прикреплённым ниже.\r\n \r\n\r\n \r\n ■Адрес для заявок/контактов\r\n Период приёма заявок:25 сентября 2025 г. (пт) — 5 октября 2026 г. (пн)\r\n \r\n\r\n \r\n ➀Адрес\r\n \r\n\r\n \r\n ➁ФИО (фуригана)\r\n \r\n\r\n \r\n ➂Пол\r\n ➃Дата рождения\r\n \r\n\r\n \r\n ➄Номер телефона\r\n \r\n\r\n \r\n ➅Укажите, пожалуйста, будете ли участвовать со станции Токио или со станции Намие, и отправьте заявку по электронной почте в офис with!浜通り.\r\n Электронная почта для заявок:f_hamadori@jtb.com Ответственные в секретариате with!浜通り:紺野・櫻井・井川・新田 Телефон для справок:024-503-2799 (в будние дни с 9:30 до 17:30) Ждём ваших заявок! :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; /* 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; } /* 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; } }