Sự kiện theo mùa Bảo tàng Snoopy "Happy Halloween" khai mạc Mùa Halloween dễ thương và vui nhộn đậm chất "Peanuts" Tại Bảo tàng Snoopy, sự kiện theo mùa "HAPPY SEASONS!" được tổ chức quanh năm để bạn tận hưởng bốn mùa. Từ thứ Bảy, ngày 5 tháng 9 năm 2026, "Happy Halloween" sẽ chính thức bắt đầu. Ở Hoa Kỳ, nơi "Peanuts" ra đời, Halloween được yêu thích như một hoạt động vui nhộn tô điểm cho mùa thu. Trong truyện tranh cũng có nhiều câu chuyện dễ thương và hài hước, như Linus chờ đợi Great Pumpkin ở cánh đồng bí ngô hay Snoopy hóa trang thành ma. Bên trong bảo tàng, bạn có thể thưởng thức các trang trí Halloween lấy cảm hứng từ thế giới "Peanuts", cùng những quà tặng và sản phẩm giới hạn, cũng như các workshop theo thời gian. 7 cách tận hưởng "Happy Halloween" POINT 01 Trang trí Halloween và sticker giới hạn Không gian trong bảo tàng sẽ được tô điểm bằng các trang trí Halloween đậm chất "Peanuts". Trong thời gian diễn ra, mỗi khách tham quan sẽ nhận ngẫu nhiên 1 sticker "Happy Halloween". Thành viên SPECIAL FRIENDS MEMBERSHIP còn có sticker dành riêng cho hội viên khi mua sắm tại BROWN'S STORE, tách biệt với quà tặng kèm vé vào cửa. POINT 02 Hàng hóa giới hạn tại BROWN'S STORE Ở BROWN'S STORE trong bảo tàng sẽ ra mắt nhiều sản phẩm mới khuấy động không khí Halloween. Hãy tận hưởng những món đồ nguyên bản "chỉ có tại đây trên thế giới" cùng với trải nghiệm trong bảo tàng. Tất cả sản phẩm đều có số lượng giới hạn. POINT 03 Thiết kế giới hạn cho hai workshop "Workshop làm huy hiệu Snoopy", nơi bạn có thể thêm tên và tự làm huy hiệu cho riêng mình, sẽ có các thiết kế chỉ dành cho mùa Halloween. Không cần đặt chỗ; có thể tham gia trong ngày. "Workshop thẻ mascot Snoopy", nơi bạn tự do kết hợp Snoopy với các bộ phận, sẽ bổ sung 2 miếng vá giới hạn hình bí ngô và ma, cùng 1 charm acrylic giới hạn. POINT 04 Con dấu＆khung ảnh giới hạn Tại OSMO (Osmo) – nơi bạn có thể tạo con dấu nguyên bản – sẽ ra mắt các thiết kế giới hạn theo thời gian. Hãy kết hợp khung viền yêu thích, hiệu ứng âm thanh & từ ngữ cùng văn bản để tạo nên con dấu chỉ của riêng bạn. Buồng chụp ảnh tự động 「Photomatic」 cũng sẽ giới thiệu các thiết kế giới hạn. Bạn có thể tải về ảnh tĩnh và dữ liệu video khi chụp, và mang về một bức ảnh với khung đặc biệt như kỷ niệm cho chuyến ghé thăm. Thực đơn giới hạn tại quán cà phê và triển lãm chuyên đề tổ chức cùng ngày Tại PEANUTS Cafe liền kề, thực đơn giới hạn liên kết với “Happy Halloween” sẽ được phục vụ trong thời gian có hạn. Ngoài ra, từ Thứ Bảy, ngày 5/9/2026 đến Chủ Nhật, ngày 28/2/2027 sẽ diễn ra triển lãm chuyên đề mới “Siblings are Wonderful きょうだいって、いいな”. Triển lãm tập trung vào những cặp anh chị em cá tính như Charlie Brown và Sally, Lucy cùng Linus & Rerun, Snoopy và năm anh chị em của cậu, giới thiệu khoảng 45 bản vẽ gốc và bản sao nguyên tác truyện tranh. Phù hợp với những ai “Happy Halloween” là sự kiện nơi bạn có thể tận hưởng trang trí đậm sắc mùa trong không gian và các sản phẩm giới hạn, đồng thời đắm mình trong thế giới dễ thương, dí dỏm của “Peanuts”. Không chỉ dành cho những ai yêu thích Snoopy và “Peanuts”, mà còn phù hợp với gia đình, bạn bè và các cặp đôi muốn tận hưởng chuyến dạo chơi mùa thu. Cũng rất phù hợp cho những ai muốn lưu giữ kỷ niệm và tạo nên món đồ của riêng mình thông qua các workshop giới hạn và photobooth. Trang trí Halloween mang đậm dấu ấn “Peanuts” Thiết kế giới hạn theo thời gian cũng sẽ ra mắt ※ Quà tặng kèm, sản phẩm và các bộ phận giới hạn chỉ có trong thời gian còn hàng. ※ Sản phẩm có thể áp dụng hạn chế số lượng mua; ngày phát hành và nội dung sự kiện có thể thay đổi mà không cần báo trước. Vui lòng kiểm tra thông tin mới nhất trên trang web chính thức trước khi đến. :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; } body { 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; } .subtitle { font-size: 1rem; font-weight: 500; color: var(--accent-orange); margin-bottom: 24px; 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.05rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Long Content Block */ .content-block { background-color: var(--dark-card); color: #ffffff; padding: 32px; border-left: 4px solid var(--accent-orange); width: 100%; box-sizing: border-box; } .content-block h2 { font-size: 1.25rem; margin-bottom: 12px; color: #ffffff; word-break: break-word; } .content-block p { color: #cccccc; font-size: 0.925rem; text-align: justify; word-break: break-word; } /* Event Section */ .event-card { background-color: var(--accent-orange-light); border: 1px solid rgba(255, 85, 0, 0.2); padding: 28px; width: 100%; box-sizing: border-box; } .event-card p { color: #333333; font-size: 0.9rem; text-align: justify; word-break: break-word; } /* 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 */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; } .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%; } .image-frame img { width: 100%; height: auto; display: block; object-fit: contain; } .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; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card, .content-block, .event-card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

