﻿.company-hero{padding:62px 7vw 0;background:#173d31;color:#fff}.company-hero>span{font-size:11px;letter-spacing:.22em;color:#c4b78b}.company-hero h1{font-size:38px;letter-spacing:.12em;margin:16px 0}.company-hero>p{color:#d1ddd5;font-size:16px;line-height:1.8}.company-hero nav{display:flex;gap:30px;margin-top:35px;border-top:1px solid #ffffff22;overflow-x:auto}.company-hero nav a{padding:18px 0;font-size:13px;white-space:nowrap}.company-page-content{max-width:1400px;margin:auto;padding:0 7vw 60px}.company-profile{display:grid;grid-template-columns:1.6fr 1fr;gap:65px;align-items:center;padding:64px 0 42px}.company-profile h2{font-size:27px;line-height:1.5;margin:16px 0 24px}.company-introduction{font-size:15px;line-height:2.1;color:#56695e;white-space:pre-line}.company-mission{font-size:13px;line-height:1.95;color:#8a784e;white-space:pre-line}.company-profile figure{margin:0;background:#edf3ee;border-radius:12px;padding:18px;display:flex;justify-content:center}.company-profile img{max-width:100%;height:300px;object-fit:contain}.company-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.company-capabilities article{padding:26px;border:1px solid #dfe6dc;background:#fff;border-radius:8px}.company-capabilities article>span{font-size:12px;color:#b09a63}.company-capabilities h3{font-size:17px;line-height:1.5}.company-capabilities p{font-size:13px;line-height:1.95;color:#6d7a70;white-space:pre-line}.company-section-heading{margin-bottom:26px}.company-section-heading h2{font-size:28px;margin:12px 0}.company-section-heading p{font-size:13px;line-height:1.9;color:#758073}.company-album,.company-certificates{padding-top:64px}.company-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.company-photo{padding:0 0 20px;border:1px solid #dfe5dc;border-radius:8px;overflow:hidden;text-align:left;color:inherit;background:#fff;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.company-photo:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1d442111}.company-photo img{width:100%;height:210px;object-fit:contain;background:#eef3ef;display:block}.company-photo span,.company-photo small{display:block;margin:16px 20px 0}.company-photo span{font-size:15px;font-weight:600}.company-photo small{font-size:11px;color:#859082;margin-top:8px;line-height:1.7}.company-cert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.company-cert-tile{border:1px solid #ddd6be;border-radius:8px;padding:28px;background:linear-gradient(130deg,#fffdf5,#fff)}.company-cert-mark{float:right;font-size:52px;color:#b9a16e}.company-cert-tile h3{font-size:20px;margin:16px 0 20px}.company-cert-tile dl{font-size:12px;line-height:1.8}.company-cert-tile dl>div{display:flex;gap:16px;margin:8px 0}.company-cert-tile dt{color:#87907f;min-width:60px}.company-cert-tile dd{margin:0;overflow-wrap:anywhere}.company-cert-tile button{border:0;border-radius:5px;padding:11px 20px;background:#204f3d;color:#fff;font:inherit;font-size:12px;cursor:pointer;margin-top:12px}.company-contact{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;margin-top:64px;padding:32px;background:#e8eee5;border-radius:8px}.company-contact h2{font-size:26px}.company-contact p{font-size:13px;line-height:1.9;color:#536b59}.company-contact p span{display:block;color:#8a947f;font-size:11px;margin-bottom:5px}.company-contact a{font-size:20px;color:#204b39}.company-profile,.company-album,.company-certificates,.company-contact{scroll-margin-top:110px}.company-load-note{padding:20px 7vw;color:#8c622c}
/* The editor uses the existing authenticated Work session. */
.about-editor-page{margin:0;background:#f2f4f0;color:#193b2d;font-family:"Microsoft YaHei",system-ui,sans-serif}.about-editor-header{display:flex;align-items:center;gap:24px;padding:20px 5vw;background:#fff;border-bottom:1px solid #dce4d8}.about-editor-header a{color:#285441;font-size:13px;text-decoration:none}.about-editor-header h1{font-size:20px;margin:0}.about-editor-main{max-width:1080px;margin:auto;padding:28px 24px 90px}.about-editor-toolbar{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid #dce4d8;border-radius:8px;box-shadow:0 4px 20px #193b2d08}.about-editor-toolbar p{flex:1;margin:0;font-size:12px;line-height:1.8;color:#6a7b70}.about-editor-page button,.about-editor-page .button-link{border:1px solid #cbd7ca;border-radius:5px;padding:10px 16px;background:#fff;color:#285441;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}.about-editor-page button.primary{background:#24513e;color:#fff;border-color:#24513e}.about-editor-page button:disabled{opacity:.5;cursor:wait}.about-editor-status{min-height:22px;font-size:13px;line-height:1.8;padding:10px 0}.about-editor-status[data-error="true"]{color:#a43e30}.about-editor-panel{padding:26px;background:#fff;border:1px solid #dfe6db;border-radius:8px;margin-top:18px}.about-editor-panel h2{font-size:18px;margin:0 0 20px}.about-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-editor-page label{display:block;font-size:12px;color:#67786b}.about-editor-page input:not([type="file"]),.about-editor-page textarea,.about-editor-page select{display:block;width:100%;box-sizing:border-box;border:1px solid #cdd8c9;padding:11px;border-radius:5px;margin-top:8px;font:inherit;color:#254c37;background:#fff;font-size:13px}.about-editor-page textarea{min-height:110px;resize:vertical;line-height:1.8}.about-editor-wide{grid-column:1/-1}.about-editor-list{display:grid;gap:16px}.about-editor-item{padding:20px;background:#f7f8f5;border:1px solid #e0e6dc;border-radius:6px}.about-editor-item>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;font-size:13px}.about-editor-page .remove-item{color:#a34c3d;padding:6px 10px;font-size:12px}.about-editor-upload{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}.about-editor-upload img{width:140px;height:100px;object-fit:contain;background:#eef2ea;border-radius:5px}.about-editor-page input[type="file"]{max-width:100%;font-size:12px}.about-editor-panel>p{font-size:12px;line-height:1.9;color:#7a897b}.about-editor-page [hidden]{display:none!important}
@media(max-width:900px){.company-page-content{padding-left:24px;padding-right:24px}.company-profile{gap:28px}.company-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.company-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.company-hero{padding:40px 24px 0}.company-hero h1{font-size:30px}.company-hero nav{gap:24px}.company-profile{grid-template-columns:1fr;padding-top:38px}.company-profile h2{font-size:23px}.company-profile img{height:240px}.company-capabilities,.company-photo-grid,.company-cert-grid,.company-contact,.about-editor-grid{grid-template-columns:1fr}.company-album,.company-certificates{padding-top:42px}.company-contact{margin-top:42px;padding:24px;gap:10px}.about-editor-main{padding-left:14px;padding-right:14px}.about-editor-panel{padding:20px}.about-editor-header{gap:16px}.about-editor-header h1{font-size:17px}}

/* Balanced company introduction and complete capability rows. */
.about-page .company-page-content{width:min(1240px,86vw);max-width:none;padding:0 0 64px;margin:0 auto}
.about-page .company-profile{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:clamp(32px,5vw,76px);padding:56px 0 40px}
.about-page .company-profile h2{font-size:clamp(24px,2.2vw,32px);line-height:1.5;margin:16px 0 22px;letter-spacing:.015em}
.about-page .company-introduction{margin:0;line-height:2.05;max-width:690px}
.about-page .company-mission{margin:20px 0 0;padding-left:16px;border-left:2px solid #cbbb8d;line-height:1.9}
.about-page .company-profile figure{padding:24px;border:1px solid #dce6dd;border-radius:16px;background:linear-gradient(145deg,#edf3ee,#f9faf5)}
.about-page .company-profile img{display:block;width:100%;height:280px;object-fit:contain}
.about-page .company-capabilities{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.about-page .company-capabilities article{grid-column:span 2;padding:28px;border-radius:12px;border-top:3px solid #b9cbbd;box-shadow:0 6px 20px #193b2d04}
.about-page .company-capabilities article:nth-child(3n+1){border-top-color:#cbbb8d}
.about-page .company-capabilities article:nth-child(3n+2){border-top-color:#b9826d}
.about-page .company-capabilities article:nth-child(4):nth-last-child(2),.about-page .company-capabilities article:nth-child(5):last-child{grid-column:span 3}
.about-page .company-capabilities h3{margin:14px 0 12px;font-size:17px}
.about-page .company-capabilities p{margin:0;line-height:1.95}
@media(max-width:900px){
.about-page .company-page-content{width:calc(100% - 48px)}
.about-page .company-profile{grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);gap:28px;padding-top:40px}
.about-page .company-profile figure{padding:16px}
.about-page .company-profile img{height:250px}
.about-page .company-capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.about-page .company-capabilities article,.about-page .company-capabilities article:nth-child(4):nth-last-child(2),.about-page .company-capabilities article:nth-child(5):last-child{grid-column:auto}
.about-page .company-capabilities article:last-child:nth-child(odd){grid-column:1/-1}
}
@media(max-width:600px){
.about-page .company-page-content{width:calc(100% - 40px);padding-bottom:40px}
.about-page .company-profile{grid-template-columns:1fr;gap:26px;padding:32px 0}
.about-page .company-profile h2{font-size:24px;margin-bottom:18px}
.about-page .company-profile img{height:240px}
.about-page .company-capabilities{grid-template-columns:1fr;gap:14px}
.about-page .company-capabilities article{padding:24px}
}

/* Responsive typography for the public company page. */
.about-page{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,"Segoe UI",sans-serif;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.about-page .company-page-content{font-size:clamp(14px,.85vw + 2px,16px);line-height:1.85}
.about-page .company-profile>div,.about-page .company-capabilities article{min-width:0}
.about-page .company-profile h2{font-size:clamp(24px,1.5vw + 8px,34px);font-weight:650;line-height:1.5;letter-spacing:.015em;margin:16px 0 22px;text-wrap:balance}
.about-page .company-introduction{font-size:clamp(14px,.5vw + 8px,16px);line-height:2;color:#52665b}
.about-page .company-mission{font-size:clamp(13px,.35vw + 8px,15px);line-height:1.95;color:#827046}
.about-page .company-profile .eyebrow,.about-page .company-section-heading>.eyebrow,.about-page .company-contact .eyebrow{font-size:11px;line-height:1.6;letter-spacing:.2em}
.about-page .company-capabilities article>span{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.about-page .company-capabilities h3{font-size:clamp(16px,.45vw + 10px,19px);font-weight:600;line-height:1.6;text-wrap:balance}
.about-page .company-capabilities p{font-size:clamp(14px,.25vw + 10px,15px);line-height:1.95;color:#627268}
.about-page .company-section-heading h2,.about-page .company-contact h2{font-size:clamp(24px,1vw + 12px,30px);line-height:1.5;font-weight:600}
.about-page .company-section-heading p,.about-page .company-contact p{font-size:14px;line-height:1.9}
.about-page .company-photo span{font-size:16px;line-height:1.6}
.about-page .company-photo small{font-size:13px;line-height:1.8;color:#6d7b70}
.about-page .company-cert-tile h3{font-size:clamp(19px,.5vw + 12px,22px);line-height:1.6}
.about-page .company-cert-tile dl{font-size:13px;line-height:1.9}
.about-page .company-profile h2,.about-page .company-capabilities h3,.about-page .company-page-content p,.about-page .company-photo span,.about-page .company-photo small{overflow-wrap:anywhere}
.about-page:lang(en) .company-profile h2,.about-page:lang(en) .company-capabilities h3{letter-spacing:0;hyphens:auto}
@media(max-width:600px){
.about-page .company-profile h2{font-size:24px;line-height:1.5;letter-spacing:0}
.about-page .company-introduction{font-size:15px;line-height:1.95}
.about-page .company-mission{font-size:14px;line-height:1.9}
.about-page .company-capabilities h3{font-size:17px;line-height:1.6}
.about-page .company-capabilities p{font-size:14px;line-height:1.9}
.about-page .company-hero nav a{font-size:13px;line-height:1.6}
.about-page .company-contact a{font-size:clamp(18px,5vw,22px);overflow-wrap:anywhere}
}

/* Dated company news with six entries per page. */
.about-page .company-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:24px}
.about-page .company-photo{display:flex;flex-direction:column;min-width:0}
.about-page .company-photo img{height:auto;aspect-ratio:16/10;object-fit:contain}
.about-page .company-photo time{display:block;margin:18px 22px 0;color:#92805b;font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.about-page .company-photo span{margin:16px 22px 0;font-weight:600}
.about-page .company-photo time+span{margin-top:8px}
.about-page .company-photo small{margin:10px 22px 4px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.company-news-pagination{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:28px}
.company-news-pagination[hidden]{display:none}
.company-news-pagination button{min-width:38px;min-height:38px;padding:8px 13px;border:1px solid #cfdace;border-radius:6px;background:#fff;color:#24513e;font:inherit;font-size:13px;cursor:pointer}
.company-news-pagination button[aria-current="page"]{background:#24513e;border-color:#24513e;color:#fff}
.company-news-pagination button:disabled{opacity:.4;cursor:default}
.company-news-pagination button:focus-visible,.company-photo:focus-visible{outline:2px solid #9d8655;outline-offset:3px}
.company-news-status{text-align:center;color:#718074;font-size:12px;margin:14px 0 0}
@media(max-width:900px){.about-page .company-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@media(max-width:600px){.about-page .company-photo-grid{grid-template-columns:1fr;gap:18px}}
