Thưởng thức bánh donut tươi mềm tại Ga Tokyo
&TOKYO là cửa hàng chuyên bánh donut tươi nằm tại B1F Gransta Marunouchi bên trong Ga Tokyo. Dễ ghé qua giữa hành trình di chuyển hay trong lúc mua sắm, rất phù hợp khi bạn muốn thưởng thức đồ ngọt một cách thoải mái ngay tại Ga Tokyo.
Món chủ lực là bánh donut tươi, làm từ bột được chuẩn bị hằng ngày tại cửa hàng, kết hợp với những hương vị tuyển chọn. Bên ngoài giòn rụm, bên trong mềm xốp nhẹ; từ vị nguyên bản, nhân kem cho đến các loại dùng nguyên liệu Nhật, lựa chọn rất đa dạng.
Cũng có những sản phẩm kết hợp với các thương hiệu lâu đời ở Nihonbashi và các cửa hàng cùng hệ thống, tạo nên một danh mục mang đậm chất Tokyo. Không chỉ có donut ngọt, mà còn cả những hương vị cá tính như donut phủ mì trộn, khiến việc lựa chọn cũng trở thành một niềm vui.
3 điểm nổi bật
01
Bánh donut tươi mềm được chuẩn bị ngay tại cửa hàng
&TOKYO làm donut tươi bằng cách kết hợp bột được chuẩn bị mỗi ngày ngay tại cửa hàng với các hương vị tuyển chọn. Lớp ngoài giòn rụm, bên trong mềm xốp nhẹ là điểm cuốn hút. Chỉ một miếng cắn, vị ngọt dịu của chính phần bột sẽ lan tỏa.
02
Từ vị ngọt cổ điển đến hương vị Nhật
Có đầy đủ các hương vị để bạn chọn theo tâm trạng như nguyên bản, pudding, matcha, hojicha, đậu đỏ và bơ, v.v. Không chỉ những chiếc donut ngọt kinh điển mà còn cả các vị sử dụng nguyên liệu Nhật, khiến cả khoảng thời gian phân vân chọn lựa cũng trở nên thú vị.
03
Sản phẩm hợp tác đậm chất Tokyo
Có cả những sản phẩm kết hợp với các thương hiệu lâu đời ở Nihonbashi và các cửa hàng cùng hệ thống, tạo nên một dòng sản phẩm đậm chất Tokyo. Chẳng hạn như donut phủ mì trộn của quán ramen cùng hệ thống 「Dame na Rinjin」, bạn còn có thể bắt gặp những hương vị cá tính không chỉ ngọt.
THÔNG TIN CƠ BẢN
| Tên |
&TOKYO (And Tokyo) |
|---|---|
| Địa chỉ | B1F, Gransta Marunouchi, Ga Tokyo, 1-9-1 Marunouchi, Quận Chiyoda, Tokyo Chỉ đường |
| Điện thoại | 03-6812-2105 |
| Giờ làm việc |
【T2・T3・T4・T5・T6・T7】
08:00 - 22:00 【CN・Ngày lễ】
08:00 - 21:00 |
| Ngày nghỉ cố định | Mở cửa quanh năm (trừ kỳ nghỉ cuối năm và đầu năm mới) |
| Mạng xã hội chính thức |
THÔNG TIN CƠ SỞ
| Chỉ đường |
|
|---|
| Sử dụng |
|
|---|
| Thanh toán |
|
|---|
| Ẩm thực |
|
|---|
Sự kiện xung quanh
-
-
-
0.49 km
Kiểm tra lộ trìnhQuận Chiyoda Buổi gặp gỡ sở thích2026.09.16(水)–12.07(月)Triển lãm kỷ niệm 15 năm của MAPPA “MAPPA EXPO 15th Anniversary” Triển lãm “MAPPA EXPO 15th Anniversary” kỷ niệm 15 năm thành lập của studio hoạt hình MAPPA đang được tổ chức tại YURAKUCHO MUSEUM ở Yurakucho, Tokyo. Triển lãm mang đến các khu trưng bày đặc biệt để thưởng thức trọn vẹn sức hấp dẫn và thế giới quan của những tác phẩm do MAPPA sản xuất, bao gồm phim điện ảnh “Chainsaw Man: Reze Arc”, “Attack on Titan” The Final Season và anime “Jujutsu Kaisen”. Thông qua tư liệu sản xuất gồm cả bản vẽ gốc, video và các trưng bày lập thể, bạn có thể đắm mình trong thế giới các tác phẩm của MAPPA. Điểm nhấn của triển lãm (1)Trưng bày đặc biệt tái hiện thế giới các tác phẩm của MAPPA Tại địa điểm, bạn có thể thưởng thức nhiều hạng mục trưng bày xoay quanh các tác phẩm như phim điện ảnh “Chainsaw Man: Reze Arc”, “Attack on Titan” The Final Season và anime “Jujutsu Kaisen”. Ở khu vực “Jujutsu Kaisen”, các cảnh chiến đấu ấn tượng từ trước đến nay được giới thiệu theo dạng điểm nhấn. Bên cạnh tư liệu sản xuất bao gồm cả bản vẽ gốc, còn có nghệ thuật sắp đặt lập thể và video lấy cảm hứng từ bên trong tàu điện, cùng mô hình kích thước thật của Yuji Itadori. (2)Một phần trưng bày sẽ thay đổi giữa giai đoạn đầu và cuối Triển lãm được chia thành hai giai đoạn đầu và cuối, với dự kiến thay đổi một phần nội dung trưng bày. Giai đoạn đầu diễn ra từ Thứ Tư, ngày 16 tháng 9 năm 2026 đến Chủ Nhật, ngày 25 tháng 10; giai đoạn cuối từ Thứ Tư, ngày 28 tháng 10 đến Thứ Hai, ngày 7 tháng 12. Điểm đáng chú ý là nội dung trưng bày sẽ khác nhau tùy theo thời gian. (3)Ra mắt cả hàng hóa độc quyền của triển lãm Tại địa điểm còn bày bán sản phẩm độc quyền với minh họa mới vẽ riêng cho triển lãm và key visual kỷ niệm 15 năm của MAPPA. Dòng sản phẩm bao gồm các mặt hàng lấy cảm hứng từ những tác phẩm nổi tiếng như “Chainsaw Man: Reze Arc”, “Attack on Titan” The Final Season và “Jujutsu Kaisen”. Phù hợp với những ai Đây là một triển lãm không chỉ dành cho những người yêu thích các tác phẩm của MAPPA mà còn cho bất kỳ ai quan tâm đến văn hóa hoạt hình Nhật Bản. Khi ghé thăm Yurakucho, Tokyo, bạn đừng bỏ lỡ “MAPPA EXPO 15th Anniversary” để trải nghiệm gần gũi thế giới các tác phẩm mà MAPPA đã thực hiện suốt nhiều năm. ©芥見下々/集英社・呪術廻戦製作委員会 ©諫山創・講談社/「進撃の巨人」The Final Season製作委員会 ※Triển lãm áp dụng hình thức vào cửa theo khung ngày giờ cố định. Vui lòng kiểm tra vé để biết khung giờ vào cửa, số thứ tự và thời gian tập trung. ※Một phần nội dung trưng bày sẽ được thay đổi giữa giai đoạn đầu và cuối triển lãm. ※Đóng cửa vào Thứ Hai, ngày 26/10/2026 và Thứ Ba, ngày 27/10/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; } }
-
-
-
-
1.70 km
Kiểm tra lộ trìnhQuận Chiyoda Buổi gặp gỡ sở thích2026.10.23(金)–11.01(日)Lễ hội Sách Cũ Kanda – Danh vật Tokyo lần thứ 66|Dạo bước mùa thu giữa phố sách Jinbocho “Lễ hội Sách Cũ Kanda – Danh vật Tokyo lần thứ 66” sẽ được tổ chức tại Kanda–Jinbocho (Tokyo), nơi tụ hội nhiều hiệu sách cũ. Trong thời gian diễn ra, hơn 100 xe đẩy sách sẽ xếp dọc đường Yasukuni-dori, tạo thành “Hành lang Sách” dài khoảng 500 m. Khoảng 120 cửa hàng tham gia, mang đến cơ hội gặp gỡ sách cũ thuộc nhiều thể loại như văn học, lịch sử, manga. Hãy tản bộ qua Jinbocho mùa thu và cảm nhận sức hấp dẫn riêng của sách in. Điểm nhấn của Lễ hội Sách Cũ Kanda “Hành lang Sách” dài khoảng 500 m Tại “Chợ trời săn kho báu” dọc đường Yasukuni-dori, đa dạng sách cũ do từng hiệu sách chuẩn bị sẽ được bày bán. Biết đâu bạn sẽ gặp một cuốn bất ngờ hoặc cuốn sách mình tìm bấy lâu. Lưu ý: trời mưa sẽ hủy. Triển lãm bán sách cũ tuyển chọn với nhiều ấn phẩm quý Từ Thứ Sáu ngày 23 đến Chủ nhật ngày 25 tháng 10, “Triển lãm bán sách cũ tuyển chọn” sẽ diễn ra tại hội trường tầng hầm của 東京古書会館. Sẽ trưng bày và bán các cổ tịch, tài liệu bút tích và những ấn bản đầu tiên thời cận đại. Không chỉ là sách: tận hưởng dạo phố Jinbocho Ở Jinbocho ngoài các hiệu sách cũ còn có nhiều quán cà phê và quán cà ri rải rác. Bên cạnh việc săn sách, bạn cũng nên ghé thăm những hàng quán độc đáo và các điểm tham quan lân cận. Gợi ý cho ai nên đi Sự kiện này không chỉ dành cho những ai yêu thích sách cũ và văn học, mà còn cho những người muốn trải nghiệm nét văn hóa sách độc đáo của Nhật Bản。 Vừa tận hưởng những cuộc gặp gỡ bất ngờ với sách, vừa dạo bước thỏa thích qua khu phố Jinbocho nơi các hiệu sách cũ đầy cá tính nối dài. Quang cảnh những năm trước Quang cảnh những năm trước ※“青空掘り出し市” sẽ bị hủy khi trời mưa. ※Do công trình tại tòa nhà Iwanami Jimbocho, địa điểm tổ chức sẽ có một số thay đổi so với mọi năm. Vui lòng kiểm tra trang web chính thức để biết thông tin mới nhất. :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; } }
-
-
-
-
2.01 km
Kiểm tra lộ trìnhQuận Trung tâm Thuyết trình và văn hóa2026.10.31(土)、2026.11.01(日)Trải nghiệm văn hóa truyền thống Nhật Bản tại các khu vườn ở Tokyo: “Tokyo Grand Tea Ceremony 2026” “Tokyo Grand Tea Ceremony 2026” sẽ được tổ chức tại Vườn Hama-rikyu vào Thứ Bảy, ngày 31 tháng 10 và Chủ Nhật, ngày 1 tháng 11. Sự kiện quy tụ nhiều buổi trà đạo vượt qua ranh giới các phái. Ở Vườn Hama-rikyu sẽ có “trà thất” trong nhà, “Nodate” ngoài trời dễ dàng tham gia, “Nodate bằng tiếng Anh” có thông dịch tiếng Anh, và “Nodate dành cho học sinh trung học” do học sinh các trường THPT ở Tokyo thực hiện. Mỗi chương trình kéo dài khoảng 20–25 phút/buổi, phí tham gia là 800 yên/người. Trải nghiệm trà đạo giữa các khu vườn ở Tokyo Trải nghiệm trà đạo tại trà thất trong nhà “Trà thất” diễn ra trong nhà là chương trình mà ngay cả người mới cũng có thể tham gia một cách thoải mái. Địa điểm gồm “Nakajima-no-Ochaya” và “Hobai-tei”. Tại Hobai-tei, một số lượt có hỗ trợ thông dịch ngôn ngữ ký hiệu. “Nodate” ngoài trời, tham gia thật nhẹ nhàng “Nodate” là buổi trà ngoài trời, những ai chưa từng trải nghiệm trà đạo cũng có thể tham gia dễ dàng. Ở “Nodate II”, một số lượt cũng có thông dịch ngôn ngữ ký hiệu. Ngoài ra, “Nodate bằng tiếng Anh” có thông dịch tiếng Anh, giúp du khách quốc tế trải nghiệm văn hóa trà của Nhật Bản. Cũng có Nodate do học sinh trung học chủ trì Tại “Nodate dành cho học sinh trung học”, học sinh các câu lạc bộ trà đạo ở các trường THPT trong Tokyo sẽ pha trà và phục vụ ngoài trời. Dễ dàng tham gia với vé trong ngày Từ năm 2026, tất cả “trà thất” và “Nodate” tổ chức tại Vườn Hama-rikyu đều có thể tham gia bằng vé trong ngày. Không cần đăng ký trước hay bốc thăm; bạn mua vé tham gia tại địa điểm vào ngày diễn ra. Việc bán vé sẽ kết thúc ngay khi mỗi lượt đạt đủ số lượng, vì vậy những ai muốn tham gia nên đến địa điểm sớm với thời gian dư dả. Lưu ý: khi tham gia Tokyo Grand Tea Ceremony, bạn cần trả thêm phí vào cửa Vườn Hama-rikyu. Gợi ý cho những ai Phù hợp với những ai muốn trải nghiệm văn hóa truyền thống Nhật Bản một cách nhẹ nhàng, hoặc muốn tìm hiểu trà đạo kết hợp với tham quan Tokyo. Giữa thiên nhiên phong phú của Vườn Hama-rikyu, hãy trải nghiệm văn hóa “trà” đặc trưng của Nhật Bản trong khi thưởng thức các buổi trà và trà đạo ngoài trời. ※Hình ảnh năm 2025 © Tokyo Grand Tea Ceremony ※Hình ảnh năm 2025 © Tokyo Grand Tea Ceremony ※Vui lòng kiểm tra lịch trên trang web chính thức để biết thời gian và địa điểm của từng chương trình. ※Nội dung sự kiện có thể thay đổi hoặc hủy do thời tiết và các lý do khác. ※Phí tham gia có thể thanh toán bằng tiền mặt, thẻ IC giao thông, nanaco, Rakuten Edy, QUICPay và iD. Không chấp nhận thẻ tín dụng. :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; } }
-