:root{--bg-color:#ffffff;--text-color:#14171a;--border-color:#f0f0f0;--secondary-text-color:#657786;--post-bg-color:#ffffff;--menu-bg-color:rgba(255,255,255,0.1);--menu-border-color:rgba(255,255,255,0.2);--menu-text-color:#333;--toggle-bg-color:rgba(0,0,0,0.1)}.microblog-container{display:flex;flex-direction:column;gap:0;max-width:600px;margin:0 auto;padding:0 1rem;color:var(--text-color);line-height:1.5}.microblog-header{max-width:600px;margin:0 auto;padding:1rem;text-align:center}.microblog-title{color:#1da1f2;margin-bottom:1rem}.microblog-footer{max-width:600px;margin:2rem auto 0;padding:1rem;text-align:center;color:var(--secondary-text-color);font-size:0.8rem}.microblog-post{background-color:var(--post-bg-color);border:1px solid var(--border-color);overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"avatar author permalink" "avatar content content" "avatar media media";padding:1rem;column-gap:0.75rem;position:relative}.microblog-post+.microblog-post{border-top:none}.microblog-post-header{display:contents}.microblog-post-author{display:contents}.microblog-avatar-container{display:block;width:40px;height:40px;grid-area:avatar;margin-top:5px}.microblog-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.microblog-post-author a{cursor:pointer}.microblog-author-info{display:flex;flex-direction:column;grid-area:author}.microblog-author-name{font-weight:bold}.microblog-post-date{color:var(--secondary-text-color);font-size:0.85rem}.microblog-post-content{grid-area:content;padding-top:0.5rem}.microblog-post-content p{margin-bottom:1rem}.microblog-post-content a{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;hyphens:auto;max-width:100%;display:inline-block}.microblog-post-content img{width:100%;height:auto;border-radius:4px;margin:1rem 0 0.5rem 0}.microblog-post-single{border:1px solid var(--border-color);border-radius:8px;margin-bottom:2rem}html.dark-mode{--bg-color:#0a0a0a;--text-color:#e8e8e8;--border-color:#333;--secondary-text-color:#bbb;--post-bg-color:#1a1a1a;--menu-bg-color:rgba(0,0,0,0.3);--menu-border-color:rgba(255,255,255,0.1);--menu-text-color:#e8e8e8;--toggle-bg-color:rgba(255,255,255,0.1)}html.dark-mode .microblog-title{color:#5a9eff}