.bkiwmap-container {
position: relative;
width: 100%;
max-width: 1000px;
margin: 20px auto;
background: #ffffff; border-radius: 12px;
overflow: hidden;
aspect-ratio: 1.6 / 1;
}
.bkiwmap-svg {
width: 100%;
height: 100%;
display: block;
}
.bkiwmap-land {
fill: #dfe4e7; stroke: #fff;
stroke-width: 0.5;
}
.bkiwmap-arc {
fill: none;
stroke: rgba(4, 98, 183, 0.15); stroke-width: 1;
stroke-linecap: round;
pointer-events: none;
}
.bkiwmap-arc-dash {
fill: none;
stroke: #0462b7; stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 4, 8; animation: flow 15s linear infinite;
pointer-events: none;
}
@keyframes flow {
from {
stroke-dashoffset: 500;
}
to {
stroke-dashoffset: 0;
}
}
.bkiwmap-target-dot {
fill: #0462b7;
stroke: rgba(4, 98, 183, 0.3);
stroke-width: 4;
cursor: pointer;
transition: fill 0.2s;
}
.bkiwmap-target-dot:hover {
fill: #003d73;
}
.bkiwmap-center-dot {
fill: #0462b7;
stroke: rgba(4, 98, 183, 0.2);
stroke-width: 6;
}
.bkiwmap-tooltip {
position: absolute;
background: rgba(4, 98, 183, 0.95); color: #fff;
padding: 6px 12px;
border-radius: 4px;
font-size: 13px;
pointer-events: none;
z-index: 100;
font-family: inherit;
transform: translate(-50%, -140%);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
white-space: nowrap;
opacity: 0;
transition: opacity 0.2s;
}
.bkiwmap-country-list-container {
padding: 20px;
background: #fff;
margin-top: 10px;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.bkiwmap-list-title {
font-size: 14px;
font-weight: 600;
color: #888;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
.bkiwmap-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 15px 20px;
}
.bkiwmap-country-item {
display: flex;
align-items: center;
font-size: 11px;
color: #888;
text-transform: uppercase;
font-family: serif; }
.bkiwmap-square {
width: 12px;
height: 12px;
background: #dfe4e7;
margin-right: 10px;
flex-shrink: 0;
}
@media (max-width: 900px) {
.bkiwmap-grid {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {
.bkiwmap-grid {
grid-template-columns: repeat(2, 1fr);
}
}