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

이케부쿠로의 거리가 춤으로 물드는 ‘제27회 도쿄 요사코이’ 도쿄·이케부쿠로를 무대로 ‘제27회 도쿄 요사코이’가 개최됩니다. 매년 가을 열리는 도시마 구민 축제 ‘후쿠로 마쓰리’의 일환으로, 전국에서 모인 팀들이 오리지널 안무·의상·음악으로 힘찬 연무를 선보입니다. 고치현에서 시작된 요사코이 문화를 잇는 한편, 도쿄 요사코이에서는 기업팀, 대학 동아리, 지역 단체, 키즈팀 등 다양한 참가자들이 이케부쿠로 거리를 무대로 춤을 춥니다. 도쿄 요사코이의 볼거리 이케부쿠로 거리를 걸으며 연무를 즐길 수 있다 행사장은 이케부쿠로역 서쪽 출구 주변에 마련되며, 여러 회장을 걸어서 둘러보며 각 팀의 연무를 즐길 수 있습니다. 공식 타임스케줄에는 ‘역앞 메인’, ‘아제리아도리 회장’, ‘이케부쿠로 니시구치 공원’ 등이 안내되어 있습니다. 10월 10일(토) 전야제는 ‘도부백화점 스카이데크’, 10월 11일(일) 본제는 ‘미즈키도리 회장’도 예정되어 있습니다. 전야제와 본제 개최 10월 10일(토)은 전야제, 10월 11일(일)은 본제가 열립니다. 본제에서는 전진하며 추는 ‘나가시오도리’와 무대에서 선보이는 ‘스테이지오도리’를 모두 즐길 수 있습니다. 연무는 각 회장에서 오전 10시 30분부터 시작될 예정입니다. 회장마다 출연 팀과 시간이 다르니 방문 전에 공식 사이트의 최신 타임스케줄을 확인해 주세요. 관객도 참여할 수 있는 총춤 도쿄 요사코이에서는 춤꾼들뿐 아니라 관객도 함께 즐길 수 있는 ‘총춤’도 볼거리 중 하나입니다. 현장의 열기를 느끼며 이케부쿠로 거리가 하나가 되는 분위기를 만끽할 수 있습니다. 이런 분께 추천 이케부쿠로 거리를 산책하며 일본의 축제와 전통 춤을 보고 싶은 분께 추천합니다. 화려한 의상과 음악, 힘찬 춤을 가까이에서 즐길 수 있어 일본 문화를 처음 접하는 해외 여행자도 이해하기 쉽고 참여하기 쉬운 행사입니다. 행사장을 옮겨 다니며 마음에 드는 팀이나 공연을 찾아보는 건 어떨까요? ©ふくろ祭り協議会 ©ふくろ祭り協議会 ※각 공연장의 출연 시간과 내용은 변경될 수 있습니다. 최신 정보는 공식 웹사이트를 확인해 주세요. ※개최 기간 중에는 교통 통제가 실시될 예정입니다. 방문 전에 공식 웹사이트의 안내를 확인해 주세요. :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

