@charset "UTF-8";.blog-you-might-also-like[data-v-a796fc92]{margin-top:48px;padding:0}.header[data-v-a796fc92]{margin-bottom:24px;padding:0;text-align:left}.title[data-v-a796fc92]{color:#1a1a1a;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 4px}.subtitle[data-v-a796fc92]{color:#6b7280;font-size:16px;font-style:normal;font-weight:400;margin:0}.products-grid[data-v-a796fc92]{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:0}@media(max-width:1024px){.products-grid[data-v-a796fc92]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.products-grid[data-v-a796fc92]{gap:16px;grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.products-grid[data-v-a796fc92]{gap:12px;grid-template-columns:repeat(2,1fr)}}.loading-container[data-v-a796fc92]{padding:40px 0}@media(max-width:768px){.loading-container[data-v-a796fc92]{padding:24px 0}}.empty-state[data-v-a796fc92]{color:#9ca3af;font-size:14px;font-weight:400;padding:40px 0;text-align:left}.blog-detail-page[data-v-e3b9ccda]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:60px 0 80px}.container[data-v-e3b9ccda]{margin:0 clamp(16px,3vw,48px);width:calc(100% - (clamp(16px,3vw,48px)*2))}.post-detail[data-v-e3b9ccda]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:50px}@media(max-width:768px){.post-detail[data-v-e3b9ccda]{border-radius:16px;padding:30px 20px}}.post-header[data-v-e3b9ccda]{margin-bottom:40px}.post-meta[data-v-e3b9ccda]{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:20px;margin-bottom:20px}.post-meta .category[data-v-e3b9ccda]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;font-weight:600;padding:6px 16px}.post-meta .date[data-v-e3b9ccda]{align-items:center;color:#999;display:flex;gap:6px}.post-meta .date[data-v-e3b9ccda]:before{content:"📅"}.post-meta .views[data-v-e3b9ccda]{align-items:center;color:#999;display:flex;gap:6px}.post-meta .views[data-v-e3b9ccda]:before{content:"👁️"}.post-title[data-v-e3b9ccda]{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-e3b9ccda]{font-size:28px}}.post-share[data-v-e3b9ccda]{margin-bottom:20px}.post-tags[data-v-e3b9ccda]{display:flex;flex-wrap:wrap;gap:10px}.post-tags .tag[data-v-e3b9ccda]{border-radius:16px;color:#fff;font-size:14px;font-weight:500;padding:6px 14px}.post-cover[data-v-e3b9ccda]{border-radius:16px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;overflow:hidden}.post-cover img[data-v-e3b9ccda]{display:block;height:auto;width:100%}.post-body[data-v-e3b9ccda]{color:#333;font-size:17px;line-height:1.9;margin-bottom:50px}.post-body[data-v-e3b9ccda] h2{color:#1a1a1a;font-size:28px;font-weight:700;margin:40px 0 20px;padding-bottom:12px;position:relative}.post-body[data-v-e3b9ccda] 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-e3b9ccda] h3{color:#333;font-size:22px;font-weight:600;margin:30px 0 16px}.post-body[data-v-e3b9ccda] p{margin-bottom:20px}.post-body[data-v-e3b9ccda] img{border-radius:12px;box-shadow:0 8px 24px #0000001a;height:auto;margin:30px 0;max-width:100%}.post-body[data-v-e3b9ccda] 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-e3b9ccda] pre{background:#1a1a1a;border-radius:12px;box-shadow:0 8px 24px #00000026;margin:24px 0;overflow-x:auto;padding:24px}.post-body[data-v-e3b9ccda] pre code{background:none;color:#f8f8f2;padding:0}.post-body[data-v-e3b9ccda] 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-e3b9ccda] ol,.post-body[data-v-e3b9ccda] ul{margin:20px 0;padding-left:30px}.post-body[data-v-e3b9ccda] ol li,.post-body[data-v-e3b9ccda] ul li{margin-bottom:10px}.search-answer[data-v-e3b9ccda],.search-faq[data-v-e3b9ccda],.search-paths[data-v-e3b9ccda]{background:#fffaf2;border:1px solid #e8e2d7;border-radius:8px;margin:0 0 34px;padding:24px}.search-answer__label[data-v-e3b9ccda]{color:#7b5b35;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.search-answer h2[data-v-e3b9ccda],.search-faq h2[data-v-e3b9ccda],.search-paths h2[data-v-e3b9ccda]{color:#1f2937;font-size:24px;line-height:1.25;margin:0 0 12px}.search-answer p[data-v-e3b9ccda],.search-faq p[data-v-e3b9ccda]{color:#4b5563;font-size:16px;line-height:1.8;margin:0}.search-paths__header[data-v-e3b9ccda]{margin-bottom:16px}.search-paths__grid[data-v-e3b9ccda]{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:768px){.search-paths__grid[data-v-e3b9ccda]{grid-template-columns:1fr}}.search-path[data-v-e3b9ccda]{background:#fff;border:1px solid #eadfce;border-radius:8px;color:#1f2937;display:flex;flex-direction:column;gap:6px;min-height:96px;padding:16px;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.search-path[data-v-e3b9ccda]:hover{border-color:#b9874f;transform:translateY(-1px)}.search-path span[data-v-e3b9ccda]{font-size:15px;font-weight:800;line-height:1.35}.search-path small[data-v-e3b9ccda]{color:#7b5b35;font-size:13px;line-height:1.45}.search-faq__list[data-v-e3b9ccda]{display:grid;gap:10px}.search-faq__item[data-v-e3b9ccda]{background:#fff;border:1px solid #eadfce;border-radius:8px;padding:14px 16px}.search-faq__item summary[data-v-e3b9ccda]{color:#1f2937;cursor:pointer;font-weight:800;line-height:1.45}.search-faq__item p[data-v-e3b9ccda]{margin-top:10px}.comments-section[data-v-e3b9ccda]{border-top:2px solid #f0f0f0;margin-top:60px;padding-top:40px}.comments-title[data-v-e3b9ccda]{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:30px}.comment-form[data-v-e3b9ccda],.login-prompt[data-v-e3b9ccda]{background:#f8f9fa;border-radius:12px;margin-bottom:30px;padding:24px}.login-prompt[data-v-e3b9ccda]{text-align:center}.login-prompt p[data-v-e3b9ccda]{color:#666;margin-bottom:16px}.btn-login[data-v-e3b9ccda]{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-e3b9ccda]:hover{box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.comment-input[data-v-e3b9ccda]{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-e3b9ccda]:focus{border-color:#667eea;outline:none}.comment-form-actions[data-v-e3b9ccda],.reply-form-actions[data-v-e3b9ccda]{display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.btn-submit[data-v-e3b9ccda],.btn-submit-small[data-v-e3b9ccda]{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-e3b9ccda]:hover:not(:disabled),.btn-submit[data-v-e3b9ccda]:hover:not(:disabled){box-shadow:0 6px 16px #667eea4d;transform:translateY(-2px)}.btn-submit-small[data-v-e3b9ccda]:disabled,.btn-submit[data-v-e3b9ccda]:disabled{cursor:not-allowed;opacity:.6}.btn-cancel-small[data-v-e3b9ccda]{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-e3b9ccda]:hover{background:#e0e0e0}.comments-list[data-v-e3b9ccda]{margin-top:30px}.no-comments[data-v-e3b9ccda]{color:#999;padding:40px;text-align:center}.comment-item[data-v-e3b9ccda],.reply-item[data-v-e3b9ccda]{background:#f8f9fa;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:20px;transition:background .3s}.comment-item[data-v-e3b9ccda]:hover,.reply-item[data-v-e3b9ccda]:hover{background:#f0f2f5}.reply-item[data-v-e3b9ccda]{background:#fff;border:1px solid #e0e0e0}.reply-item[data-v-e3b9ccda]:hover{background:#fafbfc}.comment-avatar[data-v-e3b9ccda]{flex-shrink:0}.comment-avatar img[data-v-e3b9ccda]{-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-e3b9ccda],.comment-avatar img[data-v-e3b9ccda]{border-radius:50%;height:48px;width:48px}.avatar-placeholder[data-v-e3b9ccda]{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-e3b9ccda]{font-size:16px;height:36px;width:36px}.comment-content[data-v-e3b9ccda]{flex:1;min-width:0}.comment-header[data-v-e3b9ccda]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.comment-author[data-v-e3b9ccda]{color:#1a1a1a;font-weight:600}.comment-date[data-v-e3b9ccda]{color:#999;font-size:13px}.comment-pending[data-v-e3b9ccda]{background:#fff3cd;border-radius:4px;color:#856404;font-size:12px;font-weight:500;padding:2px 8px}.comment-text[data-v-e3b9ccda]{color:#333;line-height:1.6;margin-bottom:12px;word-wrap:break-word}.comment-actions[data-v-e3b9ccda]{display:flex;gap:12px}.btn-delete[data-v-e3b9ccda],.btn-reply[data-v-e3b9ccda]{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;font-weight:600;padding:4px 12px;transition:color .3s}.btn-delete[data-v-e3b9ccda]:hover,.btn-reply[data-v-e3b9ccda]:hover{color:#764ba2}.btn-delete[data-v-e3b9ccda]{color:#dc3545}.btn-delete[data-v-e3b9ccda]:hover{color:#c82333}.reply-form[data-v-e3b9ccda]{background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-top:16px;padding:16px}.replies-list[data-v-e3b9ccda]{border-left:3px solid #e0e0e0;margin-top:16px;padding-left:20px}.post-actions[data-v-e3b9ccda]{border-top:2px solid #f0f0f0;margin-top:40px;padding-top:40px;text-align:center}.btn-back[data-v-e3b9ccda]{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-e3b9ccda]:hover{box-shadow:0 12px 28px #667eea66;transform:translateY(-2px)}.error-state[data-v-e3b9ccda],.loading[data-v-e3b9ccda]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:80px 40px;text-align:center}.error-state p[data-v-e3b9ccda],.loading p[data-v-e3b9ccda]{color:#666;font-size:18px;margin-bottom:24px}
