.blog-page{align-items:flex-start;background-color:#14294d;display:flex;justify-content:center;padding:80px 0;position:relative;touch-action:pan-y}body.blog-page-bg,html.blog-page-bg{background-color:#14294d;overscroll-behavior-y:none}.blog-pull-refresh{align-items:center;background-color:#14294d;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.blog-pull-refresh .blog-pull-refresh-content{color:#fff9;font-size:14px;font-weight:500}.blog-loading,.blog-loading-more{align-items:center;color:#fff9;display:flex;flex-direction:column;font-size:14px;gap:16px;justify-content:center;padding:40px 20px}.blog-loading p,.blog-loading-more p{margin:0}.blog-loading-spinner{align-items:center;display:flex;height:32px;justify-content:center;position:relative;width:32px}.blog-loading-circle{border:2px solid #0000;border-radius:50%;position:absolute}.blog-loading-circle-1{animation:blog-loading-rotate-clockwise 1s linear infinite;border-right:2px solid #0072ff;border-top:2px solid #0072ff;height:32px;width:32px}.blog-loading-circle-2{animation:blog-loading-rotate-counter-clockwise .8s linear infinite;border-left:2px solid #0072ff99;border-top:2px solid #0072ff99;height:20px;width:20px}@keyframes blog-loading-rotate-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes blog-loading-rotate-counter-clockwise{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-shimmer{animation:skeleton-shimmer 1.2s linear infinite;background-image:linear-gradient(90deg,#ffffff0f 25%,#fff3 37%,#ffffff0f 63%);background-size:400% 100%;border-radius:4px}.blog-news-item-skeleton{cursor:default;pointer-events:none}.blog-news-item-skeleton:hover{box-shadow:none;transform:none}.blog-news-item-skeleton .blog-news-image-skeleton{background:#ffffff0a;overflow:hidden}.blog-news-item-skeleton .blog-news-image-skeleton .skeleton-shimmer{border-radius:8px;height:100%;width:100%}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-title-skeleton{margin-bottom:12px}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-title-skeleton .skeleton-shimmer{height:28px;margin-bottom:0}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-title-skeleton .skeleton-shimmer:last-child{margin-bottom:0}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-description-skeleton{margin-bottom:16px}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-description-skeleton .skeleton-shimmer{height:22.4px;margin-bottom:0}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-description-skeleton .skeleton-shimmer:last-child{margin-bottom:0}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-meta-skeleton{margin-top:auto}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-meta-skeleton .skeleton-shimmer{height:21px;width:100px}.blog-container{margin:0 auto;max-width:1200px;padding:0;width:100%}.blog-breadcrumb{margin-bottom:20px}.blog-categories{align-items:center;display:flex;gap:12px;height:62px;justify-content:space-between;margin-bottom:20px;width:100%}.blog-categories-left-container,.blog-categories-right-container{align-items:center;background:#ffffff14;border-radius:8px;display:flex;height:62px}.blog-categories-left-container{flex:1;overflow:hidden;padding:0 18px}.blog-categories-right-container{padding:0 12px}.blog-categories-left{align-items:center;display:flex;gap:40px;overflow:hidden}.blog-category-item{align-items:center;color:#fff9;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:6.5px;padding:10px 0;-webkit-user-select:none;user-select:none;white-space:nowrap}.blog-category-item>span:last-child{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-category-item.active{color:#fff}.blog-category-icon{background:#ffffff0f;border-radius:6px;flex-shrink:0;height:32px;overflow:hidden;width:32px}.blog-category-item--all{color:#0072ff!important}.blog-category-item--all .blog-category-icon{background:#0072ff}.blog-category-item--all .blog-category-icon img{display:block;height:32px;object-fit:contain;width:32px}.blog-category-icon img{height:100%;object-fit:cover;width:100%}.blog-categories-right{align-items:center;display:flex;position:relative}.blog-categories-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:10px;height:62px;padding:0 10px}.blog-categories-dropdown{background:#000b24e6;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 50px #00000059;max-height:520px;min-height:384px;opacity:0;overflow:auto;padding:12px;pointer-events:none;position:absolute;right:-14px;top:calc(100% + 10px);transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;visibility:hidden;width:320px;z-index:50}.blog-categories-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.blog-categories-dropdown-item{align-items:center;border-radius:10px;color:#ffffffb8;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;padding:12px 10px}.blog-categories-dropdown-item.active,.blog-categories-dropdown-item:hover{background:#ffffff14}.blog-hero{border-radius:12px;cursor:pointer;height:480px;margin-bottom:20px;overflow:hidden;position:relative;width:1200px}.blog-hero-image{display:block;height:100%;object-fit:cover;width:100%}.blog-hero-overlay{background:linear-gradient(180deg,#1a2d4d00,#1a2d4d99 14.9%,#1a2d4d);bottom:0;left:0;padding:18px 22px;position:absolute;right:0}.blog-hero-meta{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-top:14px}.blog-hero-date{color:#fff9;font-size:16px;font-weight:400}.blog-tag{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:14px;font-weight:400;height:22px;justify-content:center;padding:4px 8px}.blog-tag.tag-news{background:#348b6166}.blog-tag.tag-guide{background:#0072ff66}.blog-tag.tag-event{background:#e4701866}.blog-tag.tag-codes{background:#8f33d266}.blog-hero-title{color:#fff;font-size:24px;font-weight:600;line-height:1.25;margin:0 0 8px}.blog-hero-desc,.blog-hero-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-hero-desc{color:#fff9;font-size:16px;font-weight:400;line-height:1.5;margin:0}.blog-tabs{display:none}.blog-tabs-wrapper{border-bottom:1px solid #fff3;display:flex;gap:0;position:relative}.blog-tab{background:none;border:none;color:#fff9;cursor:pointer;font-size:16px;font-weight:500;padding:16px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.blog-tab:hover{color:#ffffffe6}.blog-tab.active{color:#fff;font-weight:600}.blog-tab-indicator{background:#196af6;bottom:-1px;height:2px;left:0;position:absolute;transition:all .3s ease;width:0}.blog-news-list{display:flex;flex-direction:column;gap:10px}.blog-news-item{backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;gap:24px;height:192px;padding:16px;transition:all .3s ease;width:1200px}.blog-news-item:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.blog-news-image{background:#ffffff1a;border-radius:8px;flex-shrink:0;height:160px;overflow:hidden;width:285px}.blog-news-image img{height:100%;object-fit:cover;width:100%}.blog-news-content{display:flex;flex:1;flex-direction:column;justify-content:space-between}.blog-news-title{color:#fff;font-size:20px;font-weight:600;line-height:1.4;margin:0 0 12px;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:break-word;word-break:normal}.blog-news-description,.blog-news-title{display:-webkit-box;-webkit-box-orient:vertical}.blog-news-description{color:#fff9;font-size:14px;line-height:1.6;margin:0 0 16px;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.blog-news-meta{align-items:center;display:flex;gap:10px}.blog-news-date{color:#fff6;font-size:14px}.blog-pagination{display:block}.blog-page .pagination-container{align-items:center;display:flex;justify-content:space-between;padding:16px 0}.blog-page .pagination-container .pagination-info .total-records{color:#ffffffb3;font-size:14px}.blog-page .pagination-container .pagination-controls{align-items:center;display:flex;gap:8px}.blog-page .pagination-container .pagination-controls .pagination-btn{background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;padding:8px;transition:all .2s ease}.blog-page .pagination-container .pagination-controls .pagination-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.blog-page .pagination-container .pagination-controls .pagination-btn:disabled{color:#ffffff4d;cursor:not-allowed}.blog-page .pagination-container .pagination-controls .page-numbers{align-items:center;display:flex;gap:4px;margin:0 16px}.blog-page .pagination-container .pagination-controls .page-numbers .page-btn{background:none;border:none;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:14px;min-width:32px;padding:8px 12px;transition:all .2s ease}.blog-page .pagination-container .pagination-controls .page-numbers .page-btn:hover{background:#ffffff1a;color:#fff}.blog-page .pagination-container .pagination-controls .page-numbers .page-btn.active{background:#007aff;color:#fff}.blog-page .pagination-container .pagination-controls .page-numbers .page-ellipsis{color:#ffffff80;padding:0 4px}.blog-page .pagination-container .pagination-controls .direct-page-jump{align-items:center;display:flex;gap:8px;margin-left:16px}.blog-page .pagination-container .pagination-controls .direct-page-jump span{color:#ffffffb3;font-size:14px}.blog-page .pagination-container .pagination-controls .direct-page-jump input{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:14px;height:32px;padding:0 8px;text-align:center;width:60px}.blog-page .pagination-container .pagination-controls .direct-page-jump input::placeholder{color:#ffffff80}.blog-page .pagination-container .pagination-controls .direct-page-jump input:focus{border-color:#007aff;outline:none}.blog-empty{color:#fff9;font-size:16px;padding:60px 20px;text-align:center}.blog-the-end{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:40px;padding:60px 20px}.blog-the-end .blog-the-end-line{background-color:#7f8c9a;flex-shrink:0;height:1px;width:60px}.blog-the-end .blog-the-end-text{color:#7f8c9a;font-family:Outfit,sans-serif;font-size:16px;font-weight:400;white-space:nowrap}.mobile-blog-categories,.mobile-blog-nav{display:none}@media(max-width:768px){.blog-page{background-color:#14294d;min-height:100vh;overflow:visible;overscroll-behavior:none;padding:0;touch-action:auto}.mobile-blog-nav{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#14294d;border-bottom:.5px solid #ffffff1a;display:flex;height:44px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:50px;z-index:120}.mobile-blog-nav .mobile-blog-back-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;padding:0;transition:opacity .2s ease;width:24px}.mobile-blog-nav .mobile-blog-back-btn:active{opacity:.7}.mobile-blog-nav .mobile-blog-back-btn svg{flex-shrink:0}.mobile-blog-nav .mobile-blog-title{color:#fff;flex:1;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;line-height:1.26em;margin:0;text-align:center}.mobile-blog-nav .mobile-blog-nav-placeholder{flex-shrink:0;height:24px;width:24px}.blog-container{padding:0 10px}.blog-tag{font-size:12px;padding:2px 4px}.blog-categories{display:none}.mobile-blog-categories{align-items:center;background:#14294d;display:flex;gap:8px;height:44px;padding:0 10px;position:relative}.mobile-blog-categories-left{align-items:center;display:flex;flex:1;gap:12px;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mobile-blog-categories-left::-webkit-scrollbar{display:none}.mobile-blog-categories-left .blog-category-item{align-items:center;color:#ffffffb3;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:700;gap:8px;height:100%;padding:0}.mobile-blog-categories-left .blog-category-item.active{color:#fff}.mobile-blog-categories-left .blog-category-icon{background:#ffffff0f;border-radius:6px;flex-shrink:0;height:24px;overflow:hidden;width:24px}.mobile-blog-categories-left .blog-category-item--all{color:#0072ff!important}.mobile-blog-categories-left .blog-category-item--all .blog-category-icon{background:#0072ff}.mobile-blog-categories-left .blog-category-item--all .blog-category-icon img{display:block;height:24px;object-fit:contain;width:24px}.mobile-blog-categories-icon{align-items:center;background:#ffffff14;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;width:32px}.mobile-blog-categories-icon img{display:block;height:18px;object-fit:contain;width:18px}.mobile-blog-categories-dropdown{left:10px;max-height:384px;overflow:auto;overscroll-behavior:contain;position:fixed;right:10px;top:104px;width:calc(100% - 20px);-webkit-overflow-scrolling:touch;backdrop-filter:blur(50px);background:#08214ae6;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 20px 50px #00000059;margin:0 auto;opacity:0;padding:8px;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;visibility:hidden;z-index:130}.mobile-blog-categories-dropdown.is-open{opacity:1;pointer-events:auto;transform:translateY(0);visibility:visible}.mobile-blog-categories-mask{background:#000000b3;inset:0;opacity:1;position:fixed;z-index:125}.blog-hero{border-radius:12px;display:block;height:142px;left:auto;margin:0 auto;max-width:100%;overflow:hidden;position:relative;right:auto;top:auto;width:100%;z-index:auto}.blog-hero-overlay{padding:12px}.blog-hero-title{font-size:16px;font-weight:700;margin:0 0 8px}.blog-hero-desc{display:none}.blog-hero-date{font-size:14px}.blog-breadcrumb,.blog-tabs{display:none}.blog-tabs-wrapper{align-items:center;border-bottom:none;display:flex;gap:24px;height:100%;overflow-x:auto;padding:0 16px;scrollbar-width:none;width:100%}.blog-tabs-wrapper::-webkit-scrollbar{display:none}.blog-tab{align-items:center;background:none;border:none;color:#fff9;cursor:pointer;display:flex;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;height:100%;line-height:1.26em;padding:0;position:relative;transition:color .3s ease;white-space:nowrap}.blog-tab.active{border-bottom:none;color:#fff}.blog-tab.active:after{background-color:#196af6;border-radius:2px;bottom:6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.blog-tab-indicator{display:none}.blog-news-list-wrapper{background-color:#0000;bottom:auto;left:auto;overflow:visible;position:relative;right:auto;top:auto;touch-action:auto;z-index:auto}.blog-news-list{display:flex;flex-direction:column;gap:9px;margin-top:0;min-height:max(563px,100vh - 292px);padding:0 10px 10px}.blog-page .direct-page-jump,.blog-page .pagination-info{display:none!important}.blog-page .pagination-container,.blog-page .pagination-controls{justify-content:center!important}.blog-page .pagination-controls .page-numbers{margin:0!important}.blog-news-item{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #fff3;border-radius:8px;box-shadow:0 4px 12px #00000026;flex-direction:row;gap:10px;height:83px!important;min-height:83px!important;padding:10px 12px;width:100%}.blog-news-item:hover{transform:none}.blog-news-image{background:#ffffff1a;border-radius:8px;flex-shrink:0;height:63px!important;overflow:hidden;width:112px!important}.blog-news-image img{height:100%;object-fit:cover;width:100%}.blog-news-content{display:flex;flex:1;flex-direction:column;gap:11px;justify-content:flex-start;min-width:0}.blog-news-title{color:#fff;display:-webkit-box;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;line-height:1.2em;margin:0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word;word-break:normal}.blog-news-description{display:none}.blog-news-meta{flex-shrink:0;gap:8px;margin-top:auto}.blog-news-date{color:#fff6;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;line-height:1.5em}.blog-loading-more{gap:12px;padding:30px 20px}.blog-loading-more .blog-loading-circle-1,.blog-loading-more .blog-loading-spinner{height:24px;width:24px}.blog-loading-more .blog-loading-circle-2{height:16px;width:16px}.blog-loading-more p{font-size:12px}.blog-the-end{gap:12px;margin-top:0;padding:20px}.blog-the-end .blog-the-end-line{width:40px}.blog-the-end .blog-the-end-text{font-size:14px}.blog-news-item-skeleton{align-items:center;cursor:default;flex-direction:row;gap:12px;min-height:99px;padding:10px 12px;pointer-events:none}.blog-news-item-skeleton .blog-news-image-skeleton{background:#ffffff0a;border-radius:8px;flex-shrink:0;height:63px;width:112px}.blog-news-item-skeleton .blog-news-image-skeleton .skeleton-shimmer{border-radius:8px;height:100%;width:100%}.blog-news-item-skeleton .blog-news-content-skeleton{display:flex;flex:1;flex-direction:column;gap:11px;justify-content:flex-start;min-width:0}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-title-skeleton .skeleton-shimmer{height:16.8px;margin-bottom:2.4px}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-title-skeleton .skeleton-shimmer:last-child{margin-bottom:0}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-description-skeleton{display:none}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-meta-skeleton{flex-shrink:0;margin-top:auto}.blog-news-item-skeleton .blog-news-content-skeleton .blog-news-meta-skeleton .skeleton-shimmer{height:18px;width:80px}}@media(max-width:480px){.blog-tab{font-size:16px;font-weight:700;padding:5px 0}.blog-news-item{min-height:99px;padding:10px 12px}.blog-news-description{font-size:12px}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.blog-news-list.anim-right{animation:slideInFromRight .3s ease-out forwards}.blog-news-list.anim-left{animation:slideInFromLeft .3s ease-out forwards}