.hero-section[data-v-ffa4f77f]{background:linear-gradient(135deg,#1888f8,#4da3ff 50%,#7fc4ff);overflow:hidden;padding:140px 20px 60px;position:relative}@media(max-width:768px){.hero-section[data-v-ffa4f77f]{padding:100px 16px 40px}}.hero-content[data-v-ffa4f77f]{margin:0 auto;max-width:900px;position:relative;z-index:10}.breadcrumb[data-v-ffa4f77f]{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:24px}.breadcrumb-link[data-v-ffa4f77f]{color:#ffffffb3;text-decoration:none;transition:color .2s ease}.breadcrumb-link[data-v-ffa4f77f]:hover{color:#fff}.breadcrumb-separator[data-v-ffa4f77f]{color:#ffffff80;display:flex}.breadcrumb-current[data-v-ffa4f77f]{color:#ffffffe6}.hero-title[data-v-ffa4f77f]{color:#fff;font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.4;margin-bottom:20px}@media(max-width:768px){.hero-title[data-v-ffa4f77f]{font-size:24px}}.hero-meta[data-v-ffa4f77f]{flex-wrap:wrap;gap:20px}.hero-meta[data-v-ffa4f77f],.meta-item[data-v-ffa4f77f]{align-items:center;display:flex}.meta-item[data-v-ffa4f77f]{color:#ffffffb3;font-size:14px;gap:6px}.meta-item svg[data-v-ffa4f77f]{height:16px;width:16px}.meta-tag[data-v-ffa4f77f]{background:#ffffff26;border-radius:100px;color:#fff;font-size:13px;padding:4px 12px}.hero-decoration[data-v-ffa4f77f]{inset:0;pointer-events:none;position:absolute}.decoration-circle[data-v-ffa4f77f]{background:#1888f81a;border-radius:50%;position:absolute}.decoration-circle.circle-1[data-v-ffa4f77f]{height:400px;right:-100px;top:-150px;width:400px}.decoration-circle.circle-2[data-v-ffa4f77f]{bottom:-100px;height:300px;left:-50px;width:300px}.main-section[data-v-ffa4f77f]{background:#f8fafc;padding:60px 20px 100px}@media(max-width:768px){.main-section[data-v-ffa4f77f]{padding:32px 16px 80px}}.container[data-v-ffa4f77f]{margin:0 auto;max-width:900px}.article-card[data-v-ffa4f77f]{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.article-content[data-v-ffa4f77f]{color:#374151;font-size:16px;line-height:1.8;padding:48px}@media(max-width:768px){.article-content[data-v-ffa4f77f]{padding:24px 20px}}.article-content[data-v-ffa4f77f] h1,.article-content[data-v-ffa4f77f] h2,.article-content[data-v-ffa4f77f] h3,.article-content[data-v-ffa4f77f] h4{color:#1e293b;font-weight:600;margin-bottom:16px;margin-top:32px}.article-content[data-v-ffa4f77f] h2{font-size:24px}.article-content[data-v-ffa4f77f] h3{font-size:20px}.article-content[data-v-ffa4f77f] p{margin-bottom:16px}.article-content[data-v-ffa4f77f] img{border-radius:12px;height:auto;margin:24px 0;max-width:100%}.article-content[data-v-ffa4f77f] a{color:#1888f8;text-decoration:none}.article-content[data-v-ffa4f77f] a:hover{text-decoration:underline}.article-content[data-v-ffa4f77f] ol,.article-content[data-v-ffa4f77f] ul{margin-bottom:16px;padding-left:24px}.article-content[data-v-ffa4f77f] li{margin-bottom:8px}.article-content[data-v-ffa4f77f] blockquote{border-left:4px solid #1888f8;color:#64748b;font-style:italic;margin:24px 0;padding-left:20px}.article-content[data-v-ffa4f77f] code{background:#f1f5f9;border-radius:4px;font-size:14px;padding:2px 8px}.article-content[data-v-ffa4f77f] pre{background:#1e293b;border-radius:12px;color:#e2e8f0;margin:24px 0;overflow-x:auto;padding:20px}.article-content[data-v-ffa4f77f] pre code{background:none;padding:0}.article-footer[data-v-ffa4f77f]{background:#fafbfc;border-top:1px solid #f1f5f9;padding:32px 48px}@media(max-width:768px){.article-footer[data-v-ffa4f77f]{padding:24px 20px}}.share-section[data-v-ffa4f77f]{align-items:center;display:flex;gap:16px;margin-bottom:24px}.share-btn[data-v-ffa4f77f],.share-label[data-v-ffa4f77f]{color:#64748b;font-size:14px}.share-btn[data-v-ffa4f77f]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:inline-flex;gap:6px;padding:8px 16px;transition:all .2s ease}.share-btn[data-v-ffa4f77f]:hover{border-color:#1888f8;color:#1888f8}.share-btn svg[data-v-ffa4f77f]{height:16px;width:16px}.nav-buttons[data-v-ffa4f77f]{display:flex;gap:12px;justify-content:center}@media(max-width:768px){.nav-buttons[data-v-ffa4f77f]{flex-direction:column}}.nav-btn[data-v-ffa4f77f]{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s ease}.nav-btn.next[data-v-ffa4f77f],.nav-btn.prev[data-v-ffa4f77f]{background:#fff;border:1px solid #e2e8f0;color:#64748b}.nav-btn.next[data-v-ffa4f77f]:hover,.nav-btn.prev[data-v-ffa4f77f]:hover{border-color:#1888f8;color:#1888f8}.nav-btn.back[data-v-ffa4f77f]{background:#1888f8;border:1px solid #1888f8;color:#fff}.nav-btn.back[data-v-ffa4f77f]:hover{background:#06d}.nav-btn svg[data-v-ffa4f77f]{height:16px;width:16px}.related-section[data-v-ffa4f77f]{margin-top:60px}.section-title[data-v-ffa4f77f]{align-items:center;color:#1e293b;display:flex;font-size:24px;font-weight:600;gap:12px;margin-bottom:32px}@media(max-width:768px){.section-title[data-v-ffa4f77f]{font-size:20px}}.title-icon[data-v-ffa4f77f]{align-items:center;background:linear-gradient(135deg,#1888f8,#06d);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.related-grid[data-v-ffa4f77f]{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.related-grid[data-v-ffa4f77f]{gap:16px;grid-template-columns:1fr}}.related-card[data-v-ffa4f77f]{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;gap:16px;padding:20px;text-decoration:none;transition:all .3s ease}.related-card[data-v-ffa4f77f]:hover{box-shadow:0 8px 30px #1888f81f;transform:translateY(-2px)}.related-card:hover .related-image img[data-v-ffa4f77f]{transform:scale(1.05)}.related-image[data-v-ffa4f77f]{border-radius:10px;flex-shrink:0;height:90px;overflow:hidden;width:120px}.related-image img[data-v-ffa4f77f]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}@media(max-width:768px){.related-image[data-v-ffa4f77f]{height:75px;width:100px}}.related-content[data-v-ffa4f77f]{flex:1;min-width:0}.related-title[data-v-ffa4f77f]{color:#1e293b;font-size:16px;font-weight:600;-webkit-line-clamp:2;line-height:1.4}.related-desc[data-v-ffa4f77f],.related-title[data-v-ffa4f77f]{display:-webkit-box;margin-bottom:8px;-webkit-box-orient:vertical;overflow:hidden}.related-desc[data-v-ffa4f77f]{color:#64748b;font-size:13px;-webkit-line-clamp:1;line-height:1.5}.related-date[data-v-ffa4f77f]{color:#94a3b8;font-size:12px}