.container[data-v-e2c4dc1a]{width:100%;min-height:calc(100vh - 50px)}.pc[data-v-e2c4dc1a]{display:block;width:1240px;margin:auto}@media (max-width:1040px){.pc[data-v-e2c4dc1a]{display:none}}.header[data-v-e2c4dc1a]{text-align:center;padding-top:20px;color:#2c3e50}.header-content h1[data-v-e2c4dc1a]{font-size:28px;margin:0 0 5px 0;font-weight:700;color:#40485b}.header-content p[data-v-e2c4dc1a]{margin:0 0 15px 0;font-size:13px;color:#909399}.publish-btn-container[data-v-e2c4dc1a]{text-align:center;margin-bottom:25px}.content[data-v-e2c4dc1a]{width:80%;margin:auto}.post-list[data-v-e2c4dc1a]{display:flex;flex-direction:column;gap:12px}.post-item[data-v-e2c4dc1a]{background:#fff;border-radius:8px;padding:18px;cursor:pointer;transition:all .3s ease;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;overflow:hidden}.post-item[data-v-e2c4dc1a]:hover{border-color:rgba(91,174,255,.3);box-shadow:0 8px 16px rgba(91,174,255,.15);transform:translateY(-2px)}.post-item-header[data-v-e2c4dc1a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.post-title[data-v-e2c4dc1a]{font-size:16px;font-weight:600;color:#2c3e50;margin:0;flex:1;line-height:1.3;word-break:break-word}.post-title[data-v-e2c4dc1a]:hover{color:#5baeff}.post-date[data-v-e2c4dc1a]{font-size:11px;color:#909399;white-space:nowrap;flex-shrink:0}.post-description[data-v-e2c4dc1a]{font-size:13px;color:#606266;margin:0 0 10px 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post-images[data-v-e2c4dc1a]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;max-height:140px;overflow:hidden}.post-image[data-v-e2c4dc1a]{max-width:120px;max-height:120px;border-radius:6px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .3s ease}.post-image[data-v-e2c4dc1a]:hover{transform:scale(1.05)}.post-footer[data-v-e2c4dc1a]{display:flex;gap:16px;font-size:12px;color:#909399;align-items:center}.post-author[data-v-e2c4dc1a]{display:flex;align-items:center;gap:6px;color:#606266}.post-author i[data-v-e2c4dc1a]{font-size:12px}.post-reply[data-v-e2c4dc1a]{display:flex;align-items:center;gap:6px}.post-reply i[data-v-e2c4dc1a]{font-size:12px}.empty-state[data-v-e2c4dc1a]{text-align:center;padding:60px 40px}.empty-icon[data-v-e2c4dc1a]{font-size:50px;margin-bottom:15px}.empty-state p[data-v-e2c4dc1a]{color:#666;font-size:15px}.pagination[data-v-e2c4dc1a]{display:flex;justify-content:center;margin-top:25px;padding:15px 0}.images-preview[data-v-e2c4dc1a]{gap:10px;margin-bottom:10px}.image-item[data-v-e2c4dc1a]{width:100px;height:100px;border-radius:6px}.image-remove[data-v-e2c4dc1a]{width:24px;height:24px;border-radius:0 6px 0 6px}.image-remove[data-v-e2c4dc1a]:hover{background-color:rgba(255,0,0,.8)}.upload-btn[data-v-e2c4dc1a]{width:100px;height:100px;border-radius:6px;transition:all .3s}.upload-btn[data-v-e2c4dc1a]:hover{border-color:#409eff;background-color:#f0f9ff}.upload-btn i[data-v-e2c4dc1a]{font-size:28px;margin-bottom:5px}.upload-btn div[data-v-e2c4dc1a]{font-size:12px}.upload-tip[data-v-e2c4dc1a]{font-size:12px;margin-top:5px}.mobile[data-v-e2c4dc1a]{display:none}@media (max-width:1040px){.mobile[data-v-e2c4dc1a]{display:block;width:100%}}.mobile-header[data-v-e2c4dc1a]{text-align:center;padding-top:15px;padding-bottom:15px;color:#2c3e50}.mobile-header-content h1[data-v-e2c4dc1a]{font-size:20px;margin:0 0 3px 0;font-weight:700;color:#40485b}.mobile-header-content p[data-v-e2c4dc1a]{margin:0;font-size:11px;color:#909399}.mobile-publish-btn[data-v-e2c4dc1a]{text-align:center;margin-top:12px}.mobile-content[data-v-e2c4dc1a]{padding:15px}.mobile-post-list[data-v-e2c4dc1a]{display:flex;flex-direction:column;gap:10px}.mobile-post-item[data-v-e2c4dc1a]{background:#fff;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s ease;border:1px solid #f0f0f0;box-shadow:0 2px 8px rgba(0,0,0,.05);position:relative;overflow:hidden}.mobile-post-item[data-v-e2c4dc1a]:active{border-color:rgba(91,174,255,.3);box-shadow:0 6px 12px rgba(91,174,255,.15)}.mobile-post-header[data-v-e2c4dc1a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;gap:10px}.mobile-post-title[data-v-e2c4dc1a]{font-size:14px;font-weight:600;color:#2c3e50;margin:0;flex:1;line-height:1.3;word-break:break-word}.mobile-post-date[data-v-e2c4dc1a]{font-size:10px;color:#909399;white-space:nowrap;flex-shrink:0}.mobile-post-description[data-v-e2c4dc1a]{font-size:12px;color:#606266;margin:0 0 8px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.mobile-post-images[data-v-e2c4dc1a]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;max-height:120px;overflow:hidden}.mobile-post-image[data-v-e2c4dc1a]{max-width:100px;max-height:100px;border-radius:6px;-o-object-fit:cover;object-fit:cover;cursor:pointer;transition:transform .3s ease}.mobile-post-image[data-v-e2c4dc1a]:active{transform:scale(.98)}.mobile-post-footer[data-v-e2c4dc1a]{display:flex;gap:12px;font-size:11px;color:#909399;align-items:center}.mobile-post-author[data-v-e2c4dc1a]{display:flex;align-items:center;gap:6px;color:#606266}.mobile-post-author i[data-v-e2c4dc1a]{font-size:11px}.mobile-post-reply[data-v-e2c4dc1a]{display:flex;align-items:center;gap:6px}.mobile-post-reply i[data-v-e2c4dc1a]{font-size:11px}.mobile-empty-state[data-v-e2c4dc1a]{text-align:center;padding:50px 20px}.empty-icon[data-v-e2c4dc1a]{font-size:45px;color:#ccc;margin-bottom:12px}.mobile-empty-state p[data-v-e2c4dc1a]{color:#666;font-size:13px}.mobile-pagination[data-v-e2c4dc1a]{display:flex;justify-content:center;margin-top:15px;padding:12px 0}.image-upload-area[data-v-e2c4dc1a]{width:100%}.images-preview[data-v-e2c4dc1a]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.image-item[data-v-e2c4dc1a]{position:relative;width:80px;height:80px;border:1px solid #dcdfe6;border-radius:4px;overflow:hidden;background-color:#f5f7fa}.image-item img[data-v-e2c4dc1a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.image-remove[data-v-e2c4dc1a]{position:absolute;top:0;right:0;width:20px;height:20px;background-color:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:0 4px 0 4px;transition:background-color .2s}.image-remove[data-v-e2c4dc1a]:active{background-color:rgba(255,0,0,.8)}.uploader[data-v-e2c4dc1a]{display:inline-block}.upload-btn[data-v-e2c4dc1a]{width:80px;height:80px;border:1px dashed #d9d9d9;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fafafa;transition:all .2s}.upload-btn[data-v-e2c4dc1a]:active{border-color:#409eff;background-color:#f0f9ff}.upload-btn i[data-v-e2c4dc1a]{font-size:24px;color:#8c939d;margin-bottom:3px}.upload-btn div[data-v-e2c4dc1a]{font-size:11px;color:#606266}.upload-tip[data-v-e2c4dc1a]{font-size:11px;color:#909399;margin-top:4px}