:root{--article-blue:#075cff;--article-navy:#071a35;--article-ink:#101828;--article-muted:#5f6f84;--article-line:#dce5f0;--article-soft:#f5f9ff;--article-teal:#00bfa0}
body{margin:0;color:#334155;font-family:'Plus Jakarta Sans',Arial,sans-serif;line-height:1.75;background:#fff}
.yi-blog-hero{position:relative;padding:148px 20px 70px;overflow:hidden;background:linear-gradient(120deg,#07152f,#0b3972 58%,#075cff);color:#fff}
.yi-blog-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent)}
.yi-blog-hero-inner{position:relative;width:min(100%,980px);margin:auto}.yi-blog-kicker{display:inline-flex;padding:8px 14px;border:1px solid rgba(0,212,170,.4);border-radius:999px;background:rgba(0,212,170,.1);color:#63f4d8;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.yi-blog-hero h1{max-width:920px;margin:20px 0 18px;font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,6vw,66px);line-height:1.08;letter-spacing:-.04em}.yi-blog-hero p{max-width:800px;margin:0;color:#d6e4f7;font-size:18px;line-height:1.7}.yi-blog-hero-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;color:#b8c8df;font-size:13px;font-weight:700}
.yi-blog-wrap{width:min(100% - 40px,980px);margin:auto;padding:58px 0 90px}.yi-blog-author{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:38px;padding:18px 20px;border:1px solid #dbe7f3;border-left:4px solid var(--article-blue);border-radius:12px;background:var(--article-soft);color:#526277;font-size:14px}.yi-blog-author strong{color:var(--article-ink)}.yi-blog-author a{color:var(--article-blue);font-weight:800}
.yi-blog-content h2,.yi-blog-content h3{color:var(--article-ink);font-family:'Space Grotesk',sans-serif;line-height:1.25;letter-spacing:-.025em}.yi-blog-content h2{margin:1.7em 0 .6em;font-size:clamp(29px,4vw,38px)}.yi-blog-content h3{margin:1.5em 0 .45em;font-size:24px}.yi-blog-content p,.yi-blog-content li{font-size:17px}.yi-blog-content p{margin:0 0 20px}.yi-blog-content ul,.yi-blog-content ol{margin:0 0 24px;padding-left:24px}.yi-blog-content li{margin:8px 0}.yi-blog-content a{color:#075cff;font-weight:700}.yi-blog-feature-image{display:block;width:100%;height:auto;margin:0 0 38px;border-radius:20px;box-shadow:0 22px 55px rgba(13,42,86,.14)}
.yi-blog-answer{margin:26px 0;padding:24px 26px;border-left:4px solid var(--article-teal);border-radius:12px;background:#effcf9;color:#25465a}.yi-blog-answer strong{color:#073e38}.yi-blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 30px}.yi-blog-card{padding:22px;border:1px solid var(--article-line);border-radius:14px;background:#fff;box-shadow:0 8px 26px rgba(15,35,70,.06)}.yi-blog-card h3{margin:0 0 8px;font-size:20px}.yi-blog-card p{margin:0;font-size:15px;color:var(--article-muted)}
.yi-blog-table-wrap{margin:25px 0 32px;overflow-x:auto;border:1px solid var(--article-line);border-radius:14px}.yi-blog-table{width:100%;border-collapse:collapse;min-width:650px}.yi-blog-table th,.yi-blog-table td{padding:15px 17px;border-bottom:1px solid var(--article-line);text-align:left;vertical-align:top}.yi-blog-table th{background:#eef5ff;color:#0a3470;font-size:14px}.yi-blog-table td{font-size:15px}.yi-blog-table tr:last-child td{border-bottom:0}
.yi-blog-steps{counter-reset:blog-step;list-style:none!important;padding:0!important}.yi-blog-steps li{position:relative;margin:0 0 15px;padding:17px 18px 17px 58px;border:1px solid var(--article-line);border-radius:12px}.yi-blog-steps li:before{counter-increment:blog-step;content:counter(blog-step);position:absolute;left:16px;top:16px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--article-blue);color:#fff;font-size:13px;font-weight:800}
.yi-blog-cta{margin-top:54px;padding:34px;border-radius:18px;background:linear-gradient(110deg,#071a35,#0a5bc3);color:#fff;text-align:center}.yi-blog-cta h2{margin:0 0 12px;color:#fff}.yi-blog-cta p{max-width:700px;margin:0 auto 22px;color:#cfdef2}.yi-blog-cta-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.yi-blog-cta a{display:inline-flex;min-height:48px;align-items:center;padding:0 20px;border-radius:9px;background:#075cff;color:#fff;text-decoration:none}.yi-blog-cta a:last-child{background:#25d366}
.yi-blog-faq{margin-top:45px}.yi-blog-faq details{margin:11px 0;border:1px solid var(--article-line);border-radius:12px;background:#fff}.yi-blog-faq summary{padding:17px 20px;cursor:pointer;color:var(--article-ink);font-weight:800}.yi-blog-faq details p{padding:0 20px 18px;margin:0;color:var(--article-muted);font-size:15px}
@media(max-width:680px){.yi-blog-hero{padding:122px 20px 54px}.yi-blog-hero h1{font-size:40px}.yi-blog-wrap{width:min(100% - 30px,980px);padding:42px 0 70px}.yi-blog-grid{grid-template-columns:1fr}.yi-blog-content p,.yi-blog-content li{font-size:16px}.yi-blog-feature-image{border-radius:14px}.yi-blog-cta{padding:28px 20px}}
