.article-hero{position:relative;isolation:isolate;padding:180px 0 72px;background:linear-gradient(180deg,#f8fbff,#eef4ff);overflow:hidden}.article-hero:before{content:"";position:absolute;inset:95px 0 0;z-index:-1;background-image:linear-gradient(rgba(43,100,248,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(43,100,248,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 75%,transparent)}.article-head{max-width:930px;margin:auto;text-align:center}.article-head h1{font-size:clamp(48px,6vw,78px);line-height:1.02;margin-bottom:24px}.article-deck{max-width:760px;margin:0 auto 28px;color:#56647d;font-size:18px}.article-meta{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;color:#758199;font-size:12px}.article-author{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:600}.article-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff}.article-feature{width:min(1180px,calc(100% - 48px));height:min(620px,52vw);min-height:360px;margin:45px auto -150px;border:8px solid #fff;border-radius:30px;box-shadow:0 25px 70px rgba(28,52,105,.17);object-fit:cover}.article-main{padding:230px 0 105px}.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);justify-content:center;gap:70px;align-items:start}.article-toc{position:sticky;top:125px;padding:23px;border:1px solid #e1e6ef;border-radius:19px;background:#f7f9fc}.article-toc h2{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:15px}.article-toc ol{margin:0;padding-left:18px}.article-toc li{margin:9px 0;color:#68758b;font-size:12px}.article-toc a:hover{color:var(--blue)}.article-body{font-size:16px;color:#354159}.article-body>p:first-of-type{font-size:19px;color:#27344d}.article-body h2{font-size:36px;line-height:1.15;letter-spacing:-.04em;color:var(--ink);margin:62px 0 19px;scroll-margin-top:130px}.article-body h3{font-size:23px;line-height:1.25;letter-spacing:-.025em;color:var(--ink);margin:38px 0 13px;scroll-margin-top:130px}.article-body p{margin-bottom:21px}.article-body ul,.article-body ol{padding-left:23px;margin:0 0 25px}.article-body li{margin:9px 0}.quick-answer{padding:27px 29px;border-left:4px solid var(--blue);border-radius:0 17px 17px 0;background:#edf3ff;margin:30px 0}.quick-answer strong{display:block;color:var(--blue);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.article-callout{padding:28px;border:1px solid #dbe4f3;border-radius:20px;background:#f8faff;margin:32px 0}.article-callout h3{margin:0 0 10px;font-size:19px}.article-image{width:100%;margin:34px 0;border-radius:22px}.article-table-wrap{overflow-x:auto;margin:30px 0}.article-table{width:100%;border-collapse:collapse;font-size:13px}.article-table th,.article-table td{padding:15px;text-align:left;border:1px solid #dfe5ee}.article-table th{background:#edf3ff;color:#234eae}.article-quote{margin:38px 0;padding:8px 0 8px 28px;border-left:3px solid var(--blue);font-size:22px;line-height:1.5;color:#1b2a47}.article-faq{margin-top:65px}.article-author-box{display:grid;grid-template-columns:80px 1fr;gap:22px;padding:28px;border:1px solid #e1e6ee;border-radius:22px;background:#f7f9fc;margin-top:60px}.article-author-box .article-avatar{width:80px;height:80px;font-size:20px}.article-author-box h2{font-size:20px;margin:0 0 7px}.article-author-box p{font-size:13px;margin:0}.article-share{display:flex;gap:8px;margin-top:25px}.article-share a{width:35px;height:35px;display:grid;place-items:center;border:1px solid #dce2ec;border-radius:50%;font-size:11px;color:var(--blue)}.related-posts{padding:95px 0;background:#f4f6f9}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.related-card{overflow:hidden;border:1px solid #e1e6ee;border-radius:21px;background:#fff}.related-card img{width:100%;height:190px;object-fit:cover}.related-card div{padding:22px}.related-card h3{font-size:18px;line-height:1.35;margin:10px 0 0}.reading-progress{position:fixed;z-index:120;left:0;top:0;width:0;height:3px;background:var(--blue)}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-toc{position:static}.related-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.article-hero{padding:145px 0 55px}.article-head h1{font-size:44px}.article-deck{font-size:15px}.article-feature{width:calc(100% - 24px);height:260px;min-height:0;margin-bottom:-95px;border-width:5px}.article-main{padding:160px 0 75px}.article-layout{gap:38px}.article-body h2{font-size:30px}.article-body h3{font-size:21px}.article-body{font-size:15px}.article-author-box{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.related-card img{height:210px}}