/* 数据驱动运营闭环：可编辑的五阶段流程与统一说明卡片。 */
#controller-loop{background:linear-gradient(180deg,#020c1833 0%,#020c1822 60%,#020c1844 100%),var(--page-image-0b2beb6b69, url('../assets/optimized/controller-loop-scene-v2-889e729dc27f.webp')) center bottom/100% 72% no-repeat,#020b17;color:#eef8ff}
#controller-loop::before{background:radial-gradient(circle,#27b9ff38 1px,transparent 1.5px);background-size:24px 24px;opacity:.22;filter:none;mask-image:linear-gradient(90deg,#000,transparent 65%)}
#controller-loop>.slide-inner>h2{padding-left:22px;border-left:5px solid #24c9ff;line-height:1.25;text-shadow:0 2px 18px #46c8ff20}
#controller-loop>.slide-inner>h2::after{content:'DATA-DRIVEN OPERATIONS · CONTINUOUS IMPROVEMENT';display:block;position:static;margin-top:9px;color:#88b8dc;font:500 clamp(8px,.75vw,12px)/1.5 var(--mono);letter-spacing:.2em}
#controller-loop .mobility-loop{grid-template-columns:1fr 1.12fr;gap:clamp(28px,4vw,68px);margin-top:24px;align-items:stretch}
#controller-loop .mobility-loop-visual{justify-content:center;border:0;background:radial-gradient(circle,#0969a62e,transparent 65%);box-shadow:none;padding:44px 36px}
#controller-loop .loop-ring{width:min(82%,440px,49vh);flex:none;border:22px solid #0985cc20;box-shadow:inset 0 0 0 1px #2fc4ff80,0 0 0 1px #31c8ff55,0 0 48px #008bff20}
#controller-loop .loop-ring::before{inset:-12px;border:5px solid #2dafff;border-left-color:#8defff;border-bottom-color:#6bdfff;box-shadow:0 0 15px #21bcff65;transform:rotate(-18deg)}
#controller-loop .loop-ring::after{right:6%;top:5%;color:#e7fcff;text-shadow:0 0 12px #00bdff}
#controller-loop .loop-node{width:clamp(74px,7.5vw,108px);height:auto;aspect-ratio:1;border:2px solid #38c7ff;border-radius:50%;background:radial-gradient(circle at 45% 28%,#125285,#05213f 65%);box-shadow:0 0 0 5px #0d89cc33,inset 0 0 18px #159ad755,0 0 22px #00aaff55;font-size:clamp(19px,1.8vw,27px);font-weight:700;color:#f1fbff}
#controller-loop .loop-sense{top:-17%;left:50%}
#controller-loop .loop-insight{right:-18%;top:25%}
#controller-loop .loop-assess{left:-18%;top:25%}
#controller-loop .loop-decide{right:-1%;bottom:-14%}
#controller-loop .loop-execute{left:-1%;bottom:-14%}
#controller-loop .loop-core{inset:18%;border:1px solid #38c7ff99;background:radial-gradient(ellipse at 50% 0,#149eda77,#052743 58%,#041627);box-shadow:inset 0 0 28px #23b9ff40,0 0 35px #069fee35}
#controller-loop .loop-core strong{font-size:clamp(20px,2.2vw,32px)}
#controller-loop .loop-core small{color:#a3cfeb;font-size:clamp(11px,1vw,15px)}
#controller-loop .loop-core::after{content:'';width:40px;height:3px;background:#2edcff;margin-top:16px;box-shadow:0 0 10px #16bcff}
#controller-loop .mobility-loop-steps{counter-reset:loop-step;display:grid;grid-template-rows:repeat(5,1fr);gap:clamp(10px,1.8vh,20px);padding:10px 0}
#controller-loop .mobility-loop-steps article{counter-increment:loop-step;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:14px 22px 14px 88px;border:1px solid #247db060;border-left:2px solid #28bfff;border-radius:15px;background:linear-gradient(105deg,#0b3353bb,#061628cc);box-shadow:inset 0 1px 0 #5bccff12,0 8px 20px #0002}
#controller-loop .mobility-loop-steps article::before{content:'0' counter(loop-step);position:absolute;left:22px;top:50%;transform:translateY(-50%);padding-right:15px;border-right:1px solid #3186b9;color:#34bfff;font:600 clamp(20px,2vw,30px)/1.25 var(--mono)}
#controller-loop .mobility-loop-steps h3{margin:0;color:#f3faff;font-size:clamp(20px,1.8vw,27px);line-height:1.2;font-weight:700}
#controller-loop .mobility-loop-steps p{margin:0;color:#c6dfef;font-size:clamp(13px,1.1vw,17px);line-height:1.6}
#controller-loop>.slide-bottom{color:#8fb8d4;border-color:#2f73954d}
#controller-loop .mobility-loop-visual{background:radial-gradient(ellipse at center,#0279ba22,transparent 68%)}
#controller-loop .loop-ring{outline:2px dotted #159ac65c;outline-offset:24px}
#controller-loop .loop-core{background:radial-gradient(ellipse at 50% 0,#05b9ff77,transparent 60%),radial-gradient(circle,#39caff4a 1px,transparent 1.5px),radial-gradient(ellipse at center,#063d61,#03182f);background-size:auto,8px 8px,auto;box-shadow:inset 0 0 25px #20baff70,0 0 0 8px #008ccc12,0 0 0 18px #00aeef10,0 0 45px #069fee45}
#controller-loop .loop-core strong,#controller-loop .loop-core small{text-shadow:0 2px 7px #00101f,0 0 12px #00101f}
#controller-loop .mobility-loop-steps article{background:linear-gradient(105deg,#0b3353e8,#061628eb);backdrop-filter:blur(5px)}
#controller-loop>.slide-bottom{background:linear-gradient(90deg,#03142699,transparent);text-shadow:0 1px 6px #000}
#controller-loop .mobility-loop-visual{position:relative}
#controller-loop .loop-ring::before{border-width:1px;box-shadow:0 0 15px #21bcff40}
#controller-loop .loop-ring::after{display:none}
#controller-loop .loop-direction-arcs{position:absolute;inset:-15%;width:130%;height:130%;overflow:visible;filter:drop-shadow(0 0 5px #23b6ff88);pointer-events:none}
#controller-loop .loop-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:radial-gradient(ellipse at 50% 12%,#126199,#031b34 65%);border:3px solid #44d5ff;box-shadow:0 0 0 4px #106cacbb,0 0 0 6px #36baf133,inset 0 0 12px #28bfff99,0 0 24px #00aaff66;font-size:clamp(19px,1.6vw,25px)}
#controller-loop .loop-stage-icon{width:38%;height:38%;color:#29caff;filter:drop-shadow(0 0 5px #0b94ce80);flex-shrink:0}
#controller-loop .loop-caption{position:absolute;color:#9ecbe9;font-size:clamp(12px,1.15vw,17px);line-height:1.55;letter-spacing:.06em;text-shadow:0 2px 8px #001326;pointer-events:none}
#controller-loop .loop-caption-nw{left:-16%;top:-5%}
#controller-loop .loop-caption-ne{right:-16%;top:-5%}
#controller-loop .loop-caption-sw{left:-25%;bottom:13%}
#controller-loop .loop-caption-se{right:-25%;bottom:13%}
@media(max-width:900px),(max-height:620px){
 #controller-loop{background-size:auto,auto 650px;background-position:center,center bottom}
 #controller-loop .mobility-loop{grid-template-columns:1fr;gap:22px}
 #controller-loop .mobility-loop-visual{min-height:360px;padding:50px 30px}
 #controller-loop .loop-ring{width:min(65vw,330px);margin:18px auto;border-width:18px}
 #controller-loop .loop-node{width:80px;font-size:20px}
 #controller-loop .loop-caption{font-size:11px}
 #controller-loop .loop-caption-nw,#controller-loop .loop-caption-ne{top:-14%}
 #controller-loop .loop-caption-sw,#controller-loop .loop-caption-se{bottom:5%}
 #controller-loop .mobility-loop-steps{gap:12px;padding:0}
 #controller-loop .mobility-loop-steps article{min-height:100px;padding:16px 16px 16px 76px}
 #controller-loop .mobility-loop-steps article::before{left:16px}
 #controller-loop .mobility-loop-steps p{font-size:15px}
 #controller-loop>.slide-inner>h2{font-size:clamp(25px,5.8vw,38px);padding-left:14px}
}