.atg-topbar-actions{display:flex;align-items:center;gap:8px}.atg-blog-nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e5edf6;border-radius:999px;color:#36506e;background:#fff;font-size:11px;font-weight:750;white-space:nowrap}.atg-blog-nav-link .atg-ui-icon{width:16px;height:16px;color:#2877e9}
.atg-blog-page{padding:20px 16px 100px}.atg-blog-hero{position:relative;overflow:hidden;margin:8px 0 25px;padding:28px 23px 24px;border-radius:26px;color:#fff;background:linear-gradient(130deg,#12375e 0%,#1762a4 58%,#48a6b2 100%);box-shadow:0 16px 34px rgba(23,80,130,.18)}.atg-blog-hero:after{content:"";position:absolute;width:210px;height:210px;right:-65px;top:-75px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:0 0 0 22px rgba(255,255,255,.045),0 0 0 48px rgba(255,255,255,.035)}.atg-blog-kicker{display:block;font-size:9px;letter-spacing:.16em;font-weight:850;color:#b9e9ed}.atg-blog-hero h1{position:relative;z-index:1;max-width:450px;margin:12px 0 9px;font-size:clamp(27px,7vw,40px);line-height:1.08;letter-spacing:-.035em}.atg-blog-hero>p{position:relative;z-index:1;max-width:450px;margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.6}.atg-blog-hero-note{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.1);font-size:10px;font-weight:700}.atg-blog-hero-note .atg-ui-icon{width:14px;height:14px}
.atg-blog-content-head{display:flex;align-items:end;justify-content:space-between;margin:0 1px 12px}.atg-blog-content-head span,.atg-home-blog .atg-section-head small{font-size:9px;letter-spacing:.13em;color:#2877e9;font-weight:850}.atg-blog-content-head h2{margin:4px 0 0;font-size:22px;letter-spacing:-.025em}.atg-blog-topics{display:flex;gap:7px;overflow-x:auto;padding:2px 0 15px;scrollbar-width:none}.atg-blog-topics::-webkit-scrollbar{display:none}.atg-blog-topics a{flex:none;padding:8px 12px;border:1px solid #e6edf5;border-radius:999px;background:#fff;color:#64758a;font-size:10px;font-weight:700}.atg-blog-topics a.active{background:#eaf3ff;border-color:#d7e8ff;color:#1764c8}
.atg-blog-grid{display:grid;grid-template-columns:1fr;gap:14px}.atg-blog-card{overflow:hidden;background:#fff;border:1px solid #e9eef4;border-radius:19px;box-shadow:0 7px 22px rgba(22,54,87,.055)}.atg-blog-card-image{display:block;position:relative;height:190px;overflow:hidden;background:#eaf3f7}.atg-blog-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.atg-blog-card:hover .atg-blog-card-image img{transform:scale(1.035)}.atg-blog-image-fallback{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(140deg,#cde8ee,#dbe8f7 50%,#f1e9d6);color:#fff}.atg-blog-image-fallback .atg-ui-icon{width:42px;height:42px;opacity:.75}.atg-blog-card-body{padding:14px 15px 13px}.atg-blog-category{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef5ff;color:#2467b6;font-size:9px;font-weight:800}.atg-blog-card h3{margin:9px 0 6px;font-size:16px;line-height:1.3;letter-spacing:-.018em}.atg-blog-card h3 a{color:#192d43}.atg-blog-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;color:#758398;font-size:11px;line-height:1.55}.atg-blog-meta{display:flex;align-items:center;gap:11px;margin-top:12px;color:#8b97a6;font-size:9px}.atg-blog-meta>span:before{content:"·";margin-right:9px;color:#bbc4cf}.atg-blog-more{display:inline-flex;align-items:center;gap:4px;color:#2877e9;font-size:10px;font-weight:800}.atg-blog-more .atg-ui-icon{width:14px;height:14px}.atg-home-blog{padding:14px 16px 28px}.atg-home-blog .atg-section-head{margin-bottom:12px}.atg-home-blog .atg-section-head h2{font-size:21px}.atg-home-blog-list{display:grid;grid-template-columns:1fr;gap:12px}.atg-home-blog-list .atg-blog-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:122px}.atg-home-blog-list .atg-blog-card-image{height:100%;min-height:122px}.atg-home-blog-list .atg-blog-card-body{padding:10px 11px;min-width:0}.atg-home-blog-list .atg-blog-card h3{font-size:13px;margin:6px 0}.atg-home-blog-list .atg-blog-card p{font-size:10px;-webkit-line-clamp:2}.atg-home-blog-list .atg-blog-meta{margin-top:7px;font-size:8px}.atg-home-blog-list .atg-blog-category{font-size:8px;padding:4px 7px}
.atg-blog-empty{margin:22px 0;padding:38px 18px;text-align:center;border:1px dashed #d6e1ec;border-radius:22px;background:#fff}.atg-blog-empty>.atg-ui-icon{width:34px;height:34px;color:#4386c9}.atg-blog-empty h2{margin:12px 0 6px;font-size:19px}.atg-blog-empty p{margin:0 auto 14px;max-width:330px;color:#718198;font-size:12px;line-height:1.6}.atg-blog-empty>a{display:inline-flex;padding:10px 14px;border-radius:12px;background:#2877e9;color:#fff;font-size:11px;font-weight:800}.atg-blog-pagination{display:flex;justify-content:center;gap:6px;margin:23px 0 10px}.atg-blog-pagination .page-numbers{display:grid;min-width:36px;height:36px;place-items:center;border:1px solid #e4ebf3;border-radius:11px;color:#536981;background:#fff;font-size:12px;font-weight:700}.atg-blog-pagination .current{background:#2877e9;color:#fff;border-color:#2877e9}
.atg-blog-article-wrap{padding:12px 0 100px}.atg-blog-article{padding:0 16px}.atg-blog-back{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;margin:0 0 12px;border-radius:999px;background:#f0f5fa;color:#496078;font-size:11px;font-weight:750}.atg-blog-cover{height:250px;margin:0 -16px 21px;overflow:hidden;background:#eaf3f7}.atg-blog-cover img{display:block;width:100%;height:100%;object-fit:cover}.atg-blog-article-head h1{margin:11px 0;font-size:clamp(27px,7vw,38px);line-height:1.1;letter-spacing:-.035em;color:#172b41}.atg-blog-article-excerpt{margin:0;color:#67788d;font-size:14px;line-height:1.65}.atg-blog-article-head .atg-blog-meta{margin:15px 0 20px;padding-bottom:16px;border-bottom:1px solid #e9eef4;font-size:10px}.atg-blog-prose{color:#3e5065;font-size:15px;line-height:1.85;overflow-wrap:anywhere}.atg-blog-prose p{margin:0 0 1.2em}.atg-blog-prose h2,.atg-blog-prose h3{margin:1.6em 0 .55em;color:#1d344d;line-height:1.25}.atg-blog-prose h2{font-size:24px}.atg-blog-prose h3{font-size:19px}.atg-blog-prose img{max-width:100%;height:auto;border-radius:16px}.atg-blog-prose blockquote{margin:1.4em 0;padding:12px 16px;border-left:3px solid #2877e9;background:#f2f7fd;color:#43617e;border-radius:0 12px 12px 0}.atg-blog-prose ul,.atg-blog-prose ol{padding-left:22px}.atg-blog-prose a{color:#176ed0;text-decoration:underline;text-underline-offset:3px}.atg-blog-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.atg-blog-tags a{padding:6px 9px;border-radius:999px;background:#f0f4f8;color:#607188;font-size:10px}.atg-blog-related{padding:25px 16px 0}.atg-blog-archive-hero{padding-bottom:27px}
@media(min-width:640px){.atg-blog-page{padding:26px 24px 110px}.atg-blog-hero{padding:38px 34px}.atg-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.atg-blog-card-image{height:200px}.atg-home-blog{padding-left:24px;padding-right:24px}.atg-home-blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.atg-home-blog-list .atg-blog-card{display:block}.atg-home-blog-list .atg-blog-card-image{height:135px;min-height:0}.atg-home-blog-list .atg-blog-card-body{padding:12px}.atg-blog-article{max-width:760px;margin:0 auto;padding:0 25px}.atg-blog-cover{height:380px;margin-left:-25px;margin-right:-25px;border-radius:20px}.atg-blog-related{max-width:840px;margin:0 auto;padding-left:25px;padding-right:25px}.atg-blog-related .atg-home-blog-list{grid-template-columns:repeat(3,minmax(0,1fr))}.atg-blog-related .atg-home-blog-list .atg-blog-card{display:block}.atg-blog-related .atg-home-blog-list .atg-blog-card-image{height:140px}}
@media(min-width:900px){.atg-blog-page{max-width:1080px;margin:0 auto}.atg-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atg-blog-hero{margin-top:14px}.atg-blog-card-image{height:215px}}
@media(max-width:360px){.atg-blog-nav-link{gap:4px;padding:7px 8px;font-size:10px}.atg-blog-hero{padding:24px 18px}.atg-blog-hero h1{font-size:26px}.atg-home-blog-list .atg-blog-card{grid-template-columns:96px minmax(0,1fr)}}