Triển lãm chuyên đề Bảo tàng Snoopy “Siblings are Wonderful きょうだいって、いいな” được tổ chức Triển lãm chuyên đề khám phá sức hấp dẫn của những anh chị em cá tính Tại Bảo tàng Snoopy, từ ngày 5 tháng 9 năm 2026 (Thứ Bảy) đến ngày 28 tháng 2 năm 2027 (Chủ Nhật), sẽ diễn ra triển lãm chuyên đề mới “Siblings are Wonderful きょうだいって、いいな”. Trong “Peanuts”, nơi quy tụ nhiều nhân vật cá tính, các mối quan hệ giữa anh chị em cũng vô cùng độc đáo. Charlie Brown và em gái Sally, Lucy cùng hai em trai Linus＆Rerun, và Snoopy với 5 anh chị em của mình. Chúng tôi giới thiệu những câu chuyện khắc họa các cuộc cãi vã, hiểu lầm và cách họ nâng đỡ nhau khi gặp khó khăn. Thông qua khoảng 45 bản vẽ gốc và bản sao tranh truyện, bạn có thể thưởng thức sức hấp dẫn gần gũi của các anh chị em trong “Peanuts”. Ngoài ra, nội dung mới “Drawing Station” cho phép bạn trải nghiệm lại nét vẽ của Schulz cũng sẽ ra mắt. Tập trung vào các anh chị em trong “Peanuts” SIBLINGS 01 Charlie Brown và Sally Khi em gái Sally chào đời, Charlie Brown vô cùng vui mừng. Tuy nhiên, khi lớn lên, Sally dần mất đi sự kính trọng dành cho anh, thậm chí nói thẳng: “Anh là một người anh thất bại!”. Hãy thưởng thức mối quan hệ hài hước và đáng mến của hai anh em qua các mẩu truyện tranh. SIBLINGS 02 Lucy và Linus＆Rerun Ở nhà Van Pelt, cô chị cả Lucy thường can thiệp vào hành động của hai em trai Linus và Rerun, thể hiện trọn vẹn quyền lực của người chị. Hãy chú ý đến những màn tương tác náo nhiệt và hài hước của ba người với cá tính khác nhau. SIBLINGS 03 Snoopy và năm anh chị em Snoopy có 5 anh chị em, trong đó có Spike sống ở sa mạc và Olaf tròn trịa. Dù sống xa nhau, sáu anh em thỉnh thoảng vẫn đoàn tụ và chuyện trò rôm rả. Giới thiệu sức hấp dẫn của các anh chị em của Snoopy với vẻ ngoài và tính cách đa dạng. HIGHLIGHT Trưng bày quý giá, bao gồm 15 bản vẽ gốc lần đầu công bố Tại triển lãm này, khoảng 45 tác phẩm nguyên bản và bản sao nguyên bản của truyện tranh sẽ được trưng bày. Trong đó có 15 bản nguyên gốc quý giá chưa từng được công bố kể từ khi được đưa vào sưu tập của Bảo tàng Schulz. Bạn có thể cảm nhận ở cự ly gần những nét thủ công khác biệt với ấn phẩm in: sức mạnh của từng nét bút mà ông Schulz gửi gắm, dấu vết vẽ lại, và sắc độ đậm nhạt của mực. Drawing Station và sản phẩm liên kết Ở nội dung mới “Drawing Station”, bạn có thể lần theo các nhân vật và họa tiết của “Peanuts” để trải nghiệm lại đường nét vẽ của Schulz – thứ tạo nên sự dịu dàng và ấm áp cho tác phẩm. Kết hợp với “Charles Schulz Gallery”, nơi giới thiệu cuộc đời và sáng tác của Schulz qua ảnh và những thước phim quý, bạn sẽ được chạm tới cội nguồn sáng tạo. Tại BROWN'S STORE, các sản phẩm liên kết với triển lãm như bưu thiếp in nguyên tác, bộ bìa hồ sơ trong suốt, túi pouch, gương để bàn... sẽ được bày bán. Cũng sẽ ra mắt sách catalog chính thức “きょうだいって、いいな”, giới thiệu đầy đủ 45 tác phẩm trưng bày cùng bản dịch danh tiếng của Shuntaro Tanikawa, song ngữ Nhật–Anh. Gợi ý cho “Siblings are Wonderful きょうだいって、いいな” là triển lãm nơi bạn có thể thưởng thức những mối quan hệ của các anh chị em cá tính trong “Peanuts” cùng với các mẩu truyện tranh hài hước. Không chỉ dành cho những ai yêu thích Snoopy và “Peanuts”, triển lãm còn phù hợp với những người muốn chiêm ngưỡng cận cảnh các bản nguyên gốc quý giá. Dù có cãi vã hay hiểu lầm, hình ảnh những anh chị em luôn đáng tin cậy lúc khó khăn sẽ gần gũi với các gia đình đến tham quan và phù hợp với mọi lứa tuổi. Triển lãm tập trung vào những anh chị em đầy cá tính © 2026 Peanuts Worldwide LLC Nguyên bản “Peanuts” ngày 6 tháng 1 năm 1974 © 2026 Peanuts Worldwide LLC ※ Triển lãm chuyên đề diễn ra từ Thứ Bảy, ngày 5 tháng 9 năm 2026 đến Chủ Nhật, ngày 28 tháng 2 năm 2027. Trong thời gian này, bảo tàng sẽ đóng cửa vào Thứ Sáu, ngày 1 tháng 1 năm 2027 và Thứ Ba, ngày 16 tháng 2. ※ Nội dung trưng bày và hàng hóa bán ra có thể thay đổi. Vui lòng kiểm tra trang web chính thức để cập nhật mới nhất trước khi đến. :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; } body { 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; } .subtitle { font-size: 1rem; font-weight: 500; color: var(--accent-orange); margin-bottom: 24px; 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.05rem; font-weight: 700; margin-bottom: 12px; line-height: 1.4; word-break: break-word; } .card-text { font-size: 0.9rem; color: var(--text-muted); text-align: justify; word-break: break-word; } /* Long Content Block */ .content-block { background-color: var(--dark-card); color: #ffffff; padding: 32px; border-left: 4px solid var(--accent-orange); width: 100%; box-sizing: border-box; } .content-block h2 { font-size: 1.25rem; margin-bottom: 12px; color: #ffffff; word-break: break-word; } .content-block p { color: #cccccc; font-size: 0.925rem; text-align: justify; word-break: break-word; } /* Event Section */ .event-card { background-color: var(--accent-orange-light); border: 1px solid rgba(255, 85, 0, 0.2); padding: 28px; width: 100%; box-sizing: border-box; } .event-card p { color: #333333; font-size: 0.9rem; text-align: justify; word-break: break-word; } /* 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 */ .image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; margin-bottom: 28px; width: 100%; } .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%; } .image-frame img { width: 100%; height: auto; display: block; object-fit: contain; } .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; } .subtitle { font-size: 0.95rem; } .container { padding: 32px 16px; } .card, .content-block, .event-card { padding: 20px; } .image-gallery { grid-template-columns: 1fr; } }

