/* What We Do: scoped design; current Claude copy is preserved. */
.page-wwd{--font:"Microsoft YaHei","微软雅黑",Arial,sans-serif;--wrap:100rem;--gut:clamp(1.25rem,5vw,5rem);--hdr:5.25rem;--sp:clamp(4rem,6vw,7rem);--r:.5rem;--grad:linear-gradient(110deg,#0f3193,#35b2d2);font-family:var(--font);color:#10243b}
.page-wwd .hdr{position:fixed;inset:0 0 auto;background:transparent;border:0;box-shadow:none;backdrop-filter:none;transition:background .35s}
.page-wwd .hdr.is-stuck{background:#21313eaa;backdrop-filter:blur(.75rem)}
.page-wwd .hdr__logo img{content:url('../img/logo-white.png');height:2rem}
.page-wwd .hdr__nav{gap:clamp(.75rem,1.3vw,1.5rem)}
.page-wwd .hdr__nav a{font-size:1.125rem;font-weight:400;letter-spacing:0;color:white}
.page-wwd .hdr__nav a::after{background:#35b2d2}
.page-wwd .burger span,.page-wwd .burger span::before,.page-wwd .burger span::after{background:white}
.page-wwd.is-menu .burger span{background:transparent}
.page-wwd .btn{background:#0f3193;border-radius:.25rem;font-size:1rem;letter-spacing:0;font-weight:400;padding:0 1.75rem;height:3rem}
.page-wwd .hdr__cta{font-size:1.25rem;height:2.75rem}
.page-wwd .phero{background:#102c41;border:0;position:relative}
.page-wwd .hero__bg{position:absolute;inset:0;background:linear-gradient(90deg,#081e32cf,#102c4144),url('../img/com-campus.jpg') center/cover;opacity:1}
.page-wwd .phero__in{min-height:82svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:calc(var(--hdr) + 3rem) 7rem;position:relative}
.page-wwd .phero h1{font-size:clamp(3rem,4.5vw,5rem);font-weight:700;line-height:1.2;color:white;letter-spacing:-.02em}
.page-wwd .phero p{font-size:clamp(1.25rem,2vw,2rem);color:#eef7fb;max-width:none;margin-top:1.5rem}
.page-wwd .crumbs,.page-wwd .crumbs a,.page-wwd .crumbs .cur{font-size:.875rem;color:#e2eef4;letter-spacing:0}
.page-wwd .crumbs{margin-bottom:2rem}
.page-wwd .subnav{position:sticky;top:calc(var(--hdr) + .75rem);margin-top:-2rem;height:4rem;border:0;background:none;backdrop-filter:none;pointer-events:none}
.page-wwd .subnav__in{width:max-content;max-width:calc(100% - 2*var(--gut));padding:0 .75rem;gap:.375rem;height:4rem;background:#fffffff2;border:.0625rem solid #dce7ef;border-radius:.5rem;box-shadow:0 .6rem 2rem #10243b12;pointer-events:auto}
.page-wwd .subnav a{font-size:1rem;text-transform:none;font-weight:400;letter-spacing:0;padding:.85rem 1.1rem;border-radius:.25rem}
.page-wwd .subnav a::after{display:none}
.page-wwd .subnav a.is-active{color:white;background:#0f3193}
.page-wwd .section{scroll-margin-top:calc(var(--hdr) + 6rem)}
.page-wwd .eyebrow{font-size:1.5rem;font-weight:700;letter-spacing:0;text-transform:none;line-height:1.5}
.page-wwd .h-lg{font-size:clamp(1.875rem,2.4vw,2.5rem);font-weight:400;line-height:1.4;letter-spacing:0;margin-top:1.25rem}
.page-wwd .h-md{font-size:clamp(1.5rem,2vw,2rem);font-weight:400;line-height:1.4}
.page-wwd .body,.page-wwd .body-s{font-size:1.125rem;line-height:1.75}
.page-wwd .lead{font-size:clamp(1.25rem,1.5vw,1.5rem);line-height:1.8;max-width:76rem;margin-top:1.75rem}
.page-wwd .mt-64{margin-top:4rem}.page-wwd .mt-48{margin-top:3rem}.page-wwd .mt-32{margin-top:2rem}.page-wwd .mt-24{margin-top:1.5rem}.page-wwd .mt-16{margin-top:1rem}
.page-wwd .wwd-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}
.page-wwd .wwd-cards .card{grid-column:span 2;position:relative;min-height:23rem;display:flex;align-items:end;isolation:isolate;border:0;border-radius:.5rem;overflow:hidden;background:#0b243a;box-shadow:none}
.page-wwd .wwd-cards .card:nth-child(n+4){grid-column:span 3;min-height:20rem}
.page-wwd .wwd-cards .card::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--scene) center/cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.page-wwd .wwd-cards .card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#061a30ed,#061a3050 70%,#061a3020)}
.page-wwd .wwd-cards .card:nth-child(1){--scene:url('../img/hero-home-premium.webp')}
.page-wwd .wwd-cards .card:nth-child(2){--scene:url('../img/com-office.jpg')}
.page-wwd .wwd-cards .card:nth-child(3){--scene:url('../img/soc-room.jpg')}
.page-wwd .wwd-cards .card:nth-child(4){--scene:url('../img/dc-hall.jpg')}
.page-wwd .wwd-cards .card:nth-child(5){--scene:url('../img/com-campus.jpg')}
.page-wwd .wwd-cards .card:hover{transform:none}
.page-wwd .wwd-cards .card:hover::before,.page-wwd .wwd-cards .card:focus-visible::before{transform:scale(1.045)}
.page-wwd .wwd-cards .card__pad{padding:2rem;position:relative;width:100%}
.page-wwd .wwd-cards h3{font-size:1.5rem;font-weight:400;line-height:1.4;color:white}
.page-wwd .wwd-cards p{color:#d7e4ec}
.page-wwd .wwd-cards .card__pad>div{width:2rem!important;height:.125rem!important;margin:1rem 0!important}
.page-wwd #capabilities{background:#f2f6f9}
.page-wwd .tabs{display:flex;gap:0;border-bottom:.0625rem solid #bacfdd;overflow-x:auto}
.page-wwd .tab{flex:1;border:0;border-radius:0;background:none;color:#526b7e;font-size:1.125rem;line-height:1.5;white-space:normal;padding:1.5rem 1rem;box-shadow:none;position:relative}
.page-wwd .tab.is-active{color:#0f3193;background:none}
.page-wwd .tab.is-active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:.1875rem;background:var(--grad)}
.page-wwd .panel{position:relative}
.page-wwd .panel.is-active{display:grid;grid-template-columns:1fr 1fr;column-gap:4rem;align-items:start}
.page-wwd .panel::before{content:"";grid-column:1;grid-row:1/3;align-self:stretch;min-height:22rem;border-radius:.5rem;background:var(--scene) center/cover}
.page-wwd .panel[data-panel=sec]{--scene:url('../img/hero-home-premium.webp')}
.page-wwd .panel[data-panel=av]{--scene:url('../img/com-office.jpg')}
.page-wwd .panel[data-panel=ict]{--scene:url('../img/dc-hall.jpg')}
.page-wwd .panel[data-panel=sb]{--scene:url('../img/com-campus.jpg')}
.page-wwd .panel>.h-md{grid-column:2;margin-top:3rem;align-self:end}
.page-wwd .panel>.body{grid-column:2;max-width:none;margin-bottom:3rem}
.page-wwd .panel>.grid{grid-column:1/-1;gap:0}
.page-wwd .fbox{border:0;border-radius:0;background:none;box-shadow:none;padding:0 2rem;transform:none}
.page-wwd .fbox:first-child{padding-left:0}
.page-wwd .fbox+.fbox{border-left:.0625rem solid #cfdee7}
.page-wwd .fbox h4{font-size:1.25rem;font-weight:700;margin-bottom:1rem}
.page-wwd .fbox h4::before{display:none}
.page-wwd .fbox p{font-size:1.0625rem;line-height:1.8}
.page-wwd #digital{background:#fff}
.page-wwd #digital .card{border:.0625rem solid #dce7ef;box-shadow:none;border-radius:.5rem;transform:none}
.page-wwd .plat{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f4f8fb}
.page-wwd #digital .shot{padding:2rem;background:#eaf1f6;min-height:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;overflow:hidden}
.page-wwd #digital .shot img{width:100%;height:auto;object-fit:contain;position:static;border-radius:.25rem;box-shadow:0 .75rem 2rem #0f31931c;transform:none}
.page-wwd .plat__body,.page-wwd #digital .card__pad{padding:2.5rem}
.page-wwd #digital .h-md{font-size:2rem;color:#0f3193;font-weight:700}
.page-wwd .plat__sub{font-size:1.25rem;color:#536f84;margin-top:.5rem}
.page-wwd #digital .g-2{gap:1.5rem;align-items:stretch}
.page-wwd #digital .g-2 .shot{height:23rem}
.page-wwd #digital .g-2 .shot img{max-height:100%;object-fit:contain}
.page-wwd .chain{display:grid;gap:1.5rem}
.page-wwd .chain__row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1rem;position:relative}
.page-wwd .chain__row::before{content:"";position:absolute;left:10%;right:10%;top:.3125rem;height:.0625rem;background:#a4c8dc}
.page-wwd .chain__row span{position:relative;text-align:center;padding-top:1.25rem;font-size:.9375rem;line-height:1.5;color:#526b7e}
.page-wwd .chain__row span::before{content:"";position:absolute;left:calc(50% - .25rem);top:.0625rem;width:.5rem;height:.5rem;border-radius:50%;background:#35b2d2;box-shadow:0 0 0 .2rem #f3f8fb}
.page-wwd .sysgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.page-wwd .sysgrid span{background:#f1f7fa;border-radius:.25rem;padding:.75rem .5rem;text-align:center;font-size:.9375rem;color:#40647d}
.page-wwd .ftr__nav a,.page-wwd .ftr__addr,.page-wwd .ftr__link{font-size:1rem;line-height:1.7}
.page-wwd :focus-visible{outline:.125rem solid #35b2d2;outline-offset:.25rem}
@media(max-width:80rem){.page-wwd .hdr__nav{display:none}.page-wwd .burger{display:block}.page-wwd .hdr__cta{margin-left:auto}}
@media(max-width:60rem){.page-wwd{--hdr:4.5rem}.page-wwd .wwd-cards .card{min-height:20rem}.page-wwd .wwd-cards .card__pad{padding:1.5rem}.page-wwd .panel.is-active{column-gap:2rem}.page-wwd .panel::before{min-height:18rem}.page-wwd .panel>.h-md{margin-top:0}.page-wwd .fbox{padding:0 1rem}.page-wwd .plat{grid-template-columns:1fr}.page-wwd #digital .g-2{grid-template-columns:1fr}.page-wwd #digital .g-2 .shot{height:auto}}
@media(max-width:40rem){.page-wwd{--hdr:4rem;--sp:3.5rem}.page-wwd .phero__in{min-height:36rem}.page-wwd .subnav__in{max-width:calc(100% - 1rem);overflow-x:auto;padding:0 .375rem}.page-wwd .subnav a{font-size:.8125rem;padding:.65rem .75rem;white-space:nowrap}.page-wwd .eyebrow{font-size:1.25rem}.page-wwd .wwd-cards{grid-template-columns:1fr}.page-wwd .wwd-cards .card,.page-wwd .wwd-cards .card:nth-child(n+4){grid-column:auto;min-height:17rem}.page-wwd .tabs{display:grid;grid-template-columns:1fr 1fr}.page-wwd .tab{font-size:1rem;padding:1rem .5rem}.page-wwd .panel.is-active{grid-template-columns:1fr;gap:0}.page-wwd .panel::before{grid-column:1;grid-row:auto;min-height:14rem;margin-bottom:2rem}.page-wwd .panel>.h-md,.page-wwd .panel>.body{grid-column:1}.page-wwd .panel>.body{margin-bottom:0}.page-wwd .panel>.grid{grid-template-columns:1fr;gap:1.5rem}.page-wwd .fbox,.page-wwd .fbox:first-child{padding:0}.page-wwd .fbox+.fbox{border-left:0;border-top:.0625rem solid #cfdee7;padding-top:1.5rem}.page-wwd .plat__body,.page-wwd #digital .card__pad{padding:1.5rem}.page-wwd #digital .shot{padding:1rem}.page-wwd .chain__row{grid-auto-flow:row;gap:.875rem}.page-wwd .chain__row::before{left:.1875rem;top:.5rem;bottom:.5rem;width:.0625rem;height:auto}.page-wwd .chain__row span{text-align:left;padding:0 0 0 1.25rem}.page-wwd .chain__row span::before{left:0;top:.45rem}.page-wwd .sysgrid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.page-wwd *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.page-wwd .phero__in{padding-inline:var(--gut)}
.page-wwd .mmenu{visibility:hidden;transition:transform .4s,visibility .4s}
.page-wwd.is-menu .mmenu{visibility:visible}
.page-wwd .ftr__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1.05fr) minmax(0,1fr)}
.page-wwd .ftr__grid>*{min-width:0}
.page-wwd .ftr__addr{overflow-wrap:anywhere}
@media(max-width:60rem){.page-wwd .ftr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:40rem){.page-wwd .ftr__grid{grid-template-columns:minmax(0,1fr)}.page-wwd .ftr__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-wwd .ftr__nav a{white-space:normal}}

/* Platform stories: project sequence, unified operations, service workflow. */
.page-wwd #digital .card{position:relative;border:0;box-shadow:0 1rem 3rem #102c410b;background:#f2f7fa}
.page-wwd #digital .card::after{content:"";position:absolute;inset:0;border:.0625rem solid #b6cfdf80;border-radius:inherit;pointer-events:none}
.page-wwd #digital .plat{grid-template-columns:1fr 1.05fr;background:linear-gradient(120deg,#edf5f9,#fff)}
.page-wwd #digital .shot{position:relative;background:transparent;padding:2.5rem;perspective:70rem;isolation:isolate}
.page-wwd #digital .shot::before{content:"";position:absolute;inset:12% 8%;border:.0625rem solid #35b2d230;border-radius:50%;z-index:-1;box-shadow:0 0 0 2rem #35b2d207,0 0 0 4rem #35b2d205}
.page-wwd #digital .shot img{transition:transform .8s cubic-bezier(.2,.7,.2,1),box-shadow .8s;box-shadow:0 1.25rem 2rem #16395320;transform:rotateY(3deg) rotateX(2deg);transform-origin:center}
.page-wwd #digital .card:hover .shot img{transform:rotateY(0) rotateX(0) translateY(-.25rem);box-shadow:0 1.75rem 2.5rem #16395325}
.page-wwd #digital .h-md{display:flex;align-items:center;gap:.875rem}
.page-wwd #digital .h-md::before{content:"";width:.25rem;height:1.75rem;background:linear-gradient(#0f3193,#35b2d2);border-radius:.125rem}
.page-wwd #digital .chain{position:relative;gap:1.75rem}
.page-wwd #digital .chain__row{gap:.875rem}
.page-wwd #digital .chain__row::before,.page-wwd #digital .chain__row span::before{display:none}
.page-wwd #digital .chain__row span{z-index:1;background:#fff;border:.0625rem solid #d8e7ef;border-radius:.375rem;padding:.875rem .375rem;display:flex;align-items:center;justify-content:center;min-height:4rem;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.page-wwd #digital .chain__row span.is-past{border-color:#89c9dd;background:#edf8fb}
.page-wwd #digital .chain__row span.is-current{color:white;background:#0f3193;border-color:#0f3193;box-shadow:0 .35rem 1rem #0f319322}
.page-wwd .workflow-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.page-wwd .workflow-lines path{fill:none;stroke:#b2d4e3;stroke-width:1.2}
.page-wwd .workflow-lines .flow-current{stroke:#35b2d2;stroke-width:2;stroke-dasharray:5 6;animation:wwd-flow .65s linear infinite}
@keyframes wwd-flow{to{stroke-dashoffset:-22}}
.page-wwd #digital .platform-security{background:#0c253b;color:white}
.page-wwd #digital .platform-security .shot{background:#12334b}
.page-wwd #digital .platform-security .h-md{color:white}
.page-wwd #digital .platform-security .plat__sub{color:#b7d2df}
.page-wwd #digital .platform-security .sysgrid{gap:.625rem;position:relative;padding-bottom:1.5rem}
.page-wwd #digital .platform-security .sysgrid::after{content:"";position:absolute;left:50%;bottom:-2rem;width:.0625rem;height:3rem;background:linear-gradient(#35b2d260,#35b2d2)}
.page-wwd #digital .sysgrid span{border:.0625rem solid #779eb940;background:#ffffff08;color:#d8e8ef;padding:.875rem .375rem;transition:background .35s,border-color .35s,box-shadow .35s}
.page-wwd #digital .sysgrid span.is-current{border-color:#35b2d2;background:#35b2d225;box-shadow:inset 0 0 1.2rem #35b2d215,0 0 1rem #35b2d214;color:white}
.page-wwd #digital .platform-security .chain__row span{background:#173e57;border-color:#346179;color:#e4f2f7}
.page-wwd #digital .platform-security .chain__row span.is-current{background:#0f3193;border-color:#35b2d2}
.page-wwd #digital .platform-maintenance{background:linear-gradient(135deg,#f3f8fb,#e8f3f7)}
.page-wwd #digital .platform-maintenance .chain{margin-top:2rem}
@media(max-width:60rem){.page-wwd #digital .plat{grid-template-columns:1fr}}
@media(max-width:40rem){.page-wwd #digital .shot{padding:1.25rem}.page-wwd #digital .chain__row{gap:.75rem}.page-wwd #digital .chain__row span{min-height:2.75rem;justify-content:flex-start;padding:.65rem 1rem}.page-wwd #digital .chain{gap:.75rem}}
@media(prefers-reduced-motion:reduce){.page-wwd #digital .shot img{transform:none!important}.page-wwd .workflow-lines .flow-current{animation:none}}

/* Source-matched imagery, 2026-09-14; see 配图来源与缺口清单.md. */
.page-wwd .hero__bg{background-image:linear-gradient(90deg,#081e3280,#102c4110),url('../img/wwd-integrated-building.webp');background-position:center}
.page-wwd .wwd-cards .card:nth-child(1),.page-wwd .panel[data-panel=sec]{--scene:url('../img/wwd-integrated-building.webp')}
.page-wwd .wwd-cards .card:nth-child(1)::before{background-position:85% center}
.page-wwd .wwd-cards .card:nth-child(2),.page-wwd .panel[data-panel=av]{--scene:url('../img/wwd-av-integration.webp')}
.page-wwd .wwd-cards .card:nth-child(2)::before{background-position:65% center}
.page-wwd .wwd-cards .card:nth-child(3){--scene:url('../img/platform-isms-client.webp')}
.page-wwd .wwd-cards .card:nth-child(4){--scene:url('../img/wwd-client-network.webp')}
.page-wwd .panel[data-panel=ict]{--scene:url('../img/wwd-client-cabling.webp')}
.page-wwd .wwd-cards .card:nth-child(5),.page-wwd .panel[data-panel=sb]{--scene:url('../img/wwd-integrated-building.webp')}
.page-wwd .panel[data-panel=sec]::before{background-position:85% center}
@media(max-width:40rem){.page-wwd .hero__bg{background-position:65% center;background-image:linear-gradient(90deg,#081e32b0,#102c4150),url('../img/wwd-integrated-building.webp')}}