.fe-blog{color:#142744;background:#f8faff;min-height:100vh;font-family:Arial,sans-serif}.fe-blog *{box-sizing:border-box}.fe-blog header{background:#fff;border-bottom:1px solid #e1e7f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 5%;display:flex}.fe-blog header>a{max-width:100%}.fe-blog nav{flex-wrap:wrap;gap:20px;display:flex}.fe-blog a{color:#2459ee;text-underline-offset:4px}.fe-blog main{max-width:1160px;margin:auto;padding:48px 24px}.fe-blog h1{overflow-wrap:anywhere;font-size:clamp(30px,5vw,50px);line-height:1.16}.blog-intro{max-width:750px;margin-bottom:40px}.blog-intro>span,.blog-tag{color:#2459ee;letter-spacing:.08em;font-size:13px;font-weight:700}.fe-blog p{line-height:1.75}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.blog-grid article,.blog-empty,.blog-preview{background:#fff;border:1px solid #e0e7f0;border-radius:16px;overflow:hidden}.blog-grid article>div{padding:24px}.blog-grid img{object-fit:cover;width:100%;height:200px}.blog-grid h2{overflow-wrap:anywhere;font-size:24px;line-height:1.3}.blog-grid h2 a{color:#142744;text-decoration:none}.blog-pages{flex-wrap:wrap;gap:14px;margin:24px 0;display:flex}.fe-blog footer{border-top:1px solid #dce3ee;padding:30px 5%}.blog-empty,.blog-preview{padding:30px}.fe-blog .blog-story{max-width:840px}.blog-deck{color:#526582;font-size:22px}.blog-cover{object-fit:contain;border-radius:12px;width:100%;max-height:500px}.blog-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:32px 0;font-size:18px;line-height:1.85}.blog-editor{grid-template-columns:260px minmax(0,1fr);gap:30px;margin-top:24px;display:grid}.blog-editor aside button{text-align:left;width:100%;margin-bottom:12px;display:block}.fe-blog button{cursor:pointer;color:#142744;background:#fff;border:1px solid #ccd7e6;border-radius:8px;padding:12px 18px}.fe-blog button:disabled{opacity:.6;cursor:default}.fe-blog .blog-primary{color:#fff;background:#2459ee}.blog-editor label{margin:18px 0;font-weight:600;display:block}.blog-editor input,.blog-editor textarea,.blog-editor select{color:#142744;width:100%;font:inherit;background:#fff;border:1px solid #b9c7d8;border-radius:8px;margin-top:8px;padding:12px;display:block}.blog-editor fieldset{border:0;min-width:0;padding:0}.blog-editor small{overflow-wrap:anywhere}.blog-error{color:#a91827;background:#fff1f2;padding:12px}.blog-editor input[readonly]{background:#eef2f6}@media (max-width:850px){.blog-grid{grid-template-columns:1fr 1fr}.blog-editor{grid-template-columns:1fr}.blog-editor aside{max-height:280px;overflow:auto}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}.fe-blog main{padding:32px 18px}.fe-blog header{padding:18px}.fe-blog nav{gap:12px;font-size:14px}}
