*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f5f7;-webkit-font-smoothing:antialiased;background:#101010;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh}.feed{max-width:680px;margin:0 auto;padding:24px 16px}.feed-header{border-bottom:1px solid #222;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;display:flex}.feed-header .blog-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.feed-header h1{font-size:22px;font-weight:700}.feed-header .blog-meta{color:#777;font-size:13px}.search-bar{z-index:10;background:#101010;margin-bottom:8px;padding:12px 0;position:sticky;top:0}.search-bar input{color:#f3f5f7;background:#1a1a1a;border:1px solid #333;border-radius:12px;outline:none;width:100%;padding:10px 16px;font-size:15px;transition:border-color .2s}.search-bar input:focus{border-color:#555}.search-bar input::placeholder{color:#555}.tags-bar{scrollbar-width:none;gap:8px;margin-bottom:8px;padding-bottom:12px;display:flex;overflow-x:auto}.tags-bar::-webkit-scrollbar{display:none}.tag-chip{color:#999;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #333;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .15s}.tag-chip:hover{color:#f3f5f7;border-color:#555}.tag-chip.active{color:#101010;background:#f3f5f7;border-color:#f3f5f7}.post-grid{flex-direction:column;gap:2px;display:flex}.post-card{cursor:pointer;border-bottom:1px solid #222;gap:12px;padding:16px;transition:background .15s;display:flex}.post-card:hover{background:#1a1a1a}.post-card .avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.post-card .card-content{flex:1;min-width:0}.post-card .card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.post-card .username{font-size:15px;font-weight:600}.post-card .time{color:#777;font-size:14px}.post-card .access-badge{color:#999;background:#2a2a2a;border-radius:10px;padding:2px 8px;font-size:11px}.post-card .card-title{margin-bottom:4px;font-size:15px;font-weight:600}.post-card .card-text{color:#e0e0e0;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.post-card .card-meta{color:#777;gap:16px;margin-top:8px;font-size:13px;display:flex}.post-card .card-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.post-card .card-tags span{color:#666;font-size:12px}.post-card .thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.post-page{max-width:620px;margin:0 auto;padding:0 0 80px}.post-back{color:#777;z-index:10;background:#101010;border-bottom:1px solid #222;align-items:center;gap:8px;padding:16px;font-size:15px;display:flex;position:sticky;top:0}.post-back:hover{color:#f3f5f7}.post-block{padding:16px}.post-block .post-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.post-block .avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.post-block .author-info .username{font-size:15px;font-weight:600}.post-block .author-info .time{color:#777;font-size:13px}.post-block .post-title{margin-bottom:16px;font-size:20px;font-weight:700;line-height:1.3}.block-text{white-space:pre-wrap;word-wrap:break-word;margin-bottom:16px;font-size:15px;line-height:1.6}.block-text a{color:#4a9eff}.block-text a:hover{text-decoration:underline}.block-image{margin-bottom:16px}.block-image img{border-radius:12px;max-width:100%;display:block}.block-video{margin-bottom:16px}.block-video iframe{aspect-ratio:16/9;border:none;border-radius:12px;width:100%}.block-video video{border-radius:12px;max-width:100%}.block-file{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:flex}.block-file .file-icon{font-size:24px}.block-file .file-info{flex:1}.block-file .file-name{font-size:14px;font-weight:500}.block-file .file-size{color:#777;font-size:12px}.block-audio{margin-bottom:16px}.block-audio audio{width:100%}.block-link{margin-bottom:12px}.block-link a{color:#4a9eff;word-break:break-all;font-size:14px}.block-link a:hover{text-decoration:underline}.post-stats{color:#777;border-top:1px solid #222;gap:20px;padding:16px;font-size:14px;display:flex}.post-tags{flex-wrap:wrap;gap:8px;padding:0 16px 16px;display:flex}.post-tags .tag{color:#999;background:#1a1a1a;border-radius:16px;padding:4px 12px;font-size:13px}.showcase-badge{color:#f5a623;background:#2d1f00;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.loading{text-align:center;color:#555;padding:80px 16px}.loading h2{color:#777;margin-bottom:8px;font-size:18px}.empty{text-align:center;color:#555;padding:80px 16px}.empty h2{color:#777;margin-bottom:8px;font-size:20px}@media (width<=480px){.feed{padding:16px 12px}.post-card .thumb{width:64px;height:64px}.post-block .post-title{font-size:18px}}