.routing-hero{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-radius:16px;background:linear-gradient(120deg,#173456,#2566dc);color:#fff;box-shadow:0 16px 40px rgba(28,77,151,.18)}.routing-hero h2{margin:5px 0 8px;font-size:25px}.routing-hero p{margin:0;color:#c9d9f2;font-size:12px}.routing-live{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:10px 12px;border-radius:12px}.routing-live i{width:9px;height:9px;border-radius:50%;background:#45dfa5;box-shadow:0 0 0 6px rgba(69,223,165,.14);animation:routingPulse 1.8s infinite}.routing-live b,.routing-live small{display:block}.routing-live small{color:#cbd9ed;font-size:10px;margin-top:3px}.routing-live button{border:0;background:#fff;color:#205abb;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}.routing-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:15px 0}.routing-kpis article{background:#fff;border:1px solid #e6ebf2;border-radius:13px;padding:17px 18px;position:relative;overflow:hidden}.routing-kpis article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#17253e}.routing-kpis article.blue:before{background:#4c6fff}.routing-kpis article.orange:before{background:#f6a019}.routing-kpis article.teal:before{background:#16a5a4}.routing-kpis span,.routing-kpis small{display:block;color:#8793a5;font-size:11px}.routing-kpis strong{display:block;font-size:28px;margin:8px 0 5px}.routing-flow-card{background:#fff;border:1px solid #e5eaf1;border-radius:15px;box-shadow:0 12px 35px rgba(29,48,75,.06);overflow:hidden}.routing-section-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px}.routing-section-head h2{margin:0;font-size:16px}.routing-section-head p{margin:5px 0 0;color:#8793a5;font-size:11px}.routing-section-head>span{font-size:11px;color:#607089;background:#f2f5f9;padding:7px 10px;border-radius:999px}.routing-flow{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;align-items:center;gap:0;padding:12px 24px 22px}.routing-stage{display:grid;gap:10px}.routing-stage-title{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#9aa5b4;margin:0 3px}.routing-node{border:1px solid #e3e9f2;background:#f7f9fc;border-radius:13px;padding:15px 16px;text-align:left;cursor:pointer;transition:.2s;min-height:83px}.routing-node:hover,.routing-node.active{transform:translateY(-2px);box-shadow:0 10px 25px rgba(34,69,120,.12);border-color:#b9cdf5}.routing-node.ai{background:#eef2ff;border-color:#dce4ff}.routing-node.official{background:#fff5df;border-color:#f9e5b5}.routing-node.freelance{background:#e7f8f6;border-color:#caeeea}.routing-node b,.routing-node strong,.routing-node small{display:block}.routing-node b{font-size:11px;color:#65738a}.routing-node strong{font-size:27px;margin:5px 0}.routing-node small{color:#8895a7;font-size:10px}.routing-arrow{height:2px;background:#d5deeb;position:relative;margin:0 8px}.routing-arrow:after{content:"";position:absolute;right:-1px;top:-4px;border-left:8px solid #d5deeb;border-top:5px solid transparent;border-bottom:5px solid transparent}.routing-definition{padding:13px 22px;background:#f7f9fc;border-top:1px solid #edf0f5;color:#718096;font-size:10px;display:flex;gap:10px}.routing-definition b{color:#334258}.routing-analysis-grid{display:grid;grid-template-columns:1.75fr .75fr;gap:15px;margin-top:15px}.routing-trend-panel,.routing-mix-panel{overflow:hidden}.routing-trend{height:300px;padding:10px 18px 20px}.routing-svg{width:100%;height:100%;overflow:visible}.routing-svg .grid{stroke:#e8edf4;stroke-dasharray:4 4}.routing-svg text{fill:#8390a3;font-size:10px}.routing-svg .line-ai{stroke:#5470ff}.routing-svg .line-official{stroke:#f5a019}.routing-svg .line-freelance{stroke:#16a5a4}.routing-svg polyline{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.routing-svg circle{stroke:#fff;stroke-width:2;cursor:pointer}.routing-svg circle:hover{r:6}.routing-legend{display:flex;gap:12px;font-size:10px}.routing-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}.routing-legend .ai:before{background:#5470ff}.routing-legend .official:before{background:#f5a019}.routing-legend .freelance:before{background:#16a5a4}.routing-mix{padding:15px 22px 25px;display:grid;gap:13px}.routing-mix-row{display:grid;grid-template-columns:72px 1fr 42px;gap:10px;align-items:center;font-size:11px}.routing-mix-row b:last-child{text-align:right}.routing-mix-track{height:10px;background:#edf1f5;border-radius:99px;overflow:hidden}.routing-mix-fill{height:100%;border-radius:99px;min-width:3px}.routing-detail-panel td:nth-child(6){max-width:380px}.routing-channel{padding:4px 8px;border-radius:999px;font-size:10px}.routing-channel.ai{color:#3f5ce0;background:#edf1ff}.routing-channel.official{color:#bb7000;background:#fff3d8}.routing-channel.freelance{color:#087d7d;background:#e5f7f5}.routing-empty{grid-column:1/-1;text-align:center;padding:60px;color:#8b97a8}@keyframes routingPulse{50%{box-shadow:0 0 0 10px rgba(69,223,165,0)}}@media(max-width:1100px){.routing-kpis{grid-template-columns:repeat(3,1fr)}.routing-analysis-grid{grid-template-columns:1fr}.routing-flow{grid-template-columns:1fr;gap:8px}.routing-arrow{width:2px;height:28px;margin:auto}.routing-arrow:after{right:-4px;top:auto;bottom:-1px;border-top:8px solid #d5deeb;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}}