.s07-network-cn{--s07-bg:#03050a;--s07-panel:#0a1322;--s07-panel-hi:#101d30;--s07-text:#e9eff7;--s07-muted:#a3b6ca;--s07-accent:#69c2cf;--s07-line:rgba(130,178,203,.25);background:var(--s07-bg);color:var(--s07-text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.62;overflow:hidden}
.s07-network-cn *{box-sizing:border-box}
.s07-network-cn a{color:inherit}
.s07-network-cn__wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}
.s07-network-cn__eyebrow{margin:0;color:var(--s07-accent);font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.4}
.s07-network-cn__hero{position:relative;display:flex;min-height:calc(100svh - var(--f-header-height,72px));flex-direction:column;justify-content:flex-end;isolation:isolate;background:#050a12}
.s07-network-cn__hero-media,.s07-network-cn__hero-shade{position:absolute;inset:0;width:100%;height:100%}
.s07-network-cn__hero-media{z-index:0;object-fit:cover;object-position:center 38%;opacity:.7}
.s07-network-cn__hero-shade{z-index:1;background:linear-gradient(90deg,rgba(3,5,10,.97) 0%,rgba(3,5,10,.78) 42%,rgba(3,5,10,.2) 100%),linear-gradient(0deg,rgba(3,5,10,.96),rgba(3,5,10,.06) 68%)}
.s07-network-cn__hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:72px;align-items:end;padding:clamp(100px,14vh,170px) 0 114px}
.s07-network-cn__hero-copy{max-width:840px}
.s07-network-cn__hero h1{margin:16px 0 26px;color:var(--s07-text);font-size:clamp(58px,7.4vw,92px);font-weight:650;letter-spacing:-.065em;line-height:.96}
.s07-network-cn__hero h1 em{color:#b7e7ed;font-style:normal}
.s07-network-cn__hero-lead{max-width:700px;margin:0;color:#d6e3ee;font-size:clamp(17px,1.35vw,20px);line-height:1.7}
.s07-network-cn__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.s07-network-cn__button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 21px;border:1px solid transparent;border-radius:7px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
.s07-network-cn__button:hover{transform:translateY(-2px)}
.s07-network-cn__button:focus-visible,.s07-network-cn__flow-toolbar button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.s07-network-cn .s07-network-cn__button--primary{background:var(--s07-accent);color:#09232d}
.s07-network-cn .s07-network-cn__button--primary:hover{background:#a2e0e7;color:#09232d}
.s07-network-cn__button--quiet{border-color:rgba(233,239,247,.44);color:var(--s07-text)}
.s07-network-cn__button--quiet:hover{background:rgba(233,239,247,.11)}
.s07-network-cn__hero-note{padding:24px;border:1px solid rgba(105,194,207,.46);background:rgba(7,16,29,.78);box-shadow:0 20px 70px rgba(0,0,0,.2)}
.s07-network-cn__hero-note>span{display:block;color:var(--s07-accent);font-size:11px;font-weight:700;letter-spacing:.13em}
.s07-network-cn__hero-note>strong{display:block;margin-top:14px;font-size:21px;letter-spacing:-.03em}
.s07-network-cn__hero-note ul{margin:20px 0 0;padding:0;list-style:none;color:var(--s07-muted);font-size:14px}
.s07-network-cn__hero-note li{display:flex;gap:11px;padding:10px 0;border-top:1px solid var(--s07-line)}
.s07-network-cn__hero-note li b{min-width:22px;color:var(--s07-accent);font-size:12px;letter-spacing:.08em}
.s07-network-cn__hero-inner{width:min(1360px,calc(100% - 80px))}
.s07-network-cn__main{background:var(--s07-bg)}
.s07-network-cn__section{padding:72px 0}
.s07-network-cn__intro{background:var(--s07-bg)}
.s07-network-cn__intro-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:80px;align-items:start}
.s07-network-cn__intro h2,.s07-network-cn__section-head h2,.s07-network-cn__selection h2,.s07-network-cn__implementation h2,.s07-network-cn__handover h2,.s07-network-cn__cta h2{margin:14px 0 0;color:var(--s07-text);font-size:clamp(34px,3.3vw,42px);font-weight:650;letter-spacing:-.055em;line-height:1.15}
.s07-network-cn__intro-copy{max-width:640px;color:var(--s07-muted);font-size:17px}
.s07-network-cn__intro-copy p{margin:0}
.s07-network-cn__intro-copy p+p{margin-top:18px}
.s07-network-cn__flow-section{background:var(--s07-panel)}
.s07-network-cn__section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:64px;align-items:end}
.s07-network-cn__section-head>p{margin:0;color:var(--s07-muted);font-size:16px}
.s07-network-cn__flow-card{margin-top:44px;padding:18px 22px 22px;border:1px solid var(--s07-line);background:#07101d}
.s07-network-cn__flow-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 16px;border-bottom:1px solid var(--s07-line)}
.s07-network-cn__flow-toolbar p{display:flex;align-items:center;gap:10px;margin:0;color:var(--s07-muted);font-size:13px;font-weight:650;letter-spacing:.03em}
.s07-network-cn__flow-toolbar p span{width:8px;height:8px;border-radius:50%;background:var(--s07-accent);box-shadow:0 0 0 5px rgba(105,194,207,.13)}
.s07-network-cn__flow-toolbar button{border:1px solid rgba(105,194,207,.45);border-radius:5px;background:transparent;color:var(--s07-text);padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;transition:background-color .2s ease}
.s07-network-cn__flow-toolbar button:hover{background:rgba(105,194,207,.12)}
.s07-network-cn__flow-svg{display:block;width:100%;height:auto;overflow:visible}
.s07-network-cn__flow-svg--mobile{display:none}
.s07-network-cn__flow-line,.s07-network-cn__flow-line-static{fill:none;stroke:var(--s07-accent);stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke}
.s07-network-cn__flow-line-static{opacity:.42}
.s07-network-cn__flow-node rect{fill:rgba(16,29,48,.88);stroke:rgba(130,178,203,.46);stroke-width:1.5;vector-effect:non-scaling-stroke}
.s07-network-cn__flow-node circle{fill:var(--s07-accent);filter:drop-shadow(0 0 7px rgba(105,194,207,.65))}
.s07-network-cn__flow-node text{fill:var(--s07-text);font-size:20px;font-weight:700;letter-spacing:.02em}
.s07-network-cn__flow-node .s07-network-cn__flow-sub{fill:var(--s07-muted);font-size:15px;font-weight:500}
.s07-network-cn__flow-node--active rect{fill:#0d1d30;stroke:rgba(105,194,207,.8);stroke-width:2}
.s07-network-cn__flow-caption{fill:var(--s07-muted);font-size:14px;letter-spacing:.02em}
.s07-network-cn__services{background:var(--s07-bg)}
.s07-network-cn__service-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;border-top:1px solid var(--s07-line);border-left:1px solid var(--s07-line)}
.s07-network-cn__service{min-height:220px;padding:24px;border-right:1px solid var(--s07-line);border-bottom:1px solid var(--s07-line);background:linear-gradient(145deg,rgba(16,29,48,.58),rgba(3,5,10,0) 72%);transition:background-color .2s ease,transform .2s ease}
.s07-network-cn__service:hover{background:rgba(16,29,48,.8);transform:translateY(-3px)}
.s07-network-cn__service>span{color:var(--s07-accent);font-size:13px;font-weight:700;letter-spacing:.12em}
.s07-network-cn__service h3{margin:42px 0 9px;color:var(--s07-text);font-size:22px;line-height:1.25}
.s07-network-cn__service p{margin:0;color:var(--s07-muted);font-size:16px;line-height:1.65}
.s07-network-cn__services .s07-network-cn__eyebrow{font-size:14px;letter-spacing:.08em}
.s07-network-cn__selection{background:var(--s07-panel)}
.s07-network-cn__selection-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:82px;align-items:start}
.s07-network-cn__selection-copy{max-width:470px}
.s07-network-cn__selection-copy>p:not(.s07-network-cn__eyebrow){margin:22px 0 28px;color:var(--s07-muted);font-size:16px}
.s07-network-cn__selection-copy .s07-network-cn__button{margin-top:3px}
.s07-network-cn__checklist{border-top:1px solid var(--s07-line)}
.s07-network-cn__checklist-row{display:grid;grid-template-columns:135px minmax(0,1fr) 160px;gap:18px;align-items:start;padding:17px 0;border-bottom:1px solid var(--s07-line);font-size:14px}
.s07-network-cn__checklist-row--head{padding-top:0;color:var(--s07-accent);font-size:11px;font-weight:700;letter-spacing:.1em}
.s07-network-cn__checklist-row strong{color:var(--s07-text);font-size:15px}
.s07-network-cn__checklist-row span{color:#c4d2df}
.s07-network-cn__checklist-row em{color:var(--s07-muted);font-style:normal;font-size:13px}
.s07-network-cn__implementation{background:var(--s07-bg)}
.s07-network-cn__implementation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:82px;align-items:start}
.s07-network-cn__detail-media{margin:0}
.s07-network-cn__detail-media img{display:block;width:100%;height:min(42vw,520px);object-fit:cover;object-position:center}
.s07-network-cn__detail-media figcaption{margin-top:12px;color:var(--s07-muted);font-size:13px}
.s07-network-cn__implementation-copy>p:not(.s07-network-cn__eyebrow){margin:20px 0 0;color:var(--s07-muted);font-size:16px}
.s07-network-cn__steps{margin:34px 0 0;padding:0;list-style:none;border-top:1px solid var(--s07-line)}
.s07-network-cn__steps li{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--s07-line)}
.s07-network-cn__steps li>span{color:var(--s07-accent);font-size:13px;font-weight:700;letter-spacing:.08em}
.s07-network-cn__steps h3{margin:0;color:var(--s07-text);font-size:19px;line-height:1.35}
.s07-network-cn__steps p{margin:4px 0 0;color:var(--s07-muted);font-size:15px}
.s07-network-cn__handover{background:linear-gradient(120deg,rgba(10,19,34,.98),rgba(7,16,26,.93)),url("../images/about-temp/network-server-enclosure.jpg") center/cover}
.s07-network-cn__handover-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:80px;align-items:start}
.s07-network-cn__handover-inner>div>p:not(.s07-network-cn__eyebrow){max-width:680px;margin:20px 0 0;color:var(--s07-muted);font-size:16px}
.s07-network-cn__handover-inner ul{margin:0;padding:0;list-style:none;border-top:1px solid var(--s07-line)}
.s07-network-cn__handover-inner li{padding:13px 0;border-bottom:1px solid var(--s07-line);color:#d7e4ed;font-size:15px}
.s07-network-cn__handover-inner li::before{content:"";display:inline-block;width:7px;height:7px;margin:0 11px 2px 0;border-radius:50%;background:var(--s07-accent);box-shadow:0 0 0 4px rgba(105,194,207,.12)}
.s07-network-cn__cta{padding:72px 0;background:#071522}
.s07-network-cn__cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.s07-network-cn__cta h2{max-width:710px}
.s07-network-cn__cta p:not(.s07-network-cn__eyebrow){max-width:700px;margin:18px 0 0;color:var(--s07-muted);font-size:16px}
.s07-network-cn__cta .s07-network-cn__button{min-width:154px}
.s07-network-cn__directory{grid-column:2;justify-self:end;color:var(--s07-muted);font-size:13px;text-decoration:none}
.s07-network-cn__directory:hover{color:var(--s07-text)}
.s07-network-cn__sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.s07-network-cn--motion-ready [data-s07-network-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.s07-network-cn--motion-ready [data-s07-network-reveal][data-s07-network-delay="120"]{transition-delay:.12s}
.s07-network-cn--motion-ready [data-s07-network-reveal].is-visible{opacity:1;transform:none}
.s07-network-cn--motion-ready .s07-network-cn__flow-line{stroke-dasharray:100;stroke-dashoffset:100}
.s07-network-cn--motion-ready .s07-network-cn__flow-card.is-playing .s07-network-cn__flow-line{animation:s07-network-cn-draw .9s ease both}
.s07-network-cn--motion-ready .s07-network-cn__flow-card.is-playing [data-s07-network-flow-line]:nth-of-type(2){animation-delay:.88s}
.s07-network-cn--motion-ready .s07-network-cn__flow-card.is-playing [data-s07-network-flow-line]:nth-of-type(3){animation-delay:1.76s}
.s07-network-cn--motion-ready .s07-network-cn__flow-node--active rect{animation:s07-network-cn-pulse 2.6s ease-in-out infinite}
@keyframes s07-network-cn-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes s07-network-cn-pulse{0%,100%{filter:drop-shadow(0 0 0 rgba(105,194,207,0))}50%{filter:drop-shadow(0 0 13px rgba(105,194,207,.27))}}
@media (max-width:900px){
	.s07-network-cn__wrap,.s07-network-cn__hero-inner{width:min(100% - 40px,1360px)}
	.s07-network-cn__hero{min-height:0}
	.s07-network-cn__hero-media{object-position:63% center}
	.s07-network-cn__hero-shade{background:linear-gradient(0deg,rgba(3,5,10,.98) 0%,rgba(3,5,10,.64) 72%,rgba(3,5,10,.28) 100%)}
	.s07-network-cn__hero-inner{grid-template-columns:1fr;gap:38px;padding:108px 0 58px}
	.s07-network-cn__hero h1{font-size:clamp(48px,14vw,68px);line-height:.98}
	.s07-network-cn__hero-lead{font-size:17px}
	.s07-network-cn__hero-note{max-width:430px}
	.s07-network-cn__section{padding:48px 0}
	.s07-network-cn__intro-grid,.s07-network-cn__section-head,.s07-network-cn__selection-grid,.s07-network-cn__implementation-grid,.s07-network-cn__handover-inner{grid-template-columns:1fr;gap:34px}
	.s07-network-cn__intro h2,.s07-network-cn__section-head h2,.s07-network-cn__selection h2,.s07-network-cn__implementation h2,.s07-network-cn__handover h2,.s07-network-cn__cta h2{font-size:clamp(30px,8vw,32px);line-height:1.2}
	.s07-network-cn__intro-copy{font-size:16px}
	.s07-network-cn__flow-card{margin-top:32px;padding:15px 14px 16px}
	.s07-network-cn__flow-toolbar{align-items:flex-start;flex-direction:column;gap:14px}
	.s07-network-cn__flow-toolbar button{width:100%}
	.s07-network-cn__flow-svg--desktop{display:none}
	.s07-network-cn__flow-svg--mobile{display:block}
	.s07-network-cn__service-grid{grid-template-columns:1fr;margin-top:32px}
	.s07-network-cn__service{min-height:0;padding:22px}
	.s07-network-cn__service h3{margin-top:24px}
	.s07-network-cn__selection-copy{max-width:none}
	.s07-network-cn__checklist-row{grid-template-columns:1fr;gap:5px;padding:14px 0}
	.s07-network-cn__checklist-row--head{display:none}
	.s07-network-cn__checklist-row span,.s07-network-cn__checklist-row em{font-size:14px}
	.s07-network-cn__checklist-row em::before{content:"交付依据：";color:var(--s07-accent);font-size:11px;font-weight:700;letter-spacing:.08em}
	.s07-network-cn__detail-media img{height:280px;object-position:center}
	.s07-network-cn__handover-inner{gap:28px}
	.s07-network-cn__cta{padding:48px 0}
	.s07-network-cn__cta-inner{grid-template-columns:1fr;gap:20px;align-items:start}
	.s07-network-cn__cta .s07-network-cn__button{width:100%}
	.s07-network-cn__directory{grid-column:auto;justify-self:start}
}
@media (prefers-reduced-motion:reduce){
	.s07-network-cn *{animation:none!important;transition:none!important}
	.s07-network-cn--motion-ready [data-s07-network-reveal]{opacity:1;transform:none}
	.s07-network-cn--motion-ready .s07-network-cn__flow-line{stroke-dasharray:none;stroke-dashoffset:0}
}
.flow-batch-diagram[data-flow-diagram] {
	width: 100%;
	margin: 32px 0 0;
	border-radius: 16px;
	overflow: hidden;
}

.flow-batch-diagram__link {
	display: block;
	border-radius: inherit;
}

.flow-batch-diagram img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: inherit;
}