#idc-cb-root,
#idc-cb-root * {
box-sizing: border-box !important;
font-family: "Pretendard Variable", "Pretendard", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", sans-serif !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
#idc-cb-root button,
#idc-cb-root input  { outline: none !important; border: none !important; }
#idc-cb-root p,
#idc-cb-root em     { margin: 0 !important; padding: 0 !important; } #idc-cb-root {
position: fixed !important;
bottom: 70px !important;
right: 105px !important;
z-index: 999999 !important;
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 2px !important;
} #idc-cb-bubble {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
color: #002C5F !important;
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
letter-spacing: -0.02em !important;
padding: 12px 26px !important;
border-radius: 22px 22px 6px 22px !important;
cursor: pointer !important;
box-shadow:
0 8px 32px rgba(0,44,95,0.28),
0 2px 8px rgba(0,44,95,0.12),
inset 0 1px 0 rgba(255,255,255,0.9) !important;
border: 1.5px solid rgba(0,44,95,0.08) !important;
animation: idcCbBounce 2.6s ease-in-out infinite !important;
white-space: nowrap !important;
text-align: center !important;
position: absolute !important;
bottom: 168px !important;
right: 45px !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
}
#idc-cb-bubble::after {
content: "" !important;
position: absolute !important;
bottom: -11px !important; right: 28px !important;
border: 11px solid transparent !important;
border-top-color: #f8fafc !important;
border-bottom: 0 !important;
filter: drop-shadow(0 3px 2px rgba(0,44,95,0.08)) !important;
}
#idc-cb-bubble strong {
display: block !important;
font-size: 18px !important;
font-weight: 800 !important;
color: #002C5F !important;
margin-bottom: 1px !important;
}
@keyframes idcCbBounce {
0%,100% { transform: translateY(0); }
50%      { transform: translateY(-7px); }
}
#idc-cb-bubble.hidden { display: none !important; } #idc-cb-toggle {
width: 161px !important;
height: 161px !important;
border-radius: 50% !important;
background: linear-gradient(135deg, #ffffff 0%, #f0f4f8 100%) !important;
box-shadow:
0 14px 40px rgba(0,44,95,0.30),
0 4px 12px rgba(0,170,210,0.18),
inset 0 0 0 1px rgba(255,255,255,0.6) !important;
cursor: pointer !important;
padding: 0 !important;
position: relative !important;
overflow: visible !important;
transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease !important;
border: 3px solid rgba(255,255,255,0.95) !important;
animation: idcCbCharIn .4s cubic-bezier(.22,1,.36,1) both !important;
} #idc-cb-toggle::before {
content: "" !important;
position: absolute !important;
inset: -6px !important;
border-radius: 50% !important;
background: conic-gradient(from 0deg, #00AAD2, #d4af37, #002C5F, #00AAD2) !important;
z-index: -1 !important;
opacity: .65 !important;
filter: blur(10px) !important;
animation: idcCbSpin 6s linear infinite !important;
}
#idc-cb-toggle:hover {
transform: scale(1.08) translateY(-3px) !important;
box-shadow:
0 20px 50px rgba(0,44,95,0.42),
0 6px 18px rgba(0,170,210,0.28),
inset 0 0 0 1px rgba(255,255,255,0.7) !important;
}
#idc-cb-toggle:hover::before { opacity: .85 !important; }
@keyframes idcCbCharIn {
from { opacity: 0; transform: scale(.82); }
to   { opacity: 1; transform: scale(1); }
}
@keyframes idcCbSpin {
to { transform: rotate(360deg); }
}
#idc-cb-char {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 50% !important;
background: #ffffff !important;
} #idc-cb-badge {
position: absolute !important;
top: -2px !important; right: -2px !important;
width: 26px !important; height: 26px !important;
background: linear-gradient(135deg, #e11d2e 0%, #ff4757 100%) !important;
color: #fff !important;
border-radius: 50% !important;
font-size: 12px !important; font-weight: 800 !important;
display: flex !important;
align-items: center !important; justify-content: center !important;
border: 2.5px solid #fff !important;
box-shadow: 0 4px 12px rgba(225,29,46,0.45) !important;
animation: idcCbBadgePulse 1.8s ease-in-out infinite !important;
}
@keyframes idcCbBadgePulse {
0%,100% { transform: scale(1); }
50%      { transform: scale(1.12); }
}
#idc-cb-badge.hidden { display: none !important; } #idc-cb-popup {
position: fixed !important;
bottom: 30px !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: min(1120px, 94vw) !important;
height: min(800px, 90vh) !important;
background: #ffffff !important;
border-radius: 24px !important;
box-shadow:
0 50px 120px rgba(0,28,60,0.35),
0 12px 32px rgba(0,44,95,0.18),
inset 0 1px 0 rgba(255,255,255,0.9) !important;
display: none !important;
flex-direction: column !important;
overflow: hidden !important;
z-index: 999998 !important;
border: 1px solid rgba(0,44,95,0.08) !important;
}
#idc-cb-popup.open {
display: flex !important;
animation: idcCbOpen .42s cubic-bezier(.22,1,.36,1) !important;
}
@keyframes idcCbOpen {
from { opacity: 0; transform: translateX(-50%) translateY(28px) scale(.92); }
to   { opacity: 1; transform: translateX(-50%) translateY(0)    scale(1); }
} #idc-cb-header {
display: flex !important;
align-items: flex-start !important;
padding: 28px 60px 24px 32px !important;
background:
radial-gradient(ellipse at top right, rgba(0,170,210,0.22) 0%, transparent 55%),
radial-gradient(ellipse at bottom left, rgba(212,175,55,0.10) 0%, transparent 55%),
linear-gradient(135deg, #001428 0%, #002C5F 45%, #003a7a 100%) !important;
flex-shrink: 0 !important;
position: relative !important;
border-bottom: none !important;
overflow: hidden !important;
} #idc-cb-header::after {
content: "" !important;
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
height: 2px !important;
background: linear-gradient(90deg, transparent 0%, #d4af37 30%, #f5d76e 50%, #d4af37 70%, transparent 100%) !important;
opacity: .8 !important;
} #idc-cb-header::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background-image:
radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.45) 50%, transparent 100%),
radial-gradient(1px 1px at 70% 20%, rgba(255,255,255,0.35) 50%, transparent 100%),
radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,0.4) 50%, transparent 100%),
radial-gradient(1px 1px at 85% 60%, rgba(0,170,210,0.5) 50%, transparent 100%),
radial-gradient(1px 1px at 15% 80%, rgba(212,175,55,0.45) 50%, transparent 100%);
pointer-events: none !important;
}
#idc-cb-hinfo {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
position: relative !important;
z-index: 2 !important;
} #idc-cb-hinfo strong {
display: block !important;
color: #ffffff !important;
font-size: 32px !important;
font-weight: 900 !important;
letter-spacing: -.04em !important;
line-height: 1.1 !important;
font-style: normal !important;
text-shadow: 0 2px 12px rgba(0,0,0,0.25) !important;
} #idc-cb-htitle-accent {
background: linear-gradient(135deg, #f5d76e 0%, #d4af37 50%, #f5d76e 100%) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
font-style: normal !important;
font-weight: 900 !important;
} #idc-cb-hinfo > span {
display: flex !important;
align-items: center !important;
gap: 8px !important;
color: rgba(255,255,255,0.82) !important;
font-size: 14px !important;
font-weight: 500 !important;
letter-spacing: -0.01em !important;
} #idc-cb-sub {
font-style: normal !important;
font-size: 13px !important;
font-weight: 600 !important;
color: #f5d76e !important;
opacity: .9 !important;
letter-spacing: -0.01em !important;
} .idc-cb-dot {
display: inline-block !important;
width: 9px !important; height: 9px !important;
border-radius: 50% !important;
background: #00ddff !important;
box-shadow:
0 0 0 3px rgba(0,221,255,0.25),
0 0 12px rgba(0,221,255,0.7) !important;
animation: idcCbPulse 2s ease-in-out infinite !important;
flex-shrink: 0 !important;
}
@keyframes idcCbPulse {
0%,100% { box-shadow: 0 0 0 3px rgba(0,221,255,0.25), 0 0 12px rgba(0,221,255,0.7); }
50%      { box-shadow: 0 0 0 8px rgba(0,221,255,0.08), 0 0 18px rgba(0,221,255,0.5); }
} #idc-cb-close {
position: absolute !important;
top: 20px !important; right: 20px !important;
background: rgba(255,255,255,0.12) !important;
color: #ffffff !important;
width: 38px !important; height: 38px !important;
border-radius: 50% !important;
font-size: 16px !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important; justify-content: center !important;
transition: background .25s, color .25s, transform .35s !important;
z-index: 5 !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255,255,255,0.18) !important;
}
#idc-cb-close:hover {
background: rgba(225,29,46,0.85) !important;
color: #fff !important;
transform: rotate(90deg) !important;
} #idc-cb-body {
display: flex !important;
flex: 1 !important;
overflow: hidden !important;
background: #ffffff !important;
} #idc-cb-sidebar {
width: 220px !important;
flex-shrink: 0 !important;
background:
linear-gradient(180deg, rgba(0,28,60,0.97) 0%, rgba(0,20,40,0.98) 100%) !important;
display: flex !important;
flex-direction: column !important;
gap: 7px !important;
padding: 22px 14px 18px !important;
overflow-y: auto !important;
border-right: 1px solid rgba(255,255,255,0.06) !important;
position: relative !important;
} #idc-cb-sidebar::before {
content: "" !important;
position: absolute !important;
left: 0 !important; top: 22px !important; bottom: 22px !important;
width: 2px !important;
background: linear-gradient(180deg, transparent 0%, #d4af37 20%, #f5d76e 50%, #d4af37 80%, transparent 100%) !important;
opacity: .55 !important;
} #idc-cb-sidebar::-webkit-scrollbar { width: 4px; }
#idc-cb-sidebar::-webkit-scrollbar-track { background: transparent; }
#idc-cb-sidebar::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.18); border-radius: 4px; } .idc-cb-menu {
width: 100% !important;
background: rgba(255,255,255,0.05) !important;
color: #e8eef5 !important;
font-size: 13.5px !important;
font-weight: 600 !important;
padding: 11px 13px !important;
border-radius: 10px !important;
text-align: left !important;
cursor: pointer !important;
transition: background .22s, color .22s, transform .22s, box-shadow .22s, border-color .22s !important;
border: 1px solid rgba(255,255,255,0.08) !important;
letter-spacing: -0.01em !important;
display: flex !important;
flex-direction: row !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
line-height: 1 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
position: relative !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
} .idc-cb-menu::before {
content: "" !important;
position: absolute !important;
top: 0 !important; left: -100% !important;
width: 100% !important; height: 100% !important;
background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.12) 50%, transparent 100%) !important;
transition: left .55s ease !important;
pointer-events: none !important;
}
.idc-cb-menu:hover::before { left: 100% !important; } .idc-cb-menu svg,
.idc-cb-consult svg {
width: 15px !important;
height: 15px !important;
min-width: 15px !important;
min-height: 15px !important;
max-width: 15px !important;
max-height: 15px !important;
flex-shrink: 0 !important;
color: #00ddff !important;
stroke: currentColor !important;
}
.idc-cb-menu:hover {
background: linear-gradient(135deg, rgba(0,170,210,0.20) 0%, rgba(0,44,95,0.35) 100%) !important;
color: #ffffff !important;
border-color: rgba(0,221,255,0.45) !important;
transform: translateX(4px) !important;
box-shadow:
0 6px 18px rgba(0,170,210,0.25),
inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
.idc-cb-menu:hover svg { color: #f5d76e !important; }
.idc-cb-menu.active {
background: linear-gradient(135deg, #00AAD2 0%, #0088b3 100%) !important;
color: #ffffff !important;
border-color: rgba(245,215,110,0.5) !important;
box-shadow:
0 8px 22px rgba(0,170,210,0.4),
inset 0 1px 0 rgba(255,255,255,0.2) !important;
}
.idc-cb-menu.active svg { color: #ffffff !important; } .idc-cb-menu-hot {
background:
linear-gradient(135deg, rgba(245,215,110,0.18) 0%, rgba(212,175,55,0.10) 50%, rgba(0,44,95,0.55) 100%) !important;
border-color: rgba(245,215,110,0.55) !important;
color: #fff !important;
box-shadow:
0 4px 14px rgba(212,175,55,0.20),
inset 0 1px 0 rgba(245,215,110,0.18) !important;
font-weight: 700 !important;
}
.idc-cb-menu-hot svg {
color: #f5d76e !important;
filter: drop-shadow(0 0 4px rgba(245,215,110,0.45)) !important;
}
.idc-cb-menu-hot::after {
content: "HOT" !important;
position: absolute !important;
top: 50% !important; right: 10px !important;
transform: translateY(-50%) !important;
font-size: 9px !important;
font-weight: 900 !important;
letter-spacing: 0.06em !important;
background: linear-gradient(135deg, #d4af37 0%, #f5d76e 50%, #d4af37 100%) !important;
background-size: 200% 100% !important;
color: #001428 !important;
padding: 3px 7px !important;
border-radius: 4px !important;
box-shadow:
0 3px 10px rgba(212,175,55,0.55),
inset 0 1px 0 rgba(255,255,255,0.5) !important;
animation: idcCbShimmer 2.4s ease-in-out infinite !important;
}
@keyframes idcCbShimmer {
0%,100% { background-position: 0% 0; }
50%      { background-position: 100% 0; }
}
.idc-cb-menu-hot:hover {
background: linear-gradient(135deg, rgba(245,215,110,0.30) 0%, rgba(212,175,55,0.20) 50%, rgba(0,170,210,0.35) 100%) !important;
border-color: rgba(245,215,110,0.85) !important;
box-shadow:
0 8px 22px rgba(212,175,55,0.35),
inset 0 1px 0 rgba(245,215,110,0.3) !important;
} .idc-cb-menu-premium {
background:
linear-gradient(135deg, rgba(0,221,255,0.18) 0%, rgba(0,170,210,0.10) 50%, rgba(0,44,95,0.55) 100%) !important;
border-color: rgba(0,221,255,0.50) !important;
color: #fff !important;
box-shadow:
0 4px 14px rgba(0,170,210,0.22),
inset 0 1px 0 rgba(0,221,255,0.18) !important;
font-weight: 700 !important;
}
.idc-cb-menu-premium svg {
color: #00ddff !important;
filter: drop-shadow(0 0 4px rgba(0,221,255,0.5)) !important;
}
.idc-cb-menu-premium::after {
content: "NEW" !important;
position: absolute !important;
top: 50% !important; right: 10px !important;
transform: translateY(-50%) !important;
font-size: 9px !important;
font-weight: 900 !important;
letter-spacing: 0.06em !important;
background: linear-gradient(135deg, #00ddff 0%, #00AAD2 50%, #00ddff 100%) !important;
background-size: 200% 100% !important;
color: #001428 !important;
padding: 3px 7px !important;
border-radius: 4px !important;
box-shadow:
0 3px 10px rgba(0,170,210,0.55),
inset 0 1px 0 rgba(255,255,255,0.5) !important;
animation: idcCbShimmer 2.4s ease-in-out infinite reverse !important;
}
.idc-cb-menu-premium:hover {
background: linear-gradient(135deg, rgba(0,221,255,0.30) 0%, rgba(0,170,210,0.20) 50%, rgba(212,175,55,0.30) 100%) !important;
border-color: rgba(0,221,255,0.85) !important;
box-shadow:
0 8px 22px rgba(0,170,210,0.40),
inset 0 1px 0 rgba(0,221,255,0.3) !important;
} .idc-cb-consult {
margin-top: auto !important;
width: 100% !important;
background:
linear-gradient(180deg, rgba(255,255,255,0.18) 0%, transparent 55%),
linear-gradient(135deg, #001428 0%, #002C5F 22%, #0066b3 50%, #002C5F 78%, #001428 100%) !important;
background-size: 100% 100%, 200% 100% !important;
color: #ffffff !important;
font-size: 15px !important;
font-weight: 900 !important;
padding: 15px 12px !important;
border-radius: 12px !important;
text-align: center !important;
cursor: pointer !important;
letter-spacing: -.01em !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.35) !important;
transition: background-position .4s, transform .25s, box-shadow .25s, filter .25s !important;
box-shadow:
0 10px 28px rgba(0,44,95,0.50),
0 2px 6px rgba(0,170,210,0.28),
inset 0 1px 0 rgba(255,255,255,0.22),
inset 0 -2px 0 rgba(0,12,30,0.45) !important;
border: 1px solid rgba(0,221,255,0.45) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
white-space: nowrap !important;
position: relative !important;
overflow: hidden !important;
} .idc-cb-consult::before {
content: "" !important;
position: absolute !important;
top: 0 !important; left: -120% !important;
width: 80% !important; height: 100% !important;
background: linear-gradient(110deg, transparent 0%, rgba(0,221,255,0.55) 50%, transparent 100%) !important;
transform: skewX(-22deg) !important;
animation: idcCbSapphireSweep 4.5s ease-in-out infinite !important;
pointer-events: none !important;
}
@keyframes idcCbSapphireSweep {
0%   { left: -120%; }
60%  { left: 130%; }
100% { left: 130%; }
}
.idc-cb-consult svg {
color: #ffffff !important;
stroke: #ffffff !important;
filter: drop-shadow(0 0 6px rgba(0,221,255,0.7)) !important;
}
.idc-cb-consult:hover {
background-position: 0 0, 100% 0 !important;
transform: translateY(-3px) !important;
filter: brightness(1.10) !important;
box-shadow:
0 16px 36px rgba(0,170,210,0.55),
0 4px 10px rgba(0,170,210,0.40),
inset 0 1px 0 rgba(0,221,255,0.35),
inset 0 -2px 0 rgba(0,12,30,0.50) !important;
border-color: rgba(0,221,255,0.7) !important;
} #idc-cb-main {
flex: 1 !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;
background:
radial-gradient(circle at 20% 30%, rgba(0,170,210,0.04) 0%, transparent 35%),
radial-gradient(circle at 80% 70%, rgba(212,175,55,0.03) 0%, transparent 35%),
#fafbfd !important;
position: relative !important;
} #idc-cb-main::before {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background-image: radial-gradient(circle, rgba(0,44,95,0.045) 1px, transparent 1px) !important;
background-size: 18px 18px !important;
pointer-events: none !important;
opacity: .55 !important;
z-index: 0 !important;
} #idc-cb-main::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'><defs><linearGradient id='wpg' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%23001428'/><stop offset='0.5' stop-color='%23002C5F'/><stop offset='1' stop-color='%2300AAD2'/></linearGradient></defs><circle cx='60' cy='60' r='56' fill='none' stroke='url(%23wpg)' stroke-width='3'/><path d='M28 40 L46 90 L55 62 L60 90 L65 62 L74 90 L92 40' stroke='url(%23wpg)' stroke-width='3.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/><text x='60' y='110' text-anchor='middle' font-family='Georgia,serif' font-size='8' font-weight='700' fill='%23002C5F' letter-spacing='1'>WordPress</text></svg>") !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 620px 620px !important;
opacity: .065 !important;
pointer-events: none !important;
z-index: 0 !important;
} #idc-cb-messages {
flex: 1 !important;
overflow-y: auto !important;
padding: 26px 24px !important;
display: flex !important;
flex-direction: column !important;
gap: 18px !important;
scroll-behavior: smooth !important;
position: relative !important;
z-index: 2 !important;
}
#idc-cb-messages::-webkit-scrollbar { width: 6px; }
#idc-cb-messages::-webkit-scrollbar-track { background: transparent; }
#idc-cb-messages::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, #c8d3e0 0%, #a8b3c0 100%);
border-radius: 6px;
} .idc-cb-msg {
max-width: 90% !important;
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
animation: idcCbMsgIn .28s cubic-bezier(.22,1,.36,1) !important;
}
@keyframes idcCbMsgIn {
from { opacity:0; transform: translateY(12px); }
to   { opacity:1; transform: translateY(0); }
}
.idc-cb-msg.user { align-self: flex-end !important; align-items: flex-end !important; }
.idc-cb-msg.bot  { align-self: flex-start !important; align-items: flex-start !important; }
.idc-cb-bubble-wrap {
display: flex !important;
align-items: flex-end !important;
gap: 10px !important;
}
.idc-cb-msg.user .idc-cb-bubble-wrap { flex-direction: row-reverse !important; } .idc-cb-avatar {
width: 38px !important; height: 38px !important;
border-radius: 50% !important;
object-fit: cover !important;
flex-shrink: 0 !important;
border: 2px solid #ffffff !important;
box-shadow:
0 0 0 2px rgba(212,175,55,0.45),
0 4px 10px rgba(0,44,95,0.18) !important;
}
.idc-cb-msg.user .idc-cb-avatar {
border-color: #ffffff !important;
box-shadow:
0 0 0 2px #002C5F,
0 4px 10px rgba(0,44,95,0.25) !important;
} .idc-cb-text {
padding: 14px 19px !important;
border-radius: 18px !important;
font-size: 15px !important;
line-height: 1.75 !important;
word-break: keep-all !important;
white-space: pre-line !important;
letter-spacing: -0.01em !important;
}
.idc-cb-msg.bot .idc-cb-text {
background: #ffffff !important;
color: #111827 !important;
border-bottom-left-radius: 4px !important;
border: 1px solid rgba(0,44,95,0.08) !important;
box-shadow:
0 4px 14px rgba(0,44,95,0.08),
0 1px 3px rgba(0,44,95,0.06) !important;
position: relative !important;
} .idc-cb-msg.bot .idc-cb-text::before {
content: "" !important;
position: absolute !important;
left: 0 !important; top: 12px !important; bottom: 12px !important;
width: 2px !important;
background: linear-gradient(180deg, #d4af37 0%, #f5d76e 50%, #d4af37 100%) !important;
border-radius: 2px !important;
opacity: .65 !important;
}
.idc-cb-msg.user .idc-cb-text {
background: linear-gradient(135deg, #002C5F 0%, #003a7a 100%) !important;
color: #ffffff !important;
border-bottom-right-radius: 4px !important;
box-shadow: 0 6px 18px rgba(0,44,95,0.30) !important;
} .idc-cb-time {
font-size: 11px !important;
color: #9ca3af !important;
letter-spacing: 0.02em !important;
} .idc-cb-typing span {
display: inline-block !important;
width: 8px !important; height: 8px !important;
border-radius: 50% !important;
background: #00AAD2 !important;
margin: 0 2.5px !important;
animation: idcCbDot 1.2s ease-in-out infinite !important;
box-shadow: 0 0 8px rgba(0,170,210,0.5) !important;
}
.idc-cb-typing span:nth-child(2) { animation-delay: .2s !important; }
.idc-cb-typing span:nth-child(3) { animation-delay: .4s !important; }
@keyframes idcCbDot {
0%,80%,100% { transform: translateY(0); opacity: .5; }
40%          { transform: translateY(-9px); opacity: 1; }
} .idc-cb-quick-wrap {
display: flex !important;
flex-wrap: wrap !important;
gap: 7px !important;
margin-top: 8px !important;
}
.idc-cb-quick {
background:
linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(240,244,248,0.95) 100%) !important;
color: #002C5F !important;
border: 1.5px solid transparent !important;
background-clip: padding-box !important;
border-radius: 999px !important;
padding: 8px 18px !important;
font-size: 13px !important;
font-weight: 700 !important;
cursor: pointer !important;
letter-spacing: -0.01em !important;
transition: all .25s cubic-bezier(.22,1,.36,1) !important;
box-shadow:
0 0 0 1.5px rgba(0,44,95,0.85),
0 4px 10px rgba(0,44,95,0.10),
inset 0 1px 0 rgba(255,255,255,1) !important;
position: relative !important;
}
.idc-cb-quick:hover {
background: linear-gradient(135deg, #002C5F 0%, #00AAD2 100%) !important;
color: #ffffff !important;
transform: translateY(-2px) !important;
box-shadow:
0 0 0 1.5px rgba(245,215,110,0.6),
0 8px 22px rgba(0,170,210,0.40),
inset 0 1px 0 rgba(255,255,255,0.25) !important;
} .idc-cb-link-btn {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
margin-top: 12px !important;
padding: 11px 24px !important;
background: linear-gradient(135deg, #002C5F 0%, #003a7a 50%, #002C5F 100%) !important;
background-size: 200% 100% !important;
color: #ffffff !important;
border-radius: 999px !important;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: background-position .35s, box-shadow .25s, transform .25s !important;
box-shadow:
0 6px 18px rgba(0,44,95,0.32),
inset 0 1px 0 rgba(255,255,255,0.15) !important;
letter-spacing: -0.01em !important;
border: 1px solid rgba(245,215,110,0.25) !important;
}
.idc-cb-link-btn:hover {
background-position: 100% 0 !important;
box-shadow:
0 10px 26px rgba(0,170,210,0.40),
inset 0 1px 0 rgba(245,215,110,0.3) !important;
transform: translateY(-2px) !important;
} #idc-cb-input-wrap {
display: flex !important;
gap: 10px !important;
padding: 16px 20px !important;
border-top: 1px solid rgba(0,44,95,0.08) !important;
background:
linear-gradient(180deg, rgba(255,255,255,0.95) 0%, #ffffff 100%) !important;
flex-shrink: 0 !important;
position: relative !important;
z-index: 2 !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
}
#idc-cb-input {
flex: 1 !important;
background: #f0f4f8 !important;
border-radius: 28px !important;
padding: 13px 22px !important;
font-size: 15px !important;
color: #111827 !important;
border: 1.5px solid rgba(0,44,95,0.10) !important;
transition: border-color .25s, background .25s, box-shadow .25s !important;
letter-spacing: -0.01em !important;
}
#idc-cb-input::placeholder { color: #9ca3af !important; }
#idc-cb-input:focus {
border-color: #00AAD2 !important;
background: #ffffff !important;
box-shadow:
0 0 0 4px rgba(0,170,210,0.15),
inset 0 1px 2px rgba(0,44,95,0.04) !important;
}
#idc-cb-send {
width: 48px !important; height: 48px !important;
background: linear-gradient(135deg, #002C5F 0%, #00AAD2 100%) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important; justify-content: center !important;
cursor: pointer !important;
flex-shrink: 0 !important;
align-self: center !important;
transition: transform .25s, box-shadow .25s, filter .25s !important;
box-shadow:
0 6px 18px rgba(0,170,210,0.40),
inset 0 1px 0 rgba(255,255,255,0.25) !important;
position: relative !important;
}
#idc-cb-send:hover {
transform: scale(1.10) rotate(-8deg) !important;
box-shadow:
0 10px 28px rgba(0,170,210,0.55),
inset 0 1px 0 rgba(255,255,255,0.35) !important;
filter: brightness(1.08) !important;
}
#idc-cb-send svg {
width: 20px !important; height: 20px !important;
stroke: #fff !important;
} @media (max-width: 768px) {
#idc-cb-root { bottom: 20px !important; right: 20px !important; }
#idc-cb-toggle { width: 129px !important; height: 129px !important; }
#idc-cb-bubble { font-size: 14px !important; padding: 9px 18px !important; line-height: 1.4 !important; }
#idc-cb-bubble strong { font-size: 15px !important; margin-bottom: 1px !important; }
#idc-cb-popup {
bottom: 16px !important;
left: 16px !important;
transform: none !important;
width: calc(100vw - 32px) !important;
height: calc(100vh - 110px) !important;
border-radius: 18px !important;
}
#idc-cb-popup.open { animation: idcCbOpenMob .35s cubic-bezier(.22,1,.36,1) !important; }
@keyframes idcCbOpenMob {
from { opacity:0; transform: scale(.92) translateY(18px); }
to   { opacity:1; transform: scale(1) translateY(0); }
}
#idc-cb-header { padding: 22px 56px 20px 20px !important; }
#idc-cb-hinfo strong { font-size: 22px !important; }
#idc-cb-hinfo > span { font-size: 12px !important; }
#idc-cb-sub { font-size: 12px !important; }
#idc-cb-sidebar { width: 160px !important; padding: 16px 10px !important; gap: 6px !important; }
.idc-cb-menu { font-size: 12.5px !important; padding: 10px 11px !important; }
.idc-cb-menu-hot::after { font-size: 8px !important; padding: 1px 4px !important; right: 6px !important; }
.idc-cb-consult { font-size: 13.5px !important; padding: 12px 8px !important; }
.idc-cb-text { font-size: 14px !important; }
#idc-cb-toggle::before { inset: -4px !important; filter: blur(6px) !important; }
}
@media (max-width: 480px) {
#idc-cb-sidebar { display: none !important; }
#idc-cb-hinfo strong { font-size: 19px !important; }
#idc-cb-header { padding: 18px 50px 16px 18px !important; }
}