.blog-page,.blog-page *{box-sizing:border-box}.blog-page{position:fixed;inset:82px 0 0;z-index:790;overflow:auto;background:#f7faff;color:#102653;padding:0 28px 34px;font-family:Inter,Arial,sans-serif}.blog-page.hidden{display:none}.blog-shell{max-width:1280px;min-height:100%;margin:0 auto}.blog-main{min-width:0;padding:18px 0 30px}.blog-breadcrumb{margin:2px 0 12px;color:#607495;font-size:12px}.blog-breadcrumb span{margin:0 6px;color:#9cacbf}.blog-breadcrumb b{color:#0868ed}.blog-hero{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:108px;overflow:hidden;border-radius:12px;background:linear-gradient(102deg,#f9fcff 0%,#eff7ff 53%,#e0f0ff 100%);padding:18px 26px}.blog-hero h1{margin:0 0 6px;font-size:35px;letter-spacing:-1px}.blog-hero p{margin:0;color:#607495;font-size:16px}.blog-hero-art{position:relative;display:grid;gap:5px;max-width:270px;padding:7px 18px 6px 54px;color:#173c73;transform:rotate(-6deg)}.blog-hero-art:before{position:absolute;right:-12px;bottom:-22px;width:174px;height:80px;border-radius:52% 48% 0 0;background:repeating-linear-gradient(90deg,#477eb4 0 9px,transparent 9px 17px),linear-gradient(#bde3fb,#f5fbff);content:"";opacity:.8}.blog-hero-art b,.blog-hero-art span{position:relative;z-index:1}.blog-hero-art b{font-size:17px}.blog-hero-art span{font-size:12px;line-height:1.3}.blog-search{display:flex;align-items:center;gap:10px;height:53px;margin:12px 0 13px;padding:5px 7px 5px 16px;border:1px solid #d8e7f7;border-radius:10px;background:#fff;box-shadow:0 5px 16px #315d8a0b}.blog-search>span{display:inline-flex;width:21px;height:21px;color:#0868ed}.blog-search .blog-icon{width:100%;height:100%}.blog-search input{flex:1;min-width:0;height:100%;border:0;outline:0;color:#173c73;font-size:14px}.blog-search button{height:43px;min-width:112px;border:0;border-radius:8px;background:#0868ed;color:#fff;font-weight:700;cursor:pointer}.blog-topics{display:flex;gap:8px;overflow:auto;padding:0 0 13px;scrollbar-width:none}.blog-topics::-webkit-scrollbar{display:none}.blog-topics button{height:37px;flex:0 0 auto;border:1px solid #dce8f6;border-radius:19px;background:#f4f8fe;padding:0 16px;color:#24416d;font-size:12px;font-weight:600;cursor:pointer}.blog-topics button.active,.blog-topics button:hover{border-color:#0868ed;background:#0868ed;color:#fff}.blog-status{min-height:21px;margin:0 0 10px;color:#607495;font-size:12px}.blog-status.blog-error{color:#b53c3c}.blog-status button{border:0;background:transparent;padding:0;color:#0868ed;font-weight:700;text-decoration:underline;cursor:pointer}.blog-content.hidden,.blog-article-panel.hidden{display:none}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:15px}.blog-section{margin-bottom:15px;border:1px solid #dfeaf6;border-radius:11px;background:#fff;padding:15px}.blog-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.blog-section-head h2{display:flex;align-items:center;gap:7px;margin:0;font-size:18px}.blog-section-head button{border:0;background:transparent;padding:0;color:#0868ed;font-size:12px;font-weight:700;cursor:pointer}.blog-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 auto;color:#0868ed}.blog-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.blog-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.blog-feature-card{overflow:hidden;border:1px solid #dceaf7;border-radius:10px;background:#fff}.blog-cover{display:grid;place-items:center;height:103px;overflow:hidden;background:linear-gradient(135deg,#d9edff,#f8fbff)}.blog-cover img,.blog-list-cover img{width:100%;height:100%;object-fit:cover}.blog-cover .blog-icon{width:38px;height:38px}.blog-card-body{padding:11px 12px 13px}.blog-topic{display:inline-flex;max-width:100%;overflow:hidden;border-radius:5px;background:#eaf5ff;padding:4px 7px;color:#0868ed;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.blog-card-body time{display:block;margin-top:7px;color:#71809c;font-size:10px}.blog-card-body h3{margin:8px 0 6px;font-size:14px;line-height:1.3}.blog-card-body p{display:-webkit-box;overflow:hidden;margin:0;color:#607495;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-card-body button{margin-top:12px;border:0;background:transparent;padding:0;color:#0868ed;font-size:11px;font-weight:700;cursor:pointer}.blog-sort{display:flex;align-items:center;gap:7px;color:#71809c;font-size:11px}.blog-sort select{height:28px;border:0;background:#f5f9ff;color:#29466f;font-size:11px;font-weight:700;outline:0}.blog-list{display:grid;gap:8px}.blog-list-item{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:13px;border:1px solid #e2ebf5;border-radius:9px;padding:8px}.blog-list-cover{display:grid;place-items:center;height:67px;overflow:hidden;border-radius:7px;background:linear-gradient(135deg,#e7f3ff,#d2e7fb)}.blog-list-cover .blog-icon{width:29px;height:29px}.blog-list-copy h3{margin:5px 0 4px;font-size:13px}.blog-list-copy p{overflow:hidden;margin:0;color:#607495;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.blog-list-copy div{display:flex;gap:9px;margin-top:6px;color:#71809c;font-size:10px}.blog-list-meta{min-width:64px;text-align:right}.blog-list-meta span{display:block;margin-bottom:9px;color:#607495;font-size:10px;white-space:nowrap}.blog-list-meta button{width:25px;height:25px;border:0;border-radius:50%;background:#eaf4ff;color:#0868ed;font-size:17px;cursor:pointer}.blog-popular{display:grid}.blog-popular button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;border:0;border-bottom:1px solid #edf2f8;background:#fff;padding:11px 2px;color:#24416d;text-align:left;font-size:11px;cursor:pointer}.blog-popular button:hover{color:#0868ed}.blog-popular b{border-radius:9px;background:#edf5ff;padding:2px 6px;color:#607495;font-size:9px}.blog-popular i{color:#0868ed;font-size:13px;font-style:normal}.blog-subscribe h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:14px}.blog-subscribe p,.blog-publishing-note p{margin:0 0 12px;color:#607495;font-size:11px;line-height:1.45}.blog-subscribe form{display:flex;gap:6px}.blog-subscribe input{width:100%;min-width:0;height:35px;border:1px solid #d8e7f7;border-radius:7px;padding:0 9px}.blog-subscribe button{border:0;border-radius:7px;background:#0868ed;padding:0 11px;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.blog-subscribe button:disabled{cursor:wait;opacity:.65}.blog-subscribe small{display:block;min-height:16px;margin-top:8px;color:#607495;font-size:10px;line-height:1.35}.blog-publishing-note{background:linear-gradient(145deg,#eaf4ff,#f6faff)}.blog-publishing-note h3{margin:0 0 7px;font-size:14px}.blog-publishing-note p{margin:0}.blog-empty,.blog-empty-small{margin:0;padding:28px;color:#71809c;text-align:center;font-size:13px}.blog-empty-small{padding:14px 0}.blog-article-panel{position:relative;margin:0 0 20px;border:1px solid #d8e7f7;border-radius:12px;background:#fff;padding:26px}.blog-article-panel h2{max-width:850px;margin:11px 34px 7px 0;font-size:26px;line-height:1.2}.blog-article-panel>p{margin:0 0 18px;color:#71809c;font-size:12px}.blog-article-panel>div{max-width:850px;white-space:pre-wrap;color:#29466f;font-size:14px;line-height:1.65}.blog-close-article{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;border-radius:50%;background:#edf5ff;color:#0868ed;font-size:20px;cursor:pointer}@media(max-width:1050px){.blog-layout{grid-template-columns:1fr}.blog-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.blog-layout>aside .blog-section{margin:0}}@media(max-width:760px){.blog-page{inset:62px 0 0;padding:0 12px 24px}.blog-main{padding:16px 0}.blog-hero{min-height:118px;padding:16px}.blog-hero h1{font-size:28px}.blog-hero p{max-width:210px;font-size:13px}.blog-hero-art{max-width:140px;padding:20px 0 0;opacity:.55}.blog-hero-art:before{right:-42px;bottom:-12px;width:125px}.blog-search{margin-top:10px}.blog-feature-grid{grid-template-columns:1fr}.blog-cover{height:130px}.blog-list-item{grid-template-columns:72px minmax(0,1fr)}.blog-list-cover{height:58px}.blog-list-meta{display:none}.blog-layout>aside{display:block}.blog-article-panel{padding:20px}.blog-article-panel h2{font-size:22px}}