:root{--bg-0: #070b1c;--bg-1: #0a0e27;--bg-2: #0d1b3a;--surface: rgba(16, 26, 56, .72);--surface-2: rgba(22, 34, 70, .85);--surface-3: rgba(30, 44, 86, .6);--line: rgba(86, 130, 210, .18);--line-2: rgba(120, 170, 240, .32);--cyan: #22d3ee;--cyan-dim: rgba(34, 211, 238, .14);--amber: #fbbf24;--amber-dim: rgba(251, 191, 36, .14);--violet: #a78bfa;--violet-dim: rgba(167, 139, 250, .14);--green: #34d399;--rose: #fb7185;--rose-dim: rgba(251, 113, 133, .16);--t1: #dde7fb;--t2: #8ea0cc;--t3: #586795;--font: "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", "IBM Plex Mono", Consolas, monospace;--radius: 12px;--radius-s: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--t1);background-color:var(--bg-1);background-image:radial-gradient(1200px 700px at 78% -8%,rgba(34,211,238,.1),transparent 60%),radial-gradient(1000px 600px at 8% 110%,rgba(167,139,250,.1),transparent 55%),linear-gradient(160deg,var(--bg-2) 0%,var(--bg-1) 45%,var(--bg-0) 100%);background-attachment:fixed;overflow:hidden}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}input,select{font-family:var(--mono)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes route-dash{to{stroke-dashoffset:-28}}@keyframes pulse-glow{0%,to{opacity:.55}50%{opacity:1}}@keyframes blink-alert{0%,to{opacity:1;box-shadow:0 0 #fb718580}50%{opacity:.78;box-shadow:0 0 22px 4px #fb718573}}@keyframes ring-pulse{0%{transform:scale(.7);opacity:.9}to{transform:scale(1.5);opacity:0}}@keyframes dot-blink{0%,to{opacity:1}50%{opacity:.25}}.app{height:100%;display:flex;flex-direction:column}.nav-top{height:60px;flex:0 0 60px;display:flex;align-items:center;gap:16px;padding:0 18px;background:linear-gradient(180deg,#0d1b3af2,#0a0e27cc);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.nav-top:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:38%;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 5.5s linear infinite;opacity:.6}.nav-brand{display:flex;align-items:center;gap:11px}.nav-logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:#04111a;font-size:20px;font-weight:900;background:linear-gradient(135deg,var(--cyan),#0891b2);box-shadow:0 0 18px #22d3ee73,inset 0 0 8px #ffffff4d}.nav-title{font-size:16px;font-weight:800;letter-spacing:.04em}.nav-sub{font-size:9px;color:var(--t3);font-family:var(--mono);letter-spacing:.34em}.nav-status{display:flex;align-items:center;gap:10px;margin:0 auto}.stat-chip{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--t1)}.stat-chip .k{color:var(--t3);font-size:10px;letter-spacing:.08em}.stat-chip .v{color:var(--cyan);font-weight:700}.stat-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse-glow 2s ease-in-out infinite}.nav-actions{display:flex;align-items:center;gap:10px}.seg-toggle{display:flex;background:var(--surface-3);border:1px solid var(--line);border-radius:999px;padding:3px}.seg-toggle button{border:0;background:transparent;color:var(--t2);padding:5px 16px;font-size:12.5px;font-weight:700;border-radius:999px;cursor:pointer;transition:all .15s}.seg-toggle button.on{background:linear-gradient(135deg,var(--cyan),#0891b2);color:#04111a;box-shadow:0 0 14px #22d3ee66}.shell{flex:1;display:flex;min-height:0}.railmenu{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;background:#080d2099;border-right:1px solid var(--line)}.rail-item{width:58px;padding:9px 0 7px;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--t2);cursor:pointer;transition:all .15s}.rail-item:hover{background:var(--surface-3);color:var(--t1)}.rail-item.on{background:var(--cyan-dim);border-color:#22d3ee66;color:var(--cyan);box-shadow:inset 0 0 12px #22d3ee1f}.rail-ic{font-size:19px;line-height:1}.rail-lb{font-size:10px;letter-spacing:.05em}.rail-spacer{flex:1}.col{min-height:0;display:flex;flex-direction:column;gap:12px;padding:12px;overflow-y:auto}.col-left{flex:0 0 348px}.col-center{flex:1;min-width:0;padding:12px 6px}.col-right{flex:0 0 332px}.pane{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.pane-head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(34,211,238,.06),transparent)}.pane-head:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.pane-title{font-size:13.5px;font-weight:800;letter-spacing:.03em}.pane-en{font-size:9.5px;color:var(--t3);font-family:var(--mono);letter-spacing:.12em}.pane-head .right{margin-left:auto}.pane-body{padding:13px 14px;display:flex;flex-direction:column;gap:12px}.nbtn{border:1px solid var(--line-2);background:var(--surface-3);color:var(--t1);padding:7px 12px;border-radius:var(--radius-s);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s;font-family:var(--font)}.nbtn:hover:not(:disabled){border-color:var(--cyan);color:var(--cyan)}.nbtn:disabled{opacity:.4;cursor:not-allowed}.nbtn-primary{border:0;background:linear-gradient(135deg,var(--cyan),#0891b2);color:#04111a;box-shadow:0 0 14px #22d3ee4d}.nbtn-primary:hover:not(:disabled){filter:brightness(1.08);color:#04111a}.nbtn-danger{border-color:#fb718566;color:var(--rose)}.nbtn-danger:hover:not(:disabled){background:var(--rose-dim);border-color:var(--rose);color:var(--rose)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;font-family:var(--mono);border:1px solid var(--line)}.chip-cyan{color:var(--cyan);background:var(--cyan-dim);border-color:#22d3ee59}.chip-amber{color:var(--amber);background:var(--amber-dim);border-color:#fbbf2459}.chip-violet{color:var(--violet);background:var(--violet-dim);border-color:#a78bfa59}.chip-rose{color:var(--rose);background:var(--rose-dim);border-color:#fb718559}.chip-muted{color:var(--t2)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:11px;color:var(--t2);letter-spacing:.06em;font-weight:600}.nsel,.ninput{width:100%;background:#070c1eb3;border:1px solid var(--line-2);color:var(--t1);border-radius:var(--radius-s);padding:9px 10px;font-size:13px;outline:none;transition:border-color .15s}.nsel:focus,.ninput:focus{border-color:var(--cyan)}.swap-btn{align-self:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface-3);color:var(--cyan);cursor:pointer;font-size:14px}.swap-btn:hover{border-color:var(--cyan)}.mode-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mode-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-3);color:var(--t2);cursor:pointer;transition:all .15s;font-size:11.5px}.mode-chip .ic{font-size:17px}.mode-chip:hover{color:var(--t1);border-color:var(--line-2)}.mode-chip.on{background:var(--cyan-dim);border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #22d3ee2e}.inline-error{font-size:12px;color:var(--rose);font-family:var(--mono)}.sub-title{font-size:11px;color:var(--t2);letter-spacing:.05em;font-weight:700;margin-bottom:2px}.cand-list{display:flex;flex-direction:column;gap:8px}.cand{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-3);cursor:pointer;transition:all .15s;text-align:left;color:var(--t1);width:100%}.cand:hover{border-color:var(--line-2)}.cand.on{border-color:var(--cyan);background:var(--cyan-dim);box-shadow:inset 0 0 14px #22d3ee1a}.cand-time{font-family:var(--mono);font-size:17px;font-weight:800;color:var(--cyan)}.cand-sub{font-family:var(--mono);font-size:11px;color:var(--t2);justify-self:end;text-align:right}.empty-hint{font-size:12.5px;color:var(--t2);line-height:1.7;padding:6px 2px}.empty-hint .mono{display:block;color:var(--t3);font-size:10.5px;margin-top:4px}.err-box{font-size:12.5px;color:var(--amber);background:var(--amber-dim);border:1px solid rgba(251,191,36,.3);border-radius:var(--radius-s);padding:9px 11px}.cmp-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12px}.cmp-table td{padding:6px 4px;border-bottom:1px solid var(--line)}.cmp-table tr.on td{color:var(--cyan)}.cmp-mode{color:var(--t1)}.cmp-time{text-align:right}.cmp-dist{text-align:right;color:var(--t2)}.steps-wrap{display:flex;flex-wrap:wrap;gap:4px 2px;align-items:center}.step-node{font-size:11px;color:var(--t2);font-family:var(--mono);display:inline-flex;align-items:center;gap:3px}.step-node.end{color:var(--cyan);font-weight:700}.step-node.poi{color:var(--t1)}.step-arrow{color:var(--t3);margin:0 1px}.jrny-summary{font-family:var(--mono);font-size:12px;color:var(--cyan);padding:7px 10px;background:var(--cyan-dim);border-radius:var(--radius-s)}.jrny-list{list-style:none;display:flex;flex-direction:column;gap:0}.jrny-row{display:flex;gap:9px;align-items:flex-start;position:relative;padding:6px 0 6px 6px}.jrny-icon{width:20px;text-align:center;flex:0 0 20px}.jrny-primary{font-size:12.5px;color:var(--t1)}.jrny-secondary{font-size:10.5px;color:var(--t3);display:block;margin-top:1px}.jrny-pass .jrny-primary{color:var(--t3);font-size:11px}.near-origin{display:flex;align-items:center;gap:8px}.near-origin .nsel{flex:1}.near-list{display:flex;flex-direction:column;gap:8px}.near-item{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-3);cursor:pointer;text-align:left;width:100%;color:var(--t1);transition:all .15s}.near-item:hover{border-color:var(--cyan);background:var(--cyan-dim)}.near-rank{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--bg-2);color:var(--cyan);font-family:var(--mono);font-weight:800;font-size:13px;border:1px solid var(--line-2)}.near-name{font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px}.near-intro{font-size:10.5px;color:var(--t3);margin-top:2px}.near-metrics{text-align:right;font-family:var(--mono)}.near-dist{font-size:13px;color:var(--cyan);font-weight:700}.near-time{font-size:10.5px;color:var(--t2)}.stage{height:100%;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:0 0 40px #00000059,inset 0 0 60px #22d3ee08}.stage-head{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--line);background:#080d2080;z-index:3}.stage-head .map-name{font-size:13.5px;font-weight:800}.stage-head .map-coord{font-family:var(--mono);font-size:10.5px;color:var(--t3)}.map-legend{margin-left:auto;display:flex;gap:12px;align-items:center}.lg{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--t2);font-family:var(--mono)}.lg:before{content:"";width:9px;height:3px;border-radius:2px}.lg.g:before{background:var(--green)}.lg.a:before{background:var(--amber)}.lg.r:before{background:var(--rose)}.stage-body{position:relative;flex:1;min-height:0}.stage-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hud-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(86,130,210,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(86,130,210,.08) 1px,transparent 1px);background-size:40px 40px;z-index:1;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(circle at 50% 50%,#000 60%,transparent 100%)}.hud-corner{position:absolute;width:18px;height:18px;border:2px solid rgba(34,211,238,.5);z-index:2;pointer-events:none}.hud-corner.tl{top:8px;left:8px;border-right:0;border-bottom:0}.hud-corner.tr{top:8px;right:8px;border-left:0;border-bottom:0}.hud-corner.bl{bottom:8px;left:8px;border-right:0;border-top:0}.hud-corner.br{bottom:8px;right:8px;border-left:0;border-top:0}.map-tools{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:6px;z-index:4}.tool-fab{width:36px;height:36px;border-radius:9px;border:1px solid var(--line-2);background:#0a0e27d9;color:var(--cyan);font-size:17px;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tool-fab:hover{border-color:var(--cyan);box-shadow:0 0 12px #22d3ee4d}.locate-bar{position:absolute;left:14px;top:14px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;background:#0a0e27d9;border:1px solid var(--line-2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4}.locate-bar .nsel{width:auto;padding:5px 8px;font-size:11.5px;background:transparent;border:0}.locate-follow{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--t2);cursor:pointer}.nav-banner{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(560px,calc(100% - 120px));z-index:5;background:#080d20eb;border:1px solid var(--line-2);border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 24px #0006}.nav-banner .nb-main{flex:1;min-width:0}.nav-banner .nb-next{font-size:13px;font-weight:700;color:var(--t1)}.nav-banner .nb-seg{font-size:11px;color:var(--t3);font-family:var(--mono);margin-top:2px}.nb-metric{text-align:center;font-family:var(--mono)}.nb-metric .big{font-size:18px;font-weight:800;color:var(--cyan);display:block}.nb-metric .lb{font-size:9.5px;color:var(--t3);letter-spacing:.06em}.deviation-alert{position:absolute;left:50%;bottom:88px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:9px;padding:9px 18px;border-radius:10px;background:#3c0c1af0;border:1px solid var(--rose);color:#ffe1e6;font-size:13px;font-weight:700;animation:blink-alert .9s ease-in-out infinite}.deviation-alert .da-ic{font-size:16px}.sim{position:absolute;left:14px;bottom:14px;z-index:4;width:270px;background:#080d20e6;border:1px solid var(--line-2);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sim-row{display:flex;align-items:center;gap:7px}.sim-play{flex:1}.sim-speeds{display:flex;gap:3px}.sim-spd{border:1px solid var(--line);background:var(--surface-3);color:var(--t2);padding:5px 7px;border-radius:6px;font-size:10.5px;font-family:var(--mono);cursor:pointer}.sim-spd.on{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.sim-deviate{border-color:#fbbf2466;color:var(--amber)}.sim-deviate:hover:not(:disabled){background:var(--amber-dim);border-color:var(--amber);color:var(--amber)}.sim-bar{height:6px;border-radius:4px;background:#070c1ecc;overflow:hidden}.sim-bar-fill{height:100%;background:linear-gradient(90deg,#0891b2,var(--cyan));transition:width .2s}.sim-bar-fill.wait{background:linear-gradient(90deg,#b45309,var(--amber))}.sim-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10.5px;color:var(--t2)}.mon-empty{font-size:12.5px;color:var(--t2);line-height:1.7}.mon-top{display:flex;align-items:center;gap:14px}.gauge{position:relative;width:96px;height:96px;flex:0 0 96px}.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.gauge-val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--mono)}.gauge-val .num{font-size:24px;font-weight:800;color:var(--cyan);line-height:1}.gauge-val .unit{font-size:9px;color:var(--t3);margin-top:2px;letter-spacing:.08em}.mon-top-right{flex:1;display:flex;flex-direction:column;gap:7px}.mon-mode{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.mon-status{align-self:flex-start;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;font-family:var(--mono)}.st-running{color:var(--green);background:#34d39924}.st-waiting{color:var(--amber);background:var(--amber-dim)}.st-arrived{color:var(--cyan);background:var(--cyan-dim)}.st-idle{color:var(--t2);background:var(--surface-3)}.mon-bar{height:7px;border-radius:4px;background:#070c1ecc;overflow:hidden}.mon-bar-fill{height:100%;background:linear-gradient(90deg,#0891b2,var(--cyan));transition:width .2s}.mon-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mon-cell{background:#070c1e80;border:1px solid var(--line);border-radius:var(--radius-s);padding:8px 10px}.mon-cell .k{font-size:10px;color:var(--t3);letter-spacing:.05em}.mon-cell .v{font-family:var(--mono);font-size:13px;color:var(--t1);margin-top:3px;font-weight:700}.mon-cell .v.accent{color:var(--cyan)}.mon-cell.full{grid-column:1 / -1}.transit-line{font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px}.transit-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tmetric{text-align:center;background:#070c1e80;border:1px solid var(--line);border-radius:var(--radius-s);padding:8px 4px}.tmetric .big{font-family:var(--mono);font-size:16px;font-weight:800;color:var(--cyan)}.tmetric .lb{font-size:9.5px;color:var(--t3);margin-top:2px}.transit-text{font-size:12px;color:var(--t2);line-height:1.8}.transit-text b{color:var(--t1)}.tl{list-style:none;margin-top:4px;position:relative;padding-left:4px}.tl-stop{display:flex;align-items:center;gap:10px;padding:5px 0;position:relative}.tl-stop:before{content:"";position:absolute;left:5px;top:-6px;bottom:-6px;width:2px;background:var(--line)}.tl-stop:first-child:before{top:50%}.tl-stop:last-child:before{bottom:50%}.tl-dot{width:12px;height:12px;border-radius:50%;background:var(--bg-2);border:2px solid var(--t3);z-index:1;flex:0 0 12px}.tl-name{font-size:12px;color:var(--t2)}.tl-stop.passed .tl-dot{background:var(--t3);border-color:var(--t3)}.tl-stop.passed .tl-name{color:var(--t3);text-decoration:line-through}.tl-stop.current .tl-dot{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan)}.tl-stop.current .tl-name{color:var(--cyan);font-weight:800}.tl-stop.next .tl-dot{border-color:var(--amber)}.tl-stop.next .tl-name{color:var(--amber);font-weight:700}.tl-stop.terminal .tl-dot{border-color:var(--violet)}.tl-stop.terminal .tl-name{color:var(--violet);font-weight:700}.scn-row{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.scn-chip{display:flex;align-items:center;gap:6px;justify-content:center;padding:9px 0;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-3);color:var(--t2);cursor:pointer;font-size:12px;transition:all .15s}.scn-chip.on{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.hint{font-size:11px;color:var(--t3);line-height:1.7;font-family:var(--mono)}.legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--t2)}.legend-ic{font-size:14px}.maplib-row{display:flex;align-items:center;gap:8px}.maplib-dirty{font-size:11px;color:var(--amber);font-family:var(--mono)}.maplib-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tool-pad{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.tool-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:9px 2px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--surface-3);color:var(--t2);cursor:pointer;font-size:10px;transition:all .15s}.tool-cell .ic{font-size:16px}.tool-cell.on{border-color:var(--cyan);color:var(--cyan);background:var(--cyan-dim)}.edit-hint{font-size:11px;color:var(--t3);font-family:var(--mono);line-height:1.7;background:#070c1e80;border:1px solid var(--line);border-radius:var(--radius-s);padding:8px 10px}.sel-box{display:flex;flex-direction:column;gap:8px}.sel-line{font-size:12px;color:var(--t1);font-family:var(--mono)}.access-row{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.road-fill{transition:stroke .6s ease}.route-flow{stroke-dasharray:14 14;animation:route-dash .8s linear infinite}.tl-sig{animation:dot-blink 1.4s steps(1,end) infinite}.tl-sig.d0{animation-delay:0s}.tl-sig.d1{animation-delay:.45s}.tl-sig.d2{animation-delay:.9s}.stop-ring{animation:ring-pulse 1.1s ease-out infinite;transform-origin:center;transform-box:fill-box}.veh-halo{animation:pulse-glow 1.3s ease-in-out infinite}@media (max-width: 1180px){body{overflow:auto}.shell{flex-wrap:wrap}.col-left,.col-right{flex:1 1 100%}.col-center{flex:1 1 100%;min-height:540px}}