.blog-header{background-color:#fff;position:sticky;top:0;width:100%;z-index:100}.blog-header .container,.cat-tabs .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 15px}.blog-header-bar{align-items:center;display:flex;height:60px;justify-content:space-between}.logoName{background:url(../nuxt_img/articles/Logo_blog.png) 0/contain no-repeat;display:inline-block;height:25px;outline:none;transition:opacity .3s;width:140px}.logoName:hover{opacity:.8}.logoName-sr{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.back-btn{align-items:center;color:#00112a;display:inline-flex;font-size:14px;font-weight:600;gap:4px;letter-spacing:.14px;line-height:1.6;text-decoration:underline;text-decoration-color:#00112a;text-underline-offset:2px;transition:opacity .2s;white-space:nowrap}.back-btn:hover{opacity:.7}.back-btn-arrow{display:block;flex-shrink:0}.cat-tabs{background-color:#fff;border-bottom:1px solid #ebeef3}.cat-tabs-list{display:flex;flex-wrap:nowrap;list-style:none;margin:0;overflow-x:auto;padding:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-tabs-list::-webkit-scrollbar{display:none}.cat-tabs-list li{flex:1;min-width:80px}.cat-tabs-list li a{align-items:center;color:#636e82;display:flex;font-size:14px;font-weight:400;height:48px;justify-content:center;letter-spacing:.14px;line-height:1.6;padding:12px 16px;text-decoration:none;transition:color .2s,box-shadow .2s;white-space:nowrap}.cat-tabs-list li a:hover{color:#fc3258}.cat-tabs-list li a.on{box-shadow:inset 0 -2px #fc3258;color:#00112a;font-weight:600}@media only screen and (min-width:768px){.logoName{height:30px;width:200px}}@media only screen and (min-width:992px){.cat-tabs-list li{flex:none}.cat-tabs-list li a{padding:12px 32px}}.articles-page .container{margin:0 auto;max-width:1200px;padding:16px}.articles-page{padding-bottom:20px;padding-top:20px}@media(max-width:767px){.articles-page{padding-bottom:0;padding-top:0}}.articles-page .columnRow{align-items:flex-start;display:flex;gap:60px}.articles-page .leftColumn{flex:1 1 auto;min-width:0}.articles-page .rightColumn{flex:0 0 280px;width:280px}@media(max-width:1024px){.articles-page .columnRow{flex-direction:column}.articles-page .rightColumn{flex:1 1 auto;width:100%}}.articles-breadcrumb-wrap{margin:16px 0 24px}.articles-page .articleCardList{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.articles-page .eachCard-column{flex:1 1 calc(33.333% - 16px);max-width:calc(33.333% - 16px)}@media(max-width:1024px){.articles-page .eachCard-column{flex:1 1 calc(50% - 12px);max-width:calc(50% - 12px)}}@media(max-width:600px){.articles-page .eachCard-column{flex:1 1 100%;max-width:100%}}.articles-page .eachCard-container{background:#fff;border:1px solid #ebeef3;border-radius:8px;box-shadow:none;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}.articles-page .cd-hov-ef:hover .eachCard-container{border-color:transparent;box-shadow:6px 6px 20px #9ac1f64d;transform:translateY(-2px)}.articles-page .eachCard-cnt-img{aspect-ratio:5/3;background:#f0f0f0;margin:0;overflow:hidden;position:relative}.articles-page .eachCard-cnt-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.articles-page .img-front-linear{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.5),transparent 60%);display:flex;inset:0;padding:12px;pointer-events:none;position:absolute}.articles-page .img-front-text,.articles-page .whiteText{color:#fff}.articles-page .whiteText50{color:#ffffffb3}.articles-page .eachCard-cnt{list-style:none;margin:0;padding:16px}.articles-page .eachCard-cnt li{margin-bottom:8px}.articles-page .eachCard-cnt-tit{color:#222;font-size:18px;font-weight:600;line-height:1.4}.articles-page .eachCard-cnt-des,.articles-page .eachCard-cnt-tit{display:-webkit-box;-webkit-line-clamp:2;margin:0;-webkit-box-orient:vertical;overflow:hidden}.articles-page .eachCard-cnt-des{color:#666;font-size:14px;line-height:1.5}.articles-page .categoryTag-s{color:rgb(252 109 136/var(--un-text-opacity,1));display:inline-block;font-size:13px}.articles-page .eachCard-meta-row{align-items:center;display:flex;justify-content:space-between}.articles-page .eachCard-view{align-items:center;color:#636e82;display:inline-flex;font-size:13px;font-weight:400;gap:4px;letter-spacing:.13px;line-height:1.6}.articles-page .authorRow{align-items:center;color:#888;display:flex;font-size:13px;gap:8px}.articles-page .authorRow-avatar{background-color:#ddd;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;height:24px;width:24px}.articles-page .authorInfo{background:#fff;border-radius:8px;display:flex;gap:24px;margin-bottom:24px;padding:24px}.articles-page .authorInfo .col-left{flex:0 0 96px}.articles-page .authorInfo .col-right{flex:1 1 auto}.articles-page .authorInfo-avatar{background:#ddd;border-radius:50%;height:96px;overflow:hidden;width:96px}.articles-page .authorInfo-avatar img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.articles-page .authorInfo-name{align-items:baseline;display:flex;gap:12px;margin-bottom:8px}.articles-page .authorInfo-name h6{color:#222;font-size:20px;font-weight:600;margin:0}.articles-page .authorInfo-detail p{color:#666;font-size:14px;line-height:1.6;margin:8px 0}.articles-page .authorInfo-link{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:13px;gap:16px}.articles-page .authorInfo-link label{color:#999}.articles-page .authorInfo-link a{color:#1976d2;text-decoration:none}.articles-page .authorInfo-link a:hover{text-decoration:underline}.articles-page .rightColumn section{margin-bottom:48px}.articles-page .categoryTit{border-bottom:2px solid #fc6d88;color:#222;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.articles-page .artList-item-noImg{border-bottom:1px solid #eee;padding:12px 0;transition:color .2s}.articles-page .artList-item-noImg:hover .artList-item-tit,.articles-page .artList-item-noImg:hover .grayText40{color:#fc3258}.articles-page .artList-item-tit{color:#333;display:-webkit-box;font-size:16px;font-weight:600;-webkit-line-clamp:2;line-height:1.4;margin:0 0 4px;-webkit-box-orient:vertical;overflow:hidden}.articles-page .grayText40{color:#888;font-size:14px}.articles-page .hotTagList{display:flex;flex-wrap:wrap;gap:8px}.articles-page .hotTagList .ui-button.size-s{min-width:60px;padding:4px 12px;width:auto}.articles-page .socialList{display:flex;gap:0}.articles-page .socialIcon{align-items:center;display:inline-flex;justify-content:center}.articles-page .detailPage h1.hl-H1{color:#222;font-size:28px;font-weight:700;line-height:1.4;margin:0 0 16px}.articles-page .articleInfo{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:13px;gap:16px;margin-bottom:16px}.articles-page .articleInfo .authorRow-avatar{height:32px;width:32px}.articles-page .articleInfo a{color:#1976d2;text-decoration:none}.articles-page .likeRow{gap:24px;margin-bottom:24px;padding:16px 0}.articles-page .likeRow,.articles-page .shareRow{align-items:center;border-bottom:1px solid #eee;border-top:1px solid #eee;display:flex;flex-wrap:wrap}.articles-page .shareRow{color:#888;font-size:13px;gap:12px;margin:0 0 20px;padding:12px 0}.articles-page .shareRow .shareLabel{color:#555;font-weight:500;margin-right:4px}.articles-page .shareIcon{align-items:center;background:none;border:0;border-radius:4px;color:#555;cursor:pointer;display:inline-flex;font:inherit;gap:6px;line-height:1;padding:4px 8px;text-decoration:none;transition:color .2s,background-color .2s}.articles-page .shareIcon img,.articles-page .shareIcon svg{display:block}.articles-page .shareIcon:hover{background-color:#0000000a;color:#e1264a}.articles-page .shareIcon-copy{color:#555}.articles-page .articlePart{color:#333;font-size:16px;line-height:1.8;margin-bottom:16px;min-width:0;overflow-wrap:break-word;word-break:break-word}.articles-page .articlePart img{height:auto!important;max-width:100%!important;width:auto!important}.articles-page .articlePart embed,.articles-page .articlePart iframe,.articles-page .articlePart object,.articles-page .articlePart video{max-width:100%}.articles-page .articlePart blockquote,.articles-page .articlePart pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.articles-page .articlePart table{display:block;max-width:100%;overflow-x:auto;width:100%!important;-webkit-overflow-scrolling:touch;border-collapse:collapse}.articles-page .articlePart table tbody,.articles-page .articlePart table tfoot,.articles-page .articlePart table thead{display:table;table-layout:auto;width:100%}.articles-page .articlePart table td,.articles-page .articlePart table th{overflow-wrap:break-word;word-break:break-word}.articles-page .articleImg{margin:24px 0;text-align:center}.articles-page .articleImg figure{margin:0}.articles-page .articleImg img{border-radius:8px;height:auto;max-width:100%}.articles-page .articleImg figcaption{color:#888;font-size:13px;font-style:italic;margin-top:8px}.articles-page .articleTit{margin:24px 0 12px}.articles-page .articleTit h2.hl-H3{color:#222;font-size:22px;font-weight:600;margin:0}.articles-page .articleTit h3.hl-H6{color:#333;font-size:18px;font-weight:600;margin:0}.articles-page .moreArt{margin:32px 0}.articles-page .moreArtList{list-style:disc inside;margin:0;padding:0}.articles-page .moreArtList li{padding:8px 0}.articles-page .moreArtList li a{color:#333;text-decoration:none}.articles-page .moreArtList li a:hover{color:#e1264a;text-decoration:underline}.articles-page .comment{margin:32px 0}.articles-page .masNtfy{color:#999;padding:64px 16px;text-align:center}.articles-page .heroSlides{border-radius:12px;margin-bottom:24px}.articles-page .heroSlides-track{aspect-ratio:16/6;border-radius:12px;display:flex;overflow:hidden}.articles-page .heroSlides-track-inner{display:flex;height:100%;transition:transform .5s ease;width:100%;will-change:transform}.articles-page .heroSlides-item{flex:0 0 100%;height:100%;width:100%}.articles-page .heroSlides-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.articles-page .heroSlides-dot{background:#d0d5dd;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .2s,transform .2s;width:8px}.articles-page .heroSlides-dot.active{background:#fc3258;transform:scale(1.25)}.articles-page .heroSlides .cosItem{height:100%;overflow:hidden;position:relative;width:100%}.articles-page .heroSlides .cosItem img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.articles-page .heroSlides a:hover .cosItem img{transform:scale(1.05)}.articles-page .heroSlides .img-front-linear{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 70%);padding:20px 24px}.articles-page .heroSlides .img-front-text{width:100%}@media(min-width:992px){.articles-page .heroSlides .img-front-text{padding-right:100px}}.articles-page .heroSlides .cosItem-tag{display:block;font-size:13px;margin-bottom:6px}.articles-page .heroSlides h2{display:-webkit-box;font-size:clamp(16px,2vw,22px);font-weight:600;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin:0 0 6px;-webkit-box-orient:vertical;overflow:hidden}.articles-page .heroSlides p{font-size:13px;margin:0}