.post-detail-page{background:#f2f3f5;color:#13233f;min-height:calc(100vh - var(--app-topnav-height));padding:0 8px 18px}.post-detail-page .post-shell{margin:0 auto;width:min(760px,100%)}.post-detail-page .post-head{align-items:center;background:linear-gradient(90deg,#dcefff,#f7f9d4);border:0;border-radius:8px;display:flex;height:32px;justify-content:center;min-height:32px;padding:0 12px}.post-detail-page .post-head__back{align-items:center;border:1px solid #d6e2f2;border-radius:6px;color:#1769e8;display:inline-flex;font-size:13px;font-weight:800;grid-column:1/-1;min-height:34px;padding:0 12px;text-decoration:none;width:-moz-max-content;width:max-content}.post-detail-page .post-head__eyebrow{color:#1769e8;font-size:12px;font-weight:900;margin:0 0 4px}.post-detail-page .post-head h1{color:#4b5563;font-size:20px;font-weight:800;line-height:32px;margin:0;text-align:center}.post-detail-page .post-head span{color:#64748b;display:block;font-size:12px;line-height:1.45;margin-top:5px}.post-detail-page .post-head strong{color:#1769e8;font-size:28px;font-weight:900;line-height:1}.post-detail-page .post-feed{background:#f2f3f5;margin-top:10px}.post-detail-page .community-post{background:#fff;border-bottom:1px solid #e4e7ed;border-top:1px solid #f0f1f5;padding:8px 7px 9px}.post-detail-page .community-post+.community-post{margin-top:5px}.post-detail-page .community-post__author{align-items:center;color:#3f4650;display:flex;font-size:14px;gap:6px;height:24px;line-height:24px}.post-detail-page .community-post__board{background:#f2f8ff;border:1px solid #d8e8ff;border-radius:10px;color:#1769e8;font-size:12px;font-style:normal;line-height:18px;margin-left:auto;padding:0 7px;white-space:nowrap}.post-detail-page .community-post__avatar{background:#f3f6fb;border-radius:50%;flex:0 0 auto;height:22px;overflow:hidden;position:relative;width:22px}.post-detail-page .community-post__avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.post-detail-page .community-post__title{align-items:center;color:#3f4650;display:flex;font-size:15px;font-weight:400;gap:3px;line-height:21px;margin:7px 0 0}.post-detail-page .community-post__title-text{color:inherit;display:block;min-width:0;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.post-detail-page .community-post__title-text:hover{color:#1769e8}.post-detail-page .community-post__tag{align-items:center;border-radius:2px;color:#fff;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;height:18px;justify-content:center;line-height:18px;min-width:18px;padding:0 3px}.post-detail-page .community-post__tag--top{background:#3e73ed}.post-detail-page .community-post__tag--featured{background:#4aa8ff}.post-detail-page .community-post__summary{color:#9aa1aa;display:block;font-size:13px;line-height:20px;margin:8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-detail-page .community-post__meta{align-items:center;color:#8a929e;display:flex;font-size:12px;height:22px;justify-content:space-between;line-height:22px;margin-top:3px}.post-detail-page .community-post__stats{align-items:center;display:inline-flex;gap:12px}.post-detail-page .community-post__stat{align-items:center;color:#8a929e;display:inline-flex;gap:4px;position:relative;white-space:nowrap}.post-detail-page .community-post__stat:before{background-repeat:no-repeat;background-size:15px 15px;content:"";display:inline-block;height:15px;opacity:.8;width:15px}.post-detail-page .community-post__stat--like:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%238a929e' stroke-linejoin='round' stroke-width='1.5' d='m5.8 6.1 1.7-3.7c.4-.9 1.7-.6 1.7.4v2.5h2.2c.9 0 1.5.8 1.3 1.6l-.8 4.3c-.2.7-.8 1.2-1.5 1.2H4.9V6.9c0-.3.3-.8.9-.8Z'/%3E%3Cpath fill='none' stroke='%238a929e' stroke-width='1.5' d='M2.2 6.5h2.3v6H2.2z'/%3E%3C/svg%3E")}.post-detail-page .community-post__stat--view:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%238a929e' stroke-width='1.4' d='M1.5 7.5s2.2-3.6 6-3.6 6 3.6 6 3.6-2.2 3.6-6 3.6-6-3.6-6-3.6Z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.8' fill='none' stroke='%238a929e' stroke-width='1.4'/%3E%3C/svg%3E")}.post-detail-page .community-post__stat--reply:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath fill='none' stroke='%238a929e' stroke-linejoin='round' stroke-width='1.4' d='M2.2 3h10.6v7.4H6.1L3.4 12v-1.6H2.2z'/%3E%3C/svg%3E")}.post-detail-page .community-post__actions{border-top:1px solid #f0f1f5;display:flex;gap:8px;justify-content:flex-end;margin-top:7px;padding-top:7px}.post-detail-page .community-post__action{background:#fff;border:1px solid #d6e2f2;border-radius:4px;color:#64748b;cursor:pointer;font-size:12px;font-weight:800;height:26px;padding:0 12px}.post-detail-page .community-post__action--primary{background:#1769e8;border-color:#1769e8;color:#fff}.post-detail-page .community-post__action--danger{border-color:#ffd2d2;color:#ef4444}.post-detail-page .community-post__field{display:block;margin-top:7px}.post-detail-page .community-post__field input,.post-detail-page .community-post__field textarea{background:#fff;border:1px solid #d6e2f2;border-radius:4px;box-sizing:border-box;color:#3f4650;font:inherit;width:100%}.post-detail-page .community-post__field input{height:32px;padding:0 9px}.post-detail-page .community-post__field textarea{min-height:68px;padding:8px 9px;resize:vertical}.post-detail-page .post-empty{background:#fff;color:#64748b;font-size:14px;margin:0;padding:44px 12px;text-align:center}.post-detail-page .post-more{display:flex;justify-content:center;padding:14px 0 4px}.post-detail-page .post-more button{background:#1769e8;border:1px solid #1769e8;border-radius:18px;color:#fff;cursor:pointer;font:inherit;font-size:13px;font-weight:800;height:36px;min-width:132px;padding:0 18px}.post-detail-page .post-more button:disabled{cursor:default;opacity:.65}.post-detail-page .post-more p{color:#64748b;font-size:13px;line-height:36px;margin:0}@media(min-width:768px){.post-detail-page{padding:0 12px 34px}.post-detail-page .post-head{height:32px;min-height:32px;padding:0 12px}.post-detail-page .post-head__back{grid-column:auto}}