.slide.system-overview-slide{background:radial-gradient(ellipse at 85% 2%,#e9f5f7 0,transparent 42%),linear-gradient(135deg,#f5faf8,#fff 55%,#f2f7fc);color:#284e61}
.slide.system-overview-slide.visual-v7>.slide-head{top:28px;left:48px;right:48px;height:62px;align-items:center}
.slide.system-overview-slide.visual-v7>.slide-head h2{font-size:36px;line-height:1.25;letter-spacing:-.7px}
.slide.system-overview-slide.visual-v7>.slide-head .chapter-tag{font-size:22px;min-width:50px;height:48px}
.slide.system-overview-slide.visual-v7>.page-content{left:48px;right:48px;top:114px;bottom:42px}
.slide.system-overview-slide.visual-v7 .v7-board{display:block;height:100%;grid-template:none}
.system-overview{height:100%;position:relative;color:#345467;font-size:18px;line-height:1.4}
.system-overview *{box-sizing:border-box}
.system-overview h3,.system-overview p,.system-overview ul,.system-overview figure{margin:0}
.system-overview ul{padding:0;list-style:none}
.system-overview svg{display:block}
.so-architecture{display:grid;grid-template-rows:40px 596px 84px;gap:12px}
.so-overview-meta{display:flex;align-items:center;justify-content:space-between}
.so-legend{display:flex;align-items:center;gap:30px;font-size:18px;color:#607d89}
.so-legend>span{display:flex;align-items:center;gap:9px}
.so-legend i{display:block;width:12px;height:12px;border-radius:4px;background:#77bba9;box-shadow:0 2px 5px #578d821f}
.so-legend>span:nth-child(2) i{background:#7eadd3}
.so-legend>span:nth-child(3) i{background:#b8a381}
.so-count{font-size:18px;display:flex;align-items:baseline;gap:7px;color:#6b8592}
.so-count b{font-size:29px;color:#2d6977;font-weight:750;line-height:1}
.so-count em{font-style:normal;font-size:21px;color:#afc3cc;margin:0 12px}
.so-map{position:relative}
.so-module-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(3,172px);column-gap:22px;row-gap:40px}
.so-module{min-width:0;border:1px solid #d6e8e3;border-radius:17px;background:linear-gradient(135deg,#fff 10%,#f1f8f5);padding:13px 15px 12px;box-shadow:0 6px 16px #437d7110,inset 0 1px 0 #fff;position:relative;--accent:#529889}
.so-module:before{content:"";position:absolute;left:17px;right:17px;top:0;height:2px;background:linear-gradient(90deg,transparent,#a2d5c4,transparent)}
.so-module header{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.so-module h3{font-size:21px;line-height:1.2;white-space:nowrap;letter-spacing:-.3px;color:#315968;font-weight:700}
.so-module header>small{font-size:11px;margin-left:auto;align-self:flex-start;margin-top:1px;color:#9ab4b9;font-weight:600}
.so-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#fff,#dfefe9);color:var(--accent);border:1px solid #d1e4df;box-shadow:0 4px 8px #4f887e15,inset 0 1px #fff}
.so-icon svg{width:21px;height:21px}
.so-module ul{display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:3px}
.so-module li{font-size:17.5px;line-height:20px;white-space:nowrap;letter-spacing:-.2px;display:flex;align-items:center;gap:6px;color:#52727c}
.so-module li:before{content:"";width:3px;height:3px;border-radius:50%;background:#9cbcb7;flex:none}
.so-tone-1{background:linear-gradient(135deg,#fff 10%,#f1f6fc);border-color:#d7e3ef;--accent:#6596bd}
.so-tone-1:before{background:linear-gradient(90deg,transparent,#afcde6,transparent)}
.so-tone-1 .so-icon{background:linear-gradient(145deg,#fff,#e1edf8);border-color:#d4e3f0}
.so-tone-1 h3{color:#3c5e7d}.so-tone-1 li{color:#617a93}.so-tone-1 li:before{background:#a8c0d4}
.so-tone-2{background:linear-gradient(135deg,#fff 10%,#faf7ef);border-color:#e5e3d7;--accent:#a68c60}
.so-tone-2:before{background:linear-gradient(90deg,transparent,#d5c8a7,transparent)}
.so-tone-2 .so-icon{background:linear-gradient(145deg,#fff,#f3ebdc);border-color:#e9e0ce}
.so-tone-2 h3{color:#615f53}.so-tone-2 li{color:#6d7465}.so-tone-2 li:before{background:#c1baa2}
.so-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.so-wire{fill:none;stroke-linecap:round;stroke-linejoin:round}
.so-wire-base{stroke:#c6ded9;stroke-width:1.5}
.so-wire-blue .so-wire-base{stroke:#c5dbea}
.so-wire-arrow{stroke:none;fill:none;stroke-width:1.2}
.so-wire-pulse{stroke:#51b89f;stroke-width:2.4;stroke-dasharray:13 177;stroke-dashoffset:190;opacity:0;filter:drop-shadow(0 0 3px #65c8b4);animation:so-flow 3.4s linear infinite;animation-delay:var(--flow-delay);animation-play-state:paused}
.so-wire-blue .so-wire-pulse{stroke:#64afe3;filter:drop-shadow(0 0 3px #9cc6f3)}
.system-overview[data-so-ready=true] .so-wire-pulse{opacity:.9}
.system-overview .so-wire-pulse,.system-overview .so-signal{transition:opacity .7s ease}
.system-overview[data-so-flow=running] .so-wire-pulse{animation-play-state:running}
.so-flow-label{position:absolute;z-index:1;display:block;font-size:15px;letter-spacing:.2px;line-height:22px;padding:0 13px;background:#f9fcfc;color:#7696a7;border:1px solid #e5edf1;border-radius:20px;white-space:nowrap;pointer-events:none}
.so-flow-label-course{top:180px;left:570px}
.so-flow-label-records{top:392px;left:190px;color:#789489;background:#f9fcfa;border-color:#e4ede6}
.so-foundation{border:1px solid #dbe7eb;background:linear-gradient(100deg,#edf4f6,#fff);border-radius:17px;display:flex;align-items:center;gap:23px;padding:12px 20px;box-shadow:0 5px 13px #44677608}
.so-foundation header{display:flex;align-items:center;gap:12px;flex:none;width:155px;border-right:1px solid #d3e2e7;height:44px}
.so-foundation header span{color:#6c93a3}.so-foundation svg{width:28px;height:28px}
.so-foundation h3{font-size:22px;line-height:1.2;font-weight:650}
.so-foundation ul{display:grid;grid-template-columns:repeat(6,1fr);row-gap:8px;column-gap:25px;flex:1}
.so-foundation li{font-size:17px;color:#708a97;line-height:21px;white-space:nowrap}
/* Product family: six independent front ends and their publishing surfaces. */
.so-family{display:grid;grid-template-rows:56px 427px 61px 158px;gap:14px}
.so-family-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce9e9;padding-bottom:10px}
.so-family-top>div{display:flex;align-items:center;gap:16px;color:#467d87;font-size:24px;font-weight:650}
.so-family-top i{font-style:normal;color:#97b8bc;font-size:25px;font-weight:400}
.so-family-top p{font-size:18px;color:#6c8893;display:flex;align-items:baseline;gap:7px}
.so-family-top p b{font-size:30px;color:#337a85}.so-family-top em{font-style:normal;margin:0 12px;color:#b2c7cb}
.so-family-main{display:grid;grid-template-columns:850px 1fr;gap:22px;min-height:0}
.so-product-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:17px}
.so-product{display:flex;flex-direction:column;min-width:0;padding:23px 20px 20px;border-radius:23px;border:1px solid #dce9e6;background:linear-gradient(145deg,#fff 20%,#eff7f3);box-shadow:0 10px 23px #4f81730c;position:relative;overflow:hidden}
.so-product:nth-child(3n+2){background:linear-gradient(145deg,#fff 20%,#eef5fb);border-color:#dae6ee}
.so-product:nth-child(3n){background:linear-gradient(145deg,#fff 20%,#f6f3fb);border-color:#e5e0ed}
.so-product:after{content:"";position:absolute;right:0;top:0;width:70px;height:60px;border:1px solid #b6d7cc30;border-top:0;border-right:0;border-radius:0 0 0 100%;background:linear-gradient(135deg,#eaf5ef15,#eef7f34d);pointer-events:none}
.so-product header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.so-product-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e1eeea);border:1px solid #d5e6df;box-shadow:0 5px 10px #5c8f7e12;color:#609e8c;flex:none}
.so-product-icon svg{width:28px;height:28px}
.so-product:nth-child(3n+2) .so-product-icon{color:#6b99ba;background:linear-gradient(145deg,#fff,#e4eef8);border-color:#dce7ee}
.so-product:nth-child(3n) .so-product-icon{color:#9990b5;background:linear-gradient(145deg,#fff,#ece7f6);border-color:#e5deef}
.so-product h3{font-size:26px;font-weight:700;line-height:1.25;white-space:nowrap;color:#31596c}
.so-product p{font-size:18px;line-height:1.6;color:#67828e;min-height:48px;max-width:220px;display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:10px;row-gap:3px}
.so-product p>span{white-space:nowrap}.so-product p>span:not(:last-child):after{content:"·";color:#aec4c9;margin-left:10px}
.so-product small{font-size:14px;color:#819ba4;border-top:1px solid #dce9e7;margin-top:auto;padding-top:11px;line-height:1.3;white-space:nowrap}
.so-device-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 55% 40%,#d9f2eb7a,transparent 68%)}
.so-device-hero img{position:relative;z-index:2;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 13px #577d8d0c)}
.so-orbit{position:absolute;border:1px solid #abcfcb6b;width:580px;height:260px;border-radius:50%;transform:rotate(-24deg);z-index:0}
.so-orbit-two{width:530px;height:320px;transform:rotate(24deg);border-color:#afc8e06b}
.so-signal{position:absolute;width:6px;height:6px;background:#95d7cc;border-radius:50%;box-shadow:0 0 0 5px #94dbc626,0 0 20px #7bced5;animation:so-signal 3.6s ease-in-out infinite;animation-play-state:paused;opacity:0}
.so-signal-one{left:42px;top:90px}.so-signal-two{right:42px;bottom:90px;animation-delay:-1.8s;background:#a4c9eb}
.system-overview[data-so-ready=true] .so-signal{opacity:1}
.system-overview[data-so-flow=running] .so-signal{animation-play-state:running}
.so-family-bridge{display:flex;align-items:center;justify-content:center;gap:20px;color:#658a92;font-size:21px;font-weight:550}
.so-family-bridge>span:not(.so-link-line){display:flex;align-items:center;gap:10px;white-space:nowrap}
.so-family-bridge svg{width:23px;height:23px;color:#79a9a9}.so-family-bridge>i{margin:0 4px}
.so-link-line{height:1px;background:linear-gradient(90deg,transparent,#c3dbdc);flex:1;position:relative;overflow:hidden}
.so-link-line:last-child{transform:scaleX(-1)}
.so-link-line:after{content:"";position:absolute;left:0;top:0;width:60px;height:1px;background:linear-gradient(90deg,transparent,#5ac3b2);animation:so-link 3s linear infinite;animation-play-state:paused}
.system-overview[data-so-flow=running] .so-link-line:after{animation-play-state:running}
.so-terminal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}
.so-terminal{position:relative;border-radius:21px;background:linear-gradient(145deg,#fff,#eff5fa);border:1px solid #dce6ed;padding:17px 12px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 9px 18px #56758908}
.so-terminal:nth-child(even){background:linear-gradient(145deg,#fff,#eff8f3);border-color:#dae9e2}
.so-terminal-icon{color:#679db2;margin-bottom:12px}.so-terminal-icon svg{width:34px;height:34px}
.so-terminal:nth-child(even) .so-terminal-icon{color:#69a38c}
.so-terminal h3{font-size:22px;color:#426678;line-height:1.25;font-weight:650}
.so-terminal p{font-size:15px;color:#8198a5;margin-top:9px;white-space:nowrap;line-height:1.3}
@keyframes so-flow{to{stroke-dashoffset:0}}
@keyframes so-signal{0%,100%{transform:scale(.7);box-shadow:0 0 0 3px #94dbc61c,0 0 12px #7bced552}50%{transform:scale(1.1);box-shadow:0 0 0 8px #94dbc622,0 0 22px #7bced5}}
@keyframes so-link{from{transform:translateX(-60px)}to{transform:translateX(420px)}}
@media(prefers-reduced-motion:reduce){.system-overview .so-wire-pulse,.system-overview .so-signal,.system-overview .so-link-line:after{animation:none!important}.system-overview .so-wire-pulse{opacity:0!important}.system-overview .so-signal{opacity:.65!important}}