.gj-gua-wrap{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:32px;align-items:center}
.gj-gua{margin:0;padding:26px 28px 20px;display:flex;flex-direction:column;gap:12px;background:#faf6f1;border:1px solid rgba(39,83,94,.14);border-radius:12px}
.gj-yao{display:flex;align-items:center;gap:14px}
.gj-bar{flex:1;display:flex;gap:18px;height:14px}
.gj-bar i{flex:1;background:#27535e;border-radius:3px}
.gj-yao em{width:1.5em;font-style:normal;font-size:14px;color:#7a746e}
.gj-yao.yang .gj-bar i{background:#b07a55}
.gj-yao.yang em{color:#b07a55;font-weight:700}
.gj-gua figcaption{margin-top:6px;text-align:center;font-size:14px;color:#b07a55;font-weight:600}
.gj-read h3{margin:0 0 14px}
.gj-steps{margin:0;padding:0;list-style:none;counter-reset:gj;display:grid;gap:10px}
.gj-steps li{counter-increment:gj;position:relative;padding:14px 16px 14px 52px;background:#faf6f1;border:1px solid rgba(39,83,94,.14);border-radius:10px;line-height:1.6}
.gj-steps li::before{content:counter(gj);position:absolute;left:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#2f7f89;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.gj-axes .dc-box em{display:block;margin:4px 0 8px;font-style:normal;font-weight:600;color:#2f7f89}
.gj-axes .gj-main{border-top-color:#b07a55}
.gj-tag{display:inline-block;margin-bottom:8px;padding:2px 10px;border-radius:999px;background:#b07a55;color:#fff;font-size:13px;font-weight:700}
@media(max-width:820px){.gj-gua-wrap{grid-template-columns:1fr}}
.gj-axes .dc-box:not(.gj-main)::before{content:"";display:block;height:34px}
#exam .pc-lead a{color:#2f7f89;font-weight:600;text-decoration:underline;text-underline-offset:3px}
