.blog-detail-page[data-v-10fd948b]{background:#fff;min-height:100vh}.blog-detail-page[data-v-10fd948b] ul,.blog-detail-page[data-v-10fd948b] ol{list-style:disc!important}.article-hero[data-v-10fd948b]{align-items:flex-end;background:linear-gradient(180deg,#fff,#fce4ec);background-position:50%;background-size:cover;display:flex;min-height:300px;padding:100px 24px 60px;position:relative}.article-hero .hero-content[data-v-10fd948b]{margin:0 auto;max-width:900px;position:relative;width:100%;z-index:1}.article-hero .back-link[data-v-10fd948b]{align-items:center;color:#666;display:inline-flex;font-size:14px;gap:8px;margin-bottom:24px;text-decoration:none;transition:color .2s}.article-hero .back-link .iconfont[data-v-10fd948b]{font-size:16px;transform:rotate(-90deg)}.article-hero .back-link[data-v-10fd948b]:hover{color:#333}.article-hero .category[data-v-10fd948b]{background:#f85277;border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.article-hero .title[data-v-10fd948b]{color:#1a1a1a;font-size:42px;font-weight:700;line-height:1.2;margin-bottom:24px}.article-hero .description[data-v-10fd948b]{color:#555;display:-webkit-box;flex-grow:1;font-size:.95rem;-webkit-line-clamp:3;line-height:1.6;margin-bottom:24px;-webkit-box-orient:vertical;overflow:hidden}.article-hero .meta[data-v-10fd948b]{align-items:center;display:flex;font-size:14px;gap:16px}.article-hero .meta .author[data-v-10fd948b]{align-items:center;display:flex;gap:8px}.article-hero .meta .author .author-avatar[data-v-10fd948b]{border-radius:50%;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.article-hero .meta .author .author-name[data-v-10fd948b],.article-hero .meta .date[data-v-10fd948b],.article-hero .meta .reading-time[data-v-10fd948b]{color:#a1a1a1}.article-img[data-v-10fd948b]{align-items:center;display:flex;justify-content:center;margin-top:40px}.article-img .card-image[data-v-10fd948b]{border-radius:10px;height:420px;-o-object-fit:cover;object-fit:cover;width:750px}.article-main[data-v-10fd948b]{padding:40px 24px}.article-container[data-v-10fd948b]{margin:0 auto;max-width:800px}.article-content[data-v-10fd948b]{color:#333;font-size:18px;line-height:1.8}.article-content[data-v-10fd948b] h2{border-bottom:2px solid #f0f0f0;color:#1a1a2e;font-size:28px;font-weight:700;margin:48px 0 24px;padding-bottom:12px}.article-content[data-v-10fd948b] h3{color:#1a1a2e;font-size:22px;font-weight:600;margin:36px 0 16px}.article-content[data-v-10fd948b] p{margin-bottom:24px}.article-content[data-v-10fd948b] a{color:#f85277;text-decoration:none}.article-content[data-v-10fd948b] a:hover{text-decoration:underline}.article-content[data-v-10fd948b] ol,.article-content[data-v-10fd948b] ul{margin-bottom:24px;padding-left:24px}.article-content[data-v-10fd948b] ol li,.article-content[data-v-10fd948b] ul li{margin-bottom:8px}.article-content[data-v-10fd948b] blockquote{background:#f9f9f9;border-left:4px solid #f85277;color:#555;font-style:italic;margin:24px 0;padding:20px 24px}.article-content[data-v-10fd948b] pre{background:#1e1e1e;border-radius:8px;margin:24px 0;overflow-x:auto;padding:20px}.article-content[data-v-10fd948b] pre code{font-size:14px;line-height:1.6}.article-content[data-v-10fd948b] code:not(pre code){background:#f5f5f5;border-radius:4px;color:#f85277;font-size:.9em;padding:2px 8px}.article-content[data-v-10fd948b] table{border-collapse:collapse;margin:24px 0;width:100%}.article-content[data-v-10fd948b] table td,.article-content[data-v-10fd948b] table th{border:1px solid #e8e8e8;padding:12px;text-align:left}.article-content[data-v-10fd948b] table th{background:#f5f5f5;font-weight:600}.article-content[data-v-10fd948b] table tr:nth-child(2n){background:#fafafa}.article-content[data-v-10fd948b] img{border-radius:8px;height:auto;margin:24px 0;max-width:100%}.article-content[data-v-10fd948b] hr{border:none;border-top:1px solid #e8e8e8;margin:48px 0}.article-tags[data-v-10fd948b]{align-items:center;border-top:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:10px;margin-top:48px;padding-top:24px}.article-tags .tags-label[data-v-10fd948b]{color:#666;font-weight:600}.article-tags .tag[data-v-10fd948b]{background:#f5f5f5;border-radius:20px;color:#666;font-size:14px;padding:6px 14px;transition:all .2s}.article-tags .tag[data-v-10fd948b]:hover{background:#f85277;color:#fff}.share-section[data-v-10fd948b]{align-items:center;background:#f9f9f9;border-radius:12px;display:flex;gap:16px;margin-top:32px;padding:24px}.share-section .share-label[data-v-10fd948b]{color:#333;font-weight:600}.share-section .share-buttons[data-v-10fd948b]{display:flex;gap:12px}.share-section .share-btn[data-v-10fd948b]{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.share-section .share-btn img[data-v-10fd948b]{height:16px;width:16px}.share-section .share-btn .iconfont[data-v-10fd948b]{color:#fff;font-size:18px}.share-section .share-btn.twitter[data-v-10fd948b]{background:#333}.share-section .share-btn.twitter[data-v-10fd948b]:hover{background:#000}.share-section .share-btn.linkedin[data-v-10fd948b]{background:#0077b5}.share-section .share-btn.linkedin[data-v-10fd948b]:hover{background:#006097}.share-section .share-btn.copy[data-v-10fd948b]{background:#999}.share-section .share-btn.copy[data-v-10fd948b]:hover{background:#555}.related-section[data-v-10fd948b]{margin-top:80px}.related-section .related-title[data-v-10fd948b]{color:#333;font-size:28px;font-weight:700;margin-bottom:32px}.cta-section[data-v-10fd948b]{margin-top:80px}.cta-section .cta-content[data-v-10fd948b]{background:linear-gradient(135deg,#f85277,#a775ff);border-radius:16px;padding:48px;text-align:center}.cta-section .cta-title[data-v-10fd948b]{color:#fff;font-size:28px;font-weight:700;margin-bottom:12px}.cta-section .cta-description[data-v-10fd948b]{color:#ffffffe6;font-size:16px;margin-bottom:24px}.cta-section .cta-button[data-v-10fd948b]{background:#fff;border-radius:8px;color:#f85277;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .2s}.cta-section .cta-button[data-v-10fd948b]:hover{box-shadow:0 8px 24px #0003;transform:translateY(-2px)}@media(max-width:768px){.article-hero[data-v-10fd948b]{min-height:400px;padding:80px 16px 40px}.article-hero .title[data-v-10fd948b]{font-size:28px}.article-hero .meta[data-v-10fd948b]{flex-wrap:wrap;gap:12px}.article-main[data-v-10fd948b]{padding:40px 16px}.article-content[data-v-10fd948b]{font-size:16px}.article-content[data-v-10fd948b] h2{font-size:24px}.article-content[data-v-10fd948b] h3{font-size:20px}.cta-section .cta-content[data-v-10fd948b]{padding:32px 24px}.cta-section .cta-content .cta-title[data-v-10fd948b]{font-size:22px}}
