.hk-surface .hk-hechi-content{max-width:960px;margin-inline:auto;padding-inline:clamp(12px,3vw,32px)}.hk-surface .hk-hechi .hk-steps p,.hk-surface .hk-hechi figcaption p,.hk-surface .hk-hechi-legend,.hk-surface .hk-hechi-sources p{font-size:16px;line-height:1.75}.hk-hechi-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;align-items:start}.hk-hechi-figures figure{margin:0;min-width:0;padding:20px;border:1px solid var(--hk-line,#cad7d8);border-radius:12px;background:var(--hk-card,#fff)}.hk-hechi-figures svg{display:block;width:100%;height:220px;overflow:visible}.hk-hechi-figures h3{font-size:18px;line-height:1.5;margin-block:12px}.hk-hechi-legend{padding-left:1.5em;margin-block:12px}.hk-hechi-legend li{padding-left:4px;margin-block:6px}.hk-hechi-line{fill:none;stroke:var(--hk-ink,#193c42);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hk-hechi-node{fill:var(--hk-sea,#197e85)}.hk-hechi-shot{fill:#667779}.hk-hechi-number{fill:var(--hk-ink,#193c42);font-size:16px;font-weight:700}.hk-hechi-wall-top{fill:#dcebe6;stroke:#688b87}.hk-hechi-wall-face{fill:#b5cfca;stroke:#688b87}.hk-hechi-wall-side{fill:#91b3ac;stroke:#688b87}.hk-hechi-sources{padding-left:1.5em;overflow-wrap:anywhere}.hk-hechi-sources li{margin-block:20px}@media(max-width:640px){.hk-hechi-figures{grid-template-columns:1fr}.hk-hechi-figures figure{padding:16px}.hk-surface .hk-hechi .hk-steps{grid-template-columns:1fr}}