.article-detail[data-v-10e9aa5a]{min-height:100vh;background-color:var(--gray-50)}.loading-container[data-v-10e9aa5a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px}.loading-spinner[data-v-10e9aa5a]{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin-10e9aa5a 1s linear infinite;margin-bottom:20px}@keyframes spin-10e9aa5a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container[data-v-10e9aa5a]{text-align:center;padding:100px 20px}.error-container h2[data-v-10e9aa5a]{color:var(--red);margin-bottom:20px}.breadcrumb[data-v-10e9aa5a]{display:flex;align-items:center;margin-bottom:30px;font-size:.9rem;color:var(--gray-600)}.breadcrumb a[data-v-10e9aa5a]{color:var(--gray-600);text-decoration:none}.breadcrumb a[data-v-10e9aa5a]:hover{color:var(--primary)}.separator[data-v-10e9aa5a]{margin:0 10px}.current[data-v-10e9aa5a]{color:var(--gray-400)}.article-header[data-v-10e9aa5a]{background:#fff;padding:40px 0 20px;border-bottom:1px solid var(--gray-200)}.article-title[data-v-10e9aa5a]{font-size:1.2rem;line-height:1.3;margin-bottom:20px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-meta[data-v-10e9aa5a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.meta-left[data-v-10e9aa5a]{display:flex;gap:20px;color:var(--gray-600);font-size:.9rem}.btn-like[data-v-10e9aa5a]{background:none;border:1px solid var(--gray-300);padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s}.btn-like[data-v-10e9aa5a]:hover{border-color:var(--primary);color:var(--primary)}.btn-like.liked[data-v-10e9aa5a]{background-color:var(--primary);color:#fff;border-color:var(--primary)}.article-tags[data-v-10e9aa5a]{display:flex;flex-wrap:wrap;gap:10px}.article-tag[data-v-10e9aa5a]{background-color:rgba(5,127,219,.1);color:var(--primary);padding:4px 12px;border-radius:12px;font-size:.8rem}.article-cover[data-v-10e9aa5a]{background:#fff;padding:0}.cover-image[data-v-10e9aa5a]{width:100%;max-height:400px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.article-content[data-v-10e9aa5a]{padding:5px 0}.article-content .container[data-v-10e9aa5a]{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.content-wrapper[data-v-10e9aa5a]{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.content-html[data-v-10e9aa5a]{line-height:1.5;color:var(--gray-800)}.content-html[data-v-10e9aa5a] h1{font-size:1.8rem;margin:.1rem 0 0;color:var(--gray-900)}.content-html[data-v-10e9aa5a] h2{font-size:1.5rem;margin:.1rem 0 0 0;color:var(--gray-900)}.content-html[data-v-10e9aa5a] h3{font-size:1.5rem;margin:.1rem 0 0 0;color:var(--gray-800)}.content-html[data-v-10e9aa5a] p{margin-bottom:.1rem}.content-html[data-v-10e9aa5a] blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1.5rem 0;color:var(--gray-600);font-style:italic}.content-html[data-v-10e9aa5a] code{background:var(--gray-100);padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace}.content-html[data-v-10e9aa5a] pre{background:var(--gray-900);color:#fff;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.content-html[data-v-10e9aa5a] img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0}.article-footer[data-v-10e9aa5a]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--gray-200)}.action-buttons[data-v-10e9aa5a]{display:flex;gap:15px;margin-bottom:2rem}.btn-action[data-v-10e9aa5a]{display:flex;align-items:center;gap:8px;padding:10px 20px;border:1px solid var(--gray-300);border-radius:6px;background:#fff;cursor:pointer;transition:all .3s}.btn-action[data-v-10e9aa5a]:hover{border-color:var(--primary);color:var(--primary)}.btn-action.liked[data-v-10e9aa5a]{background-color:var(--primary);color:#fff;border-color:var(--primary)}.copyright[data-v-10e9aa5a]{color:var(--gray-600);font-size:.9rem;text-align:center}.article-sidebar[data-v-10e9aa5a]{position:sticky;top:100px}.related-articles[data-v-10e9aa5a],.toc-container[data-v-10e9aa5a]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:20px}.related-articles h3[data-v-10e9aa5a],.toc-container h3[data-v-10e9aa5a]{margin-bottom:15px;color:var(--gray-800);font-size:.9rem}.toc-item[data-v-10e9aa5a]{display:block;padding:8px 0;color:var(--gray-600);text-decoration:none;border-left:2px solid transparent;padding-left:10px;transition:all .3s}.toc-item[data-v-10e9aa5a]:hover{color:var(--primary);border-left-color:var(--primary)}.toc-level-2[data-v-10e9aa5a]{padding-left:20px}.toc-level-3[data-v-10e9aa5a]{padding-left:30px}.related-item[data-v-10e9aa5a]{padding:10px 0;border-bottom:1px solid var(--gray-100)}.related-item[data-v-10e9aa5a]:last-child{border-bottom:none}.related-link[data-v-10e9aa5a]{text-decoration:none;color:inherit}.related-link h4[data-v-10e9aa5a]{font-size:.9rem;margin-bottom:5px;line-height:1.4;color:var(--gray-700)}.related-link:hover h4[data-v-10e9aa5a]{color:var(--primary)}.related-date[data-v-10e9aa5a]{font-size:.8rem;color:var(--gray-500)}.article-navigation[data-v-10e9aa5a]{width:800px;background:#fff;padding:4px 0;border-top:1px solid var(--gray-200);font-size:smaller;height:40px;line-height:40px;text-align:center}.nav-links[data-v-10e9aa5a]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.nav-link[data-v-10e9aa5a]{display:block;padding:20px;border:1px solid var(--gray-200);border-radius:8px;text-decoration:none;transition:all .3s}.nav-link[data-v-10e9aa5a]:hover{border-color:var(--primary);background:rgba(5,127,219,.05)}.nav-direction[data-v-10e9aa5a]{display:block;font-size:.9rem;color:var(--gray-600);margin-bottom:5px}.nav-title[data-v-10e9aa5a]{display:block;color:var(--gray-800);font-weight:500;line-height:1.4}.nav-link.prev[data-v-10e9aa5a]{text-align:left}a[data-v-10e9aa5a]:active,a[data-v-10e9aa5a]:hover,a[data-v-10e9aa5a]:link,a[data-v-10e9aa5a]:visited{color:#474747;text-decoration:none}.nav-link.next[data-v-10e9aa5a]{text-align:right}@media (max-width:1024px){.article-content .container[data-v-10e9aa5a]{grid-template-columns:1fr;gap:30px}.article-sidebar[data-v-10e9aa5a]{position:static}}@media (max-width:768px){.article-title[data-v-10e9aa5a]{font-size:2rem}.content-wrapper[data-v-10e9aa5a]{padding:20px}.article-meta[data-v-10e9aa5a]{flex-direction:column;gap:15px;align-items:flex-start}.nav-links[data-v-10e9aa5a]{grid-template-columns:1fr;gap:15px;height:20px;line-height:20px}.action-buttons[data-v-10e9aa5a]{flex-direction:column}}