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

특별전 국립과학박물관 특별전「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」 개최 지구 환경 변화에 적응하며 진화해 온 생물들의 ‘놀라운 능력’과 ‘생존 전략’에 주목 국립과학박물관에서 특별전「いきもの超ワールド展 国立科学博物館×ダーウィンが来た！」이 열리고 있습니다. 본 전시는 지구 환경의 변화에 적응하며 진화해 온 생물들의 ‘놀라운 능력’과 ‘생존 전략’에 주목합니다. 국립과학박물관이 소장한 표본·자료와 연구 성과에 더해, 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(); } });

전통 행사 가을 풍경과 싸리꽃을 즐기는 「무코지마 햣카엔 하기 마쓰리」 무코지마 햣카엔에서 2026년도 ‘하기 마쓰리’가 개최됩니다. 정원의 명물인 약 30미터 길이의 ‘하기 터널’이 절정을 맞는 이 시기, 가을빛으로 물든 정원을 거닐며 계절의 초화와 일본 문화를 즐길 수 있습니다. 기간 중에는 ‘하기’를 주제로 하이쿠와 와카를 단자쿠에 쓰는 ‘하기를 읊다’를 비롯해, 정원 내 야초를 관찰하는 ‘야초 관찰’, 말차와 다과를 즐길 수 있는 ‘다회’ 등이 진행됩니다. 행사 내용 EVENT 01 (1) 하기를 읊다 일시: 기간 중 매일, 종일. 우천 시 취소 장소: 등나무 퍼골라 옆 정자(아즈마야) 내용: 방문객이 ‘하기’를 주제로 하이쿠·와카를 단자쿠에 씁니다. 참가비: 무료(입장료 별도) EVENT 02 (2) 야초 관찰 일시: 9월 19일(토) 11:40~, 14:40~ (각 회 약 1시간) ※우천 시 취소 집합 장소: 매점 앞 광장 내용: 강사의 해설을 들으며 정원 내 야초를 관찰합니다. 강사: 와카바야시 요시키 (식물 연구가) 정원: 각 회 20명 참가 방법: 당일 집합 장소로 모여 주십시오(정원 마감 시 종료). EVENT 03 (3) 다회 일시: 10월 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 in Urban Dock LaLaport Toyosu" Urban Dock LaLaport Toyosu에서 "Oktoberfest 2026 in Urban Dock LaLaport Toyosu"가 개최됩니다. 독일 맥주와 소시지 등 다양한 음식을 맛보며 옥토버페스트만의 분위기를 만끽할 수 있는 행사입니다. 올해는 Urban Dock LaLaport Toyosu 개장 20주년을 기념한 특별 기획도 진행됩니다. 도요스의 가을을 즐기며 맥주와 미식, 다양한 프로그램을 즐길 수 있습니다. 이벤트 하이라이트 독일 맥주와 음식 즐기기 현장에는 Arcobräu, Paulaner, Hofbräu, Hacker-Pschorr, Hirschbräu, Karmeliten 등 맥주 브랜드가 참가합니다. 독일 맥주와 잘 어울리는 소시지, 프레첼 등의 음식도 즐길 수 있습니다. LaLaport Toyosu 20주년 특별 기획 올해는 Urban Dock LaLaport Toyosu 개장 20주년을 기념해 "감사의 20리터 맥주"와 20주년 기념 포토 모뉴먼트를 선보입니다. 또한 현장 매장에서는 "20"을 주제로 한 한정 메뉴도 준비되어 있습니다. LINE으로 참여하는 양조장 스탬프 랠리 현장에 참가하는 6개 브랜드의 맥주 부스를 도는 "양조장 스탬프 랠리"도 진행됩니다. 각 브랜드에서 맥주를 구매해 스탬프 6개를 모으면 "오리지널 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 ➁ 지역 과제 해결 활동에 참여해 주신 분께는 다음 방문 시浜通り 지역 등 15개 시정촌 내 가맹 점포에서만 사용할 수 있는 PayPay 상품권 1만 엔을 증정합니다.\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 신청 기간:2025년 9월 25일(금)~2026년 10월 5일(월)\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; } }