Событие

Из Лувра в Японию прибывают 56 произведений, включая работы Леонардо «Выставка Лувра. Ренессанс» В Национальном центре искусства в Токио выставка «Выставка Лувра. Ренессанс» проходит до воскресенья, 13 декабря. Сфокусировавшись на искусстве Ренессанса, развивавшемся по всей Европе в XV–XVI веках, экспозиция знакомит с его богатством и сложностью через 56 произведений, отобранных из коллекции Луврского музея. На выставке особое внимание уделено Леонардо да Винчи — художнику, олицетворяющему Ренессанс; произведения представлены в рамках четырех тем: «Путешествие», «Инновации и утонченность техники», «Взгляд на античность», «Расцвет портретного искусства». Помимо живописи, можно увидеть скульптуру, гравюры, рисунки и декоративно-прикладное искусство. Главные особенности выставки «Портрет женщины» Леонардо да Винчи впервые в Японии На этой выставке «Портрет женщины» Леонардо да Винчи, ошибочно получивший альтернативное название «Прекрасная Ферроньера», будет впервые показан в Японии. Написанная маслом около 1490–1497 годов картина — шедевр портретного искусства, символизирующий возросший в эпоху Ренессанса интерес к индивидуальности человека. Искусство Ренессанса через четыре темы Экспозиция выстроена вокруг четырех тем: «Путешествие», «Инновации и утонченность техники», «Взгляд на античность», «Расцвет портретного искусства». Переоценка культуры Древней Греции и Рима, обмены между художниками, развитие техники — с разных сторон можно познакомиться с искусством Ренессанса. От живописи и скульптуры до гравюры и декоративного искусства — разнообразие экспонатов В залах представлены произведения самых разных жанров: живопись, скульптура, гравюра, рисунок, декоративно-прикладное искусство. Через разнообразную коллекцию Луврского музея посетители смогут ощутить обаяние искусства Ренессанса. Кому рекомендуется Эта выставка рекомендуется тем, кто интересуется искусством Ренессанса и западным искусством, кто хочет полюбоваться работами Леонардо да Винчи, а также тем, кто хотел бы познакомиться с коллекцией Лувра. Загляните сюда как на возможность насладиться западным искусством в Токио, совместив с посещением музеев района Роппонги. Венецианский художник《Губернатор Дамаска принимает посольство Венецианской республики》ок. 1511 года　Париж, Музей Лувра Photo © GrandPalaisRmn (musée du Louvre) / Gabriel De Carvalho / distributed by AMF-DNPartcom Альбрехт Дюрер《Носорог》1515 (первое издание)　Париж, Музей Лувра Photo © GrandPalaisRmn (musée du Louvre) / Michel Urtado / distributed by AMF-DNPartcom ※ Содержание выставки и экспонаты могут быть изменены. ※ Актуальную информацию смотрите на официальном сайте. :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: left; 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; } }

Эскейп-игра JR East «Танцующая Яманотэ: Большое расследование — Промчись по линии Яманотэ!» На линии Яманотэ JR East проходит крупномасштабная путешествующая эскейп-игра «Танцующая Яманотэ: Большое расследование — Промчись по линии Яманотэ!», созданная в сотрудничестве с фильмом «踊る大捜査線 N.E.W. メトロポリスを駆け抜けろ!». Участники становятся детективами Отдела специальных расследований Столичного департамента полиции и вместе с Аосимой из Первого следственного отдела берутся за расследование преступной группы «Pentagon», устраивающей инциденты вдоль линии Яманотэ. Разгадывая загадки, указанные в наборе, вы посещаете разные станции линии Яманотэ и стремитесь раскрыть дело. Основные моменты события и информация для участников Разгадывайте загадки, путешествуя по линии Яманотэ Это игра-головоломка, которой можно наслаждаться, перемещаясь вдоль линии Яманотэ JR East. Используя специальный набор и приложение ESCAPE.ID, вы продвигаете расследование, посещая чекпоинты на станциях и вокруг них. Ограничения по времени нет: можно делать перерывы или играть в разные дни. Для новичков подготовлены подсказки, так что играйте в своем темпе. Продолжительность с учетом перемещений — около 5–7 часов. Для участия нужен смартфон или планшет, на который можно скачать приложение. Как принять участие Сначала приобретите набор для разгадки. Можно купить онлайн и забрать в пункте выдачи либо приобрести напрямую в розничных магазинах или онлайн. Затем скачайте приложение ESCAPE.ID, свяжите его с порталом и пройдите регистрацию. Введите серийный код, указанный в наборе, чтобы начать игру. Что нужно проверить перед участием Рекомендуемое время для игры — с 11:00 до 20:00, за исключением среды. По средам некоторые зоны закрыты для посещения, поэтому часть информации доступна в приложении. Кроме того, до 11:00 и после 20: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; } }

Специальная выставка Переосмыслить современную жизнь через «Ходзёки» Специальная выставка «Учимся у “Ходзёки” – маленькая архитектура, переплетающая жизнь заново –» В 21_21 DESIGN SIGHT проходит специальная выставка «Учимся у “Ходзёки” – маленькая архитектура, переплетающая жизнь заново –», открытая с пятницы, 28 августа 2026 года. В эссе «Ходзёки», написанном Камо-но Тёмэем в начале XIII века, поставлен вопрос о том, как жить в постоянно меняющемся мире. Эрмитаж, где жил Тёмэй, не сохранился, но его слова, читаемые сквозь века, стали ключом к размышлению о сущности жилища. На этой выставке, взяв за отправную точку маленькую архитектуру «方丈の庵», появляющуюся в «Ходзёки», мы заново осмысливаем современную жизнь и построенную среду. Под руководством архитектора Ёсихару Цукамото, директора выставки, архитекторы, дизайнеры, художники и компании разрабатывают каждый свою «方丈の庵». Главное на выставке Думать о жизни, исходя из небольшой архитектуры площадью около 9 м² Опираясь на масштаб «方丈の庵» — один дзё по стороне, около 9 м², — представлены различные инсталляции, побуждающие переосмыслить образ жизни через материал, конструкцию и инструменты. Испытать несколько «方丈の庵» В экспозиции, наряду с исследованиями природы и быта, описанных в «Ходзёки», представлены несколько «庵». Посетители, перемещаясь по выставочному пространству, смогут встретить «方丈の庵», составленные с разных точек зрения. Обратить взгляд на пространство между «Ходзёки» и современной жизнью Эта выставка не ставит целью лишь толкование самого «Ходзёки». Мы стремимся обратить внимание на «жизнь», проявляющуюся между «Ходзёки» и нами, предлагая возможность заново встретиться с сегодняшним бытом. Кому рекомендуется Эта выставка будет интересна не только тем, кто интересуется архитектурой, дизайном и японской культурой, но и тем, кто хочет задуматься о жизни в ограниченном пространстве и о будущем жилья. Посещая музеи и дизайн-пространства в токийском районе Роппонги, обязательно загляните на эту выставку. Фото: 木奥恵三 Фото: 木奥恵三 ※Содержание выставки и список участников могут быть изменены. Актуальную информацию смотрите на официальном сайте. :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; } }

Соединяя воспоминания и будущее Выставки Осака–Кансай «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; } }