.comment-item[data-v-17c8a2ce]{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.avatar[data-v-17c8a2ce]{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.comment-body[data-v-17c8a2ce]{flex-direction:column;display:flex}.author-name[data-v-17c8a2ce]{font-size:14px;font-weight:700}.content[data-v-17c8a2ce]{color:#333;margin:2px 0 0;font-size:14px}.comment-input[data-v-d9961f25]{align-items:flex-start;gap:10px;padding:8px 0;display:flex}.avatar[data-v-d9961f25]{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.input-body[data-v-d9961f25]{flex-direction:column;flex:1;display:flex}.author-name[data-v-d9961f25]{margin-bottom:4px;font-size:14px;font-weight:700}input[data-v-d9961f25]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-size:14px}input[data-v-d9961f25]:focus{border-color:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f4f6;font-family:sans-serif}.app-wrapper[data-v-627f231a]{min-height:100vh}.app-header[data-v-627f231a]{color:#181717;letter-spacing:1px;background-color:#add9eb;justify-content:center;align-items:center;height:48px;font-size:18px;font-weight:700;display:flex}.app-main[data-v-627f231a]{background-color:#fff;max-width:480px;min-height:calc(100vh - 48px);margin:0 auto;padding:16px}.post-author[data-v-627f231a]{align-items:center;gap:10px;margin-bottom:12px;display:flex}.avatar[data-v-627f231a]{color:#fff;background-color:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.post-meta[data-v-627f231a]{flex-direction:column;display:flex}.author-name[data-v-627f231a]{font-size:14px;font-weight:700}.post-date[data-v-627f231a]{color:#666;font-size:12px}.post-image[data-v-627f231a]{margin-bottom:12px}.post-image img[data-v-627f231a]{border-radius:8px;max-width:100%;display:block}.image-placeholder[data-v-627f231a]{background-color:#d1d5db;border-radius:8px;width:100%;height:200px;display:none}.comment-list[data-v-627f231a]{margin-top:8px}.error-text[data-v-627f231a]{color:#ef4444;margin:4px 0;font-size:13px}.loading-text[data-v-627f231a]{color:#999;text-align:center;padding:16px 0;font-size:14px}