https://blog-celeste.pages.dev/tags/japan/ Recent content in Japan on Celeste's Blog Hugo zh-CN Fri, 15 May 2026 00:00:00 +0000 https://blog-celeste.pages.dev/posts/japan-part-1/ Fri, 15 May 2026 00:00:00 +0000 https://blog-celeste.pages.dev/posts/japan-part-1/ <style> /* ========================= 本篇文章专用样式 ========================= */ /* 开头的 A Prelude */ .post-content .article-prelude { margin: 0; color: #7d7d7d; font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-style: italic; font-weight: 500; letter-spacing: 0.06em; } /* 英文大分节标题 */ .post-content .travel-section { color: #888bb2; font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-style: italic; font-weight: 500; } /* 地点标题 */ .post-content .highlighted-title { margin: 0; padding: 6px 10px; background-color: #f0f8ff; color: #767cc9; font-size: 1.05rem; font-weight: 600; text-align: center; } /* 咖啡店、餐厅序号 */ .post-content .item-number { margin-right: 0; margin-left: 0; color: #6cade6; font-family: Georgia, "Times New Roman", serif; font-size: 80%; text-align: center; } /* ========================= 单张图片 ========================= */ .post-content figure.photo { display: block; width: 100%; margin-right: 0; margin-left: 0; } .post-content figure.photo > img { display: block; width: 100%; height: auto; margin: 0 !important; border-radius: 0 !important; } /* ========================= 双图布局 ========================= */ .post-content .photo-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; margin-right: 0; margin-left: 0; } /* 双图共享一条说明时，图片直接放在 photo-row 里 */ .post-content .photo-row > img { display: block; width: 100%; height: auto; margin: 0 !important; border-radius: 0 !important; } /* ========================= 双图各自带说明 ========================= */ .post-content .photo-item { min-width: 0; margin: 0; } .post-content .photo-item > img { display: block; width: 100%; height: auto; margin: 0 !important; border-radius: 0 !important; } /* ========================= 所有图片说明统一样式 ========================= */ .post-content figure > figcaption, .post-content figure.photo > figcaption, .post-content p.image-caption, .post-content .photo-item > .image-caption { display: block; margin: 0.65rem 0 0 !important; color: #969190 !important; font-size: 80%; font-style: normal; font-weight: 400; line-height: 1.6; text-align: center; } /* ========================= 深色模式 ========================= */ html[data-theme="dark"] .post-content .highlighted-title { background-color: #29333f; color: #b8bee8; } html[data-theme="dark"] .post-content .travel-section { color: #b8bee8; } html[data-theme="dark"] .post-content .article-prelude { color: #a1afa2; } html[data-theme="dark"] .post-content figure > figcaption, html[data-theme="dark"] .post-content figure.photo > figcaption, html[data-theme="dark"] .post-content p.image-caption, html[data-theme="dark"] .post-content .photo-item > .image-caption { color: #a1afa2 !important; } /* ========================= 手机端 ========================= */ @media screen and (max-width: 600px) { .post-content .photo-row { grid-template-columns: 1fr; } } </style> <p class="article-prelude">A Prelude</p>