아사쿠사의 레트로한 공간에서 즐기는, 일본 문화와 음식이 어우러진 체험형 엔터테인먼트 카페
【식품 샘플 제작 체험 카페】
아사쿠사역에서 도보 5분, 스미다공원과 센소지에서도 가까운 최적의 위치에 자리한 곳이 바로 ‘식품 샘플 제작 체험 카페’입니다.
이곳에서는 일본 음식점에서 익숙하게 볼 수 있는 정교한 식품 샘플을 직접 만들어 보는 특별한 체험을 즐길 수 있습니다.
콘셉트는 ‘만들고, 보고, 먹으며 즐거움’을 추구합니다.
단순히 샘플을 만드는 데 그치지 않고, 완성 후에는 당신이 만든 작품과 ‘똑같이 닮은 진짜 요리’가 제공되는, 이 카페만의 유니크한 연출이 매력입니다.
직접 케첩을 뿌리거나 면을 들어 올려, 진짜와 샘플을 나란히 두고 ‘어느 쪽이 진짜?’를 비교해 보는 색다른 체험은 SNS에서도 눈길을 사로잡습니다.
아사쿠사 관광 중 잠시 들러, 어른도 아이도 빠져드는 세상에 하나뿐인 특별한 추억을 만들어 보세요.
추천 포인트 3가지
1. 놀라운 "만들고 바로 먹는" 반전 체험
가장 큰 특징은 직접 만든 음식 샘플과 완전히 같은 메뉴를 실제로 맛볼 수 있다는 점입니다. 오므라이스, 미트소스 스파게티, 그리고 새로 선보인 크레페와 젤리 파르페 중에서 원하는 것을 고를 수 있습니다. 진짜 요리를 일부러 샘플처럼 보이도록 플레이팅하고 사진과 영상을 촬영하며 즐기는 이 ‘반전 체험’은 이곳에서만 느낄 수 있는 놀이감각으로 가득합니다.
2. 초보도 안심! 프로의 세심한 지원과 높은 완성도
스태프가 재료 혼합부터 조립, 장식까지 꼼꼼히 레슨해 주기 때문에, 6세 이상(초등학생 이상) 어린이부터 성인까지 누구나 높은 퀄리티의 작품을 만들 수 있습니다. 제작한 샘플은 오븐에 구워 단단하게 굳히는 본격적인 공정을 거치며, 당일 그대로 기념품으로 가져가실 수 있습니다.
3. 아사쿠사의 정취가 가득한 "레트로한 일본풍" 공간
매장은 레트로한 일본풍 분위기를 살린 차분한 디자인입니다. 관광의 번잡함에서 벗어나 나만의 작품 만들기에 몰입하는 여유로운 시간이 흐릅니다. 완전 예약제(웹 예약만 가능)이므로 대기 시간 없이 매끄럽게 체험을 시작할 수 있는 점도 매력입니다. 아사쿠사 관광의 새로운 정석 스폿으로 국내외 여행자들의 주목을 받고 있습니다.
기타 추천 정보
완전 캐시리스 결제: 매장 내 추가 주문 등은 모두 캐시리스로 이용 가능합니다. 스마트하게 결제하실 수 있습니다.
빈손으로 OK: 오염 방지 앞치마를 구비하고 있어 관광 중에도 그대로 들르실 수 있습니다.
동반 플랜 제공: 제작 체험을 하지 않는 분도 음식과 음료를 즐기면서 옆에서 관람·촬영이 가능합니다(체험자 1명당 최대 2명).
단체·대관 대응: 기업 연수나 학교 수학여행 등 다양한 단체 이용에 유연하게 대응합니다.
사전 예약제: 방문 시 반드시 사전 예약 또는 문의를 부탁드립니다. 당일 예약도 가능합니다. 체험 시간대는 오픈 10시부터 매시간 시작하오니 예약하신 시간에 늦지 않도록 방문해 주시기 바랍니다.
참고자료
- 食品サンプル製作体験カフェ 공식 사이트:https://foodsamplecafe.com/
기본 정보
| 이름 |
食品サンプル製作体験カフェ (Food Sample Making Cafe) |
|---|---|
| 주소 | 도쿄도 다이토구 하나카와도 1-13-13 찾아오시는 길 |
| 전화 | 070-9214-3127 |
| 영업 시간 |
【월・화・수・목・금・일・공휴일】
10:00 - 17:00(L.O. 16:00) 【토요일】 |
| 정기휴무일 | 없음 |
| 임시 휴무 | 예약이 없거나 갑작스러운 사정으로 인해 부정기적으로 휴무하는 경우가 있습니다. |
| 주차장 |
주차장: 없음
|
| 요금 | ・식사 포함 제작 체험 코스:5,600엔(세금 포함) ・제작 체험 코스(음료 포함):4,600엔(세금 포함) ・동반자(식사 포함):2,000엔(세금 포함) ・동반자(음료 포함):1,000엔(세금 포함) |
| 결제 방법 | 신용카드・체크카드・QR코드 결제・전자화폐・交通系電子マネー |
| 예약 방법 |
음식 모형 만들기 체험 카페 예약은 편리한 웹 예약을 이용해 주세요.
(현재 전화 예약은 받고 있지 않습니다) |
| 공식 SNS | |
| 공식 URL | https://foodsamplecafe.com/ |
시설 정보
| 찾아오시는 길 |
|
|---|
| 이용 |
|
|---|
| 흡연 |
|
|---|
| 결제 |
|
|---|
| 시설 |
|
|---|
| 조건·경향 |
|
|---|
| 서비스 등 |
|
|---|
주변 이벤트
-
-
-
1.20 km
경로 확인스미다구 취미 모임2026.07.10(金)–10.31(土)도쿄 스카이트리에서 즐기는 ‘치이카와’의 세계 ‘치이카와☆별이 쏟아지는 스카이트리®와 비밀의 섬’ 도쿄 스카이트리에서는 인기 캐릭터 ‘치이카와’와의 컬래버레이션 이벤트 ‘치이카와☆별이 쏟아지는 스카이트리®와 비밀의 섬’이 개최되고 있습니다. 본 이벤트는 2026년 7월 24일(금) 공개되는 ‘영화 치이카와 인어의 섬의 비밀’에 맞추어 진행되는 컬래버레이션입니다. 지상 450m의 전망 회랑을 중심으로, ‘영화 치이카와’의 세계관을 즐길 수 있는 전시 장식과 포토 스폿이 선보입니다. 도쿄 전경을 한눈에 내려다볼 수 있는 도쿄 스카이트리에서 치이카와 친구들과 함께 특별한 시간을 보내 보세요. 이벤트 하이라이트 하늘 위에 펼쳐진 ‘비밀의 섬’ 도쿄 스카이트리 전망 회랑 445~450층에서는 ‘영화 치이카와’의 세계관에 흠뻑 빠질 수 있는 특별한 공간을 전개합니다. 특별한 섬으로 향하는 배 여행을 시작으로, 특별한 코스튬의 캐릭터들과의 만남, 노를 젓는 보트로 즐기는 동굴 탐험 등 섬을 무대로 한 전시를 체험할 수 있습니다. 또한 ‘인형 찍기’ 포토 스폿에서는 섬에서의 추억을 사진으로 남길 수 있습니다. 마음에 드는 봉제인형과 함께 방문해 주세요. 지상 350m에서 상영되는 특별 영상 전망 데크 350층에서는 창유리를 거대한 파노라마 스크린으로 만든 ‘SKYTREE ROUND THEATER®’에서 ‘치이카와’의 특별 영상을 상영합니다. 상영 시간은 회차당 약 6분. 도쿄의 풍경과 함께 박력 있는 영상을 즐겨 보세요. 치이카와를 모티브로 한 특별 라이팅 기간 중에는 치이카와, 하치와레, 우사기, 모몬가 등 캐릭터를 모티브로 한 특별 라이팅도 점등됩니다. 캐릭터를 모티브로 한 디자인이 약 100초마다 바뀌어 도쿄 스카이트리의 밤을 수놓습니다. 한정 카페 메뉴와 굿즈도 등장 텐보 덱 340층의 ‘SKYTREE CAFE’에서는 이벤트에 맞춘 한정 카페 메뉴를 선보입니다. 캐릭터를 모티프로 한 음료와 음식 등을 즐길 수 있습니다. 또한 도쿄 스카이트리 1층 ‘SKYTREE SPACE’에서는 이벤트 한정 굿즈를 판매합니다. 이런 분께 추천 ‘치이카와’를 좋아하는 분은 물론, 도쿄 스카이트리 전망대와 콜라보레이션 이벤트를 함께 즐기고 싶은 분께도 추천합니다. 전망대에서 도쿄의 풍경을 감상하며 ‘치이카와’의 세계관을 느끼고, 한정 굿즈와 카페 메뉴를 즐길 수 있는, 도쿄 여행의 추억을 남기기에 안성맞춤인 이벤트입니다. 세이렌에게 잡혀버렸어 ©TOKYO-SKYTREE 섬이 부른 진실 ©TOKYO-SKYTREE ※ 텐보 덱·텐보 갤러리아 입장에는 요금이 부과됩니다. ※ ‘SKYTREE ROUND THEATER®’는 이벤트 및 전망대의 영업 상황에 따라 상영하지 않을 수 있습니다. ※ 특별 라이팅은 점등 시간 및 내용이 예고 없이 변경될 수 있습니다. ※ 이벤트 내용은 예고 없이 변경될 수 있습니다. :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%; /* 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形 */ .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; } }
-
-
-
-
1.23 km
경로 확인스미다구 매장 행사2026.08.20(木)–10.25(日)원작 데뷔 100주년을 기념하는 ‘곰돌이 푸’ ‘곰돌이 푸’ OH MY CAFE 원작 데뷔 100주년을 기념한 스페셜 카페 ‘곰돌이 푸’ OH MY CAFE가 도쿄와 오사카에서 기간 한정으로 개최됩니다. 도쿄 회장은 도쿄 스카이트리 타운 소라마치에 있는 ‘BOX cafe&space 도쿄 소라마치점’. 푸와 친구들의 세계관을 즐길 수 있는 특별한 카페입니다. 100주년을 기념한 메뉴와 카페 한정 굿즈 등이 등장해, 식사와 디저트를 맛보며 푸의 세계를 즐길 수 있습니다. 카페의 볼거리 카페 한정 메뉴를 즐길 수 있어요 푸가 풍선을 타고 하늘을 나는 모습을 모티프로 한 ‘배고파요 벌룬 카레’와, 푸의 집을 모티프로 한 ‘숲속 테리타마 샌드위치’ 등이 준비되어 있습니다. 디저트로는 원작 데뷔 100주년을 기념한 ‘100주년 축하 파르페’와 숲속 친구들의 즐거운 파티를 모티프로 한 ‘영웅을 기리는 케이크 세트’를 즐길 수 있습니다. 음료에는 푸, 피글렛, 티거, 이요르를 모티프로 한 메뉴도 선보입니다. 작품의 세계관을 느끼며 특별한 카페 타임을 보내 보세요. 카페 한정 굿즈와 수베니어도 등장 매장에서는 오리지널 아트를 사용한 카페 한정 굿즈와 수베니어도 판매합니다. 아크릴 키링, 스티커, 우드 뱃지, 액자 자석, 에코백 등 푸와 친구들을 디자인한 아이템이 마련되어 있습니다. 또한 음료와 세트로 구매할 수 있는 머그컵, 글라스, 스푼 등도 준비되어 있어 카페에서의 추억을 집으로 가져갈 수 있습니다. 도쿄 스카이트리 관광과 함께 즐길 수 있습니다 도쿄 회장은 도쿄 스카이트리 타운 소라마치 1층에 있는 「BOX cafe&space 東京ソラマチ店」입니다. 75분 교대제로 운영되며, 사전 예약을 이용하면 우선 입장하실 수 있습니다. 예약 금액은 1인당 770엔(세금 포함)이며, 카페 이용 시에는 음식·디저트·음료 중에서 1인당 최소 1개 이상 주문이 필요합니다. 도쿄 스카이트리 주변을 방문하실 때, "곰돌이 푸"의 세계관과 100주년만의 특별한 메뉴를 즐겨보시는 건 어떨까요? ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ©Disney. Based on the "Winnie the Pooh" works by A.A. Milne and E.H. Shepard. ※사전 예약을 권장합니다. 자세한 내용은 공식 사이트를 확인해 주세요. ※메뉴 이미지는 예시이며, 재료는 변경될 수 있습니다. ※굿즈 및 노벨티는 수량이 한정되어 있습니다. 자세한 내용은 공식 사이트를 확인해 주세요. :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%; } /* 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.31 km
경로 확인스미다구 축제2026.09.19(土)–10.26(月)도쿄 스카이트리® 발아래에서 즐기는 독일의 가을 「옥토버페스트 in 도쿄 스카이트리 타운® 2026」 도쿄 스카이트리 타운® 4층 스카이 아레나에서 ‘옥토버페스트 in 도쿄 스카이트리 타운® 2026’이 개최되고 있습니다. 독일 뮌헨에서 열리는 세계 최대 규모의 맥주 축제 ‘옥토버페스트’의 활기와 현지 분위기를 도쿄 스카이트리® 발아래에서 즐길 수 있는 이벤트입니다. 본격 독일 맥주와 독일 요리, 알프스 음악단의 라이브 연주 등, 가을 하늘 아래 독일만의 분위기를 만끽할 수 있습니다. 이벤트 하이라이트 (1)정통 독일 맥주 비교 시음 현장에는 ‘Hofbräu’, ‘Arcobräu’, ‘Riegele’, ‘Bitburger’ 등 다양한 브랜드의 맥주가 선보입니다. 한 번에 4가지 맥주를 즐길 수 있는 ‘4종 비교 시음’도 마련되어 있어, 서로 다른 맛과 향을 조금씩 즐기며 취향에 맞는 한 잔을 찾을 수 있습니다. 또한 도쿄에서 탄생한 크래프트 맥주 ‘TOKYO CRAFT’도 생맥주로 제공됩니다. (2)독일 미식과 개성 있는 글라스 소시지와 프레첼 등 정통 독일 음식에 더해, 올해는 ‘로스트비프 덮밥’도 선보입니다. 애플파이 등의 디저트와 과일을 활용한 논알코올 음료도 준비되어 있어, 런치나 디너로도 즐길 수 있습니다. 또한 ‘부츠 글라스’와 ‘덤벨 글라스’ 등 개성 넘치는 글라스도 등장하여, 평소와는 다른 맥주 경험을 즐길 수 있습니다. (3)음악과 포토 스폿으로 회장을 만끽 현장에서는 알프스 음악단의 라이브 공연도 진행됩니다. 경쾌하고 유쾌한 음악과 함께 옥토버페스트 특유의 활기찬 분위기를 즐길 수 있습니다. 또한 도쿄 스카이트리®를 배경으로 기념 촬영을 할 수 있는 행사장 한정 포토 스폿도 마련됩니다. 가족이나 친구와 추억을 남기기에도 좋습니다. 이런 분께 추천 정통 독일 맥주와 음식을 가볍게 즐기고 싶은 분, 도쿄 스카이트리® 주변에서 가을 이벤트를 즐기고 싶은 분께 추천합니다. 도쿄 스카이트리®를 가까이에서 바라볼 수 있는 탁 트인 공간에서 맥주와 음식, 음악과 함께 가을의 옥토버페스트를 즐겨보세요. © 도쿄 스카이트리 타운® 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: 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: 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; } }
-