Hai ngày khi cả thị trấn đắm mình trong jazz “Asagaya Jazz Street 2026” Lấy khu vực quanh ga JR Asagaya làm trung tâm, cùng các khu phố mua sắm, đền thần, nhà thờ, trường học... khoảng 60 địa điểm trong khu vực Asagaya sẽ tổ chức “Asagaya Jazz Street 2026”. Bắt đầu từ năm 1995 và năm nay bước sang lần thứ 32, Asagaya Jazz Street. Năm 2026 sẽ có khoảng 200 nhóm nghệ sĩ biểu diễn, là lễ hội âm nhạc đặc trưng của Asagaya nơi bạn có thể vừa dạo phố vừa thưởng thức jazz ở nhiều địa điểm khác nhau. Điểm nhấn của Asagaya Jazz Street 2026 “Shinmeigu Session” do 山下洋輔 sản xuất Năm nay sẽ diễn ra chương trình đặc biệt “Shinmeigu Session” do nghệ sĩ piano jazz tầm cỡ thế giới 山下洋輔, người đã nhiều năm hỗ trợ sân khấu tại 阿佐ヶ谷神明宮, thực hiện. Ba nghệ sĩ được 山下洋輔 tin tưởng — スガダイロー（p）、坂井紅介（b）、本田珠也（ds） — sẽ biểu diễn, mang đến những màn trình diễn cuồng nhiệt tại sân khấu Noh của 神明宮. Dàn nghệ sĩ jazz đa dạng Bên cạnh 吾妻光良＆The Swinging Boppers có vé bán hết ngay sau khi mở bán năm ngoái, còn có たをやめオルケスタ feat. 神野美伽, 北原雅彦カルテット with MONKY, 寺久保エレナ・カルテット... những nghệ sĩ đáng chú ý sẽ lần lượt xuất hiện. Ngoài ra, bạn còn có thể thưởng thức các sân khấu của những nhạc sĩ hoạt động ở nhiều thể loại khác nhau như 鈴木良雄, 増尾好秋, 豊田チカ, 谷口英治, 木村イオリ, 谷川賢作, キヨシ小林. Thưởng thức jazz khi dạo bước quanh phố Quảng trường trước ga, khu phố mua sắm, nhà thờ, live house... nhiều địa điểm ở Asagaya sẽ trở thành sân khấu. Suốt hai ngày sẽ có ban nhạc Dixieland diễu hành trên phố; được gặp gỡ âm nhạc giữa khung cảnh đời thường cũng là sức hấp dẫn của sự kiện này. Ngoài ra còn dự kiến có workshop＆concert về gospel, cũng như “Jazz for Kids” dành cho gia đình cùng thưởng thức. Phù hợp với những ai Sự kiện này dành cho những ai muốn dạo bước qua các con phố Tokyo trong khi thưởng thức nhạc jazz, và muốn cảm nhận văn hóa cùng bầu không khí của Asagaya thông qua âm nhạc. Hãy ghé thăm nhiều địa điểm khác nhau và tận hưởng hai ngày khi Asagaya và nhạc jazz hòa làm một. © 阿佐谷ジャズストリート © 阿佐谷ジャズストリート ※ Thông tin nghệ sĩ và nội dung chương trình có thể thay đổi. ※ Vui lòng xem trang web chính thức để biết chi tiết từng địa điểm và thông tin vé. :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; } }