body.sr-cityhero .sr-root.dbsr-board{
--srch-x:1;--srch-y:.4;--srch-card:min(560px,40vw);--srch-l:clamp(24px,6.6vw,120px);
--srch-mint:#7ff5d9;--srch-mint2:#9ffbe4;
position:relative;min-height:640px;
background:#8fa3b3 url(//dronesboy.com/wp-content/plugins/dronesboy-situation-room/assets/img/cityhero-day.webp?v=1.205.285) no-repeat;
background-size:cover;
background-position:calc(var(--srch-x) * 100%) calc(var(--srch-y) * 100%);
}
html[data-srch-tod=pm] body.sr-cityhero .sr-root.dbsr-board{background-color:#a88a6c;background-image:url(//dronesboy.com/wp-content/plugins/dronesboy-situation-room/assets/img/cityhero-pm.webp?v=1.205.285)}
html[data-srch-tod=night] body.sr-cityhero .sr-root.dbsr-board{background-color:#0b1322;background-image:url(//dronesboy.com/wp-content/plugins/dronesboy-situation-room/assets/img/cityhero-night.webp?v=1.205.285)}
@media (max-width:1100px){
body.sr-cityhero .sr-root.dbsr-board{background-image:url(//dronesboy.com/wp-content/plugins/dronesboy-situation-room/assets/img/cityhero-day-m.webp?v=1.205.285)}
html[data-srch-tod=pm] body.sr-cityhero .sr-root.dbsr-board{background-image:url(//dronesboy.com/wp-content/plugins/dronesboy-situation-room/assets/img/cityhero-pm-m.webp?v=1.205.285)}
html[data-srch-tod=night] body.sr-cityhero .sr-root.dbsr-board{background-image:url(//dronesboy.com/wp-content/plugins/dronesboy-situation-room/assets/img/cityhero-night-m.webp?v=1.205.285)}
} body.sr-cityhero .sr-root.dbsr-board::before{
background:linear-gradient(90deg,rgba(6,14,24,.42) 0,rgba(6,14,24,.12) 40%,rgba(6,14,24,0) 56%),
linear-gradient(180deg,rgba(6,14,24,.28) 0,rgba(6,14,24,0) 16%,rgba(6,14,24,0) 84%,rgba(6,14,24,.3) 100%);
z-index:1;
}
html[data-srch-tod=night] body.sr-cityhero .sr-root.dbsr-board::before{
background:linear-gradient(90deg,rgba(4,9,20,.6) 0,rgba(4,9,20,.2) 42%,rgba(4,9,20,0) 58%),
linear-gradient(180deg,rgba(4,9,20,.35) 0,rgba(4,9,20,0) 20%,rgba(4,9,20,0) 78%,rgba(4,9,20,.5) 100%);
}
body.sr-cityhero .sr-root.dbsr-board::after{display:none}
body.sr-cityhero .sr-root.dbsr-board .dbsr-in{position:relative;z-index:3} body.sr-cityhero .sr-root.dbsr-board .dbsr-tv{background:none;border:0;border-radius:0;box-shadow:none;position:static;overflow:visible}
body.sr-cityhero .sr-root.dbsr-board .dbsr-tv::before,
body.sr-cityhero .sr-root.dbsr-board .dbsr-tv::after{display:none} body.sr-cityhero .sr-root.dbsr-board .srtvbar{background:rgba(7,9,13,.88);border-bottom:2px solid #E3262B;position:relative;z-index:4} body.sr-cityhero .sr-root.dbsr-board .dbsr-stage,
body.sr-cityhero .sr-root.dbsr-board .dbsr-search{
width:var(--srch-card);margin-left:var(--srch-l);box-sizing:border-box;
border:1px solid rgba(120,255,225,.6);
background:linear-gradient(180deg,rgba(10,38,42,.8),rgba(6,22,28,.88));
box-shadow:0 0 34px rgba(92,239,201,.22),0 18px 50px rgba(0,0,0,.28);
-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
position:relative;
}
body.sr-cityhero .sr-root.dbsr-board .dbsr-stage{margin-top:46px;border-bottom:0;box-shadow:0 -8px 34px rgba(92,239,201,.2);overflow:hidden}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search{margin-bottom:56px;border-top:0;padding:4px 26px 24px;text-align:left} body.sr-cityhero .sr-root.dbsr-board .dbsr-search{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(180deg,rgba(7,26,31,.9),rgba(6,22,28,.93))} @media (min-width:901px){
body.sr-cityhero .sr-root.dbsr-board{display:flex;flex-direction:column}
body.sr-cityhero .sr-root.dbsr-board .dbsr-in{flex:1 0 auto;display:flex;flex-direction:column;width:100%}
body.sr-cityhero .sr-root.dbsr-board .dbsr-tv{flex:1 0 auto;display:flex;flex-direction:column;padding-bottom:40px;box-sizing:border-box}
body.sr-cityhero .sr-root.dbsr-board .srtvbar{flex:none;margin-bottom:40px}
body.sr-cityhero .sr-root.dbsr-board .dbsr-stage{margin-top:auto;flex:none}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search{margin-bottom:auto;flex:none}
} body.sr-cityhero .sr-root .dbsr-tv .dbsr-stage::after{
mix-blend-mode:normal;
background:repeating-linear-gradient(0deg,rgba(160,255,235,.05) 0 1px,transparent 1px 4px);
animation:none;
}
body.sr-cityhero .sr-root .dbsr-tv .dbsr-stage::before{
content:"";position:absolute;left:0;right:0;top:0;height:46px;pointer-events:none;z-index:7;
background:linear-gradient(180deg,rgba(140,255,230,0),rgba(140,255,230,.12),rgba(140,255,230,0));
animation:srchScan 5.5s linear infinite;
}
@keyframes srchScan{from{transform:translateY(-46px)}to{transform:translateY(460px)}} body.sr-cityhero .sr-root.dbsr-board .srch-hh{
display:flex;align-items:center;gap:10px;padding:18px 26px 0;
font:600 11px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.24em;color:var(--srch-mint);
text-shadow:0 0 8px rgba(92,239,201,.7);
}
body.sr-cityhero .sr-root.dbsr-board .srch-hh i{width:6px;height:6px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 6px #ff3b3b;animation:srchBlink 1.4s infinite}
body.sr-cityhero .sr-root.dbsr-board .srch-hh span{flex-grow:1}
@keyframes srchBlink{50%{opacity:.25}} body.sr-cityhero .sr-root.dbsr-board .dbsr-globe{display:none}
body.sr-cityhero .sr-root.dbsr-board .srtvscr{display:block;padding:16px 26px 8px;min-height:0;background:none}
body.sr-cityhero .sr-root.dbsr-board .srtvscr::before{display:none}
body.sr-cityhero .sr-root.dbsr-board .dbsr-col{min-height:0} body.sr-cityhero .sr-root.dbsr-board .srtvmeta{color:#9fe8d6}
body.sr-cityhero .sr-root.dbsr-board .srtvkind{background:#E3262B;color:#fff;box-shadow:0 0 12px rgba(227,38,43,.55)}
body.sr-cityhero .sr-root.dbsr-board .srtvt{color:#f2fffc;text-shadow:0 0 14px rgba(92,239,201,.4);font-size:clamp(20px,1.9vw,26px);line-height:1.36;min-height:2.72em}
body.sr-cityhero .sr-root.dbsr-board .srtvs{color:#b6e6dc;font-size:14px;line-height:1.78;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:5.34em}
body.sr-cityhero .sr-root.dbsr-board .srtvsrc{color:#79b8aa}
body.sr-cityhero .sr-root.dbsr-board .srtvsrc span{color:#a9d9cf} body.sr-cityhero .sr-root.dbsr-board .dbsr-search form{
max-width:none;margin:0;background:rgba(4,16,20,.72);border:1px solid rgba(120,255,225,.45);
box-shadow:inset 0 0 14px rgba(92,239,201,.12);
}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search form:focus-within{border-color:rgba(160,255,235,.85)}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search input[type=search]::placeholder{color:#8fbdb3}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search .dbsr-ic{color:#8fbdb3}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search button[type=submit]{box-shadow:0 0 14px rgba(227,38,43,.4);min-height:40px} body.sr-cityhero .srch-lay{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:2}
body.sr-cityhero .srch-cv{position:absolute;left:0;top:0;display:block} @media (max-width:900px){ body.sr-cityhero .sr-root.dbsr-board{--srch-x:.69;--srch-h:560;--srch-oy:-40;--srch-card:auto;--srch-l:16px;min-height:0;
background-size:auto 560px;background-position:69% -40px}
body.sr-cityhero .sr-root.dbsr-board::before,
html[data-srch-tod=night] body.sr-cityhero .sr-root.dbsr-board::before{
background:linear-gradient(180deg,rgba(4,9,20,.15) 0,rgba(4,9,20,0) 30%,rgba(4,9,20,.5) 62%,rgba(4,9,20,.82) 100%);
}
body.sr-cityhero .sr-root.dbsr-board .dbsr-stage,
body.sr-cityhero .sr-root.dbsr-board .dbsr-search{margin-right:16px}
body.sr-cityhero .sr-root.dbsr-board .dbsr-stage{margin-top:210px}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search{margin-bottom:22px;padding:4px 16px 18px}
body.sr-cityhero .sr-root.dbsr-board .srtvscr{padding:14px 16px 6px}
body.sr-cityhero .sr-root.dbsr-board .srch-hh{padding:16px 16px 0;font-size:10px;letter-spacing:.18em}
} @media (max-width:900px){
body.sr-cityhero .sr-root.dbsr-board{overflow:visible}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search .dbsr-drop{
position:absolute!important;left:16px!important;right:16px!important;top:100%!important;width:auto!important;
margin-top:-10px;max-height:min(52vh,380px)!important;z-index:50}
}
@media (max-width:560px){
body.sr-cityhero .sr-root.dbsr-board .dbsr-stage{margin-top:170px}
body.sr-cityhero .sr-root.dbsr-board .srtvt{font-size:19px}
} @media (prefers-reduced-motion:reduce){
body.sr-cityhero .sr-root .dbsr-tv .dbsr-stage::before{display:none}
} body.sr-cityhero .srch-bb,body.sr-cityhero .srch-hud{position:absolute;left:0;top:0;pointer-events:none;will-change:transform} body.sr-cityhero .srch-bb{max-width:250px;padding:7px 11px 8px;box-sizing:border-box;
font:500 13px/1.5 'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;color:#eafff9;
background:rgba(6,22,28,.88);border:1px solid rgba(127,245,217,.6);border-radius:10px 10px 10px 2px;
box-shadow:0 6px 18px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body.sr-cityhero .srch-bb b{display:block;margin-bottom:2px;font:700 10px/1.2 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.14em;color:#7ff5d9}
body.sr-cityhero .srch-bb.l{border-radius:10px 10px 2px 10px}
body.sr-cityhero .srch-bb.t{background:rgba(250,250,248,.95);color:#15191e;border-color:rgba(227,38,43,.85)}
body.sr-cityhero .srch-bb.t b{color:#E3262B} body.sr-cityhero .srch-log{position:absolute;right:24px;bottom:24px;width:350px;box-sizing:border-box;padding:10px 14px 8px;
background:rgba(6,16,22,.84);border:1px solid rgba(127,245,217,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
color:#d8f3ec;font:13px/1.5 'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;pointer-events:none}
body.sr-cityhero .srch-log-h{display:flex;align-items:center;gap:8px;font:600 10.5px/1 'JetBrains Mono',ui-monospace,Consolas,monospace;letter-spacing:.2em;color:#7ff5d9}
body.sr-cityhero .srch-log-h i{width:6px;height:6px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 6px #ff3b3b;animation:srchBlink 1.4s infinite}
body.sr-cityhero .srch-log-h span{flex:1}
body.sr-cityhero .srch-log-h em{font-style:normal;color:#7fa9a0;letter-spacing:.08em}
body.sr-cityhero .srch-log ol{list-style:none;margin:8px 0 0;padding:0;min-height:7.5em}
body.sr-cityhero .srch-log li{display:grid;grid-template-columns:60px 58px minmax(0,1fr);gap:6px;padding:3px 0;border-top:1px solid rgba(127,245,217,.1)}
body.sr-cityhero .srch-log li:not(:last-child){opacity:.62}
body.sr-cityhero .srch-log time{font:11px/1.9 'JetBrains Mono',ui-monospace,monospace;color:#7fa9a0;font-variant-numeric:tabular-nums}
body.sr-cityhero .srch-log b{font:700 11px/1.9 'JetBrains Mono',ui-monospace,monospace;color:#7ff5d9;white-space:nowrap}
body.sr-cityhero .srch-log li.t b{color:#ff7a7a} body.sr-cityhero .srch-hud{padding:4px 9px 5px;background:rgba(6,22,28,.82);border-left:2px solid #7ff5d9;white-space:nowrap;
font:600 10.5px/1.5 'JetBrains Mono',ui-monospace,Consolas,monospace;color:#eafff9;letter-spacing:.06em}
body.sr-cityhero .srch-hud b{color:#7ff5d9}
body.sr-cityhero .srch-hud em{font:500 11px/1.5 'Noto Sans TC','PingFang TC',sans-serif;font-style:normal;color:#bfe3da;margin-left:6px}
body.sr-cityhero .srch-hud .st{margin-left:8px;color:#fff}
body.sr-cityhero .srch-hud q{display:none;quotes:none;white-space:normal;width:220px;margin-top:3px;font:500 12.5px/1.45 'Noto Sans TC','PingFang TC',sans-serif;color:#fff;letter-spacing:0}
body.sr-cityhero .srch-hud.on q{display:block}
body.sr-cityhero .srch-hud-t{border-left-color:#E3262B}
body.sr-cityhero .srch-hud-t b{color:#ff7a7a}
@media (max-width:900px){
body.sr-cityhero .srch-log{display:none}
body.sr-cityhero .srch-bb{max-width:200px;font-size:12px}
}