오사카·간사이 엑스포의 추억과 미래를 잇다 "EXPO2025 Futures Tour" 도쿄 오사카·간사이 엑스포의 매력과 추억을 되돌아보며, 엑스포에서 탄생한 ‘미래의 이어짐’을 소개하는 전국 캐러밴 이벤트 "EXPO2025 Futures Tour"가 도쿄 아자부다이 힐즈 아레나에서 개최됩니다. 현장에서는 그랜드 루프 링의 자투리 자재를 활용한 아트 작품, 오사카·간사이 엑스포 파빌리온을 사진으로 되짚어보는 전시, 184일간의 엑스포 여정을 소개하는 "Futures Diary" 등 엑스포의 기억을 즐길 수 있는 다양한 콘텐츠가 선보입니다. 이벤트 하이라이트 엑스포를 되돌아보는 다채로운 전시 전시 에어리어에서는 오사카·간사이 엑스포 공식 캐릭터 ‘ミャクミャク’ 관련 전시를 비롯해, 그랜드 루프 링의 자투리 자재로 탄생한 아트 작품 등을 소개합니다. 그랜드 루프 링의 기둥과 보 실물을 직접 만져볼 수 있는 "Futures Piece Project -TOUCH-"와, 국내외 파빌리온을 사진으로 되돌아보는 "Co-Creation Pavilion" 등 다양한 각도에서 엑스포를 즐길 수 있습니다. 미래를 향한 메시지를 불꽃으로 표현 "Futures Message HANABI"에서는 오사카·간사이 엑스포의 전시와 건조물에서 태어난 ‘미래의 이어짐’을 불꽃놀이를 모티프로 한 형태로 소개합니다. 또한 참가자는 미래에 대한 생각과 바람을 메시지 카드에 적어 "FUTURES HANABI WALL"에 붙이거나, 현장의 QR코드를 통해 메시지를 게시할 수도 있습니다. 무대에서는 토크와 ミャクミャク가 등장 10월 10일(토)에는 오사카·간사이 엑스포 테마 사업 프로듀서 나카지마 사치코 씨의 "Signature Session"과 ミャクミャク이 등장하는 무대가 열립니다. 10월 11일(일)에는 ミャクミャク의 창작자인 디자이너이자 그림책 작가 야마시타 고헤이 씨가 등장하여, 도쿄 회장 한정 "ミャクミャク Futures Stage"가 진행됩니다. 이 외에도 ‘GREEN×EXPO 2027 스페셜 스테이지’가 예정되어 있습니다. 이런 분께 추천 오사카·간사이 엑스포를 방문하신 분은 물론, 도쿄에서 엑스포의 분위기를 느껴보고 싶거나 미래를 주제로 한 전시와 아트를 즐기고 싶은 분께 추천하는 이벤트입니다. VR 고글로 엑스포 파빌리온을 체험할 수 있는 ‘EXPO 2025 360° 시어터’, 회장을 돌며 즐길 수 있는 ‘Futures SPECIAL STAMP’ 등 도쿄 회장만의 콘텐츠도 준비되어 있습니다. 엑스포의 추억을 돌아보며, 그로부터 탄생하는 새로운 ‘미래’를 경험해 보시는 건 어떨까요? 이미지 제공：２０２５年日本国際博覧会協会 이미지 제공：２０２５年日本国際博覧会協会 ※전시 구역·스테이지 구역의 사전 추첨 신청 접수는 종료되었습니다. ※일부 콘텐츠는 당일 선착순으로 배포되는 정리권이 필요합니다. ※전시 구역은 16시 이후 정리권 없이 자유롭게 입장하실 수 있을 예정입니다. ※이벤트 내용과 연사는 변경될 수 있습니다. :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

