.structured-about .about-content {overflow-wrap:anywhere;}
.structured-about .about-content section {scroll-margin-top:110px;}
.structured-about .about-content .inner_tit {font-size:36px;line-height:1.4;font-weight:700;margin:0 0 30px;}
.structured-about .about-copy {white-space:pre-line;line-height:1.9;font-size:16px;font-weight:400;}
.structured-about .about_intro {padding:60px 0;}
.structured-about .about_intro article + article {margin-top:40px;}
.structured-about .about-intro-copy.has-image {display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;}
.structured-about .about-intro-copy > img {width:100%;height:auto;}
.structured-about .about-media {position:relative;width:100%;min-width:0;min-height:200px;aspect-ratio:4/1;background:#292929;}
.structured-about .about-media-poster {position:absolute;width:100%;height:100%;object-fit:cover;}
.structured-about .about-media .video_but {position:absolute;inset:0;display:grid;place-items:center;padding:0;margin:0;}
.structured-about .about-media .video_but i {position:static;transform:none;margin:0;}
.structured-about .about-facts {padding:35px 0;background:#fff;}
.structured-about .about-facts ul {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:28px;text-align:center;}
.structured-about .about-facts strong {display:block;font-size:40px;line-height:1.4;color:var(--brand-primary);}
.structured-about .about-facts p {margin-top:10px;}
.structured-about .about_vision {padding:60px 0;}
.structured-about .about_vision ul {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
.structured-about .about_vision li {float:none;width:auto;margin:0;}
.structured-about .about_values {padding:60px 0;}
.structured-about .about_values ul {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:30px;}
.structured-about .about_values li {float:none;width:auto;margin:0;}
.structured-about .about-value-image {width:90px;height:90px;object-fit:contain;margin-bottom:15px;}
.structured-about .about-certificates {padding:60px 0;background:#f4f5f6;}
.structured-about .about-certificates + .about-certificates {background:#fff;}
.structured-about .about-certificate-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;}
.structured-about #about-honor .about-certificate-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.structured-about .about-certificate-grid a {display:block;background:#fff;border:1px solid #e5e5e5;}
.structured-about .about-certificate-grid img {display:block;width:100%;height:300px;object-fit:contain;padding:10px;box-sizing:border-box;}
.structured-about .about-certificate-grid h3 {font-size:16px;line-height:1.6;text-align:center;margin-top:14px;}
@media(max-width:767px) {
    .structured-about .about-content .inner_tit {font-size:24px;margin-bottom:20px;}
    .structured-about .about-content section {scroll-margin-top:70px;}
    .structured-about .about_intro,.structured-about .about_vision,.structured-about .about_values,.structured-about .about-certificates {padding:30px 0;}
    .structured-about .about-intro-copy.has-image,.structured-about .about_vision ul {grid-template-columns:1fr;gap:24px;}
    .structured-about .about-facts ul {grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px;}
    .structured-about .about-facts strong {font-size:30px;}
    .structured-about .about_values ul {grid-template-columns:1fr;gap:24px;}
    .structured-about .about-certificate-grid,.structured-about #about-honor .about-certificate-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;}
    .structured-about .about-certificate-grid img {height:220px;padding:6px;}
    .structured-about .about-certificate-grid h3 {font-size:14px;}
}

/* Company photos and introduction layout - 2026-09-21 */
.structured-about .about-intro-copy.has-image{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center}
.structured-about .about-intro-text{min-width:0}
.structured-about .has-image .inner_tit{text-align:left;color:#17364e;font-size:36px;line-height:1.35;margin-bottom:24px;padding-bottom:20px;position:relative}
.structured-about .has-image .inner_tit:after{content:"";position:absolute;bottom:0;left:0;width:44px;height:3px;background:#0054a5}
.structured-about .has-image .about-copy{color:#52606d;line-height:2.05;text-align:justify;margin:0}
.structured-about .about-photo-frame,.structured-about .about_vision .re_pic.about-photo-frame{position:relative;box-sizing:border-box;width:100%;height:auto;aspect-ratio:4/3;padding:10px;background:#fff;border:1px solid #ced9e2;overflow:hidden;box-shadow:0 12px 32px rgba(23,54,78,.09);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.structured-about .about-photo-frame:before,.structured-about .about-photo-frame:after{content:"";position:absolute;width:38px;height:38px;z-index:2;pointer-events:none;border:2px solid #0054a5;transition:width .35s ease,height .35s ease}
.structured-about .about-photo-frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.structured-about .about-photo-frame:after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.structured-about .about-photo-frame img,.structured-about .about_vision .re_pic.about-photo-frame img{position:static;display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
@media(hover:hover){.structured-about .about-photo-frame:hover{transform:translateY(-4px);border-color:#7a9fbf;box-shadow:0 18px 36px rgba(23,54,78,.16)}.structured-about .about-photo-frame:hover:before,.structured-about .about-photo-frame:hover:after{width:68px;height:68px}.structured-about .about-photo-frame:hover img{transform:scale(1.025)}}
@media(max-width:1023px){.structured-about .about-intro-copy.has-image{gap:32px}.structured-about .has-image .inner_tit{font-size:30px}}
@media(max-width:767px){.structured-about .about-intro-copy.has-image{grid-template-columns:1fr;gap:24px}.structured-about .has-image .inner_tit{font-size:26px;margin-bottom:20px;padding-bottom:16px}.structured-about .has-image .about-copy{font-size:15px;line-height:1.95}.structured-about .about-photo-frame,.structured-about .about_vision .re_pic.about-photo-frame{padding:7px}.structured-about .about_vision .text{padding:22px 0 0}}
@media(prefers-reduced-motion:reduce){.structured-about .about-photo-frame,.structured-about .about-photo-frame:before,.structured-about .about-photo-frame:after,.structured-about .about-photo-frame img{transition:none;transform:none}}

/* Six core advantage cards - 2026-09-21 */
.structured-about #about-values{background:#f7f9fc;padding:68px 0 76px}
.structured-about #about-values ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;align-items:stretch}
.structured-about #about-values li{position:relative;box-sizing:border-box;min-width:0;padding:34px 28px 30px;text-align:left;background:#fff;border:1px solid #d9e3ed;box-shadow:0 6px 18px rgba(23,54,78,.04);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}
.structured-about #about-values li:before,.structured-about #about-values li:after{content:"";position:absolute;width:26px;height:26px;border:2px solid #0054a5;pointer-events:none;transition:width .35s ease,height .35s ease}
.structured-about #about-values li:before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.structured-about #about-values li:after{right:-1px;bottom:-1px;border-left:0;border-top:0}
.structured-about #about-values li .tit{margin:0 0 18px;min-height:2.9em;font-size:22px;line-height:1.45;font-weight:700;color:#17364e;text-align:left;letter-spacing:0}
.structured-about #about-values li .about-copy{margin:0;font-size:15px;line-height:1.95;color:#586775;text-align:left;white-space:pre-line;overflow-wrap:anywhere}
@media(hover:hover){.structured-about #about-values li:hover{transform:translateY(-5px);border-color:#8bafd0;background:#fbfdff;box-shadow:0 16px 32px rgba(0,84,165,.12)}.structured-about #about-values li:hover:before,.structured-about #about-values li:hover:after{width:54px;height:54px}}
@media(min-width:768px) and (max-width:1023px){.structured-about #about-values ul{grid-template-columns:repeat(2,minmax(0,1fr))}.structured-about #about-values li{padding:30px 24px}.structured-about #about-values li .tit{font-size:21px}}
@media(max-width:767px){.structured-about #about-values{padding:38px 0 44px}.structured-about #about-values ul{grid-template-columns:1fr;gap:18px;margin-top:26px}.structured-about #about-values li{padding:27px 23px}.structured-about #about-values li .tit{font-size:20px;min-height:0;margin-bottom:14px}.structured-about #about-values li .about-copy{font-size:14px;line-height:1.9}}
@media(prefers-reduced-motion:reduce){.structured-about #about-values li,.structured-about #about-values li:before,.structured-about #about-values li:after{transition:none!important;transform:none!important}}
