.guide-hero{padding:35px 0;background:linear-gradient(120deg,#f3faff,#fff)}.guide-hero h1{margin:0;color:#10216b;font-size:34px}.guide-hero p{max-width:650px;margin:7px 0 0;color:#506080}.guide-index{padding:34px 0 55px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-card{overflow:hidden;border:1px solid #dbe7ef;border-radius:11px;background:#fff;transition:.2s}.guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #173b5515}.guide-card-image{display:block;height:190px;background:#edf6fa center/cover no-repeat}.guide-card-body{padding:18px}.guide-kind{display:inline-flex;align-items:center;gap:6px;color:#007da7;font-size:11px;font-weight:700}.guide-kind svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.guide-card h2{min-height:50px;margin:7px 0;color:#14245f;font-size:17px;line-height:1.45}.guide-card p{min-height:60px;margin:0;color:#52617c;font-size:12px;line-height:1.65}.guide-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid #e6edf2}.guide-card footer span{font-size:10px;color:#65728b}.guide-card footer a{color:#007da7;font-size:12px;font-weight:700}.guide-detail{padding:18px 0 55px}.guide-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.guide-title-tag{display:inline-flex;padding:5px 9px;border-radius:5px;background:#e9f7fc;color:#007ca6;font-size:10px;font-weight:700}.guide-article h1{max-width:800px;margin:10px 0;color:#10216b;font-size:34px;line-height:1.25}.guide-meta{display:flex;gap:16px;margin-bottom:18px;color:#52617d;font-size:11px}.guide-cover{height:390px;border-radius:10px;background:#edf6fa center/cover no-repeat}.guide-lead{margin:9px 8px 0;padding:17px 22px;border-radius:8px;background:#f2f9fd;color:#344873;font-size:14px;line-height:1.75}.guide-body{padding:7px 28px 20px;border:1px solid #dce7ee;border-top:0;border-radius:0 0 10px 10px;color:#33436b;font-size:13px;line-height:1.75}.guide-body h2{position:relative;margin:25px 0 8px;color:#10216b;font-size:18px}.guide-body h2:before{content:"";display:inline-block;width:5px;height:19px;margin-right:9px;border-radius:3px;background:#0790b6;vertical-align:-3px}.guide-body h3{margin:18px 0 6px;color:#17306c;font-size:15px}.guide-body ul,.guide-body ol{padding-left:21px}.guide-body li{margin:6px 0}.guide-body blockquote{margin:15px 0;padding:14px 17px;border-left:3px solid #0785ad;background:#eff8fc}.guide-sidebar{position:sticky;top:92px}.guide-side-box{margin-bottom:15px;padding:18px;border:1px solid #dce7ee;border-radius:10px;background:#fff}.guide-side-box h2{margin:0 0 12px;color:#10216b;font-size:17px}.guide-toc a{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f4;color:#3c4c70;font-size:11px;line-height:1.45}.guide-toc a:last-child{border:0}.guide-toc b{color:#0082ab}.guide-related a{display:block;padding:11px 0;border-bottom:1px solid #e8eef2}.guide-related a:last-child{border:0}.guide-related strong{display:block;font-size:11px;line-height:1.45}.guide-related span{color:#007da7;font-size:9px}.guide-help{padding:19px;border-radius:10px;background:linear-gradient(135deg,#eef9fc,#fff);color:#172966}.guide-help p{font-size:11px}.guide-help a{display:flex;justify-content:center;padding:9px;border-radius:5px;background:#0082aa;color:#fff;font-size:11px;font-weight:700}.guide-pagination{margin-top:25px}
@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}.guide-detail-layout{grid-template-columns:1fr}.guide-sidebar{position:static}.guide-cover{height:330px}.guide-toc{display:none}}

.guide-help a{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.guide-help a:hover,.guide-help a:focus-visible{background:#006f92;color:#fff;box-shadow:0 6px 16px rgba(0,111,146,.2)}
@media(max-width:600px){.guide-hero{padding:25px 0}.guide-hero h1{font-size:27px}.guide-grid{grid-template-columns:1fr}.guide-card{display:grid;grid-template-columns:36% 64%}.guide-card-image{height:auto;min-height:180px}.guide-card-body{padding:13px}.guide-card h2{min-height:0;font-size:15px}.guide-card p{min-height:0;font-size:11px}.guide-card footer{display:block}.guide-card footer span{display:block}.guide-article h1{font-size:27px}.guide-cover{height:240px}.guide-lead{margin:8px 0 0;padding:15px}.guide-body{padding:5px 16px 18px}}