/* Website components only. Authored HTML is not reset or styled by legacy class names. */
html { font-size: 14px; background: #f4f4f4; }
body.site-theme { box-sizing: border-box; width: 100%; max-width: var(--site-width,720px); margin: 0 auto; font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif; color: #000; }
body.site-theme > .site-header,
body.site-theme > .column-module,
body.site-theme > .related-posts,
body.site-theme > .post-detail,
body.site-theme > .detail-return,
body.site-theme > .floating-tools { box-sizing: border-box; }
body.site-theme > .site-header { position: fixed; z-index: 20; width: 100%; max-width: var(--site-width,720px); height: 98px; padding: 0; border: 0; border-radius: 0 0 5px 5px; }
body.site-theme > .site-header::before,
body.site-theme > .site-header::after { content: ""; display: table; }
body.site-theme > .site-header::after { clear: both; }
body.site-theme > :is(.column-module,.related-posts) { clear: both; margin: 5px 0; padding: 4px; border-radius: 5px; overflow: hidden; }
body.site-theme > :is(.column-module,.related-posts) > .list-title { box-sizing: border-box; padding: 0; height: 32px; line-height: 33px; font-size: 19pt; text-align: center; border: 0; border-bottom: 1px solid #738e9f; color: #460d0d; border-radius: 5px 5px 0 0; font-weight: bold; overflow-wrap: anywhere; }
body.site-theme > :is(.column-module,.related-posts) > .post-list { box-sizing: border-box; margin: 1px; padding: 0; list-style: none; text-align: center; }
body.site-theme > :is(.column-module,.related-posts) > .post-list > li { box-sizing: border-box; margin: 0; padding: 3px; border: 0; border-radius: 0; background: #fff; font-weight: bold; }
body.site-theme > :is(.column-module,.related-posts) > .post-list > li > a { box-sizing: border-box; height: 36px; line-height: 36px; text-align: center; border: 1px solid #ddd; border-radius: 8px; background: linear-gradient(to top,#fff,#eee,#fff) #eee; box-shadow: 0 2px 5px rgba(0,0,0,.1); display: block; padding: 0; font-size: 20px; font-weight: bold; text-decoration: none; color: #000; }
body.site-theme > :is(.column-module,.related-posts) > .post-list > li > a:hover { text-decoration: underline; color: #f00; }
body.site-theme > :is(.column-module,.related-posts) > .post-list > li > a .ci { font-size: 20px; }
body.site-theme > .column-module#module-4 > .post-list { display: flex; flex-wrap: wrap; padding: 5px; background: #fff; margin: 0; }
body.site-theme > .column-module#module-4 > .post-list > li { width: 33.333333%; padding: 5px; font-weight: 400; }
body.site-theme > .column-module#module-4 > .post-list > li > a { height: 36px; line-height: 36px; font-size: 20px; border-radius: 8px; background: #eee; box-shadow: 0 2px 5px rgba(0,0,0,.1); font-weight: 400; }
body.site-theme > .floating-tools { position: fixed; right: 24px; bottom: 68px; z-index: 90; display: flex; flex-direction: column; gap: 14px; }
body.site-theme > .floating-tools > button { box-sizing: border-box; padding: 0; width: 46px; height: 46px; border: 3px solid #ffd6d6; border-radius: 50%; background: #ff0808; color: white; box-shadow: 0 0 5px #ffd6d6; font-size: 14px; cursor: pointer; }
body.site-theme > .floating-tools > button:focus-visible,
body.site-theme > .column-module > .post-list > li > a:focus-visible { outline: 2px solid #165dff; outline-offset: 3px; }
body.site-theme.detail-page { background: #f0f1f2; padding: 0 8px 24px; }
body.site-theme > .site-header.detail-header { position: sticky; top: 0; width: calc(100% + 16px); height: auto; min-height: 50px; margin: 0 -8px; }
body.site-theme > .post-detail { padding: 14px; background: white; margin: 8px 0; border-radius: 10px;}
body.site-theme > .post-detail > .post-title { box-sizing: border-box; text-align: center; font-size: 21px; margin: 0 0 18px; padding: 10px 12px; border: 2px solid #d000d0; border-radius: 6px; line-height: 1.5; overflow-wrap: anywhere; }
body.site-theme > .post-detail > .post-body { font-size: 18px; overflow-wrap: break-word; overflow-x: auto; }
body.site-theme > .detail-return { text-align: center; padding: 18px; }
@media (max-width:750px) { body.site-theme > .column-module#module-4 > .post-list { padding:3px; } }
@media (max-width:610px) { body.site-theme > :is(.column-module,.related-posts) { padding:2px; } }
@media (max-width:600px) {
 body.site-theme > .floating-tools { right:8px; bottom:20px; gap:10px; }
 body.site-theme > .floating-tools > button { width:40px; height:40px; font-size:12px; }
 body.site-theme > :is(.column-module,.related-posts) > .post-list > li > a { height:auto; min-height:36px; font-size:clamp(17px,3.5vw,17px); }
 body.site-theme > :is(.column-module,.related-posts) > .post-list > li > a .ci { font-size:clamp(17px,4vw,20px); }
 body.site-theme > .post-detail { padding:10px; }
 body.site-theme > .post-detail > .post-title { font-size:18px; }
}
@media (max-width:505px) { body.site-theme > :is(.column-module,.related-posts) { padding:1px; margin:1px; } }