/* 必扬律所 - 统一自定义样式 */

/* Tailwind工具类扩展 */
@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    
    /* 背景图案 */
    .bg-pattern {
        background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23f8bbd0' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
    }
    
    /* 水波纹图案 */
    .water-pattern {
        background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264.888-.14 1.24.916 1.9 2.905 2.227 4.079H0v-4.61h21.184zm7.86-13.5c.85.288 1.701.524 2.55.71C32.64 7.784 33.647 8 35 8c1.7 0 3.23-.895 4.5-2.105l.5.475c-1.17.98-2.65 1.655-4.25 1.995v4.61h-2.847zm26.337 7.5c.37.247.67.495.914.745 1.82-1.28 3.36-2.954 4.278-4.787.54-.966.798-1.956.798-3.053 0-2.617-2.105-4.737-4.683-4.737-1.24 0-2.357.47-3.226 1.27C55.322 1.36 53.964 1 52.5 1c-4.25 0-7.688 3.378-7.688 7.5s3.438 7.5 7.688 7.5c.765 0 1.48-.096 2.137-.284zm29.1-11.5c.77.309 1.52.57 2.25.786 1.86-1.435 3.34-3.444 4.135-5.684.24-.655-.026-1.344-.664-1.583-.638-.24-1.354.044-1.595.699-.52 1.701-1.614 3.478-3.15 4.923-.9.81-1.95 1.435-3.125 1.894v4.61h3.04zm-6.313-5.5c.53-.315 1.08-.586 1.65-.816.58.88 1.066 1.834 1.443 2.814-.17-.054-.336-.106-.503-.156-.945-.32-1.82-.745-2.59-1.258-.25-.16-.35-.5-.25-.75.1-.25.38-.416.65-.355zM35 12c-1.378 0-2.5-.895-2.5-2s1.122-2 2.5-2 2.5.895 2.5 2-1.122 2-2.5 2zm45 1c-1.105 0-2-.895-2-2s.895-2 2-2 2 .895 2 2-.895 2-2 2zM12 20c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z' fill='%23bbdefb' fill-opacity='0.15' fill-rule='evenodd'/%3E%3C/svg%3E");
    }
    
    /* 桃花分割线样式 */
    .桃花分割线 {
        position: relative;
        height: 1px;
        background-color: rgba(248, 187, 208, 0.3);
    }
    
    .桃花分割线::after {
        content: "❀";
        position: absolute;
        right: -10px;
        top: -8px;
        background-color: #F5F5F0;
        color: #F8BBD0;
        font-size: 14px;
        padding: 0 5px;
    }
    
    /* 隐藏滚动条 */
    .scrollbar-hide {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
    }
    
    .scrollbar-hide::-webkit-scrollbar {
        display: none;  /* Chrome, Safari and Opera */
    }
    
    /* 问答卡片样式（热门回复页面） */
    .问答卡片 {
        border: 1px solid rgba(248, 187, 208, 0.4);
        transition: all 0.3s ease;
    }
    
    .问答卡片:hover {
        border-color: #F8BBD0;
        box-shadow: 0 4px 12px rgba(248, 187, 208, 0.15);
    }
    
    /* 文书卡片样式（起诉状模板页面） */
    .文书卡片 {
        border: 1px solid rgba(248, 187, 208, 0.2);
        transition: all 0.3s ease;
    }
    
    .文书卡片:hover {
        border-color: #F8BBD0;
        box-shadow: 0 4px 12px rgba(248, 187, 208, 0.1);
    }
    
    /* 合同条款标题样式（劳动合同页面） */
    .合同条款标题 {
        color: #424242;
        font-weight: 600;
        border-left: 3px solid #F8BBD0;
        padding-left: 0.8rem;
        margin: 1.5rem 0 0.8rem;
    }
    
    /* 变量标记样式（劳动合同页面） */
    .变量标记 {
        background-color: rgba(248, 187, 208, 0.1);
        color: #E53E3E;
        padding: 0 0.3rem;
        border-radius: 3px;
        font-weight: 500;
    }
}