.hide-scrollbar::-webkit-scrollbar {
    display: none;
}

.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* 移动端菜单样式 */
.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 82, 204, 0.95);
    z-index: 50;
    padding: 2rem;
}

.mobile-menu.active {
    display: block;
}

body.overflow-hidden {
    overflow: hidden;
}

/* 服务卡片样式 */
.service-card {
    transition: all 0.3s ease;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}



.service-details {
    max-height: none;
    overflow: visible;
}



/* 面包屑导航样式 */
.breadcrumb {
    color: #666;
}

.breadcrumb a {
    color: #0052CC;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #2684FF;
}

/* 服务图标样式 */
.service-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: white;
}

/* 服务列表项样式 */
.service-item {
    position: relative;
    transition: all 0.3s ease;
    padding: 4px;
    border-radius: 3px;
    cursor: pointer;
}

.service-item:hover {
/* 悬停效果由各颜色类单独控制 */
}

/* 不同类别服务的边框颜色 */
.service-item.blue:hover {
box-shadow: 0 0 0 1px #3b82f6; /* blue-500 */
}

.service-item.green:hover {
box-shadow: 0 0 0 1px #22c55e; /* green-500 */
}

.service-item.purple:hover {
box-shadow: 0 0 0 1px #a855f7; /* purple-500 */
}

.service-item.orange:hover {
box-shadow: 0 0 0 1px #f97316; /* orange-500 */
}

.service-item.red:hover {
box-shadow: 0 0 0 1px #ef4444; /* red-500 */
}

.service-item.yellow:hover {
box-shadow: 0 0 0 1px #eab308; /* yellow-500 */
}

.service-item.indigo:hover {
box-shadow: 0 0 0 1px #6366f1; /* indigo-500 */
}

/* 服务标签样式 - 9种颜色按顺序显示 */
.service-tag {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 10px;
font-size: 11px;
font-weight: 500;
border: 1px solid;
}

.service-tag.color-1 {
background-color: #fef3c7;
color: #d97706;
border-color: #fbbf24;
}

.service-tag.color-2 {
background-color: #dbeafe;
color: #2563eb;
border-color: #60a5fa;
}

.service-tag.color-3 {
background-color: #dcfce7;
color: #16a34a;
border-color: #4ade80;
}

.service-tag.color-4 {
background-color: #fce7f3;
color: #be185d;
border-color: #f472b6;
}

.service-tag.color-5 {
background-color: #e0e7ff;
color: #4338ca;
border-color: #818cf8;
}

.service-tag.color-6 {
background-color: #cffafe;
color: #0891b2;
border-color: #22d3ee;
}

.service-tag.color-7 {
background-color: #fed7d7;
color: #c53030;
border-color: #fc8181;
}

.service-tag.color-8 {
background-color: #f0fff4;
color: #2d7d32;
border-color: #68d391;
}

.service-tag.color-9 {
background-color: #f3e8ff;
color: #7c3aed;
border-color: #a78bfa;
}