맞춤 반지 제작 체험을 즐길 수 있는 액세서리 워크숍
【nane tokyo 캣스트리트점】
도쿄의 트렌드를 이끄는 캣스트리트에 자리한 ‘nane tokyo 캣스트리트점’은 세상에 단 하나뿐인 오리지널 반지를 직접 손으로 만들 수 있는 전문점입니다. 점명 ‘nane(나네)’는 옛말로 ‘사랑하는 사람, 소중한 사람’을 뜻하며, 그 이름처럼 소중한 이에게 전하는 마음을 담은 반지 제작을 지원합니다.
메이지진구마에역에서 도보 5분, 오모테산도역에서도 도보 10분이라는 뛰어난 접근성임에도 매장 내부는 차분한 분위기여서 반지 만들기에 온전히 집중할 수 있습니다. 커플과 친구는 물론 1인도 부담 없이 체험할 수 있어 여행의 추억, 기념일, 생일 등 특별한 날의 기념품으로 안성맞춤입니다.
숙련된 스태프가 정성스럽게 지원하므로 처음 오시는 분도 안심하고 반지 만들기를 즐길 수 있습니다. 디자인 상담부터 소재 선택, 실제로 공구를 사용해 형태를 만들어 가는 과정까지 하나하나 꼼꼼히 지도해 드립니다. 완성된 반지는 당일에 가져가실 수 있으며, 옵션으로 각인도 가능합니다. nane tokyo에서 세상에 단 하나뿐인 당신만의 빛을 형태로 만들어 보세요.
추천 포인트 3가지
1. 마음을 담는 주문제작 체험
nane tokyo에서는 고객 한 분 한 분의 마음을 형태로 만드는 주문제작 반지 만들기 체험을 하실 수 있습니다. 심플한 디자인부터 개성 있는 패턴, 폭이 다른 링까지, 풍부한 샘플 중에서 원하는 스타일을 선택할 수 있습니다.
특히 커플이 서로의 반지를 만들어 주는 체험은 두 사람의 인연을 더욱 깊게 해 주는 소중한 추억이 될 것입니다. 숙련된 장인이 세심하게 도와드리므로 손재주가 없어도 안심하고 이상적인 반지를 완성할 수 있습니다.
2. 다양한 소재 선택과 풍부한 커스터마이즈
반지 소재는 부담 없이 즐길 수 있는 실버부터, 보다 특별한 K5, K10, K14, K18, 플래티넘까지 폭넓게 준비되어 있습니다. 또한 표면 가공(유광, 무광 등)이나 안쪽 메시지 각인 등 세부적인 커스터마이즈가 가능합니다.
특히 주목할 만한 소재는 K10 GreenGold(그린 골드)입니다. 부드러운 색감으로 피부 톤에 잘 어우러지고 어떤 패션에도 자연스럽게 녹아듭니다. 은은한 광채가 매력적이며, 많은 고객님들로부터 ‘가장 마음에 든다’는 평가를 받는 당사의 강력 추천 소재입니다.
나만의 취향을 가득 담은, 말 그대로 ‘세상에 하나뿐인’ 오리지널 링을 만들 수 있습니다. 이러한 선택지는 예산과 용도에 맞게 자유롭게 조합할 수 있어 다양한 니즈에 부응합니다.
3. 뛰어난 접근성과充実한 서비스
메이지진구마에역에서 도보 5분, 오모테산도역에서도 도보 10분으로 도심 한가운데에 있으면서도 차분한 공간에서 체험에 집중할 수 있습니다. 체험 시간은 약 60~90분(프리미엄 플랜 약 90~120분)으로, 관광이나 쇼핑 중간에도 들르기 쉽습니다.
또한 체험 중 사진 촬영과 VLOG 촬영도 대환영이며, 소중한 추억을 기록으로 남길 수 있습니다. 온라인 사전 예약을 통해 대기 시간 없이 원활하게 체험을 시작할 수 있는 점도 매력입니다.
기타 추천 정보
nane tokyo 캣스트리트점에서는 최상의 경험을 제공하기 위해 다양한 서비스를 마련하고 있습니다.
f538기념일·생일에 최적: 소중한 사람과의 기념일, 생일, 프러포즈 서프라이즈 등 특별한 날의 추억 만들기에 안성맞춤입니다. 수제 반지는 기성품에는 없는 따뜻함이 있으며 두 사람의 스토리를 새기는 특별한 아이템이 됩니다.
f538당일 수령 가능: 제작한 반지는 그날 바로 가져가실 수 있습니다. 바로 착용하고 새로운 추억을 시작해 보세요.
f538영어 대응 워크숍: 해외 관광객도 안심하고 참여하실 수 있도록 영어로 지원이 가능합니다. 일본 문화를 체험하는 독특한 경험으로 해외 고객에게도 큰 호응을 얻고 있습니다.
f538온라인 예약 시스템: Jalan.net 등 온라인 플랫폼을 통해 간편하게 예약할 수 있습니다. 원하는 날짜와 시간을 선택하여 원활하게 체험을 시작하세요.
참고 문헌
- nane tokyo 공식 Instagram:https://www.instagram.com/nane.tokyo/
- Jalan nane tokyo 캣스트리트점:https://www.jalan.net/kankou/spt_guide000000219130/
기본 정보
| 이름 |
nane tokyo キャットストリート店 (nane tokyo Cat Street) |
|---|---|
| 주소 | 도쿄도 시부야구 진구마에 5-11-13 1층 찾아오시는 길 |
| 영업 시간 |
【월・화・수・목・금・토・일・공휴일】
11:00 - 19:00 ※임시 휴업 또는 영업시간 변경 시 공식 인스타그램을 통해 공지합니다. |
| 정기휴무일 | 정기휴무일 없음 |
| 예약 방법 | |
| 주차장 |
주차장: 없음
|
| 요금 | 체험 플랜: 5,500엔부터 프리미엄 플랜(축하 포함): 22,000엔부터 |
| 결제 방법 | 현금・신용카드・QR코드 결제 |
| 공식 SNS |
결제 정보
| 신용카드 |
|
|---|
| QR코드 결제 |
|
|---|
시설 정보
| 찾아오시는 길 |
|
|---|
| 이용 |
|
|---|
| 흡연 |
|
|---|
| 결제 |
|
|---|
| 조건·경향 |
|
|---|
| 언어 |
|
|---|
| 매장 규칙 |
|
|---|
주변 이벤트
-
-
-
1.06 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; } }
-
-
-
-
2.21 km
경로 확인미나토구 강연 및 문화2026.09.09(水)–12.13(日)루브르 박물관 소장, 레오나르도 작품 포함 56점이 일본에 온다 ‘루브르 박물관전 르네상스’ 국립신미술관에서 ‘루브르 박물관전 르네상스’가 12월 13일(일)까지 개최됩니다. 15세기부터 16세기에 걸쳐 유럽 각지에서 전개된 르네상스 미술에 초점을 맞추어, 루브르 박물관 소장품에서 선정한 56점의 작품을 통해 그 풍부하고 복합적인 예술적 특성을 소개하는 전시입니다. 본 전시는 르네상스를 상징하는 예술가 레오나르도 다 빈치에 주목하여, ‘여행’, ‘기법의 혁신과 세련’, ‘고대에 대한 시선’, ‘초상 예술의 융성’이라는 네 가지 주제로 작품을 소개합니다. 회화뿐만 아니라 조각, 판화, 소묘, 공예 등 다양한 장르의 작품을 감상할 수 있습니다. 전시의 볼거리 레오나르도 다 빈치의 ‘여성의 초상’ 일본 첫 공개 이번 전시에서는 레오나르도 다 빈치의 ‘여성의 초상’, 잘못 붙여진 별칭 ‘아름다운 페로니에르’가 일본에서 처음 공개됩니다. 1490~1497년경 제작된 유화로, 르네상스기에 높아진 인간 개성에 대한 관심을 상징하는 초상 예술의 걸작입니다. 네 가지 주제로 르네상스 미술 소개 전시는 ‘여행’, ‘기법의 혁신과 세련’, ‘고대에 대한 시선’, ‘초상 예술의 융성’의 네 가지 주제로 구성되어 있습니다. 고대 그리스·로마 문화의 재평가 움직임, 예술가들의 교류, 기법의 발전 등 다양한 측면에서 르네상스 미술을 알아볼 수 있습니다. 회화부터 조각, 판화, 공예까지 다채로운 작품 전시 현장에서는 회화, 조각, 판화, 소묘, 공예 등 폭넓은 장르의 작품을 소개합니다. 루브르 박물관이 소장한 다양한 작품을 통해 르네상스 미술의 매력을 느낄 수 있습니다. 이런 분께 추천 르네상스 미술과 서양미술에 관심이 있거나, 레오나르도 다 빈치의 작품을 감상하고 싶은 분, 루브르 박물관의 컬렉션을 만나보고 싶은 분께 추천하는 전시입니다. 록폰기 지역의 미술관 투어와 함께 도쿄에서 서양미술을 즐길 수 있는 기회로 방문해 보시는 건 어떨까요? 베네치아 화가《베네치아 공화국 사절단을 맞이하는 다마스쿠스 총독》1511년경 파리, 루브르 박물관 Photo © GrandPalaisRmn (musée du Louvre) / Gabriel De Carvalho / distributed by AMF-DNPartcom 알브레히트 뒤러《코뿔소》1515년(초판) 파리, 루브르 박물관 Photo © GrandPalaisRmn (musée du Louvre) / Michel Urtado / distributed by AMF-DNPartcom ※ 전시 내용 및 전시 작품은 변경될 수 있습니다. ※ 최신 정보는 공식 웹사이트를 확인해 주세요. :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%; -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: left; 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.27 km
경로 확인신주쿠구 강연 및 문화2026.10.23(金)–2027.02.28(日)일본 최초 상륙! 몰입형 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; } }
-