도쿄의 관광, 미식, 이벤트 정보｜도쿄를 즐겁게 여행

이케가미 혼몬지 오에시키 일련종 대본산 이케가미 혼몬지에서 성 니치렌의 기일을 기리는 불교 법요 ‘오에시키（おえしき）’가 거행됩니다. 2026년은 종조 제745회 원기에 해당합니다. 법요와 법문을 비롯해, 이케가미 거리를 수놓는 ‘만등 연공양’, 니치렌 성인의 입멸을 기리는 ‘임멸도시 법요’ 등이 진행됩니다. 니치렌 성인과 인연 깊은 성지에서 전통 있는 불교 행사를 체험할 수 있는 기회입니다. 오에시키의 볼거리 이케가미 거리를 행진하는 만등 연공양 10월 12일에는 이케가미 도쿠모치 회관에서 이케가미 혼몬지까지 약 2km 구간에서 만등 행렬이 진행됩니다. 전국에서 모인 강중에 의해 수백 기의 만등이 마토이, 우치와다이코, 쇠북, 피리 소리와 함께 이케가미 거리를 행진합니다. 종이 조화로 장식된 만등은 니치렌 성인이 입멸하실 때 뜰의 벚나무가 철을 어기고 꽃을 피웠다는 고사에서 유래합니다. 엄숙한 임멸도시 법요 10월 13일 오전 7시부터 ‘특별설법·임멸도시 법요’가 봉행됩니다. 니치렌 성인이 입멸하시던 때 성 닛쇼가 울렸다고 전해지는 종을 본받아, 이케가미 혼몬지의 관수가 ‘임멸도시의 종’을 고요히 타종합니다. 법요·법문과 단체 참배 오에시키 기간 중에는 다양한 법요와 법문이 진행됩니다. 10월 12일 오전 10시에는 성 니치렌의 의복을 하복에서 동복으로 갈아입히는 ‘종조 어갱의 법요’, 오후 2시에는 ‘종조 보은 어태야 법요’가 봉행됩니다. 또한 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년 만이며, 도쿄에서는 처음입니다. 국보 「観音猿鶴図」, 중요문화재 「龍虎図」, 종봉묘초 필의 국보 「看読真詮榜」 등, 선과 미술의 역사를 전하는 귀중한 작품들이 전시됩니다. 작품은 전기와 후기로 일부 교체 전시됩니다. 전기는 10월 14일(수)부터 11월 8일(일)까지, 후기는 11월 10일(화)부터 12월 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주년을 기념한 전시 「대영박물관 일본 미술 컬렉션 — 백화요란~바다를 건넌 에도 회화」가 개최되고 있습니다. 세계를 대표하는 미술관 중 하나인 대영박물관이 소장한 약 4만 점의 일본 컬렉션에서 에도 시대의 회화와 우키요에 판화 등을 엄선해 소개하는 전시입니다. 가쓰시카 호쿠사이, 기타가와 우타마로, 우타가와 히로시게, 도슈사이 샤라쿠 등 에도 시대를 대표하는 우키요에 작가들의 작품은 물론, 영국에서 처음으로 귀환하는 소중한 작품들도 선보입니다. 전시 하이라이트 POINT 01 대영박물관에서 온 일본 미술 명품 대영박물관 일본 컬렉션에서 에도 시대의 병풍, 족자, 그림두루마리, 우키요에 판화 등을 엄선해 전시합니다. 기타가와 우타마로의 육필화 《文読む遊女》, 마루야마 오쿄 《虎の子渡し図屛風》, 가쓰시카 호쿠사이 《『万物絵本大全』版下絵》 등 주목 작품을 가까이에서 감상하실 수 있습니다. POINT 02 영국에서 처음으로 귀환하는 호쿠사이 작품 가쓰시카 호쿠사이의 《『万物絵本大全』版下絵》는 영국에서 처음으로 일본에 귀환하는 작품입니다. 본 전시에서는 오랫동안 행방이 묘연했던 제판용 밑그림 103점 가운데 8점을 선보입니다. 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 극장 "Storydive Theater WAHHHP"에서 몰입형 VR 체험 "타이타닉 〜시간을 넘어선 메아리〜"가 2026년 10월 23일(금)부터 개최됩니다. 본 작품은 타이타닉호를 무대로, 심해에 잠든 잔해 탐사부터 1912년 선내까지 체험할 수 있는 VR 작품입니다. 대서양 수심 약 3,800미터에 잠든 타이타닉호의 잔해를 탐사한 뒤 시간을 거슬러 올라가, 1912년 첫 항해 당시의 선내를 당시 승객의 한 사람으로서 둘러봅니다. 체험의 볼거리 심해에 잠든 타이타닉호를 탐사 체험은 침몰선 조사팀의 일원으로 연구용 잠수정에 승선해, 심해에 잠든 타이타닉호의 잔해를 탐사하는 것부터 시작됩니다. 역사학자의 안내에 따라 선체의 흔적과 한 세기 이상 남아 있는 유물들을 따라가며, 타이타닉호에 숨겨진 이야기를 접합니다. 1912년의 선내를 걸으며 체험 심해 탐사 후에는 침몰 전의 타이타닉호로. 일등·삼등 객실, 기관실, 대계단, 보트 데크 등 재현된 선내를 직접 걸어서 둘러볼 수 있습니다. 사료에 근거한 디테일까지의 재현 제작에 앞서 2년에 걸친 조사·연구를 진행했습니다. 프랑스의 해양 박물관 "La Cité de la Mer"와 미국 해양대기청(NOAA)의 아카이브 자료 등을 대조하여 선체와 승객, 사건을 세심하게 재구성했습니다. 또한 선내를 걷는 것뿐 아니라, 해저의 방수 케이스를 끌어올리는 등 체험자가 직접 조작하며 이야기 속에 참여할 수 있는 인터랙티브한 구성입니다. 이런 분께 추천 타이타닉호의 역사와 VR 체험에 관심이 있거나 도쿄 관광에서 평소와는 다른 경험을 즐기고 싶은 분께 추천합니다. 일본어·영어·중국어·프랑스어·스페인어를 지원하여 국내외 관광객 모두가 즐길 수 있는 VR 체험입니다. © Storydive Theater WAHHHP ※이미지는 예시입니다. © Storydive Theater WAHHHP ※이미지는 예시입니다. ※개최 기간은 2027년 2월 28일(일)까지로 예정되어 있습니다. ※신장 120cm 미만의 아동은 보호자께서 체험 가능 여부를 판단해 주시기 바랍니다. ※티켓 요금은 모두 세금이 포함되어 있습니다. :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; } }