@charset "UTF-8";.blog-detail-page[data-v-dff9b9ec]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:60px 0 80px}.container[data-v-dff9b9ec]{margin:0 clamp(16px,3vw,48px);width:calc(100% - (clamp(16px,3vw,48px)*2))}.post-detail[data-v-dff9b9ec]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:50px}@media(max-width:768px){.post-detail[data-v-dff9b9ec]{border-radius:16px;padding:30px 20px}}.post-header[data-v-dff9b9ec]{margin-bottom:40px}.post-meta[data-v-dff9b9ec]{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-bottom:20px}.post-meta .category[data-v-dff9b9ec]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-weight:600;padding:6px 16px}.post-meta .date[data-v-dff9b9ec]{align-items:center;color:#999;display:flex;gap:6px}.post-meta .date[data-v-dff9b9ec]:before{content:"📅"}.post-meta .views[data-v-dff9b9ec]{align-items:center;color:#999;display:flex;gap:6px}.post-meta .views[data-v-dff9b9ec]:before{content:"👁️"}.post-title[data-v-dff9b9ec]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;color:#1a1a1a;font-size:42px;font-weight:800;line-height:1.3;margin-bottom:20px;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.post-title[data-v-dff9b9ec]{font-size:28px}}.post-share[data-v-dff9b9ec]{margin-bottom:20px}.post-tags[data-v-dff9b9ec]{display:flex;flex-wrap:wrap;gap:10px}.post-tags .tag[data-v-dff9b9ec]{border-radius:16px;color:#fff;font-size:14px;font-weight:500;padding:6px 14px}.post-cover[data-v-dff9b9ec]{border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;overflow:hidden}.post-cover img[data-v-dff9b9ec]{display:block;height:auto;width:100%}.post-body[data-v-dff9b9ec]{color:#333;font-size:17px;line-height:1.9;margin-bottom:50px}.post-body[data-v-dff9b9ec] h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:40px 0 20px;padding-bottom:12px;position:relative}.post-body[data-v-dff9b9ec] h2:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.post-body[data-v-dff9b9ec] h3{color:#333;font-size:22px;font-weight:600;margin:30px 0 16px}.post-body[data-v-dff9b9ec] p{margin-bottom:20px}.post-body[data-v-dff9b9ec] img{border-radius:12px;box-shadow:0 8px 24px #0000001a;height:auto;margin:30px 0;max-width:100%}.post-body[data-v-dff9b9ec] code{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:6px;color:#667eea;font-family:Monaco,Menlo,monospace;font-size:.9em;padding:3px 8px}.post-body[data-v-dff9b9ec] pre{background:#1a1a1a;border-radius:12px;box-shadow:0 8px 24px #00000026;margin:24px 0;overflow-x:auto;padding:24px}.post-body[data-v-dff9b9ec] pre code{background:none;color:#f8f8f2;padding:0}.post-body[data-v-dff9b9ec] blockquote{background:#667eea0d;border-left:4px solid #667eea;border-radius:8px;color:#666;font-style:italic;margin:24px 0;padding:16px 20px}.post-body[data-v-dff9b9ec] ol,.post-body[data-v-dff9b9ec] ul{margin:20px 0;padding-left:30px}.post-body[data-v-dff9b9ec] ol li,.post-body[data-v-dff9b9ec] ul li{margin-bottom:10px}.comments-section[data-v-dff9b9ec]{border-top:2px solid #f0f0f0;margin-top:60px;padding-top:40px}.comments-title[data-v-dff9b9ec]{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:30px}.comment-form[data-v-dff9b9ec],.login-prompt[data-v-dff9b9ec]{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:24px}.login-prompt[data-v-dff9b9ec]{text-align:center}.login-prompt p[data-v-dff9b9ec]{color:#666;margin-bottom:16px}.btn-login[data-v-dff9b9ec]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-login[data-v-dff9b9ec]:hover{box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.comment-input[data-v-dff9b9ec]{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:15px;line-height:1.6;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.comment-input[data-v-dff9b9ec]:focus{border-color:#667eea;outline:none}.comment-form-actions[data-v-dff9b9ec],.reply-form-actions[data-v-dff9b9ec]{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.btn-submit[data-v-dff9b9ec],.btn-submit-small[data-v-dff9b9ec]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-submit-small[data-v-dff9b9ec]:hover:not(:disabled),.btn-submit[data-v-dff9b9ec]:hover:not(:disabled){box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.btn-submit-small[data-v-dff9b9ec]:disabled,.btn-submit[data-v-dff9b9ec]:disabled{cursor:not-allowed;opacity:.6}.btn-cancel-small[data-v-dff9b9ec]{background:#f0f0f0;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s}.btn-cancel-small[data-v-dff9b9ec]:hover{background:#e0e0e0}.comments-list[data-v-dff9b9ec]{margin-top:30px}.no-comments[data-v-dff9b9ec]{color:#999;padding:40px;text-align:center}.comment-item[data-v-dff9b9ec],.reply-item[data-v-dff9b9ec]{background:#f8f9fa;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px;transition:background .3s}.comment-item[data-v-dff9b9ec]:hover,.reply-item[data-v-dff9b9ec]:hover{background:#f0f2f5}.reply-item[data-v-dff9b9ec]{background:#fff;border:1px solid #e0e0e0}.reply-item[data-v-dff9b9ec]:hover{background:#fafbfc}.comment-avatar[data-v-dff9b9ec]{flex-shrink:0}.comment-avatar img[data-v-dff9b9ec]{-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-dff9b9ec],.comment-avatar img[data-v-dff9b9ec]{border-radius:50%;height:48px;width:48px}.avatar-placeholder[data-v-dff9b9ec]{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:center}.avatar-small[data-v-dff9b9ec]{font-size:16px;height:36px;width:36px}.comment-content[data-v-dff9b9ec]{flex:1;min-width:0}.comment-header[data-v-dff9b9ec]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.comment-author[data-v-dff9b9ec]{color:#1a1a1a;font-weight:600}.comment-date[data-v-dff9b9ec]{color:#999;font-size:13px}.comment-pending[data-v-dff9b9ec]{background:#fff3cd;border-radius:4px;color:#856404;font-size:12px;font-weight:500;padding:2px 8px}.comment-text[data-v-dff9b9ec]{color:#333;line-height:1.6;margin-bottom:12px;word-wrap:break-word}.comment-actions[data-v-dff9b9ec]{display:flex;gap:12px}.btn-delete[data-v-dff9b9ec],.btn-reply[data-v-dff9b9ec]{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:4px 12px;transition:color .3s}.btn-delete[data-v-dff9b9ec]:hover,.btn-reply[data-v-dff9b9ec]:hover{color:#764ba2}.btn-delete[data-v-dff9b9ec]{color:#dc3545}.btn-delete[data-v-dff9b9ec]:hover{color:#c82333}.reply-form[data-v-dff9b9ec]{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:16px}.replies-list[data-v-dff9b9ec]{border-left:3px solid #e0e0e0;margin-top:16px;padding-left:20px}.post-actions[data-v-dff9b9ec]{border-top:2px solid #f0f0f0;margin-top:40px;padding-top:40px;text-align:center}.btn-back[data-v-dff9b9ec]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 20px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s}.btn-back[data-v-dff9b9ec]:hover{box-shadow:0 12px 28px #667eea66;transform:translateY(-2px)}.error-state[data-v-dff9b9ec],.loading[data-v-dff9b9ec]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:80px 40px;text-align:center}.error-state p[data-v-dff9b9ec],.loading p[data-v-dff9b9ec]{color:#666;font-size:18px;margin-bottom:24px}