.post-detail{max-width:100%}.post-detail__card{background-color:var(--color-white);border-radius:8px;flex-wrap:wrap;margin-bottom:16px;padding:16px 18px 8px 20px;display:flex;position:relative;box-shadow:0 2px 4px #3832300d,0 1px #38323014}.post-detail__id{color:var(--color-brown);cursor:text;flex:none;font-size:14px;font-weight:500;line-height:1.57}.post-detail__date{color:var(--color-gray-500);flex:none;margin-left:auto;font-size:14px;line-height:1.57;position:relative;transform:translate(-2px)}.post-detail__date-tip{z-index:99;white-space:nowrap;color:#fff;opacity:.8;background-color:#413936;border-radius:4px;padding:4px 8px;font-size:14px;display:none;position:absolute;bottom:100%;right:0}.post-detail__date:hover .post-detail__date-tip{display:block}.post-detail__more{cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:3px;padding:0 0 0 12px;display:inline-flex}.post-detail__more span{background:var(--color-brown);border-radius:50%;width:4px;height:4px}.post-detail__image{flex:0 0 100%;max-width:100%;height:auto;margin:4px 0}.post-detail__note{overflow-wrap:anywhere;flex:0 0 100%;min-width:0;margin:4px 3px 4px 0;line-height:1.47}.post-detail__note--pre{white-space:pre-wrap}.post-detail__category{flex:0 0 100%;margin-bottom:10px}.post-detail__category a{color:var(--color-brown);font-size:15px;font-weight:500;text-decoration:none}.post-detail__category a:hover{color:color-mix(in srgb, var(--color-link) 70%, white);text-decoration:none}[data-theme=dark] .post-detail__category a:hover{color:color-mix(in srgb, var(--color-link) 72%, black)}.post-detail__meta{align-items:center;width:100%;margin-top:4px;display:flex;transform:translateY(-4px)}.post-detail__comments-count{color:var(--color-brown);align-items:center;margin-right:28px;font-size:14px;font-weight:500;display:flex;transform:translateY(-2px)}.post-detail__comments-count svg{fill:var(--color-brown);width:20px;height:20px;margin-right:5px}.post-detail__comments-count-num{display:inline-block;transform:translateY(-1px)}.post-detail__meta>.sharing{transform:translateY(1px)}.post-detail__meta>.post-bookmark{margin-left:20px}.post-detail__meta>.post-reactions{margin-left:auto}.post-detail__likes{color:var(--color-brown);align-items:center;margin-left:auto;font-size:14px;font-weight:500;display:flex}.post-detail__likes svg{z-index:2;width:24px;height:24px;fill:var(--color-brown);margin-right:4px;position:relative}.post-detail__likes>span:first-child{z-index:2;display:inline-flex;position:relative;transform:translate(-3px,-2px)}.post-detail__likes>span:nth-child(2):not(.post-detail__likes-count){z-index:1;margin-left:-10px;display:inline-flex;position:relative;transform:translate(-3px,-2px)}.post-detail__likes-count{display:inline-block;transform:translate(-3px,-2px)}.post-detail__comments-title{color:var(--color-text);margin:24px 0 12px;font-size:20px;font-weight:500;line-height:1.3}.post-detail__comments{background-color:var(--color-white);border-radius:8px;padding:16px 20px;position:relative;box-shadow:0 2px 4px #3832300d,0 1px #38323014}.comment{width:100%;display:flex}.comment+.comment{border-top:1px solid var(--color-gray-300);margin-top:8px;padding-top:12px}.comment:nth-child(4){padding-bottom:40px}.comment__avatar{border-radius:100%;flex:0 0 35px;width:35px;height:35px;margin-right:8px;overflow:hidden}.comment__avatar img{object-fit:cover;width:100%;height:100%}.comment__body{flex-wrap:wrap;flex:1;display:flex}.comment__author{color:var(--color-brown);flex:0 0 100%;font-size:14px;font-weight:500;line-height:1}.comment__text{overflow-wrap:break-word;flex:0 0 100%;min-width:0;margin:4px 0}.comment__date{color:var(--color-gray-500);flex:none;font-size:13px;position:relative}.comment__likes{color:var(--color-brown);flex:none;margin-left:auto;font-size:13px;font-weight:500}.post-detail__comments-count--link:hover{color:var(--color-brown-hover);text-decoration:none}.post-detail__comments-count--link:hover svg{fill:var(--color-brown-hover)}@media (width<=575.98px){.post-detail__card,.post-detail__comments{border-radius:0;padding:16px}.post-detail__comments-title{padding-left:16px;padding-right:16px}}