.article-detail-page[data-v-4ba46d16]{background:#fff}.article-detail-page .article-not-found[data-v-4ba46d16]{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:60px 0}@media(min-width:768px){.article-detail-page .article-not-found[data-v-4ba46d16]{min-height:70vh;padding:80px 0}}@media(min-width:1024px){.article-detail-page .article-not-found[data-v-4ba46d16]{min-height:80vh;padding:100px 0}}.article-detail-page .article-not-found .not-found-content[data-v-4ba46d16]{margin:0 auto;max-width:500px;text-align:center}.article-detail-page .article-not-found .not-found-title[data-v-4ba46d16]{color:#000;font-size:32px;font-weight:700;margin:0 0 20px}@media(min-width:768px){.article-detail-page .article-not-found .not-found-title[data-v-4ba46d16]{font-size:42px;margin-bottom:24px}}@media(min-width:1024px){.article-detail-page .article-not-found .not-found-title[data-v-4ba46d16]{font-size:48px;margin-bottom:30px}}.article-detail-page .article-not-found .not-found-text[data-v-4ba46d16]{color:#666;font-size:16px;line-height:1.6;margin:0 0 30px}@media(min-width:768px){.article-detail-page .article-not-found .not-found-text[data-v-4ba46d16]{font-size:17px;margin-bottom:40px}}@media(min-width:1024px){.article-detail-page .article-not-found .not-found-text[data-v-4ba46d16]{font-size:18px}}.article-detail-page .article-not-found .back-button[data-v-4ba46d16]{background:#000;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 40px;transition:all .3s ease}@media(min-width:768px){.article-detail-page .article-not-found .back-button[data-v-4ba46d16]{font-size:17px;padding:14px 50px}}.article-detail-page .article-not-found .back-button[data-v-4ba46d16]:hover{background:#333;transform:translateY(-2px)}.article-detail-page .container[data-v-4ba46d16]{margin:0 auto;max-width:1440px;padding:0 96px}@media(max-width:768px){.article-detail-page .container[data-v-4ba46d16]{padding:0 30px}}@media(max-width:1024px){.article-detail-page .container[data-v-4ba46d16]{padding:0 40px}}.article-detail-page .article-header[data-v-4ba46d16]{padding:40px 0 0}@media(max-width:768px){.article-detail-page .article-header[data-v-4ba46d16]{padding:40px 0 30px}}@media(max-width:1024px){.article-detail-page .article-header[data-v-4ba46d16]{padding:20px 0 40px}}.article-detail-page .article-header .reading-time[data-v-4ba46d16]{align-items:center;color:#000;display:flex;font-size:20px;margin-bottom:24px}@media(max-width:768px){.article-detail-page .article-header .reading-time[data-v-4ba46d16]{display:block;font-size:15px;margin-bottom:20px}}@media(min-width:1024px){.article-detail-page .article-header .reading-time[data-v-4ba46d16]{font-size:20px}}.article-detail-page .article-header .article-title[data-v-4ba46d16]{color:#000;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 24px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}@media(min-width:768px){.article-detail-page .article-header .article-title[data-v-4ba46d16]{font-size:36px;margin-bottom:30px}}@media(min-width:1024px){.article-detail-page .article-header .article-title[data-v-4ba46d16]{font-size:36px;margin-bottom:30px}}.article-detail-page .article-header .article-meta[data-v-4ba46d16]{align-items:center;color:#000;display:flex;flex-wrap:wrap;font-size:14px;gap:12px}@media(min-width:768px){.article-detail-page .article-header .article-meta[data-v-4ba46d16]{font-size:15px}}@media(min-width:1024px){.article-detail-page .article-header .article-meta[data-v-4ba46d16]{font-size:20px}}.article-detail-page .article-header .article-meta .meta-item[data-v-4ba46d16]{white-space:nowrap}.article-detail-page .article-header .article-meta .meta-separator[data-v-4ba46d16]{color:#ccc}.article-detail-page .article-header .article-meta .social-icons[data-v-4ba46d16]{display:flex;gap:20px}@media(max-width:768px){.article-detail-page .article-header .article-meta .social-icons[data-v-4ba46d16]{gap:8px}}.article-detail-page .article-header .article-meta .social-icon[data-v-4ba46d16]{align-items:center;background:transparent;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:22px;justify-content:center;padding:0;transition:all .3s ease;width:22px}@media(min-width:768px){.article-detail-page .article-header .article-meta .social-icon[data-v-4ba46d16]{height:22px;width:22px}}.article-detail-page .article-header .article-meta .social-icon[data-v-4ba46d16]:hover{opacity:.7;transform:scale(1.1)}.article-detail-page .article-header .article-meta .social-icon[data-v-4ba46d16]:active{transform:scale(.95)}.article-detail-page .article-header .article-tags[data-v-4ba46d16]{display:flex;flex-wrap:wrap;gap:8px}@media(min-width:768px){.article-detail-page .article-header .article-tags[data-v-4ba46d16]{gap:12px}}.article-detail-page .article-header .article-tags .tag[data-v-4ba46d16]{color:#00000080;font-size:13px;padding:4px 0}@media(min-width:768px){.article-detail-page .article-header .article-tags .tag[data-v-4ba46d16]{font-size:14px}}@media(min-width:1024px){.article-detail-page .article-header .article-tags .tag[data-v-4ba46d16]{font-size:20px}}.article-detail-page .hero-image[data-v-4ba46d16]{margin:40px auto 60px;max-width:1440px;overflow:hidden;width:100%}@media(max-width:768px){.article-detail-page .hero-image[data-v-4ba46d16]{margin:20px auto 30px}}.article-detail-page .hero-image img[data-v-4ba46d16]{display:block;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.article-detail-page .article-content .content-section[data-v-4ba46d16]{margin-bottom:40px}@media(min-width:768px){.article-detail-page .article-content .content-section[data-v-4ba46d16]{margin-bottom:50px}}@media(min-width:1024px){.article-detail-page .article-content .content-section[data-v-4ba46d16]{margin-bottom:60px}}.article-detail-page .article-content .content-section[data-v-4ba46d16]:last-child{margin-bottom:0}.article-detail-page .article-content .text-section .section-title[data-v-4ba46d16]{color:#000;font-size:20px;font-weight:700;line-height:1.4;margin:0 0 16px}@media(min-width:768px){.article-detail-page .article-content .text-section .section-title[data-v-4ba46d16]{font-size:22px;margin-bottom:20px}}@media(min-width:1024px){.article-detail-page .article-content .text-section .section-title[data-v-4ba46d16]{font-size:22px}}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16]{color:#333;font-size:15px;line-height:1.8;margin:0}@media(min-width:768px){.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16]{font-size:16px;line-height:1.9}}@media(min-width:1024px){.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16]{font-size:16px}}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] h1{font-size:2em;font-weight:700;margin:.67em 0}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] h2{font-size:1.5em;font-weight:700;margin:.83em 0}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] h3{font-size:1.17em;font-weight:700;margin:1em 0}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] h4{font-size:1em;font-weight:700;margin:1.33em 0}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] h5{font-size:.83em;font-weight:700;margin:1.67em 0}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] h6{font-size:.67em;font-weight:700;margin:2.33em 0}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] p{margin-bottom:1em}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] ul{list-style-type:disc;margin:1em 0;padding-left:40px}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] ol{list-style-type:decimal;margin:1em 0;padding-left:40px}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] li{display:list-item}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] b,.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] strong{font-weight:700}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] em,.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] i{font-style:italic}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] a{color:#1890ff;text-decoration:underline}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] blockquote{border-left:4px solid #ddd;color:#666;margin:1em 40px;padding-left:16px}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] pre{background:#f5f5f5;border-radius:4px;margin:1em 0;overflow:auto;padding:16px}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] code{background:#f5f5f5;border-radius:2px;font-family:monospace;padding:2px 4px}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] table{border-collapse:collapse;margin:1em 0;width:100%}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] td,.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] th{border:1px solid #ddd;padding:8px;text-align:left}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] th{background-color:#f2f2f2}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] img{border-radius:8px;box-shadow:0 4px 16px #0000001a;height:auto;margin:40px 0;max-width:100%}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] video{border-radius:8px;box-shadow:0 4px 16px #0000001a;height:auto;margin:40px 0;max-width:100%;width:100%}.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] iframe{border-radius:8px;box-shadow:0 4px 16px #0000001a;display:block;height:575px;margin:40px auto;max-width:100%;width:100%}@media(max-width:768px){.article-detail-page .article-content .text-section .section-content[data-v-4ba46d16] iframe{height:168px}}.article-detail-page .article-content .video-section[data-v-4ba46d16]{background:#000;border-radius:8px;margin:0 auto;overflow:hidden;width:100%}.article-detail-page .article-content .video-section .video-container[data-v-4ba46d16]{aspect-ratio:16/9;cursor:pointer;position:relative;width:100%}.article-detail-page .article-content .video-section .video-container:hover .play-overlay.is-playing-overlay[data-v-4ba46d16]{opacity:1}.article-detail-page .article-content .video-section .video-player[data-v-4ba46d16]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-detail-page .article-content .video-section .play-overlay[data-v-4ba46d16]{align-items:center;background:#0003;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:2}.article-detail-page .article-content .video-section .play-overlay.is-playing-overlay[data-v-4ba46d16]{background:#0006;opacity:0;pointer-events:none}.article-detail-page .article-content .video-section .play-overlay.is-playing-overlay .play-button[data-v-4ba46d16]{pointer-events:auto}.article-detail-page .article-content .video-section .play-overlay.is-playing-overlay[data-v-4ba46d16]:hover{opacity:1}.article-detail-page .article-content .video-section .play-overlay[data-v-4ba46d16]:hover{background:#0006}.article-detail-page .article-content .video-section .play-overlay:hover .play-button[data-v-4ba46d16]{background:#fff;transform:scale(1.1)}.article-detail-page .article-content .video-section .play-overlay .play-button[data-v-4ba46d16]{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #0000004d;display:flex;height:64px;justify-content:center;transition:all .3s ease;width:64px}.article-detail-page .article-content .video-section .play-overlay .play-button svg[data-v-4ba46d16]{color:#000;height:32px;margin-left:4px;width:32px}.article-detail-page .related-articles[data-v-4ba46d16]{overflow:hidden;padding:60px 0}@media(min-width:768px){.article-detail-page .related-articles[data-v-4ba46d16]{padding:80px 0}}@media(min-width:1024px){.article-detail-page .related-articles[data-v-4ba46d16]{padding:100px 0}}.article-detail-page .related-articles .container[data-v-4ba46d16]{max-width:1440px}.article-detail-page .related-articles .section-header[data-v-4ba46d16]{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}@media(min-width:768px){.article-detail-page .related-articles .section-header[data-v-4ba46d16]{margin-bottom:40px}}@media(min-width:1024px){.article-detail-page .related-articles .section-header[data-v-4ba46d16]{margin-bottom:50px}}.article-detail-page .related-articles .section-header .section-title[data-v-4ba46d16]{color:#000;font-size:22px;font-weight:700;margin:0}@media(min-width:768px){.article-detail-page .related-articles .section-header .section-title[data-v-4ba46d16]{font-size:28px}}@media(min-width:1024px){.article-detail-page .related-articles .section-header .section-title[data-v-4ba46d16]{font-size:32px}}.article-detail-page .related-articles .section-header .view-all-btn[data-v-4ba46d16]{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}@media(min-width:768px){.article-detail-page .related-articles .section-header .view-all-btn[data-v-4ba46d16]{height:48px;width:48px}}.article-detail-page .related-articles .section-header .view-all-btn[data-v-4ba46d16]:hover{background:#f5f5f5;border-color:#d0d0d0;color:#000}.article-detail-page .related-articles .articles-grid[data-v-4ba46d16]{display:grid;gap:24px;grid-template-columns:1fr}@media(min-width:640px){.article-detail-page .related-articles .articles-grid[data-v-4ba46d16]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.article-detail-page .related-articles .articles-grid[data-v-4ba46d16]{gap:30px;grid-template-columns:repeat(4,1fr)}}.article-detail-page .related-articles .article-card[data-v-4ba46d16]{background:#fff;border-radius:8px;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.article-detail-page .related-articles .article-card[data-v-4ba46d16]:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-4px)}.article-detail-page .related-articles .article-card:hover .card-image img[data-v-4ba46d16]{transform:scale(1.05)}.article-detail-page .related-articles .article-card .card-image[data-v-4ba46d16]{aspect-ratio:4/3;background:#f0f0f0;overflow:hidden;width:100%}.article-detail-page .related-articles .article-card .card-image img[data-v-4ba46d16]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.article-detail-page .related-articles .article-card .card-title[data-v-4ba46d16]{color:#000;font-size:16px;font-weight:600;line-height:1.4;margin:0;padding:16px 16px 12px}@media(min-width:768px){.article-detail-page .related-articles .article-card .card-title[data-v-4ba46d16]{font-size:17px}}.article-detail-page .related-articles .article-card .card-tags[data-v-4ba46d16]{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.article-detail-page .related-articles .article-card .card-tags .tag[data-v-4ba46d16]{color:#999;font-size:12px}@media(min-width:768px){.article-detail-page .related-articles .article-card .card-tags .tag[data-v-4ba46d16]{font-size:13px}}
