.tutorial-layout{padding-bottom:44px}.tutorial-quick-nav>div{grid-template-columns:repeat(5,1fr)}.tutorial-redeem{margin-top:20px;padding:20px 22px;border:1px solid #87dfbb;border-radius:10px;color:#173f36;background:linear-gradient(120deg,#effcf7,#edf8ff)}.tutorial-redeem>span{color:#16a768;font-size:13px;font-weight:850}.tutorial-redeem>span i{margin-right:7px;color:#f0a42a}.tutorial-redeem h3{margin:8px 0 6px;font-size:18px}.tutorial-redeem code{padding:3px 8px;border-radius:5px;color:#fff;background:#18ae6b;font-family:inherit;letter-spacing:.06em}.tutorial-redeem p{margin:0;color:#526b65;font-size:14px;line-height:1.75}.tutorial-redeem>a{min-height:43px;display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:0 18px;border-radius:7px;color:#fff;background:linear-gradient(135deg,#2acb82,#14a966);font-size:14px;font-weight:800}.tutorial-cause-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tutorial-cause-grid article{min-height:116px;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:16px;border:1px solid #e0e7ed;border-radius:9px;background:#fbfcfe}.tutorial-cause-grid article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#22bb72;font-size:13px;font-weight:850}.tutorial-cause-grid h3{margin:2px 0 6px;font-size:16px}.tutorial-cause-grid p{margin:0;color:#617087;font-size:14px;line-height:1.7}.tutorial-step-list{padding:0;list-style:none;counter-reset:tutorial-step}.tutorial-step-list li{min-height:90px;position:relative;display:grid;grid-template-columns:45px 1fr;gap:14px;padding:15px 0;counter-increment:tutorial-step}.tutorial-step-list li:before{content:counter(tutorial-step);width:38px;height:38px;position:relative;z-index:1;display:grid;place-items:center;border-radius:50%;color:#fff;background:#18b16b;font-size:15px;font-weight:850;box-shadow:0 0 0 7px #eaf9f2}.tutorial-step-list li:not(:last-child):after{content:"";width:2px;position:absolute;top:55px;bottom:-2px;left:18px;background:#cdebdc}.tutorial-step-list b{color:#243850;font-size:16px}.tutorial-step-list p{margin:6px 0 0;color:#5f6e82;font-size:14px;line-height:1.75}.tutorial-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tutorial-device-grid article{padding:19px;border:1px solid #dfe6ec;border-radius:9px;background:#fff;box-shadow:0 7px 20px #18324d08}.tutorial-device-grid article>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#1684ca;background:#eaf4ff;font-size:17px}.tutorial-device-grid h3{margin:12px 0 7px;font-size:16px}.tutorial-device-grid p{margin:0;color:#627187;font-size:14px;line-height:1.7}.tutorial-check-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:16px 18px;border:1px solid #dfe6ec;border-radius:9px;background:#fbfcfe;list-style:none}.tutorial-check-list li{display:flex;gap:10px;color:#4c5e74;font-size:14px;line-height:1.7}.tutorial-check-list i{margin-top:5px;color:#1bb16c}.article-sidebar .tutorial-redeem.compact{margin-top:0;padding:18px}.tutorial-redeem.compact h3{font-size:16px;line-height:1.5}.tutorial-redeem.compact p{font-size:12px}.tutorial-redeem.compact>a{width:100%;justify-content:center;padding:0 12px;font-size:13px;text-align:center}@media (max-width:900px){.tutorial-quick-nav>div{grid-template-columns:repeat(3,1fr)}.tutorial-device-grid{grid-template-columns:1fr}}@media (max-width:620px){.tutorial-cause-grid,.tutorial-quick-nav>div{grid-template-columns:1fr}.tutorial-redeem{padding:17px}}