/* Shared geometry and live typography for all six system hero banners. */
.system-hero{position:relative;overflow:hidden;width:100%;height:28.645833vw;background:#eaf5fc;text-align:left;line-height:normal;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.system-hero .system-hero__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.system-hero .system-hero__copy{position:absolute;left:6%;top:20%;width:43%;text-align:left}
.system-hero .system-hero__label{margin:0 0 1.15vw;padding:0;color:#1760a1;font-size:1.15vw;font-weight:700;line-height:1.5;letter-spacing:.12em}
.system-hero .system-hero__title{margin:0;padding:0;color:#125794;font-size:2.9vw;font-weight:700;line-height:1.35;letter-spacing:0}
.system-hero__title span{display:block;white-space:nowrap}
.system-hero .system-hero__subtitle{box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:1.65vw 0 0;padding:.6vw .5vw;width:80%;border-radius:2vw;background:#ff4c20;color:#fff;font-size:1.1vw;font-weight:500;line-height:1.5;white-space:nowrap}
@media(max-width:750px){
 .system-hero{height:340px}
 .system-hero .system-hero__image{top:auto;bottom:0;height:190px;object-position:right center}
 .system-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#eaf5fc 0%,#eaf5fc 39%,transparent 61%)}
 .system-hero .system-hero__copy{z-index:1;top:20px;left:5%;width:90%}
 .system-hero .system-hero__label{margin:0 0 6px;font-size:12px}
 .system-hero .system-hero__title{font-size:26px;line-height:1.3}
 .system-hero .system-hero__subtitle{margin:12px 0 0;padding:7px 3px;width:92%;border-radius:20px;font-size:11px}
}