.article-detail-container[data-v-d1ad32d3]{max-width:800px;margin:80px auto 50px;padding:40px;font-family:Helvetica Neue,Arial,sans-serif;color:#333;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.breadcrumb[data-v-d1ad32d3]{margin-bottom:20px;font-size:.9em;color:#7f8c8d}.breadcrumb ol[data-v-d1ad32d3]{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}.breadcrumb li[data-v-d1ad32d3]{display:flex;align-items:center}.breadcrumb li[data-v-d1ad32d3]:not(:last-child):after{content:">";margin:0 8px;color:#bdc3c7}.breadcrumb a[data-v-d1ad32d3]{text-decoration:none;color:#3498db;transition:color .2s}.breadcrumb a[data-v-d1ad32d3]:hover{text-decoration:underline;color:#2980b9}.breadcrumb li[data-v-d1ad32d3]:last-child{color:#95a5a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}h1[data-v-d1ad32d3]{font-size:2.4em;color:#2c3e50;margin-bottom:15px;line-height:1.3;font-weight:700}.article-meta[data-v-d1ad32d3]{font-size:.95em;color:#888;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:20px}.article-image[data-v-d1ad32d3]{margin-bottom:40px;text-align:center}.article-image img[data-v-d1ad32d3]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 10px #0000001a}.article-content[data-v-d1ad32d3]{font-size:1.15em;line-height:1.9;margin-bottom:50px}[data-v-d1ad32d3] .article-content h2{font-size:1.8em;color:#34495e;margin-top:50px;margin-bottom:25px;padding-bottom:10px;border-bottom:2px solid #f0f2f5}[data-v-d1ad32d3] .article-content p{margin-bottom:1.8em}[data-v-d1ad32d3] .article-content ul,[data-v-d1ad32d3] .article-content ol{margin-bottom:2em;padding-left:20px}[data-v-d1ad32d3] .article-content li{margin-bottom:1em}[data-v-d1ad32d3] .article-content b{font-weight:700;color:#2c3e50;background:linear-gradient(transparent 60%,#e0f7fa 60%)}[data-v-d1ad32d3] .cta-box{background-color:#f9f9f9;padding:25px;border-radius:8px;text-align:center;margin:40px 0;border:1px solid #eee}[data-v-d1ad32d3] .cta-section{text-align:center;margin-top:60px;padding:40px;background-color:#f0f8ff;border-radius:12px}[data-v-d1ad32d3] .cta-button{display:inline-block;background-color:#3498db;color:#fff;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:700;transition:background-color .3s}[data-v-d1ad32d3] .cta-button:hover{background-color:#2980b9}[data-v-d1ad32d3] .cta-button-primary{display:inline-block;background-color:#e74c3c;color:#fff;padding:15px 40px;border-radius:30px;text-decoration:none;font-weight:700;font-size:1.2em;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px #0000001a}[data-v-d1ad32d3] .cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026;background-color:#c0392b}.back-to-blog[data-v-d1ad32d3]{display:inline-block;margin-top:20px;color:#7f8c8d;text-decoration:none;font-weight:500;transition:color .3s ease}.back-to-blog[data-v-d1ad32d3]:hover{color:#34495e}.not-found[data-v-d1ad32d3]{text-align:center;padding:50px 20px;font-size:1.2em;color:#555}@media (prefers-color-scheme: dark){.article-detail-container[data-v-d1ad32d3]{background-color:#2c3e50;color:#ecf0f1;box-shadow:none}h1[data-v-d1ad32d3]{color:#fff}.article-meta[data-v-d1ad32d3]{color:#bdc3c7;border-bottom-color:#455a64}[data-v-d1ad32d3] .article-content h2{color:#ecf0f1;border-bottom-color:#455a64}[data-v-d1ad32d3] .article-content b{color:#fff;background:linear-gradient(transparent 60%,#34495e 60%)}[data-v-d1ad32d3] .cta-box{background-color:#34495e;border-color:#455a64}[data-v-d1ad32d3] .cta-section{background-color:#34495e}.back-to-blog[data-v-d1ad32d3]{color:#bdc3c7}.back-to-blog[data-v-d1ad32d3]:hover{color:#fff}}@media (max-width: 768px){.article-detail-container[data-v-d1ad32d3]{margin-top:20px;padding:20px}h1[data-v-d1ad32d3]{font-size:1.8em}.article-content[data-v-d1ad32d3]{font-size:1em}[data-v-d1ad32d3] .cta-button-primary{padding:12px 30px;font-size:1.1em}}.toc-container[data-v-d1ad32d3]{background-color:#f7f9fa;border:1px solid #e1e8ed;border-radius:8px;padding:20px;margin-bottom:40px}.toc-title[data-v-d1ad32d3]{font-weight:700;font-size:1.1em;color:#2c3e50;margin-bottom:10px;border-bottom:2px solid #e1e8ed;padding-bottom:8px;text-align:center}.toc-list[data-v-d1ad32d3]{list-style-type:none;padding:0;margin:0}.toc-list li[data-v-d1ad32d3]{margin-bottom:8px}.toc-list a[data-v-d1ad32d3]{text-decoration:none;color:#3498db;font-size:.95em;transition:color .2s;display:block;padding:4px 0;border-bottom:1px dashed #eee}.toc-list a[data-v-d1ad32d3]:hover{color:#2980b9;background-color:#fff;padding-left:5px}.toc-collapsed[data-v-d1ad32d3]{max-height:200px;overflow:hidden;position:relative}.toc-collapsed[data-v-d1ad32d3]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom,#f7f9fa00,#f7f9fa);pointer-events:none}.toc-toggle[data-v-d1ad32d3]{text-align:center;margin-top:10px}.toc-toggle button[data-v-d1ad32d3]{background-color:#fff;border:1px solid #ccc;border-radius:20px;padding:5px 20px;font-size:.9em;color:#555;cursor:pointer;transition:all .2s}.toc-toggle button[data-v-d1ad32d3]:hover{background-color:#f0f0f0;color:#333}@media (prefers-color-scheme: dark){.toc-container[data-v-d1ad32d3]{background-color:#34495e;border-color:#455a64}.toc-title[data-v-d1ad32d3]{color:#ecf0f1;border-bottom-color:#455a64}.toc-list a[data-v-d1ad32d3]{color:#4fc3f7;border-bottom-color:#455a64}.toc-list a[data-v-d1ad32d3]:hover{color:#81d4fa;background-color:#3e5871}.toc-collapsed[data-v-d1ad32d3]:after{background:linear-gradient(to bottom,#34495e00,#34495e)}.toc-toggle button[data-v-d1ad32d3]{background-color:#455a64;border-color:#546e7a;color:#ecf0f1}.toc-toggle button[data-v-d1ad32d3]:hover{background-color:#546e7a}}.related-articles-section[data-v-d1ad32d3]{margin-top:60px;padding-top:40px;border-top:1px solid #eee}.related-articles-section h3[data-v-d1ad32d3]{font-size:1.5em;color:#2c3e50;margin-bottom:20px;text-align:center}.related-articles-grid[data-v-d1ad32d3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.related-article-card[data-v-d1ad32d3]{display:flex;flex-direction:column;text-decoration:none;background:#f9f9f9;border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 5px #0000000d;height:100%}.related-article-card[data-v-d1ad32d3]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.related-image[data-v-d1ad32d3]{width:100%;aspect-ratio:16/9;overflow:hidden}.related-image img[data-v-d1ad32d3]{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-article-card:hover .related-image img[data-v-d1ad32d3]{transform:scale(1.05)}.related-info[data-v-d1ad32d3]{padding:12px}.related-date[data-v-d1ad32d3]{display:block;font-size:.8em;color:#888;margin-bottom:5px}.related-title[data-v-d1ad32d3]{font-size:1em;color:#333;margin:0;line-height:1.4;font-weight:700}.article-navigation[data-v-d1ad32d3]{display:flex;justify-content:space-between;margin-top:50px;gap:20px;flex-wrap:wrap}.nav-item[data-v-d1ad32d3]{flex:1;min-width:250px}.nav-item a[data-v-d1ad32d3]{display:block;padding:15px;background-color:#f7f9fa;border-radius:8px;text-decoration:none;transition:background-color .2s;height:100%;border:1px solid #eee}.nav-item a[data-v-d1ad32d3]:hover{background-color:#eef2f5}.nav-label[data-v-d1ad32d3]{display:block;font-size:.85em;color:#7f8c8d;margin-bottom:5px}.nav-prev .nav-label[data-v-d1ad32d3]{text-align:left}.nav-next .nav-label[data-v-d1ad32d3]{text-align:right}.nav-title[data-v-d1ad32d3]{display:block;color:#2c3e50;font-weight:700;font-size:1em;line-height:1.3}.nav-prev .nav-title[data-v-d1ad32d3]{text-align:left}.nav-next .nav-title[data-v-d1ad32d3]{text-align:right}@media (prefers-color-scheme: dark){.related-articles-section[data-v-d1ad32d3]{border-top-color:#455a64}.related-articles-section h3[data-v-d1ad32d3]{color:#ecf0f1}.related-article-card[data-v-d1ad32d3]{background:#34495e}.related-title[data-v-d1ad32d3]{color:#ecf0f1}.related-date[data-v-d1ad32d3]{color:#bdc3c7}.nav-item a[data-v-d1ad32d3]{background-color:#34495e;border-color:#455a64}.nav-item a[data-v-d1ad32d3]:hover{background-color:#3e5871}.nav-title[data-v-d1ad32d3]{color:#ecf0f1}.nav-label[data-v-d1ad32d3]{color:#bdc3c7}}