허브 스팀에 감싸여 깊은 “토토노이”를 경험하는 도쿄 스폿
【SAUNA汽汽】
SAUNA汽汽는 나카메구로 역에서 도보 6분, 메구로강 변에 자리한 독자적인 시스템의 프라이빗 스팀 사우나입니다. 짙은 안개 같은 스팀이 가득한 사우나실에서 달아오른 몸에 그대로 냉수를 끼얹는, 지금까지 없었던 새로운 감각의 체험을 제공합니다.
객실을 통째로 대여하는 프라이빗한 공간으로, 성별에 상관없이 수영복 착용 후 이용할 수 있습니다. 사우나 애호가는 물론 처음 오는 분들까지 매료시키는 고급스러운 공간 설계를 갖추어 각자의 페이스로 마음껏 ‘토토노이’를 추구할 수 있습니다. 뜨겁게, 더 깊게, 자유롭게, 그리고 아름답게.
도시의 소란을 잊고 마음 깊이 충만해지는 특별한 시간을 약속합니다.
추천 포인트 3가지
1. 층마다 다른, 세 가지 최상급 경험
2·3·4층의 모든 객실은 각기 다른 콘셉트의 프라이빗 스팀 사우나입니다.
・2F MEGURI: 사우나실 내부에 냉수욕조가 있어 과열되지 않고 오래 머물 수 있습니다. 소통하거나 혼자 몰입하기에 최적입니다.
・3F HODOKE: 체감 온도가 높은 사우나실과 거실 같은 넓은 휴식 공간. 사진이 잘 나오는 공간으로, 그룹 이용에도 추천합니다.
・4F YUDANE: 풀-플랫 베드를 갖추고 있습니다. 높은 체감 온도에서 제대로 컨디션을 끌어올리고 싶거나, 친한 사람과 여유롭게 보내기에 안성맞춤입니다.
2. 증기에 감싸이는 ‘천연 허브 농무’와 ‘크나이프’라는 새로운 습관
사우나 내부에는 식물의 뿌리·줄기·잎·꽃·껍질에서 독자 추출한 ‘천연 허브 농무’가 가득합니다. 깊게 호흡할수록 몸 속 깊은 곳부터 촉촉해지고 에너지가 순환하는 감각을 느낄 수 있습니다.
또한 ‘크나이프’라 불리는, 사우나실 안에서 냉수 샤워를 하는 행위도 특징입니다. 체표만 식히고 심부의 열은 유지함으로써 체류 시간을 늘리고 “ととのい”를 극대화합니다.
3. 비대면 시스템과 풍부한 어메니티로 누리는 럭셔리 프라이버시
전용 태블릿으로 체크인·입실하는 무인 시스템. 직원과 마주치지 않고 스마트폰 하나로도 원활하게 이용할 수 있습니다.
모든 객실에 클렌징, 화장수, 헤어 오일 등 어메니티를 완비했습니다. 수영복 대여(+600엔)와 음료 구매도 가능해, 가볍게 빈손으로 들르기 좋은 점도 매력입니다.
기타 추천 정보
공간 커스터마이즈 가능:천연 허브 옵션 사용은 물론, 개인 미용기기와 보습 팩 지참도 가능합니다. 나만의 자유로운 스팀 사우나를 즐겨보세요.
영업시간 외에도 이용 가능한 파우더룸:사우나 이용 시간이 끝난 뒤에도, 자신의 페이스대로 천천히 몸단장을 할 수 있는 파우더룸이 갖춰져 있습니다.
참고문헌
- SAUNA汽汽 공식 사이트:https://sauna-kiki.jp/
기본 정보
| 이름 |
SAUNA汽汽 (サウナキキ) |
|---|---|
| 주소 | 도쿄도 메구로구 나카메구로 1초메 9-18 찾아오시는 길 |
| 영업 시간 |
【월・화・수・목・금・토・일・공휴일】
08:00 - 00:30 |
| 정기휴무일 | 없음 |
| 주차장 |
주차장: 없음
전용 주차장은 없습니다. 인근 유료 주차장을 이용해 주세요. |
| 취소 규정 | 예약 시간 36시간 이내의 취소·변경은 사유를 불문하고 이용 요금의 100%가 청구됩니다. |
| 요금 | 아침 할인 90분: 12,000엔~/주간 120분: 17,000엔~/저녁 이후 120분: 20,000엔~(1~2명, 최대 3명)。 3명 이용 시 +3,000엔, 수영복 대여 +600엔. |
| 결제 방법 | 신용카드・QR코드 결제・交通系電子マネー |
| 예약 방법 |
공식 웹사이트의 예약 사이트에서 예약. 예약은 2개월 전부터 가능. 결제는 사전 결제만 가능.
|
| 공식 SNS | |
| 공식 URL | https://sauna-kiki.jp/ |
시설 정보
- 결제
-
현금 결제 불가 -
신용카드 사용 가능 -
모바일 결제 가능
- 예약
-
예약 우선
- 주차장
-
유료 주차장
- 기타
-
역세권 -
가족에게 추천 -
커플에게 추천 -
우천 시 가능 -
샤워 -
당일 입욕 가능 -
프라이빗 욕탕 -
사우나 -
어메니티가 풍부함
주변 이벤트
-
-
-
1.29 km
경로 확인메구로구 강연 및 문화2026.09.30(水)–2027.01.17(日)전시 중국과 일본의 현대 사진·영상이 서로 공명하다 「듀엣――아시안 컨템퍼러리」 도쿄도 사진미술관에서 전시 「듀엣――아시안 컨템퍼러리」가 개최됩니다. 중국과 일본의 현대 사진·영상 작품을 소개하는 전시로, 2018년의 「사랑에 대하여 아시안 컨템퍼러리」에 이어 기획된 시리즈의 두 번째입니다. 이번 전시는 「듀엣」이라는 단어를 실마리로 서로 다른 시각과 배경을 지닌 작품들을 한 공간에 전시하며, 여러 시선과 문화, 시간, 개인의 경험이 교차하며 생겨나는 관계성과 울림에 주목합니다. 전시의 볼거리 중국과 일본 6명의 작가가 선보이는 다채로운 사진·영상 전시장에서는 村越としや, ワン・トゥオ(王拓), スイ・タカ(塔可), ルオ・ヤン(罗洋), ジャン・ポンイー(蒋鹏奕), fumiko imano 등 6명의 작가 작품을 소개합니다. 후쿠시마 땅의 기억을 포착한 村越としや의 작업, 중국 동북부의 역사와 사회를 다룬 ワン・トゥオ의 영상 작업, 중국에서 가장 오래된 시가집 『시경』에 노래된 장소를 찾아가는 スイ・タカ의 사진 시리즈, 청년과 아시아계 이민자의 정체성을 포착한 ルオ・ヤン의 작업 등, 각 작가의 독특한 시선으로 현대의 아시아를 바라봅니다. 사진 표현의 다양한 가능성을 만나다 ジャン・ポンイー는 반딧불이의 생물발광 궤적을 필름에 직접 기록하는 카메라리스 기법으로 〈Dark Addiction〉을 제작합니다. fumiko imano는 가상의 쌍둥이 자매를 등장시키는 셀프 포트레이트 콜라주 작업을 전개하고 있습니다. 서로 다른 기법과 표현을 활용한 작품을 통해 현대 사진·영상의 다채로운 표현을 접할 수 있는 전시입니다. 전시와 함께 즐길 수 있는 연계 이벤트 전시 기간에는 공동 기획자와 사진 평론가, 담당 학예사가 참여하는 심포지엄 외에도 수어를 포함한 Q&A 쇼, 담당 학예사의 갤러리 토크가 개최됩니다. 심포지엄은 2026년 10월 3일(토)에 개최될 예정이며, 일중 순차통역, 수어 통역, 실시간 자막 지원이 제공됩니다. 이런 분께 추천 현대 사진과 영상 작품에 관심이 있는 분, 중국·일본의 현대미술을 접해 보고 싶은 분, 다양한 문화와 시각으로 아시아를 담아낸 작품을 즐기고 싶은 분께 추천합니다. 전시는 에비스 가든 플레이스 내 위치한 도쿄도 사진미술관에서 열리므로, 에비스 지역의 미술관과 관광 명소와 함께 방문하시는 것도 좋습니다. Jiang Pengyi 《Dark Addiction 1H43’24”》 2013년 잉크젯 프린트 소장: 작가 ©Jiang Pengyi, Courtesy of ShanghART Gallery asian-contemporary-flyer-final[pdf] Luo Yang 《San 2》 〈Girls〉 시리즈 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; } }
-
-
-
-
1.29 km
경로 확인메구로구 강연 및 문화2026.09.30(水)–2027.01.17(日)기획전 일본의 신진 작가 5인이 새로운 이미지를 모색하다 ‘다시 조립하기: 일본의 신진 작가 vol.23’ 도쿄도 사진미술관에서 기획전 ‘다시 조립하기: 일본의 신진 작가 vol.23’이 개최됩니다. AI, CG, 스톱모션 애니메이션 등 다양한 기술과 재료를 활용해 작품을 제작하는 5명의 작가에 주목한 전시입니다. 본 전시는 실제로 존재했던 기억과 재료, 기술, 그리고 각 작가가 지닌 콘텍스트를 바탕으로 새로운 이미지로 구성해가는 제작 과정에 주목합니다. 정보가 넘쳐나 진위를 가려내기 어려운 현대에 우리가 무엇을 믿고, 어떻게 세상을 인식하는지를 생각하게 하는 전시입니다. 전시 하이라이트 다양한 기술과 재료에서 태어나는 새로운 표현 출품 작가는 市田小百合, 苅部太郎, 野村在, 橋本麦, 藤倉麻子 등 5명입니다. 각기 다른 방법과 시선으로 기억과 이미지, 현실과 허구의 경계에 마주한 작품을 선보입니다. 市田小百合는 학교라는 장소에 쌓인 시간을 주제로, 칠판을 지지체로 삼아 교사(校舍)의 단편을 재구성한 설치 작품을 일본에서 최초로 전시합니다. 苅部太郎는 TV 수신부에서 발생하는 글리치 노이즈와 생성형 AI를 결합해 인식과 ‘보기’의 메커니즘에 다가갑니다. 또한 野村在는 인물 사진을 연소시키고 그 불꽃의 빛을 장시간 노출로 기록함으로써 사진이라는 매체의 물질성에 주목합니다. 橋本麦는 자가 제작한 장치와 도구를 활용한 스톱모션 애니메이션의 신작 설치를 선보입니다. 藤倉麻子는 실사 영상과 CG, AI 등을 이용해 가상의 도시와 그 사회를 구축하는 설치 작품을 발표합니다. 작품이 태어나는 ‘과정’에도 주목 본 전시는 완성된 작품뿐 아니라 이미지가 어떻게 구성되어 새로운 표현으로 변화해 가는지라는 제작 과정에도 주목합니다. 특히 橋本麦는 전시 기간 중 공개 제작을 진행하며, 완성된 영상과 함께 작품이 탄생하는 과정도 소개합니다. 출품 작가와 게스트의 토크도 개최 전시 기간 중에는 출품 작가와 게스트가 참여하는 토크 이벤트가 열립니다. 10월 4일의 市田小百合×本橋仁을 시작으로, 野村在×岡部あおみ, 苅部太郎×下西風澄, 橋本麦×辻川幸一郎, 藤倉麻子×南後由和가 진행하는 총 5회의 토크가 예정되어 있습니다. 장소는 도쿄도 사진미술관 1층 홀이며, 참가비는 무료입니다. 당일 오전 10시부터 1층 종합 안내에서 정리권이 배포됩니다. 이런 분께 추천 사진과 영상, 현대미술에 관심이 있으신 분, 새로운 기술을 활용한 표현을 즐기고 싶은 분께 추천합니다. 에비스 가든 플레이스 내에 위치한 도쿄도 사진미술관에서 현대 작가들이 만들어 내는 새로운 이미지를 경험해 보세요. 市田小百合〈空席(Kūseki)〉 중에서 2025년 칠판에 실크스크린 프린트 작가 소장 ⓒSayuri Ichida 전시 전경: "Jerwood/Photoworks Awards 5" Drawing Room(런던, 2026년) Originally commissioned through the Jerwood/Photoworks Awards, supported by Jerwood Foundation, Photoworks and Arts Council England 藤倉麻子《4 Tales of Open Sunrise City (tentative title)》2026년 2채널 비디오 인스톨레이션 작가 소장 ⓒAsako Fujikura ※참고 도판 ※전시 내용은 여러 사정으로 변경될 수 있습니다。 ※최신 정보는 공식 웹사이트를 확인해 주세요. :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: 12px; } .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; } }
-
-
-
-
2.21 km
경로 확인시부야구 축제2026.10.24(土)–10.25(日)음악과 문화, 사람들의 에너지가 모이는 곳 「earth garden“秋” 2026」 요요기 공원을 무대로 음악과 문화, 사람들 간의 교류를 즐기는 「earth garden“秋” 2026」이 개최됩니다. 이번에는 야외 무대에 이틀간만 나타나는 ‘마을’을 테마로 한 체험형 페스티벌 ‘集楽座 Collective Sounds & Cultures’를 개최합니다. 음악을 중심으로 공간 연출과 스테이지 건축을 결합하여, 세대와 문화를 넘어 즐길 수 있는 장을 만듭니다. 이벤트 하이라이트 이틀 한정 체험형 페스티벌 ‘集楽座’ ‘集楽座’는 요요기 공원에 단 이틀만 나타나는 ‘마을(집락)’을 주제로 한 새로운 체험형 페스티벌입니다. 10월 24일(토)에는 鬼の右腕, 北村蕗, 滞空時間 Taikuh Jikang, CHO CO PA CO CHO CO QUIN QUIN, 民謡クルセイダーズ가 출연합니다. 10월 25일(일)에는 安部勇磨(Band Set), ELECTRONICOS FANTASTICOS!, Summer Eye, T字路s, 中西レモン&すずめのティアーズ가 등장합니다. 음악뿐 아니라 공간 연출도 만끽 현장에서는 해외 페스티벌의 무대 건축과 조명을 담당해 온 엔도 지로 씨, ZERO ACTION ARCHITECT 등이 선보이는 건축·연출도 진행됩니다. 음악과 공간이 하나가 되는, 야외 페스티벌만의 분위기를 즐길 수 있는 점도 매력입니다. 삶을 돌아보는 마켓과 워크숍 현장에는 공예 작품과 유기·에코 잡화, 공정무역 상품 등이 늘어선 마켓과 전시, 워크숍 부스가 한데 모입니다. ‘도쿄 나이트 마켓’도 동시 개최 이벤트 기간 중에는 요요기공원 느티나무 가로수길에서 ‘도쿄 나이트 마켓’도 동시 개최됩니다. 밤의 불빛과 음악, 맛있는 음식을 즐기며 다양한 사람들이 모이는 도쿄의 밤을 체험할 수 있습니다. ‘도쿄 나이트 마켓’의 개최 기간은 10월 21일(수)~25일(일)입니다. 이런 분께 추천 음악과 야외 페스티벌을 좋아하는 분은 물론, 도쿄에서 로컬 문화와 사람들과의 교류를 즐기고 싶은 분께도 추천합니다. 요요기공원의 개방적인 공간에서 음악과 문화, 음식을 즐기며 도쿄의 가을을 만끽해 보세요. © 2026 earth garden © 2026 earth garden ※ ‘集楽座’ 티켓 등의 최신 정보는 공식 사이트를 확인해 주세요. 集楽座 공식 사이트:https://shurakuza.jp/ :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 a { color: var(--accent-orange); text-decoration: underline; } .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; } }
-