.service-symbol{display:inline-block;width:28px;height:28px;flex:0 0 28px;color:#9ac8ff;vertical-align:-5px;filter:drop-shadow(0 0 9px #70aaff25);pointer-events:none}
.service-row summary h3:has(>.service-symbol){display:flex;align-items:center;gap:14px;min-width:0}
.service-detail:has(>.service-visual){grid-template-columns:minmax(0,.85fr) minmax(280px,1.15fr);column-gap:32px;row-gap:18px}
.service-visual{grid-column:2;grid-row:1 / span 3;align-self:center;width:100%;min-width:0;margin:0;position:relative;pointer-events:none;color:#eef4ff;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}
.service-visual .sv-interface{position:relative;border:1px solid #89bfff35;border-radius:11px;overflow:hidden;background:radial-gradient(ellipse at 80% 0,#6378db15,transparent 65%),linear-gradient(145deg,#101d34,#0a1426);box-shadow:0 12px 32px #02071335,inset 0 1px #d9ebff0a}
.service-visual .sv-toolbar{height:35px;display:flex;align-items:center;gap:12px;padding:0 13px;border-bottom:1px solid #89bfff20;background:#18274366;white-space:nowrap}
.service-visual .sv-window-dots{display:flex;gap:4px;flex:0 0 auto}
.service-visual .sv-window-dots i{width:4px;height:4px;border-radius:50%;background:#7499c6}
.service-visual .sv-window-dots i:nth-child(2){background:#557291}.service-visual .sv-window-dots i:nth-child(3){background:#3f5571}
.service-visual .sv-window-title{font:10px 'Courier New',monospace;letter-spacing:1px;color:#b4c9e7;overflow:hidden;text-overflow:ellipsis}
.service-visual .sv-badge{margin-left:auto;flex:0 0 auto;font-size:8px;letter-spacing:.4px;padding:3px 6px;border:1px solid #92bfff32;border-radius:4px;background:#89bfff0c;color:#bedbff}
.service-visual .sv-canvas{display:block;width:100%;height:auto;overflow:visible}
.service-visual .sv-panel{fill:#12213a;stroke:#7c9cc63b;stroke-width:1}
.service-visual .sv-rule{stroke:#6f91bc33;stroke-width:1}
.service-visual .sv-connection{stroke:#86b9ff2e;stroke-width:1.4}
.service-visual .sv-flow{stroke:#94bfff;stroke-width:1.4;stroke-dasharray:4 10;animation:sv-link-travel 7s linear infinite paused}
.service-visual .sv-text{fill:#d8e8ff;font-size:12px;font-weight:500;letter-spacing:.1px}
.service-visual .sv-muted{fill:#9fb3cf;font-size:11px;letter-spacing:.2px}
.service-visual .sv-tiny{fill:#849bb9;font:10px 'Courier New',monospace;letter-spacing:.3px}
.service-visual .sv-pulse{animation:sv-soft-pulse 4s ease-in-out infinite paused}
.service-visual .sv-playhead{animation:sv-timeline-play 8s ease-in-out infinite alternate paused}
.service-visual .sv-chips{min-height:30px;padding:0 14px 11px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.service-visual .sv-chips>span{border:1px solid #91b9f02b;border-radius:4px;padding:4px 7px;font-size:9px;color:#a8bddd;line-height:1.25;background:#8eb9ff07}
.service-visual .sv-chips>i{height:4px;width:4px;margin-left:auto;background:#9dc8ff;border-radius:50%;box-shadow:0 0 8px #84b6ff5c}
.service-visual>figcaption{font-size:10px;font-weight:400;line-height:1.5;letter-spacing:1px;color:#96a9c3;margin-top:9px;text-align:right}
section[data-effects-active="true"] details[open] .service-visual :is(.sv-flow,.sv-pulse,.sv-playhead){animation-play-state:running}
body[data-effects-hidden="true"] .service-visual :is(.sv-flow,.sv-pulse,.sv-playhead),body[data-motion-paused="true"] .service-visual :is(.sv-flow,.sv-pulse,.sv-playhead){animation-play-state:paused!important}
@keyframes sv-link-travel{to{stroke-dashoffset:-56}}
@keyframes sv-soft-pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes sv-timeline-play{from{transform:translateX(0)}to{transform:translateX(148px)}}
@media(max-width:1000px){.service-detail:has(>.service-visual){grid-template-columns:minmax(0,1fr);row-gap:18px}.service-visual{grid-column:1;grid-row:auto;max-width:540px;justify-self:start;margin-top:4px}.service-symbol{width:25px;height:25px;flex-basis:25px}.service-row summary h3:has(>.service-symbol){gap:11px}}
@media(max-width:760px){.service-visual{width:100%;max-width:none;margin:23px 0 0}.service-symbol{width:23px;height:23px;flex-basis:23px}.service-row summary h3:has(>.service-symbol){gap:9px}.service-visual .sv-toolbar{padding:0 10px;gap:7px;height:32px}.service-visual .sv-window-title{font-size:9px;letter-spacing:.3px}.service-visual .sv-badge{font-size:9px;padding:3px 5px}.service-visual .sv-chips{padding:0 10px 10px;gap:5px}.service-visual .sv-chips>span{font-size:8px;padding:4px 6px}.service-visual>figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.service-visual :is(.sv-flow,.sv-pulse,.sv-playhead){animation:none!important}}

@media(max-width:760px){.service-visual{width:calc(100% + 38px);margin-left:-38px}.service-visual .sv-chips>span{font-size:10px}}
.service-copy{grid-column:1;grid-row:1;align-self:center;min-width:0}.service-copy>p{font-size:14px;line-height:1.95;color:#acbcd4}.service-copy .deliverables{margin-top:24px}.service-copy .inline-link{margin-top:27px;display:inline-flex}.service-visual{grid-row:1}
@media(max-width:1000px){.service-copy,.service-visual{grid-row:auto}.service-copy{max-width:540px}}
@media(max-width:760px){.service-copy>p{font-size:12px;line-height:1.9}.service-copy .deliverables{margin-top:18px}.service-copy .inline-link{margin-top:20px}}