/* 将服务按技能边界拆开：客户先选方向，再看对应案例。 */
.skills-section{padding:130px 0 144px;background:var(--paper)}.skills-heading{display:grid;grid-template-columns:1.22fr .78fr;gap:80px;align-items:end;margin-bottom:54px}.skills-heading h2{margin:17px 0 0;font-family:var(--cn-display,"PingFang SC",sans-serif);font-size:clamp(50px,6vw,90px);font-weight:700;line-height:.93;letter-spacing:-.085em}.skills-heading h2 span{font-family:var(--cn-display,"PingFang SC",sans-serif);font-weight:330;color:#5d5f69}.skills-heading>p{margin:0 0 8px;max-width:345px;color:#66676d;font-size:15px;line-height:1.65}.skill-map{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-map .field{height:416px;padding:23px;border:0;border-right:1px solid var(--line)}.skill-map .field:first-child{border-left:1px solid var(--line)}.skill-map .field:before{top:79px;right:22px}.skill-map .field:after{width:92%;height:63%;right:-42%;bottom:-22%}.skill-map .field>p{margin:34px 0 13px;font-size:9px}.skill-map .field h3{font-size:28px;line-height:1.05}.skill-map .field>span{left:23px;bottom:60px;right:20px;max-width:218px;font-size:13px}.skill-map .field>b{left:23px;right:auto;bottom:24px;color:#5c5d64;font-size:10px;font-weight:750;letter-spacing:.08em}.skill-map .field-media{background:#e3e9ff}.skill-map .field-office{background:#f3eadb}.skill-map .field-build{background:#e5e8e6}.skill-map .field-media:before{background:#2f55d7;box-shadow:-25px 30px 0 -10px #f9f9f8}.skill-map .field-office:before{background:#e96f3d;box-shadow:-25px 30px 0 -10px #2b2c31}.skill-map .field-build:before{border-radius:14px;background:linear-gradient(135deg,#fafafa,#bbbdb5);box-shadow:-25px 27px 0 -11px #3d3e42}.skill-map .field:hover{background:#fff;box-shadow:0 25px 45px rgba(16,17,23,.12)}.skill-map .skill-link{font:inherit;text-align:left;cursor:pointer;appearance:none}.skill-map .skill-link:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.skill-map .skill-link>b:after{content:" ↗";display:inline-block;transition:transform .28s var(--pop)}.skill-map .skill-link:hover>b:after{transform:translate(3px,-3px)}
@media(max-width:800px){.skills-section{padding:82px 0}.skills-heading{display:block;margin-bottom:34px}.skills-heading h2{font-size:50px;line-height:1;margin-top:15px}.skills-heading>p{margin-top:23px;font-size:14px}.skill-map{display:block;border-top:1px solid var(--line)}.skill-map .field{height:272px;border-left:1px solid var(--line);border-bottom:0}.skill-map .field:last-child{border-bottom:1px solid var(--line)}.skill-map .field>p{margin:16px 0 9px}.skill-map .field h3{font-size:27px}.skill-map .field>span{bottom:53px}.skill-map .field>b{bottom:20px}.skill-map .field:before{top:65px}}@media(prefers-reduced-motion:reduce){.skill-map .field:hover{transform:none;box-shadow:none}}