/* 功能页 · 中枢 exploded 图（克制 scrm） */
.hub-head{padding:2rem 0;background:#e4e4e4;border-bottom:1px solid #ccc}
.hub-head h1{font-size:clamp(1.35rem,3.5vw,1.85rem);font-weight:800;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.03em}
.hub-head p{color:#555;max-width:580px;font-size:.92rem}
.hub-tag{display:inline-block;font-family:Consolas,monospace;font-size:.68rem;background:#3d3d3d;color:#2563eb;padding:.2rem .55rem;margin-bottom:.65rem;letter-spacing:.08em;font-weight:700}

.hub-diagram{padding:3rem 0;background:#ececec;position:relative}
.hub-wrap{max-width:820px;margin:0 auto;position:relative;min-height:520px}
.hub-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;background:#f8f8f8;border:2px solid #2563eb;padding:1.25rem;text-align:center;z-index:2}
.hub-center h2{font-size:1rem;color:#2563eb;margin-bottom:.4rem;font-weight:900}
.hub-center p{font-size:.78rem;color:#555;line-height:1.5}
.hub-node{position:absolute;width:200px;background:#f8f8f8;border:1px solid #999;padding:1rem;z-index:1}
.hub-node h3{font-size:.88rem;margin-bottom:.35rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.hub-node p{font-size:.78rem;color:#555;margin-bottom:.5rem}
.hub-node ul{font-size:.76rem;color:#666}
.hub-node li{padding:.15rem 0}
.hub-node.n-top{top:0;left:50%;transform:translateX(-50%)}
.hub-node.n-left{top:50%;left:0;transform:translateY(-50%)}
.hub-node.n-right{top:50%;right:0;transform:translateY(-50%)}
.hub-node.n-bottom{bottom:0;left:50%;transform:translateX(-50%)}
.hub-node img{margin-top:.5rem;border:1px solid #ccc;max-width:100%}
.hub-lines{position:absolute;inset:0;pointer-events:none;z-index:0}
.hub-lines line{stroke:#bbb;stroke-width:1;stroke-dasharray:4 4}

.hub-spec{padding:2.5rem 0;background:#e4e4e4;border-top:1px solid #ccc}
.spec-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.spec-block{border:1px solid #999;background:#f8f8f8;padding:1.15rem}
.spec-block h3{font-size:.92rem;margin-bottom:.5rem;font-weight:800;font-family:Consolas,monospace;color:#444}
.spec-block li{font-size:.84rem;color:#555;padding:.25rem 0;border-bottom:1px dotted #ddd}

.hub-cta{text-align:center;padding:2.25rem 0;background:#2563eb;color:#fff}
.hub-cta h2{font-size:1.2rem;margin-bottom:.85rem;font-weight:800}
.hub-cta a{display:inline-block;background:#2a2a2a;color:#fff!important;padding:.65rem 1.5rem;font-weight:700;text-decoration:none!important}

@media(max-width:760px){
  .hub-wrap{min-height:auto;display:flex;flex-direction:column;gap:1rem;padding:1rem 0}
  .hub-center,.hub-node{position:static;transform:none;width:100%}
  .hub-lines{display:none}
}