음악·댄스·아트로 이어지는 이벤트 「WILDチャンプルー」 도쿄도 나카노구의 나카노구 시키노모리 공원 이벤트 구역에서, 2026년 10월 11일（일）에 「WILDチャンプルー」가 개최됩니다。 본 이벤트는 스트리트 댄스와 음악, 아트를 통해 세대와 입장을 넘어선 교류를 만들어 내는 취지의 행사입니다. 어린이부터 어른까지, 경험이나 직함에 관계없이 누구나 자신답게 표현할 수 있는 장을 목표로 합니다. 이벤트의 볼거리 자유롭게 즐길 수 있는 프리스타일 댄스 현장에는 프리스타일 댄스의 사이퍼 구역이 마련되어 있어, 자유롭게 참여하며 댄스를 즐길 수 있습니다. 음악의 리듬을 느끼며 다양한 사람들과 교류를 즐길 수 있는 것이 매력입니다. 그래피티 그림 그리기 워크숍 13:00～15:00에는 ‘다 함께 그림을 그려봐요!’를 주제로 그래피티 워크숍을 진행합니다. 그림 그리기의 즐거움을 통해 자신만의 표현에 도전할 수 있습니다. 한편, 사용하는 아크릴 물감은 옷에 묻으면 잘 지워지지 않으므로, 더러워져도 괜찮은 복장으로의 참여를 추천합니다. 이런 분께 추천 스트리트 컬처와 댄스, 아트에 관심 있는 분은 물론, 가족이나 친구와 함께 가볍게 참여할 수 있는 이벤트를 찾는 분께도 추천합니다。 나이와 경험에 관계없이 각자의 개성을 즐기며 사람과 사람의 연결을 느낄 수 있는 하루를 보내보세요. ※ 이벤트의 최신 정보와 상세 일정은 공식 사이트를 확인해 주세요。 ※ 워크숍에 참여하실 때는 더러워져도 괜찮은 복장으로 오세요。 :root { --bg-color: #fcfcfc; --card-bg: #ffffff; --text-main: #111111; --text-muted: #555555; --accent-orange: #ff5500; --accent-orange-light: #fff2ec; --border-color: #e5e5e5; --dark-card: #141414; } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; overflow-x: hidden; background-color: var(--bg-color); color: var(--text-main); font-family: 'Noto Sans JP', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; line-height: 1.7; letter-spacing: 0.02em; -webkit-font-smoothing: antialiased; } .container { max-width: 860px; width: 100%; margin: 0 auto; padding: 48px 20px; } /* Header Styling */ header { border-bottom: 2px solid var(--text-main); padding-bottom: 32px; margin-bottom: 48px; } .badge { display: inline-block; background-color: var(--accent-orange); color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 3px 10px; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 16px; } .main-title { font-size: 1.6rem; font-weight: 700; line-height: 1.35; color: var(--text-main); margin-bottom: 12px; word-break: break-word; } .intro-text { font-size: 0.925rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Section Styling */ section { margin-bottom: 56px; width: 100%; } .section-header { margin-bottom: 24px; } .section-title { font-size: 1.3rem; font-weight: 700; letter-spacing: 0.04em; position: relative; } .section-title::after { content: ''; display: block; width: 36px; height: 3px; background-color: var(--accent-orange); margin-top: 6px; } /* Highlights Layout */ .grid-highlights { display: flex; flex-direction: column; gap: 20px; width: 100%; } .card { background-color: var(--card-bg); border: 1px solid var(--border-color); padding: 24px; width: 100%; box-sizing: border-box; transition: border-color 0.3s ease; } .card:hover { border-color: var(--accent-orange); } .card-number { font-size: 0.8rem; font-weight: 700; color: var(--accent-orange); margin-bottom: 8px; display: block; } .card-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); word-break: break-word; } .card-text p { margin-bottom: 8px; } .card-text p:last-child { margin-bottom: 0; } /* Recommendation Section */ .recommend-box { border-top: 1px solid var(--border-color); padding-top: 36px; width: 100%; } .recommend-text { font-size: 0.925rem; color: var(--text-main); margin-bottom: 24px; text-align: justify; word-break: break-word; } /* Image Gallery Protection & Responsiveness */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .image-frame { background-color: #f4f4f5; border: 1px dashed var(--border-color); border-radius: 4px; padding: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; overflow: hidden; } .image-frame img { max-width: 100%; width: 100%; height: auto; display: block; object-fit: contain; pointer-events: none; } .image-caption { font-size: 0.75rem; color: var(--text-muted); margin-top: 8px; text-align: center; word-break: break-word; line-height: 1.4; } /* Notes List */ .notes-list { list-style: none; background-color: #f4f4f5; padding: 20px 20px 20px 32px; width: 100%; box-sizing: border-box; } .notes-list li { font-size: 0.825rem; color: var(--text-muted); margin-bottom: 6px; text-indent: -1.2em; word-break: break-word; } .notes-list li:last-child { margin-bottom: 0; } /* Responsive Design */ @media (max-width: 768px) { .main-title { font-size: 1.4rem; } .container { padding: 32px 16px; } .card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

특별전 국립과학박물관 특별전「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」 개최 지구 환경 변화에 적응하며 진화해 온 생물들의 ‘놀라운 능력’과 ‘생존 전략’에 주목 국립과학박물관에서 특별전「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」이 열리고 있습니다. 본 전시는 지구 환경의 변화에 적응하며 진화해 온 생물들의 ‘놀라운 능력’과 ‘생존 전략’에 주목합니다. 국립과학박물관이 소장한 표본·자료와 연구 성과에 더해, NHK 자연 프로그램『ダーウィンが来た！』가 촬영한 영상을 통해 생물의 다양한 진화와 생태를 소개합니다. 전시 하이라이트 POINT 01 표본·연구·영상으로 배우는 생물의 진화 전시는 다양한 환경에 적응해 온 생물의 형질과 기능을 주제별로 소개합니다. 실제 표본과 최신 연구 성과, 귀중한 자연 영상을 통해 동물들이 어떻게 환경에 적응하며 생명을 이어 왔는지 즐겁게 배울 수 있습니다. POINT 02 『ダーウィンが来た！』와의 공동 기획 NHK 자연 프로그램『ダーウィンが来た！』와의 공동 기획으로, 제작팀이 촬영한 영상을 전시합니다. 본 전시 오리지널 캐릭터 ‘くじらじい’는 『ダーウィンが来た！』로 친숙한 ‘ヒゲじい’와의 컬래버레이션에서 탄생했습니다. 표본과 연구, 영상의 볼거리를 소개하며 생물의 신비에 다가갑니다. POINT 03 오디오 가이드도 이용 가능 오디오 가이드에는 본 전시 내비게이터인 相葉雅紀, ‘くじらじい’, 그리고 ‘ヒゲじい’가 등장합니다. 회장 대여판은 1대 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(); } });