센토×사우나×크래프트 맥주.
전통의 향과 혁신의 자극이 교차하는, 뉴 스타일 센토 스팟
【すえひろ湯】
도쿄도 시나가와구 오이마치에 위치한 「すえひろ湯」는 노포 센토 「末広湯」의 전통을 잇는 동시에 현대의 니즈에 부응하는 혁신적 센토로 2022년에 새롭게 출발했습니다. 아름다운 곡선을 그리는 외관과 특징적인 팔각형 수도꼭지 등 과거의 면모를 간직하면서도 더욱 편안하고 즐거운 센토 체험을 제공합니다.
「すえひろ湯」는 단순한 목욕 시설을 넘어, 심신의 리프레시를 추구하는 고객에게 최적의 공간입니다. 화끈한 하우징형 스토브 사우나, 얼음처럼 차가운 냉탕, 그리고 목욕 후에 즐기는 크래프트 맥주까지 오감을 자극하는 요소가 가득합니다. 그동안 末広湯을 지켜온 지역 고객은 물론, 새롭게 센토 문화를 접하는 국내외 고객에게도 오래 사랑받는 ‘따뜻한 센토’를 지향합니다.
추천 포인트 3가지
1. 업그레이드된 ‘아주 뜨거운 사우나’와 ‘얼음처럼 차가운 냉탕’
2022년에 리뉴얼된 사우나는 원적외선 스토브식에서 수납식 스토브로 발전했습니다. 스토브가 좌석 아래와 후면에 수납되어 있어 실내 전체가 고르게 데워지고, 충분한 발한을 돕습니다. TV나 라디오가 없는 무음 공간에서 자신과 마주하는 명상의 시간을 보낼 수 있습니다.
남탕은 최대 11명, 여탕은 최대 8명까지 이용 가능해 개방감이 뛰어납니다. 사우나 후에는 바위 테두리가 특징인 15℃ ‘얼음처럼 차가운 냉탕’에서 몸을 한껏 식혀 보세요. 예전 약탕 욕조를 개조한 널찍한 냉탕은 4〜5명이 여유 있게 이용할 수 있습니다.
2. 센토에서 맛보는 ‘일기일회의 크래프트 맥주’
すえひろ湯에서는 맥주 애호가인 스태프가 엄선한 국산 크래프트 맥주를 다양하게 갖추고 있습니다. 캔·병은 물론, 생맥주 2종도 즐길 수 있습니다. 들여오는 브루어리는 수시로 바뀌어 방문할 때마다 새로운 맛과의 만남이 기다립니다.
목욕 후 달아오른 몸에 흘려 넣는 한 잔은 각별하며, 센토만의 호사스러운 시간을 선사합니다.
3. 충실한 시설과 뛰어난 접근성
욕탕은 마이크로 바이브라, 전기탕, 좌탕, 와탕 등 다양한 종류를 갖추고 있습니다. 샴푸, 컨디셔너, 바디워시는 비치되어 있어 빈손으로 와도 안심입니다.
탈의실에는 무료 보관함과 드라이어가 마련되어 있습니다. JR京浜東北線·りんかい線·東急大井町線「大井町」역에서 도보 4분이라는 뛰어난 입지도 매력적입니다. 평일 15:00-25:00, 토·일·공휴일 10:00-25:00까지 매일 영업하여 퇴근길이나 휴일에도 가볍게 들를 수 있습니다.
기타 추천 정보
아메니티 판매: 프런트에서는 대여용 타월과 아메니티(메이크업 리무버, 세안제, 토너, 로션, 칫솔, 샴푸, 컨디셔너, 면도기 등), 오리지널 굿즈를 판매합니다.
어린이용 서비스: 어린이용 바디워시와 장난감을 무료로 대여해 드려, 가족 고객도 안심하고 즐기실 수 있습니다.
자매점 연계: 사우나 회수권은 자매점 「金春湯」과 공용으로 이용할 수 있어, 두 매장의 사우나를 합리적으로 즐길 수 있습니다.
참고 자료
- すえひろ湯 공식 사이트:https://suehiroyu.tokyo/
기본 정보
| 이름 |
すえひろ湯 (Suehiro-yu) |
|---|---|
| 주소 | 도쿄도 시나가와구 오이 1-42-4 찾아오시는 길 |
| 전화 | 090-4326-0485 |
| 영업 시간 |
【월・화・수・목・금・일・공휴일】
15:00 - 01:00(L.O. 00:30) 【주말 및 공휴일 】 |
| 정기휴무일 | 없음 |
| 주차장 |
주차장: 없음
인근 유료 주차장을 이용해 주세요. |
| 요금 및 예약 | 입욕료 어른 550엔 청소년 450엔 어린이 200엔 미취학 아동 100엔 공통 입욕 회수권(10회분) 5,400엔 ※어른 1명당 미취학 아동 1명 무료 사우나 입욕료 필수 600엔 사우나 회수권(6회분) 2,700엔 사우나 회수권은 金春湯에서도 사용 가능합니다 |
| 결제 방법 | 현금・신용카드・QR코드 결제・전자화폐・交通系電子マネー |
| 공식 SNS | |
| 공식 URL | https://suehiroyu.tokyo/ |
시설 정보
| 찾아오시는 길 |
|
|---|
| 결제 |
|
|---|
| 시설 |
|
|---|
| 조건·경향 |
|
|---|
| 서비스 등 |
|
|---|
주변 이벤트
-
-
-
2.99 km
경로 확인미나토구 취미 모임2026.09.18(金)–12.13(日)JR동일본 탈출 게임 「춤추는 야마노테 대수사선 야마노테선을 질주하라!」 JR동일본의 야마노테선 연선을 무대로, 영화 ‘踊る大捜査線 N.E.W. メトロポリスを駆け抜けろ!’와 콜라보한 대규모 순회형 탈출 게임 ‘춤추는 야마노테 대수사선 야마노테선을 질주하라!’가 개최됩니다. 참가자는 경시청 특별수사과의 형사가 되어, 수사1과의 아오시마와 함께 야마노테선 연선에서 사건을 일으키는 범죄 그룹 ‘Pentagon’을 추적합니다. 키트에 적힌 수수께끼를 풀며 야마노테선의 다양한 역을 돌고, 사건 해결을 목표로 합니다. 이벤트 하이라이트·참가 정보 야마노테선을 돌며 수수께끼를 푼다 본 이벤트는 JR동일본의 야마노테선 연선을 이동하면서 즐기는 추리/수수께끼 게임입니다. 전용 키트와 ESCAPE.ID 앱을 사용해 역과 주변의 체크포인트를 돌며 수사를 진행합니다. 제한 시간이 없어 중간에 휴식하거나 날짜를 나누어 플레이하는 것도 가능합니다. 초보자를 위한 힌트도 마련되어 있어 자신의 페이스로 즐길 수 있습니다. 플레이와 이동을 포함한 소요 시간은 약 5~7시간입니다. 참가하려면 앱을 다운로드할 수 있는 스마트폰 또는 태블릿이 필요합니다. 참가 방법 먼저 수수께끼 키트를 구매합니다. 온라인으로 구매해 수령 장소에서 교환하거나, 오프라인 매장 또는 온라인에서 직접 구매할 수 있습니다. 그다음 ESCAPE.ID 앱을 다운로드하고 포털 사이트와 연동하여 참가 등록을 진행합니다. 키트에 기재된 시리얼 코드를 입력하면 게임을 시작할 수 있습니다. 참가 전에 확인할 사항 권장 플레이 시간은 매주 수요일을 제외한 11:00~20:00입니다. 매주 수요일에는 출입이 제한된 구역이 있어 일부 정보는 앱 내에서 확인합니다. 또한 11:00 이전과 20:00 이후에도 출입할 수 없는 구역이 있습니다. 역 구내와 시설에는 일반 이용객도 있으므로 통행에 방해가 되지 않도록 주의해 주세요. 보행 중 스마트폰 조작은 위험하니, 조작할 때에는 안전한 장소에 멈춰 사용하세요. ※이미지는 예시입니다 ※이미지는 예시입니다 ※악천후 시 참여는 자제해 주세요. ※게임 내용이나 방문한 역 등의 스포일러를 SNS 등에 게시하는 행위는 금지됩니다. ※개최 내용 및 판매 상황은 방문 전에 공식 사이트에서 확인해 주세요. :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; } }
-
-
-
-
3.99 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; } }
-
-
-
-
3.99 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; } }
-