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.514) 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.514)}
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.514)}
@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.514)}
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.514)}
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.514)}
} body.sr-cityhero .sr-root.dbsr-board::before{ background:
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(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:clamp(130px,19vh,220px);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}
}  body.sr-cityhero .sr-root.dbsr-board .dbsr-stage .srtvscr,
body.sr-cityhero .sr-root.dbsr-board .srtvbar .dbsr-nav,
body.sr-cityhero .sr-root.dbsr-board .srtvbar .srtvhs:not(.srtvclock),
body.sr-cityhero .sr-root.dbsr-board .srtvbar .srtvprog{display:none}
body.sr-cityhero .sr-root.dbsr-board .srch-hh{letter-spacing:.12em}
body.sr-cityhero .sr-root.dbsr-board .srch-ap{position:relative;z-index:2;padding:14px 26px 14px}
body.sr-cityhero .sr-root.dbsr-board .srch-apt{margin:0 0 6px;color:#f2fffc;font:800 clamp(20px,1.8vw,25px)/1.38 'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;text-shadow:0 0 14px rgba(92,239,201,.35)}
body.sr-cityhero .sr-root.dbsr-board .srch-aps{margin:0 0 12px;color:#b6e6dc;font-size:14px;line-height:1.7}
body.sr-cityhero .sr-root.dbsr-board .srch-apl{list-style:none;margin:0;padding:0;border-top:1px solid rgba(120,255,225,.2)}
body.sr-cityhero .sr-root.dbsr-board .srch-apl li{margin:0;padding:0;border-bottom:1px solid rgba(120,255,225,.2)}
body.sr-cityhero .sr-root.dbsr-board .srch-apl a{display:flex;align-items:center;gap:12px;padding:10px 4px;text-decoration:none;color:#e9fffa;transition:background .15s}
body.sr-cityhero .sr-root.dbsr-board .srch-apl a:hover,
body.sr-cityhero .sr-root.dbsr-board .srch-apl a.on,
body.sr-cityhero .sr-root.dbsr-board .srch-apl a:focus-visible{background:rgba(127,245,217,.09);outline:0}
body.sr-cityhero .sr-root.dbsr-board .srch-apl i{flex:none;width:8px;height:8px;border-radius:50%;background:#5f8f86}
body.sr-cityhero .sr-root.dbsr-board .srch-apl i.live{background:#7ff5d9;box-shadow:0 0 8px #7ff5d9;animation:srchBlink 1.8s infinite}
body.sr-cityhero .sr-root.dbsr-board .srch-apl .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
body.sr-cityhero .sr-root.dbsr-board .srch-apl b{font-size:15.5px;font-weight:700;line-height:1.4}
body.sr-cityhero .sr-root.dbsr-board .srch-apl small{font-size:12.5px;color:#9fd8cb;line-height:1.5}
body.sr-cityhero .sr-root.dbsr-board .srch-apl em{font-style:normal;color:#ff5a5a;font-weight:700}
body.sr-cityhero .sr-root.dbsr-board .srch-apall{display:inline-block;margin-top:10px;font-size:13px;color:#9fe8d6;text-decoration:underline;text-underline-offset:3px}
body.sr-cityhero .sr-root.dbsr-board .srch-apall:hover{color:#fff} body.sr-cityhero .srch-tags{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:5}
body.sr-cityhero .srch-tag{position:absolute;left:0;top:0;display:inline-flex;align-items:center;gap:6px;padding:4px 9px 4px 7px;border-radius:13px;
background:rgba(6,22,28,.86);border:1px solid rgba(127,245,217,.65);color:#e9fffa;text-decoration:none;white-space:nowrap;
font:600 12.5px/1.2 'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif;box-shadow:0 0 12px rgba(92,239,201,.25);
pointer-events:auto;will-change:transform;transition:opacity .25s,border-color .15s,background .15s}
body.sr-cityhero .srch-tag i{width:6px;height:6px;border-radius:50%;background:#7ff5d9;box-shadow:0 0 6px #7ff5d9}
body.sr-cityhero .srch-tag span{display:none;color:#ffb3b3;font-weight:500}
body.sr-cityhero .srch-tag:hover,body.sr-cityhero .srch-tag.on{background:rgba(10,38,42,.95);border-color:#fff}
body.sr-cityhero .srch-tag:hover span,body.sr-cityhero .srch-tag.on span{display:inline}
body.sr-cityhero .srch-tag.off{opacity:0;pointer-events:none}
body.sr-cityhero .srch-hot .srch-tag:not(.on){opacity:.35}
body.sr-cityhero .srch-hot .srch-tag.off{opacity:0}
@media (max-width:900px){
body.sr-cityhero .sr-root.dbsr-board .srch-ap{padding:12px 16px 10px}
body.sr-cityhero .sr-root.dbsr-board .srch-aps{font-size:13px}
body.sr-cityhero .srch-tag{font-size:12px;padding:3px 8px 3px 6px}
}
@media (prefers-reduced-motion:reduce){body.sr-cityhero .sr-root.dbsr-board .srch-apl i.live{animation:none}} body.sr-cityhero .sr-root.dbsr-board .dbsr-stage,
body.sr-cityhero .sr-root.dbsr-board .dbsr-search{border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.sr-cityhero .sr-root.dbsr-board .dbsr-tv .dbsr-stage::before,
body.sr-cityhero .sr-root.dbsr-board .dbsr-tv .dbsr-stage::after,
body.sr-cityhero .sr-root.dbsr-board .srch-hh,
body.sr-cityhero .sr-root.dbsr-board .srch-apl{display:none}
body.sr-cityhero .sr-root.dbsr-board::after{display:block;content:"";position:absolute;inset:0;z-index:2;pointer-events:none; background:none}
body.sr-cityhero .sr-root.dbsr-board .srch-ap{padding:0 0 6px}
body.sr-cityhero .sr-root.dbsr-board .srch-apt{font-size:clamp(28px,2.8vw,40px);line-height:1.3;color:#fff;margin-bottom:12px;
text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.7)}
body.sr-cityhero .sr-root.dbsr-board .srch-aps{font-size:16px;color:#f4f8f7;font-weight:500;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.7);margin-bottom:8px}
body.sr-cityhero .sr-root.dbsr-board .srch-apall{color:#fff;text-shadow:0 0 1px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.7);font-size:14px;font-weight:600}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search{padding:14px 0 0}
body.sr-cityhero .sr-root.dbsr-board .dbsr-search form{background:rgba(6,12,18,.78);border-color:rgba(255,255,255,.28);box-shadow:0 8px 30px rgba(0,0,0,.35)}
@media (max-width:900px){
body.sr-cityhero .sr-root.dbsr-board::after{background:linear-gradient(180deg,rgba(4,8,14,0) 0,rgba(4,8,14,0) 40%,rgba(4,8,14,.7) 70%)}
body.sr-cityhero .sr-root.dbsr-board .srch-apt{font-size:24px}
body.sr-cityhero .sr-root.dbsr-board .srch-aps{font-size:14px}
}
body.sr-cityhero .sr-root.dbsr-board .srch-apt span{display:inline-block} @media (max-width:900px){body.sr-cityhero .sr-root.dbsr-board .dbsr-stage{margin-top:330px}}
@media (max-width:560px){body.sr-cityhero .sr-root.dbsr-board .dbsr-stage{margin-top:300px}} body.sr-cityhero .sr-root.dbsr-board .dbsr-stage{min-height:130px} @media (min-width:901px){
body.sr-cityhero .sr-root.dbsr-board{min-height:max(640px,min(calc(100vw * .4164),calc(100vh - 70px)))}
} @media (min-width:901px){
body.sr-cityhero .sr-root.dbsr-board{--srch-x:.82;min-height:max(680px,min(calc(100vw * .476),calc(100vh - 74px)))}
}