.article-content-area{margin:3px auto;background:#fff;display:flex;flex-direction:column;justify-content:center;row-gap:2vh}.article-content-area .article-top-box{width:100%;background-color:#283a50;box-shadow:0px 3px 3px rgba(119,118,118,.4);display:flex;justify-content:center;align-items:center;min-height:400px}.article-content-area .article-top-box .article-top-inner{max-width:1300px;padding:20px;flex-shrink:initial}.article-content-area .article-top-box .article-top-inner .article-breadcrumb{font-size:1rem;color:#fff;font-family:"Inter",-apple-system,sans-serif}.article-content-area .article-top-box .article-top-inner .article-breadcrumb a{color:#fff;text-decoration:none;transition:color .3s ease}.article-content-area .article-top-box .article-top-inner .article-breadcrumb a:hover{color:var(--accent-gold, #eab321)}.article-content-area .article-top-box .article-top-inner .article-header .article-category{display:inline-block;background:var(--accent-gold, #eab321);color:#666;padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:600;margin:20px 0;text-transform:uppercase;letter-spacing:.5px;font-family:"Inter",sans-serif}.article-content-area .article-top-box .article-top-inner .article-header .article-title{font-size:2.4rem;font-weight:700;color:#fff;line-height:1.25;margin-bottom:20px;font-family:"Inter",-apple-system,sans-serif}.article-content-area .article-top-box .article-top-inner .article-header .article-subtitle{font-size:1.2rem;color:#fff;line-height:1.5;margin-bottom:25px;font-weight:400;font-family:"Inter",sans-serif}.article-content-area .article-top-box .article-top-inner .article-header .article-meta{display:flex;gap:25px;color:#fff;font-size:.95rem;font-family:"Inter",sans-serif}.article-content-area .article-top-box .article-top-inner .article-header .article-meta span{display:flex;align-items:center;gap:8px}.article-content-area article{padding:2vw}.article-content-area article .article-body{max-width:1300px;margin:auto;display:grid;grid-template-columns:calc(100% - 450px) 400px;gap:50px;font-family:"Inter",-apple-system,sans-serif}.article-content-area article .article-body .article-main{line-height:1.7;color:#2d3748;font-size:1.05rem;word-break:break-word}.article-content-area article .article-body .article-main h2{color:var(--primary-navy, #283a50);font-size:1.7rem;font-weight:600;margin:60px 0 25px 0;padding-bottom:12px;border-bottom:2px solid #666;scroll-margin-top:80px;word-break:break-word}.article-content-area article .article-body .article-main h3{color:var(--primary-navy, #283a50);font-size:1.35rem;font-weight:600;margin:40px 0 20px 0;scroll-margin-top:80px}.article-content-area article .article-body .article-main p{margin-bottom:24px;font-size:1.08rem}.article-content-area article .article-body .article-main ul,.article-content-area article .article-body .article-main ol{margin:20px 0;padding-left:24px}.article-content-area article .article-body .article-main ul li,.article-content-area article .article-body .article-main ol li{margin-bottom:12px;line-height:1.6;list-style:disc}.article-content-area article .article-body .article-main .tech-highlight{background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-left:5px solid var(--accent-gold, #eab321);padding:28px;margin:35px 0;border-radius:0 12px 12px 0;box-shadow:0 2px 8px rgba(0,0,0,.05)}.article-content-area article .article-body .article-main .tech-highlight strong{color:var(--primary-navy, #283a50);font-size:1.1rem;display:block;margin-bottom:12px}.article-content-area article .article-body .article-main .key-takeaway{background:linear-gradient(135deg, #fff9db 0%, #fff3bf 100%);border:2px solid #ffd43b;padding:25px;border-radius:12px;margin:35px 0}.article-content-area article .article-body .article-main .key-takeaway strong{color:#e67700;font-size:1.1rem;display:block;margin-bottom:12px}.article-content-area article .article-body .article-main .figure-style{text-align:center}.article-content-area article .article-body .article-main .figure-style img{width:80%;height:auto}.article-content-area article .article-body .article-main .figure-style .figcaption{font-size:.8rem;color:#666;margin-top:10px}.article-content-area article .article-body .article-sidebar{position:sticky;top:30px;height:fit-content}.article-content-area article .article-body .article-sidebar .table-of-contents{background:#f8fafc;padding:34px;border-radius:12px;margin-bottom:30px;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04)}.article-content-area article .article-body .article-sidebar .table-of-contents .toc-title{font-weight:700;color:var(--primary-navy, #283a50);margin-bottom:20px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.article-content-area article .article-body .article-sidebar .table-of-contents .toc-list{padding:0;margin:0}.article-content-area article .article-body .article-sidebar .table-of-contents .toc-list li{list-style:disc;margin-bottom:12px;position:relative}.article-content-area article .article-body .article-sidebar .table-of-contents .toc-list li::marker{color:#eab321;padding:0 5px;font-weight:normal;font-size:14px}.article-content-area article .article-body .article-sidebar .table-of-contents .toc-list a{color:#64748b;text-decoration:none;transition:all .3s ease;font-size:.95rem;display:block;padding:8px 12px;border-radius:6px;border-left:3px solid rgba(0,0,0,0)}.article-content-area article .article-body .article-sidebar .table-of-contents .toc-list a:hover{color:var(--primary-navy, #283a50);background:#f1f5f9;border-left-color:var(--accent-gold, #eab321)}.article-content-area article .article-body .article-sidebar .table-of-contents .toc-list a.active{color:var(--primary-navy, #283a50);background:#fff;border-left-color:var(--accent-gold, #eab321);font-weight:600;box-shadow:0 2px 6px rgba(0,0,0,.08)}.article-content-area article .article-body .article-sidebar .related-articles{background:var(--primary-navy, #283a50);color:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(40,58,80,.15)}.article-content-area article .article-body .article-sidebar .related-articles .related-title{font-weight:700;margin-bottom:20px;font-size:1.1rem;display:flex;align-items:center;gap:8px}.article-content-area article .article-body .article-sidebar .related-articles .related-list{list-style:none;padding:0;margin:0}.article-content-area article .article-body .article-sidebar .related-articles .related-list li{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid hsla(0,0%,100%,.15)}.article-content-area article .article-body .article-sidebar .related-articles .related-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.article-content-area article .article-body .article-sidebar .related-articles .related-list a{color:#fff;text-decoration:none;font-size:.95rem;transition:color .3s;line-height:1.5;display:block}.article-content-area article .article-body .article-sidebar .related-articles .related-list a:hover{color:var(--accent-gold, #eab321)}.article-content-area .table-style{overflow:auto;width:100%}.article-content-area .table-style .specification-table,.article-content-area .table-style .comparison-table{border-collapse:collapse;margin:30px 0;box-shadow:0 2px 12px rgba(0,0,0,.08);border-radius:10px;white-space:nowrap;margin:auto}.article-content-area .table-style .specification-table th,.article-content-area .table-style .comparison-table th{background:var(--primary-navy, #283a50);color:#fff;padding:16px 20px;text-align:left;font-weight:600;font-size:.95rem}.article-content-area .table-style .specification-table td,.article-content-area .table-style .comparison-table td{padding:16px 20px;border-bottom:1px solid #f1f5f9;font-size:.95rem}.article-content-area .table-style .specification-table tr:nth-child(even),.article-content-area .table-style .comparison-table tr:nth-child(even){background:#fafbfc}.article-content-area .table-style .specification-table tr:hover,.article-content-area .table-style .comparison-table tr:hover{background:#f0f7ff}.article-content-area .table-style .specification-table{background:#fff}.article-content-area .table-style .comparison-table th,.article-content-area .table-style .comparison-table td{text-align:center;border:1px solid #f1f5f9}.article-content-area .application-scenarios{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:25px;margin:35px 0}.article-content-area .application-scenarios .scenario-card{background:#fff;padding:25px;border-radius:12px;border-left:5px solid var(--secondary-blue, #306188);box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease}.article-content-area .application-scenarios .scenario-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.12)}.article-content-area .application-scenarios .scenario-card h4{color:var(--primary-navy, #283a50);margin-bottom:12px;font-size:1.15rem;font-weight:600}.article-content-area .application-scenarios .scenario-card p{margin:0;color:#64748b;line-height:1.6}.article-content-area .article-tags{margin-top:50px;padding-top:30px;border-top:2px solid #f0f4f8}.article-content-area .article-tags .tags-label{font-weight:700;margin-bottom:15px;color:var(--primary-navy, #283a50);font-size:1.1rem}.article-content-area .article-tags .tag{display:inline-block;background:#f1f5f9;color:#475569;padding:8px 16px;border-radius:20px;font-size:.9rem;margin-right:10px;margin-bottom:10px;text-decoration:none;transition:all .3s ease;border:1px solid rgba(0,0,0,0)}.article-content-area .article-tags .tag:hover{background:var(--accent-gold, #eab321);color:var(--text-dark, #000000);transform:translateY(-2px);box-shadow:0 4px 12px rgba(234,179,33,.3)}@media(max-width: 1024px){.article-content-area .article-body{grid-template-columns:1fr !important;gap:40px}.article-content-area .article-body .article-main{width:96vw}.article-content-area .article-sidebar{position:static}}@media(max-width: 768px){.article-content-area .article-top-box .article-top-inner .article-header .article-title{font-size:2rem}.article-content-area .article-top-box .article-top-inner .article-header .article-subtitle{font-size:1.15rem}.article-content-area .article-top-box .article-top-inner .article-header .article-meta{flex-direction:column;gap:12px}.article-content-area .application-scenarios{grid-template-columns:1fr}.article-content-area article .article-body .article-main h2{font-size:1.5rem;margin:45px 0 20px 0}.article-content-area article .article-body .article-main h3{font-size:1.25rem;margin:35px 0 18px 0}.article-content-area .article-sidebar .table-of-contents{display:none}}