body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;margin:0}.header,body{background-color:#fff}.header{align-items:flex-start;display:flex;flex-direction:column;padding:16px 20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-title{font-size:24px;font-weight:700;margin-bottom:12px}.tab-menu{border-bottom:1px solid #ddd;display:flex;gap:20px;overflow-x:auto;padding:0 20px;scrollbar-width:none;width:100%}.tab-menu::-webkit-scrollbar{display:none}.tab-item{color:#555;cursor:pointer;font-size:15px;font-weight:500;padding:10px 0;position:relative;transition:color .2s ease;white-space:nowrap}.tab-item:hover{color:#000}.tab-item.active{color:#000;font-weight:600}.tab-item.active:after{background-color:#000;border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.article-list{display:flex;flex-direction:column;padding:16px}.article-card{align-items:flex-start;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 2px #0000000d;margin-bottom:12px;max-width:600px;padding:10px 14px;transition:transform .1s ease,box-shadow .2s ease;width:100%}.article-card:hover{box-shadow:0 3px 6px #00000014;transform:translateY(-2px)}.article-thumbnail img{border-radius:6px;display:block;height:100%;object-fit:cover;width:100%}.article-content{display:flex;flex-direction:column;justify-content:center}.article-title{font-size:15px;font-weight:600;margin-bottom:4px}.article-meta{color:#777;font-size:13px}@media (max-width:480px){.header{padding:12px 14px 0}.header-title{font-size:20px}.tab-item{font-size:14px}.article-card{padding:8px 12px}.article-title{font-size:14px}}.article-card{align-items:center;border-bottom:1px solid #eee;display:flex;padding:12px}.article-thumbnail{background-color:#ddd;border-radius:6px;flex-shrink:0;height:48px;margin-right:12px;width:48px}.skeleton-box{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#ececec 25%,#f5f5f5 50%,#ececec 75%);background-size:200% 100%;border-radius:6px}.skeleton-title{height:14px;margin-bottom:8px;width:160px}.skeleton-meta{height:12px;width:80px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.story-detail{max-width:800px;padding:0 16px;text-align:left}.story-title{font-size:1.5rem;font-weight:600;margin-bottom:12px}.story-meta{color:#555;font-size:.9rem;margin-bottom:20px}.story-text{color:#333;line-height:1.6;margin-bottom:24px}.comment{word-wrap:break-word;background:#fff;background:var(--bg-color,#fff);border-radius:10px;margin-bottom:10px;max-width:100%;overflow-wrap:anywhere;padding:12px 14px;transition:background .2s ease}.comment:hover{background:#fafafa;background:var(--hover-bg,#fafafa)}.comment-header{align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:6px}.comment-author{color:#222;color:var(--text-primary,#222);font-size:14px;font-weight:600}.comment-date{color:#777;color:var(--text-muted,#777);font-size:12px;padding-top:5px}.comment-body{color:#333;color:var(--text-body,#333);font-size:14px;line-height:1.5}.comment-body p{margin:.3em 0}.comment-replies{border-left:2px solid #ddd;margin-top:8px;padding-left:8px}.skeleton{overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#f0f0f0,#0000);content:"";height:100%;left:-150px;position:absolute;top:0;width:100px}.story-detail.skeleton{animation:fadeIn .3s ease;background:#fff;background:var(--bg,#fff);border:1px solid #e0e0e0;border-radius:10px;padding:20px}.skeleton-title{background:#eee;border-radius:6px;height:28px;margin-bottom:16px;width:80%}.skeleton-meta{display:flex;gap:10px;margin-bottom:20px}.skeleton-meta-item{background:#eee;border-radius:4px;height:12px;width:100px}.skeleton-meta-item.short{width:60px}.skeleton-link{background:#eee;border-radius:4px;height:18px;margin-bottom:20px;width:120px}.skeleton-text-line{background:#eee;border-radius:4px;height:14px;margin-bottom:8px}.skeleton-text-line.short{width:70%}.skeleton-comments-header{background:#eee;border-radius:4px;height:18px;margin-bottom:12px;margin-top:24px;width:180px}.skeleton-comments{display:flex;flex-direction:column;gap:8px}@keyframes shimmer{to{transform:translateX(100%)}}.story-detail.skeleton>*{overflow:hidden;position:relative}.story-detail.skeleton>:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#f5f5f5,#0000);content:"";height:100%;left:-150px;position:absolute;top:0;width:100px}@media (max-width:600px){.story-detail.skeleton{padding:14px}.skeleton-title{height:22px}.skeleton-meta-item{width:80px}}.reply-button{color:#007aff;cursor:pointer;display:inline-block;font-size:.85rem;margin-top:6px;text-decoration:underline;transition:color .2s ease}.reply-button:hover{color:#0056b3}.poll-simple{background:#fff;border:1px solid gray;border-radius:12px;font-family:system-ui,sans-serif;gap:10px;margin:0 auto;max-width:480px;padding:16px}.poll-simple,.poll-simple-item{display:flex;flex-direction:column}.poll-simple-item{gap:6px}.poll-simple-text{color:#333;font-size:.95rem;font-weight:500}.poll-simple-bar{background:#eee;border-radius:6px;height:10px;overflow:hidden;position:relative}.poll-simple-fill{background:linear-gradient(90deg,#4f46e5,#6366f1);height:100%;transition:width .3s ease}.poll-simple-score{color:#555;font-size:.85rem;text-align:right}@media (max-width:600px){.poll-simple{gap:8px;padding:12px}.poll-simple-text{font-size:.9rem}.poll-simple-score{font-size:.8rem}}
/*# sourceMappingURL=main.f3b04ac5.css.map*/