/* CSS Document */

 @layer utilities {
            .text-shadow {
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
            }
            .transition-all {
                transition: all 0.3s ease;
            }
            .hover-scale:hover {
                transform: scale(1.03);
            }
            /* 自适应文字通用类 */
            .text-responsive {
                font-size: clamp(1rem, 1.5vw, 1.125rem);
                line-height: 1.5;
            }
            .title-responsive {
                font-size: clamp(1.5rem, 4vw, 3rem);
                line-height: 1.2;
            }
            /* LOGO自适应样式 */
            .logo-container {
                width: clamp(40px, 8vw, 60px);
                height: clamp(40px, 8vw, 60px);
                flex-shrink: 0;
            }
			
			
			  /* 自定义样式 */
        .banner-gradient {
            background: linear-gradient(to right, #ca2b2f, #a7070f);
        }
        .card-hover:hover {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
        }
        .nav-link {
            position: relative;
            font-size: clamp(0.875rem, 1.5vw, 1rem);
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 0;
            height: 2px;
            background-color: #e91e63;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after {
            width: 100%;
        }
        .active::after {
            width: 100%;
        }
        
        /* 品牌LOGO样式 */
        .brand-logo {
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .brand-logo:hover {
            transform: translateY(-3px);
        }
        .brand-logo .logo-container {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }
        
        /* 确保所有文字都有基础的响应式设置 */
        body {
            font-size: clamp(0.875rem, 1.5vw, 1rem);
            line-height: 1.6;
        }
		  /* 锚点偏移（解决导航栏遮挡目标区域） */
            .anchor-offset {
                scroll-margin-top: 120px; /* 等于导航栏高度，避免被导航栏遮挡 */
            }
			html {
            scroll-behavior: smooth; /* 关键属性，实现平滑滚动 */
            scroll-padding-top: 120px; /* 全局锚点偏移，和anchor-offset作用一致 */
        }
		
		  /* 响应式调整 */
        @media (max-width: 768px) {
            .brand-logo {
                height: 20vh;
            }
            /* 移动端LOGO和标题间距调整 */
            .header-logo-title {
                gap: 0.5rem !important;
            }
        }
        @media (max-width: 640px) {

            .brand-logo {
                height: 18vh;
            }
            /* 超小屏幕标题文字精简 */
            .header-title-text {
                font-size: clamp(0.875rem, 4vw, 1.25rem) !important;
            }
        }
        
        /* 顶部LOGO样式 */
        .header-logo {
            background-color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #e91e63;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .header-logo:hover {
            transform: rotate(5deg);
            box-shadow: 0 0 10px rgba(233, 30, 99, 0.3);
        }
        .header-logo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }