.blog-page{background:#f5fbff;color:#263652}.blog-shell{width:min(1180px,calc(100% - 36px));margin:30px auto 70px}.blog-hero{position:relative;display:flex;min-height:250px;align-items:center;justify-content:space-between;gap:36px;overflow:hidden;border-radius:38px;background:linear-gradient(135deg,#fff1c9,#e5f7ff 55%,#ffe5ea);padding:42px 56px;box-shadow:0 10px 0 #deebf3}.blog-hero:after{position:absolute;right:-60px;bottom:-120px;width:330px;height:330px;border:2px dashed rgba(115,91,211,.18);border-radius:50%;content:""}.blog-kicker{display:inline-flex;border-radius:999px;background:#fff;padding:8px 13px;color:#7257d3;font-size:12px;font-weight:900;letter-spacing:.08em}.blog-hero h1{margin:16px 0 9px;font-size:clamp(42px,6vw,72px);line-height:1.08}.blog-hero p{max-width:660px;margin:0;color:#657590;font-size:18px;line-height:1.8}.blog-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.blog-hero-tags span{border:1px solid rgba(75,96,125,.12);border-radius:999px;background:rgba(255,255,255,.76);padding:8px 13px;font-size:13px;font-weight:800}.blog-hero-art{z-index:1;display:flex;align-items:center;gap:8px}.blog-hero-art span{display:grid;place-items:center;width:94px;height:94px;border-radius:28px;background:#fff;font-size:48px;box-shadow:0 8px 0 rgba(82,102,132,.1);transform:rotate(-6deg)}.blog-hero-art span:last-child{transform:rotate(7deg)}.blog-hero-art i{color:#ffb52f;font-size:30px}.blog-list-section{margin-top:52px}.blog-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.blog-section-head span{color:#7563d8;font-size:13px;font-weight:900}.blog-section-head h2{margin:6px 0 0;font-size:32px}.blog-section-head p{margin:0;color:#7b899f}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{overflow:hidden;border:1px solid #e1ebf2;border-radius:25px;background:#fff;box-shadow:0 7px 0 #e3ecf2;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-4px);box-shadow:0 11px 0 #dce8ef}.blog-card-cover{display:block;height:210px;overflow:hidden;background:#e8f6ff}.blog-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.blog-card:hover .blog-card-cover img{transform:scale(1.04)}.blog-card-cover.placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#fff1cf,#dff5ff)}.blog-card-cover.placeholder span{font-size:64px}.blog-card-body{padding:22px}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8793a6;font-size:12px}.blog-card-meta span{border-radius:999px;background:#eeeaff;padding:5px 9px;color:#6e5bce;font-weight:900}.blog-card h3{margin:15px 0 10px;font-size:22px;line-height:1.45}.blog-card h3 a{color:inherit;text-decoration:none}.blog-card p{display:-webkit-box;min-height:54px;margin:0;color:#6e7c91;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.blog-read{display:inline-flex;margin-top:18px;color:#6655ca;font-size:14px;font-weight:900;text-decoration:none}.blog-empty{grid-column:1/-1;padding:70px 24px;border:1px dashed #cadbe7;border-radius:24px;background:#fff;text-align:center;color:#73839a}.blog-empty>span{display:block;margin-bottom:12px;font-size:44px}.blog-empty h3{margin:0 0 7px;color:#33445f}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:32px}.blog-pagination button{border:1px solid #d9e6ef;border-radius:12px;background:#fff;padding:11px 16px;color:#34445f;font-weight:800;cursor:pointer}.blog-pagination button:disabled{opacity:.4;cursor:default}.blog-pagination span{color:#748298;font-size:13px}
.article-page .blog-shell{width:min(940px,calc(100% - 36px))}.blog-article{overflow:hidden;border:1px solid #e0eaf1;border-radius:32px;background:#fff;box-shadow:0 9px 0 #e1ebf2}.blog-back{display:inline-flex;margin:30px 42px 0;color:#6655ca;font-weight:850;text-decoration:none}.article-header{padding:30px 70px 40px;text-align:center}.article-header h1{margin:18px auto 16px;max-width:800px;font-size:clamp(36px,5vw,58px);line-height:1.2}.article-header p{max-width:720px;margin:0 auto;color:#6f7e94;font-size:18px;line-height:1.8}.article-header time{display:block;margin-top:20px;color:#939dac;font-size:13px}.article-cover{display:block;width:calc(100% - 84px);max-height:500px;margin:0 auto 34px;border-radius:24px;object-fit:cover}.article-content{padding:0 76px 54px;color:#384861;font-size:17px;line-height:1.95}.article-content h2,.article-content h3,.article-content h4{color:#263652;line-height:1.4}.article-content h2{margin:48px 0 18px;font-size:30px}.article-content h3{margin:36px 0 14px;font-size:24px}.article-content p{margin:0 0 22px}.article-content ul,.article-content ol{margin:0 0 24px;padding-left:28px}.article-content li{margin:7px 0}.article-content blockquote{margin:30px 0;border-left:5px solid #8a75e5;border-radius:0 14px 14px 0;background:#f3f0ff;padding:20px 24px;color:#5b5680}.article-content img{display:block;max-width:100%;height:auto;margin:30px auto;border-radius:18px}.article-content figure{margin:34px 0}.article-content figcaption{text-align:center;color:#8793a4;font-size:13px}.article-content a{color:#6151c8;text-decoration-thickness:1px;text-underline-offset:3px}.article-content pre{overflow:auto;border-radius:15px;background:#27334a;padding:20px;color:#f4f7fb}.article-content code{border-radius:5px;background:#f0f3f7;padding:2px 5px}.article-content pre code{background:none;padding:0}.article-content hr{height:1px;margin:42px 0;border:0;background:#e1e8ee}.article-end{display:flex;align-items:center;justify-content:center;gap:13px;border-top:1px solid #e5ecf1;background:#fbfdff;padding:30px 40px;text-align:center}.article-end>span{color:#ffc342;font-size:28px}.article-end p{margin:0;color:#697990}.article-end a{color:#6655ca;font-weight:850;text-decoration:none}
.article-content figure{box-sizing:border-box;max-width:100%;margin:34px auto}.article-content figure[data-align="left"]{margin-left:0;margin-right:auto}.article-content figure[data-align="center"]{margin-left:auto;margin-right:auto}.article-content figure[data-align="right"]{margin-left:auto;margin-right:0}.article-content figure>img{width:100%;max-width:none;margin:0}
@media(max-width:900px){.blog-hero{padding:36px}.blog-hero-art{display:none}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-header{padding:30px 46px 36px}.article-content{padding:0 48px 44px}}
@media(max-width:620px){.blog-shell,.article-page .blog-shell{width:calc(100% - 18px);margin-top:16px}.blog-hero{min-height:auto;border-radius:25px;padding:27px 23px}.blog-hero p{font-size:15px}.blog-hero-tags{gap:6px}.blog-section-head{align-items:start;flex-direction:column}.blog-grid{grid-template-columns:1fr}.blog-card-cover{height:190px}.blog-back{margin:22px 22px 0}.article-header{padding:28px 22px 30px;text-align:left}.article-header h1{font-size:34px}.article-header p{font-size:16px}.article-cover{width:calc(100% - 30px);border-radius:16px}.article-content{padding:0 23px 36px;font-size:16px}.article-content h2{font-size:25px}.article-end{align-items:flex-start;flex-direction:column;padding:25px}.blog-pagination{gap:7px}.blog-pagination button{padding:9px 11px}}