.blog-page{background:#f5f7fa}.blog-hero{min-height:315px;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(100deg,#072a67da,#287dfa88),url('https://images.unsplash.com/photo-1530137073520-4ea6e2f10a48?auto=format&fit=crop&w=1800&q=80') center/cover}.blog-hero.visit{background-image:linear-gradient(100deg,#072a67dc,#19a88966),url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?auto=format&fit=crop&w=1800&q=80')}.blog-hero span{font-size:12px;letter-spacing:.22em;font-weight:800}.blog-hero h1{font-size:48px;margin:8px}.blog-hero p{margin:0;font-size:17px}.blog-switch{width:min(760px,calc(100% - 30px));margin:-38px auto 0;position:relative;background:#fff;border-radius:12px;box-shadow:0 12px 35px #0f294d22;display:grid;grid-template-columns:1fr 1fr;padding:8px}.blog-switch a{padding:15px 22px;border-radius:8px}.blog-switch a.active{background:#eaf2ff;color:#287dfa}.blog-switch b,.blog-switch small{display:block}.blog-switch small{font-size:12px;color:#718096}.blog-content{width:min(1120px,calc(100% - 40px));margin:auto;padding:70px 0 90px}.blog-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.blog-title h2{font-size:30px;margin:0}.blog-title p{color:#75849a}.blog-title>a{background:#287dfa;color:#fff;border-radius:8px;padding:11px 18px;font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-grid article{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e9f0}.blog-photo{height:205px;background:center/cover;display:block;padding:14px}.blog-photo span{background:#287dfa;color:#fff;border-radius:4px;padding:4px 8px;font-size:11px}.blog-grid article>div{padding:20px}.blog-grid small{color:#287dfa;font-weight:700}.blog-grid h2{font-size:20px;line-height:1.4}.blog-grid p{color:#64748b}.blog-grid article>div>a{color:#287dfa;font-weight:700}@media(max-width:700px){.blog-hero h1{font-size:36px}.blog-switch a{padding:11px}.blog-grid{grid-template-columns:1fr}.blog-title{display:block}.blog-title>a{display:inline-block;margin-top:10px}}
