.layout{min-height:100vh}.navbar{align-items:center;display:flex;justify-content:space-between;padding:0 24px}.logo{color:#fff;float:left;font-size:20px;font-weight:700;margin:16px 24px 16px 0}.nav-container{align-items:center;display:flex;flex:1 1;justify-content:flex-start;padding-left:40px}@media (max-width:768px){.nav-container{flex-direction:column;padding-left:0}}.home-page-container{margin:0 auto;max-width:100%}.topic-item{border-radius:8px;transition:all .3s}.topic-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.topic-header{align-items:flex-start;display:flex;justify-content:space-between}.topic-author-info{align-items:center;display:flex;gap:8px}.topic-author-name{font-weight:500;margin-right:4px}.topic-time{color:#8c8c8c;font-size:12px;margin-top:2px}.topic-content{color:#333;margin:16px 0}.topic-images{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.image-scroll-wrapper{align-items:center;display:flex;gap:6px}.image-scroll-wrapper>.article-image-list,.image-scroll-wrapper>.topic-images{flex:1 1 auto;min-width:0}.image-scroll-button{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:50%;box-shadow:0 2px 6px #0000001f;display:flex;height:28px;justify-content:center;min-width:28px;padding:0;width:28px}.image-scroll-button:disabled{cursor:default;opacity:.3}.topic-image-container{border-radius:4px;cursor:zoom-in;flex:0 0 auto;height:80px;overflow:hidden;position:relative;scroll-snap-align:start;width:120px}.topic-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.topic-image-container .image-overlay{transition:opacity .3s}.topic-image-container:hover .image-overlay{opacity:1!important}.topic-footer{color:#8c8c8c;margin-top:16px}.topic-comments{margin-top:8px}.topic-comment{padding:8px 0}.comment-user{font-weight:500;margin-right:4px}.comment-content{color:#333}.empty-content{color:#8c8c8c;padding:40px 0;text-align:center}.site-layout-content{background:#fff;min-height:280px;padding:24px}.article-list{margin-top:20px}.article-item{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;padding:16px;transition:all .3s}.article-item:hover{box-shadow:0 4px 8px #0000001a}.article-title{font-size:16px;font-weight:700;margin-bottom:8px}.article-content{color:#666;margin-bottom:12px}.article-meta{color:#999;display:flex;font-size:12px;justify-content:space-between}.article-image-list{display:flex;flex-wrap:nowrap;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.article-image{border-radius:4px;flex:0 0 auto;height:100px;object-fit:cover;scroll-snap-align:start;width:100px}.article-detail{background:#fff;border-radius:4px;padding:24px}.highlight{background-color:#ff0;font-weight:700}.external-link{color:#1890ff;padding-right:18px;position:relative;text-decoration:none}.external-link:hover{text-decoration:underline}.external-link:after{content:"↗";font-size:14px;position:absolute;right:0;top:-2px}.external-link-error{border-bottom:1px dashed #ff4d4f;color:#ff4d4f}.external-link-error:after{background-color:#ff4d4f;border-radius:50%;color:#fff;content:"!";font-size:10px;height:14px;line-height:14px;text-align:center;width:14px}.link-action-button{color:#1890ff;cursor:pointer;margin-left:5px}.link-action-button:hover{color:#40a9ff}
/*# sourceMappingURL=main.29bbdfe4.css.map*/