[data-v-debf7d18]{box-sizing:border-box}.container[data-v-debf7d18]{max-width:1080px;margin:0 auto;padding:0 20px}.blog-article[data-v-debf7d18]{padding:48px 0 80px}.article-header[data-v-debf7d18]{max-width:720px;margin:0 auto 48px}.back-button[data-v-debf7d18]{display:inline-flex;align-items:center;gap:6px;color:#6b7280;font-size:14px;background:none;border:none;padding:0;margin-bottom:24px;cursor:pointer;transition:color .2s}.back-button[data-v-debf7d18]:hover{color:#10b981}.article-title[data-v-debf7d18]{font-size:42px;font-weight:700;line-height:1.2;margin:0 0 20px;letter-spacing:-.5px;color:#1a1a1a}.article-meta[data-v-debf7d18]{display:flex;gap:24px;margin-bottom:16px}.meta-item[data-v-debf7d18]{display:flex;align-items:center;gap:6px;font-size:14px;color:#6b7280}.article-tags[data-v-debf7d18]{display:flex;gap:8px}.tag[data-v-debf7d18]{background:#f3f4f6;color:#6b7280;font-size:12px;padding:4px 10px;border-radius:100px}[data-v-debf7d18] .article-content{max-width:720px;margin:0 auto;font-size:17px;line-height:1.7;color:#374151}[data-v-debf7d18] .article-content h2{font-size:28px;font-weight:600;margin:40px 0 16px;color:#1a1a1a;letter-spacing:-.3px}[data-v-debf7d18] .article-content h3{font-size:22px;font-weight:600;margin:32px 0 12px;color:#1a1a1a}[data-v-debf7d18] .article-content h4{font-size:18px;font-weight:600;margin:20px 0 12px;color:#1a1a1a}[data-v-debf7d18] .article-content p{margin:0 0 20px}[data-v-debf7d18] .article-content strong{font-weight:600;color:#1a1a1a}[data-v-debf7d18] .article-content a{color:#10b981;text-decoration:none;border-bottom:1px solid #10b98133;transition:all .2s}[data-v-debf7d18] .article-content a:hover{color:#059669;border-bottom-color:#059669}[data-v-debf7d18] .article-content ul,[data-v-debf7d18] .article-content ol{margin:0 0 20px;padding-left:24px}[data-v-debf7d18] .article-content li{margin:0 0 8px}[data-v-debf7d18] .article-content code{background:#f3f4f6;padding:2px 6px;border-radius:3px;font-family:Courier New,Courier,monospace;font-size:.9em}[data-v-debf7d18] .article-content pre{background:#1e293b;color:#e2e8f0;padding:20px;border-radius:8px;overflow-x:auto;margin:0 0 20px}[data-v-debf7d18] .article-content pre code{background:none;padding:0;color:inherit;font-size:14px;line-height:1.5}[data-v-debf7d18] .article-content blockquote{border-left:3px solid #10b981;padding-left:20px;margin:0 0 20px;color:#6b7280;font-style:italic}[data-v-debf7d18] .article-content table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}[data-v-debf7d18] .article-content th{background:#f9fafb;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #e5e7eb;font-size:14px}[data-v-debf7d18] .article-content td{padding:12px;border-bottom:1px solid #e5e7eb;font-size:14px}[data-v-debf7d18] .article-content tr:last-child td{border-bottom:none}[data-v-debf7d18] .article-content tr:hover{background:#f9fafb}@media (max-width: 768px){.article-title[data-v-debf7d18]{font-size:32px}[data-v-debf7d18] .article-content{font-size:16px}[data-v-debf7d18] .article-content h2{font-size:24px}[data-v-debf7d18] .article-content h3{font-size:20px}}