/* 基础重置 */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.02);
}/* 变量定义 */
:root{
    /* 主要配色方案 - 现代亮色 */
    --primary-color: #ff7e5f; /* 珊瑚橙 */
    --secondary-color: #feb47b; /* 亮橙 */
    --accent-color: #f76d6d; /* 珊瑚红 */
    --success-color: #f7b731; /* 亮金黄 */
    --warning-color: #f9ca24; /* 柠檬黄 */
    
    /* 中性色 - 使用更冷调的灰色 */
    --light-color: #ffffff;
    --text-color: #334155;
    --gray-100: #f8fafc;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e1;
    --gray-400: #94a3b8;
    --gray-500: #64748b;
    --gray-600: #475569;
    
    /* 背景色和卡片色 */
    --bg-color: #fff8f3;
    --card-color: #fffdfb;
    
    /* 渐变 */
    --primary-gradient: linear-gradient(135deg, #ff7e5f, #feb47b);
    --accent-gradient: linear-gradient(135deg, #f76d6d, #f9ca24);
    
    /* 阴影 - 更强调层次感 */
    --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.07);
    --shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.15);
    
    /* 尺寸 - 更大的圆角 */
    --border-radius-xs: 6px;
    --border-radius-sm: 8px;
    --border-radius: 12px;
    --border-radius-lg: 16px;
    --border-radius-full: 9999px;
    
    /* 过渡 */
    --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* 布局 */
    --container-max: 1280px;
    --sidebar-width: 280px;
    --content-padding: 24px;
    --gutter: 20px;
    --header-height: 70px;
}/* 全局滚动条样式 */
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
}::-webkit-scrollbar-track{
    background: rgba(0, 0, 0, 0.02);
    border-radius: 4px;
}::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px;
}::-webkit-scrollbar-thumb:hover{
    background: rgba(0, 0, 0, 0.1);
}/* Firefox滚动条 */
*{
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.02);
}/* 搜索按钮样式修改 */
.cilisou-crystal-search-btn{
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0 20px;
    background-color: var(--primary-color);
    color: white;
    border: none;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}.cilisou-crystal-search-btn:hover{
    background-color: var(--secondary-color);
}.cilisou-crystal-search-btn i{
    margin-right: 5px;
}/* 基础样式 */
html{
    scroll-behavior: smooth;
    font-size: 16px;
    height: 100%;
}body{
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 1.6;
    color: var(--text-color);
    background-color: var(--bg-color);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin: 0;
    overflow-x: hidden;
    width: 100%;
}/* 自定义滚动条样式 */
::-webkit-scrollbar{
    width: 8px;
}::-webkit-scrollbar-track{
    background: var(--gray-100);
}::-webkit-scrollbar-thumb{
    background: var(--primary-color);
    border-radius: var(--border-radius-full);
}::-webkit-scrollbar-thumb:hover{
    background: var(--secondary-color);
}a{
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}a:hover{
    color: var(--secondary-color);
    text-decoration: none;
}p{
    color: var(--text-color);
}h1, h2, h3, h4, h5, h6{
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0.75rem;
    color: var(--primary-color);
}img{
    max-width: 100%;
    height: auto;
}ul, ol{
    list-style: none;
}button, input, textarea, select{
    font: inherit;
}/* 布局容器 */
.cilisou-crystal-wrapper{
    flex: 1 0 auto;
    width: 100%;
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--gutter);
    position: relative;
    box-sizing: border-box;
    overflow: hidden; /* 防止内容溢出 */
}.cilisou-crystal-row{
    display: flex;
    width: 100%;
    min-height: calc(100vh - var(--header-height) - 61px);
    flex-wrap: wrap; /* 允许在小屏幕上换行 */
}.cilisou-crystal-col{
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0; /* 防止flex子项目溢出 */
}.cilisou-crystal-main{
    display: flex;
    width: 100%;
    flex: 1 0 auto;
    min-height: 0;
    padding: var(--content-padding) 0;
    gap: 25px;
    margin-top: calc(var(--header-height) + 16px);
    margin-bottom: 60px;
    flex-wrap: wrap; /* 允许在小屏幕上换行 */
}.cilisou-crystal-content{
    flex: 1;
    width: 100%;
    min-width: 0; /* 防止内容溢出 */
    overflow-wrap: break-word; /* 确保长文本会换行 */
    word-wrap: break-word;
    background-color: var(--card-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-sm);
    padding: var(--content-padding);
    border: 1px solid var(--gray-200);
}/* 侧边栏样式 */
.cilisou-crystal-sidebar{
    width: var(--sidebar-width);
    flex-shrink: 0;
    margin-left: 25px;
}/* 头部样式 */
.cilisou-crystal-header{
    background-color: var(--card-color);
    box-shadow: var(--shadow-sm);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.9);
    padding: 16px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    border-bottom: 1px solid var(--gray-200);
    width: 100%;
}.cilisou-crystal-header .cilisou-crystal-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap; /* 防止在中等屏幕上换行 */
}/* Logo样式 */
.cilisou-crystal-brand{
    display: flex;
    align-items: center;
}.cilisou-crystal-brand h1{
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
    color: var(--primary-color);
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}.cilisou-crystal-brand a{
    display: flex;
    align-items: center;
}/* 搜索表单 */
.cilisou-crystal-search{
    flex: 1;
    max-width: 500px;
    position: relative;
}.cilisou-crystal-search form{
    position: relative;
    display: flex;
    width: 100%;
}.cilisou-crystal-search input[type="text"]{
    width: 100%;
    height: 48px;
    padding: 0 100px 0 20px;
    background-color: var(--gray-100);
    border: 2px solid var(--gray-200);
    border-radius: var(--border-radius-full);
    font-size: 0.95rem;
    transition: var(--transition);
    outline: none;
    color: var(--text-color);
}.cilisou-crystal-search input[type="text"]:focus{
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.1);
}.cilisou-crystal-search button{
    position: absolute;
    right: 4px;
    top: 4px;
    height: 40px;
    padding: 0 20px;
    background: var(--primary-gradient);
    color: white;
    border: none;
    border-radius: var(--border-radius-full);
    cursor: pointer;
}.cilisou-crystal-search button:hover{
    /* transform: translateY(-1px);
    box-shadow: var(--shadow-sm); */
}.cilisou-crystal-search button i{
    font-size: 1.1rem;
    margin-right: 4px;
}

/* 响应式设计 */
@media (max-width: 1024px) {:root{
        --sidebar-width: 240px;
        --content-padding: 20px;
        --gutter: 16px;
    }.cilisou-crystal-wrapper{
        padding: 0 var(--gutter);
    }.cilisou-crystal-main{
        flex-direction: column;
        gap: 20px;
    }.cilisou-crystal-sidebar{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 768px) {:root{
        --header-height: 60px;
        --content-padding: 16px;
        --gutter: 12px;
    }.cilisou-crystal-wrapper{
        padding: 0 var(--gutter);
    }.cilisou-crystal-main{
        margin-top: calc(var(--header-height) + 10px);
        padding: var(--content-padding) 0;
    }.cilisou-crystal-header{
        padding: 12px 0;
    }.cilisou-crystal-header .cilisou-crystal-wrapper{
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }.cilisou-crystal-brand{
        text-align: center;
        margin-bottom: 10px;
    }.cilisou-crystal-search{
        width: 100%;
    }/* 修复磁力链接区域在移动端的样式 */
    .cilisou-crystal-magnet-wrapper{
        flex-direction: column;
        align-items: stretch;
    }.cilisou-crystal-magnet-text{
        margin-bottom: 10px;
        width: 100%;
    }.cilisou-crystal-copy-btn, .cilisou-crystal-report-btn{
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {:root{
        --header-height: 120px; /* 增加头部高度以适应垂直堆叠 */
        --content-padding: 12px;
        --gutter: 10px;
    }.cilisou-crystal-main{
        margin-top: calc(var(--header-height) + 5px);
        padding: var(--content-padding) 0;
    }.cilisou-crystal-header{
        padding: 10px 0;
    }.cilisou-crystal-header .cilisou-crystal-wrapper{
        gap: 8px;
    }.cilisou-crystal-brand h1{
        font-size: 1.5rem;
    }.cilisou-crystal-search input[type="text"]{
        padding: 8px 12px;
        font-size: 14px;
    }.cilisou-crystal-search button{
        padding: 8px 12px;
        font-size: 14px;
    }/* 修复文件表格在移动端的显示 */
    .cilisou-crystal-files-table{
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }/* 修复相关关键词在移动端的显示 */
    .cilisou-crystal-related-list{
        flex-wrap: wrap;
    }.cilisou-crystal-related-link{
        margin-bottom: 8px;
    }
}

/* 暗色模式 */
@media (prefers-color-scheme: dark) {:root{
        --bg-color: #0f172a;
        --card-color: #1e293b;
        --text-color: #e2e8f0;
        --gray-100: #1e293b;
        --gray-200: #334155;
        --gray-300: #475569;
        --gray-400: #64748b;
        --gray-500: #94a3b8;
        --gray-600: #cbd5e1;
    }.cilisou-crystal-header{
        background-color: rgba(30, 41, 59, 0.9);
    }.cilisou-crystal-search input[type="text"]{
        background-color: var(--gray-100);
        border-color: var(--gray-200);
    }.cilisou-crystal-search input[type="text"]:focus{
        border-color: var(--primary-color);
        box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.2);
    }
}/* 搜索结果样式 */
.cilisou-crystal-results{
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}.cilisou-crystal-result-item{
    background-color: var(--card-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-sm);
    padding: 20px;
    transition: var(--transition);
    border: 1px solid var(--gray-200);
    position: relative;
    overflow: hidden;
    width: 100%;
}.cilisou-crystal-result-item:hover{
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}.cilisou-crystal-result-title{
    font-size: 1.25rem;
    margin-bottom: 10px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
}.cilisou-crystal-result-title a{
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}.cilisou-crystal-result-title a:hover{
    color: var(--secondary-color);
}.cilisou-crystal-result-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 0.875rem;
    color: var(--gray-500);
    align-items: center;
}.cilisou-crystal-result-meta span{
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: var(--transition);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}.cilisou-crystal-result-meta span i{
    font-size: 0.875rem;
    color: var(--primary-color);
}/* 修复分页样式 */
.cilisou-crystal-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 30px 0;
}.cilisou-crystal-pagination a, .cilisou-crystal-pagination span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    background-color: var(--card-color);
    border: 1px solid var(--gray-200);
    border-radius: var(--border-radius-sm);
    color: var(--text-color);
    font-size: 0.875rem;
    transition: var(--transition);
    text-decoration: none;
}.cilisou-crystal-pagination a:hover{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--light-color);
}.cilisou-crystal-pagination span.cilisou-crystal-active, .cilisou-crystal-pagination span[class*="-page-current"]{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--light-color);
    font-weight: 600;
}.cilisou-crystal-pagination .cilisou-disabled{
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}/* 修复移动端菜单样式 */
.cilisou-crystal-mobile-menu{
    position: fixed;
    top: var(--header-height);
    left: 0;
    right: 0;
    background-color: var(--card-color);
    box-shadow: var(--shadow);
    padding: 15px;
    z-index: 999;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}.cilisou-crystal-mobile-menu.cilisou-active{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}.cilisou-crystal-menu-toggle{
    display: none;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    position: relative;
}.cilisou-crystal-menu-toggle span{
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--text-color);
    position: absolute;
    left: 8px;
    transition: var(--transition);
}.cilisou-crystal-menu-toggle span:nth-child(1){
    top: 14px;
}.cilisou-crystal-menu-toggle span:nth-child(2){
    top: 20px;
}.cilisou-crystal-menu-toggle span:nth-child(3){
    top: 26px;
}.cilisou-crystal-menu-toggle.cilisou-active span:nth-child(1){
    transform: rotate(45deg);
    top: 20px;
}.cilisou-crystal-menu-toggle.cilisou-active span:nth-child(2){
    opacity: 0;
}.cilisou-crystal-menu-toggle.cilisou-active span:nth-child(3){
    transform: rotate(-45deg);
    top: 20px;
}

@media (max-width: 768px) {.cilisou-crystal-menu-toggle{
        display: block;
    }.cilisou-crystal-header .cilisou-crystal-wrapper{
        flex-direction: row;
        align-items: center;
    }.cilisou-crystal-brand{
        text-align: left;
        margin-bottom: 0;
    }.cilisou-crystal-search{
        display: none;
    }.cilisou-crystal-mobile-menu .cilisou-crystal-search{
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }
}/* 修复搜索框样式 */
.cilisou-crystal-search{
    flex: 1;
    max-width: 600px;
}.cilisou-crystal-search form{
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}.cilisou-crystal-search input[type="text"]{
    flex: 1;
    width: 100%;
    padding: 10px 15px;
    border: 1px solid var(--gray-300);
    border-radius: var(--border-radius-sm);
    background-color: var(--gray-100);
    color: var(--text-color);
    font-size: 0.95rem;
    transition: var(--transition);
    min-width: 0;
}.cilisou-crystal-search input[type="text"]:focus{
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
    outline: none;
}.cilisou-crystal-search button{
    padding: 10px 20px;
    background: var(--primary-gradient);
    border: none;
    border-radius: var(--border-radius-sm);
    color: var(--light-color);
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    white-space: nowrap;
}.cilisou-crystal-search button:hover{
    /* background: var(--secondary-color);
    transform: translateY(-1px); */
}/* 修复复制按钮和举报按钮样式 */
.cilisou-crystal-copy-btn, .cilisou-crystal-report-btn{
    padding: 10px 15px;
    background-color: var(--gray-100);
    border: 1px solid var(--gray-300);
    border-radius: var(--border-radius-sm);
    color: var(--text-color);
    font-size: 0.9rem;
    cursor: pointer;
    transition: var(--transition);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 75px;
}.cilisou-crystal-copy-btn:hover, .cilisou-crystal-report-btn:hover{
    background-color: var(--gray-200);
}.cilisou-crystal-copy-btn i, .cilisou-crystal-report-btn i{
    font-size: 0.9rem;
    color: var(--primary-color);
}.cilisou-crystal-copy-tooltip{
    position: absolute;
    right: 5px;
    top: -40px;
    background-color: var(--success-color);
    color: white;
    padding: 6px 12px;
    border-radius: var(--border-radius-sm);
    font-size: 13px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 100;
    box-shadow: var(--shadow-sm);
    font-weight: 500;
    width: auto;
    white-space: nowrap;
    max-width: 150px;
    text-align: center;
}.cilisou-crystal-copy-tooltip::after{
    content: '';
    position: absolute;
    bottom: -8px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--success-color);
}.cilisou-crystal-copy-tooltip.cilisou-show{
    opacity: 1;
    transform: translateY(0);
}/* 文件列表容器样式 */
.cilisou-crystal-files-table-container{
    overflow-x: auto;
    width: 100%;
    margin-bottom: 15px;
    -webkit-overflow-scrolling: touch; /* 提升iOS设备上的滚动体验 */
}/* 文件列表样式优化 */
.cilisou-crystal-files-table{
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
    table-layout: fixed;
}.cilisou-crystal-files-table th, .cilisou-crystal-files-table td{
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid var(--gray-200);
}.cilisou-crystal-files-table th{
    font-weight: 600;
    color: var(--primary-color);
    background-color: var(--gray-100);
}.cilisou-crystal-files-table th:first-child{
    width: 75%; /* 文件名列宽度 */
}.cilisou-crystal-files-table th:last-child{
    width: 25%; /* 文件大小列宽度 */
}.cilisou-crystal-files-table td{
    color: var(--text-color);
    word-break: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}.cilisou-crystal-files-table tr:last-child td{
    border-bottom: none;
}.cilisou-crystal-files-table tr:hover td{
    background: var(--gray-100);
}/* 文章标题截断处理 */
.cilisou-crystal-article-title{
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-color);
    margin-bottom: 20px;
    line-height: 1.4;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* 修复响应式布局问题 */
@media (max-width: 768px) {.cilisou-crystal-header{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 1000;
    }.cilisou-crystal-main{
        margin-top: calc(var(--header-height) + 10px);
    }.cilisou-crystal-files-table{
        display: table;
        width: 100%;
        table-layout: fixed;
    }.cilisou-crystal-files-table th:first-child{
        width: 65%; /* 移动端文件名列宽度 */
    }.cilisou-crystal-files-table th:last-child{
        width: 35%; /* 移动端文件大小列宽度 */
    }.cilisou-crystal-pagination{
        gap: 5px;
    }.cilisou-crystal-pagination a, .cilisou-crystal-pagination span{
        min-width: 32px;
        height: 32px;
        font-size: 0.8rem;
    }
}

@media (max-width: 480px) {.cilisou-crystal-result-title{
        font-size: 1.1rem;
    }.cilisou-crystal-result-meta{
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }.cilisou-crystal-pagination a, .cilisou-crystal-pagination span{
        min-width: 28px;
        height: 28px;
        padding: 0 8px;
    }.cilisou-crystal-copy-btn, .cilisou-crystal-report-btn{
        width: 100%;
        justify-content: center;
    }.cilisou-crystal-files-table th:first-child{
        width: 60%; /* 小屏幕文件名列宽度 */
    }.cilisou-crystal-files-table th:last-child{
        width: 40%; /* 小屏幕文件大小列宽度 */
    }
}/* 相关搜索样式 */
.cilisou-crystal-related{
    background: var(--card-color);
    border-radius: var(--border-radius);
    padding: var(--content-padding);
    margin-bottom: 25px;
    box-shadow: var(--shadow-sm);
}.cilisou-crystal-related h3{
    font-size: 1.25rem;
    color: var(--text-color);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}.cilisou-crystal-related h3 i{
    color: var(--accent-color);
}.cilisou-crystal-related-list{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 12px;
}.cilisou-crystal-related-link{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: var(--border-radius);
    background: var(--gray-100);
    color: var(--text-color);
    font-size: 0.95rem;
    transition: var(--transition);
    text-decoration: none;
}.cilisou-crystal-related-link:hover{
    background: var(--primary-color);
    color: var(--light-color);
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}.cilisou-crystal-related-link i{
    font-size: 1rem;
    color: var(--primary-color);
    transition: var(--transition);
}.cilisou-crystal-related-link:hover i{
    color: var(--light-color);
}/* 热门搜索样式 */
.cilisou-crystal-trending{
    background: var(--card-color);
    border-radius: var(--border-radius);
    padding: var(--content-padding);
    margin-bottom: 25px;
    box-shadow: var(--shadow-sm);
}.cilisou-crystal-trending h3{
    font-size: 1.25rem;
    color: var(--text-color);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}.cilisou-crystal-trending h3 i{
    color: var(--warning-color);
}.cilisou-crystal-trending-list{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}.cilisou-crystal-trending-keyword{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: var(--border-radius-full);
    background: var(--gray-100);
    color: var(--text-color);
    font-size: 0.95rem;
    transition: var(--transition);
    text-decoration: none;
}.cilisou-crystal-trending-keyword:hover{
    background: var(--primary-color);
    color: var(--light-color);
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
    border-color: var(--primary-color);
}.cilisou-crystal-trending-keyword:hover i{
    color: var(--light-color);
}/* 标签云样式 */
.cilisou-crystal-tag-cloud{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0;
}.cilisou-crystal-tag-item{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: var(--border-radius-full);
    background: var(--gray-100);
    color: var(--text-color);
    font-size: 0.95rem;
    transition: var(--transition);
    text-decoration: none;
    border: 1px solid var(--gray-200);
}.cilisou-crystal-tag-item:hover{
    background: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
    transform: translateY(-1px);
}/* 页脚样式 */
.cilisou-crystal-footer{
    background-color: var(--card-color);
    border-top: 1px solid var(--gray-200);
    padding: 20px 0;
    text-align: center;
    margin-top: auto;
    font-size: 0.95rem;
    color: var(--gray-500);
}.cilisou-crystal-footer a{
    color: var(--primary-color);
    text-decoration: none;
}/* 举报按钮样式 */
.cilisou-crystal-report-btn{
    position: absolute;
    right: 75px;
    top: 0;
    height: 42px;
    padding: 0 10px;
    background-color: var(--accent-color);
    color: white;
    border: none;
    border-radius: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    z-index: 10;
    width: 60px;
}.cilisou-crystal-report-btn:hover{
    background-color: var(--accent-color);
    filter: brightness(90%);
}.cilisou-crystal-report-btn i{
    margin-right: 5px;
    color: white;
}/* 返回顶部按钮样式 */
.cilisou-crystal-backtop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background-color: var(--primary-color);
    color: white;
    border-radius: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 3px 10px rgba(0,0,0,0.3);
    border: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}.cilisou-crystal-backtop.cilisou-show{
    opacity: 1;
    visibility: visible;
}.cilisou-crystal-backtop:hover{
    background-color: var(--secondary-color);
    transform: translateY(-5px);
}.cilisou-crystal-backtop i{
    font-size: 20px;
    color: white;
}

/* 移动端样式调整 */
@media (max-width: 480px) {.cilisou-crystal-backtop{
        width: 36px;
        height: 36px;
        bottom: 15px;
        right: 15px;
    }.cilisou-crystal-backtop i{
        font-size: 18px;
    }.cilisou-crystal-report-btn{
        padding: 0 10px;
    }
}/* 隐藏元素的通用类 */
.cilisou-hidden-element{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    display: none !important;
}/* 统计代码隐藏 */
script, [class*="_"]{
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    z-index: -1 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}/* 首页特定样式 */
.cilisou-crystal-home{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 40px 20px;
    text-align: center;
    background: var(--bg-color);
    margin-top: 0;
    padding-top: calc(var(--header-height) + 100px); /* 添加顶部边距，避免被顶部栏遮挡 */
}.cilisou-crystal-home-content{
    max-width: var(--container-max);
    width: 100%;
    margin: 0 auto;
    padding: 40px;
    background: var(--card-color);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
    align-items: center;
}.cilisou-crystal-trending-container{
    margin-top: 40px;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}/* 首页搜索框特定样式 */
.cilisou-crystal-home .cilisou-crystal-search{
    width: 100%;
    max-width: 800px;
    margin: 30px auto;
    display: block;
}.cilisou-crystal-home .cilisou-crystal-search input[type="text"]{
    height: 56px;
    font-size: 1.1rem;
}.cilisou-crystal-home .cilisou-crystal-search button{
    height: 48px;
    font-size: 1rem;
}.cilisou-crystal-home .cilisou-crystal-trending{
    background: transparent;
    box-shadow: none;
    padding: 0;
}.cilisou-crystal-home .cilisou-crystal-trending-list{
    justify-content: center;
}.cilisou-crystal-home .cilisou-crystal-trending-keyword{
    background: var(--card-color);
    border: 1px solid var(--gray-200);
}.cilisou-crystal-home .cilisou-crystal-trending-keyword:hover{
    background: var(--primary-color);
    color: var(--light-color);
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
    border-color: var(--primary-color);
}.cilisou-crystal-home .cilisou-crystal-trending-keyword i{
    color: var(--primary-color);
    transition: var(--transition);
}.cilisou-crystal-home .cilisou-crystal-trending-keyword:hover i{
    color: var(--light-color);
}.cilisou-crystal-home .cilisou-crystal-footer{
    background: transparent;
    border: none;
    margin-top: 40px;
}

/* 移动端首页样式 */
@media (max-width: 768px) {.cilisou-crystal-home .cilisou-crystal-search{
        width: 100%;
        max-width: 100%;
        margin: 15px auto 25px;
    }.cilisou-crystal-home{
        padding-top: calc(var(--header-height) + 100px); /* 移动端增加更多顶部边距 */
    }
}

@media (max-width: 480px) {.cilisou-crystal-home .cilisou-crystal-search input[type="text"]{
        height: 45px;
        font-size: 0.9rem;
    }.cilisou-crystal-home .cilisou-crystal-search button{
        height: 37px;
        font-size: 0.9rem;
    }/* 首页搜索按钮保留文字 */
    .cilisou-crystal-home .cilisou-crystal-search button span{
        display: inline-block;
    }.cilisou-crystal-home{
        padding-top: calc(var(--header-height) + 40px); /* 小屏幕设备增加更多顶部边距 */
    }.cilisou-crystal-search-title{
        font-size: 1.25rem;
    }.cilisou-crystal-result-title{
        font-size: 1.1rem;
    }.cilisou-crystal-result-meta span{
        font-size: 0.85rem;
    }.cilisou-crystal-article-title{
        font-size: 1.25rem;
    }.cilisou-crystal-meta{
        gap: 12px;
    }.cilisou-crystal-meta span{
        font-size: 0.85rem;
    }
}

/* 暗色模式补充 */
@media (prefers-color-scheme: dark) {.cilisou-crystal-result-item{
        background: var(--card-color);
        border-color: var(--gray-200);
    }.cilisou-crystal-result-meta span{
        background: var(--gray-100);
    }.cilisou-crystal-trending-keyword{
        background: var(--gray-100);
    }.cilisou-crystal-tag-item{
        background: var(--gray-100);
        border-color: var(--gray-200);
    }.cilisou-crystal-home-content{
        background: var(--card-color);
    }.cilisou-crystal-home .cilisou-crystal-trending-keyword{
        background: var(--gray-100);
        border-color: var(--gray-200);
    }
}/* 磁力链接样式 */
.cilisou-crystal-magnet{
    background: var(--card-color);
    border-radius: var(--border-radius);
    padding: var(--content-padding);
    margin: 25px 0;
    box-shadow: var(--shadow-sm);
}.cilisou-crystal-magnet-title{
    font-size: 1.25rem;
    color: var(--text-color);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}.cilisou-crystal-magnet-title i{
    color: var(--accent-color);
}.cilisou-crystal-magnet-wrapper{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    position: relative;
    margin-bottom: 20px;
    width: 100%;
}/* 添加滚动容器 */
.cilisou-crystal-magnet-scroll-container{
    flex-grow: 1;
    min-width: 0;
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}/* 隐藏滚动条 */
.cilisou-crystal-magnet-scroll-container::-webkit-scrollbar{
    display: none;
}.cilisou-crystal-magnet-text{
    width: 100%;
    padding: 10px 15px;
    padding-right: 160px;
    border: 1px solid var(--gray-300);
    border-radius: var(--border-radius);
    background-color: var(--gray-100);
    color: var(--text-color);
    font-family: monospace;
    font-size: 14px;
    resize: none;
    height: 42px;
    line-height: 20px;
    outline: none;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}/* 隐藏滚动条 */
.cilisou-crystal-magnet-text::-webkit-scrollbar{
    display: none;
}.cilisou-crystal-magnet-text:focus{
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}.cilisou-crystal-copy-btn{
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
    padding: 0 10px;
    background-color: var(--primary-color);
    color: white;
    border: none;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    z-index: 10;
    width: 60px;
}.cilisou-crystal-copy-btn i{
    margin-right: 5px;
    color: white;
}.cilisou-crystal-copy-btn:hover{
    background-color: var(--secondary-color);
}.cilisou-crystal-copy-btn.cilisou-success{
    background-color: var(--success-color);
}/* 复制提示气泡样式 */
.cilisou-crystal-copy-tooltip{
    position: absolute;
    right: 5px;
    top: -40px;
    background-color: var(--success-color);
    color: white;
    padding: 6px 12px;
    border-radius: var(--border-radius-sm);
    font-size: 13px;
    opacity: 0;
    transform: translateY(10px);
    transition: all 0.3s ease;
    pointer-events: none;
    z-index: 100;
    box-shadow: var(--shadow-sm);
    font-weight: 500;
    width: auto;
    white-space: nowrap;
    max-width: 150px;
    text-align: center;
}.cilisou-crystal-copy-tooltip::after{
    content: '';
    position: absolute;
    bottom: -8px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--success-color);
}.cilisou-crystal-copy-tooltip.cilisou-show{
    opacity: 1;
    transform: translateY(0);
}

/* 移动端适配 */
@media (max-width: 768px) {.cilisou-crystal-magnet-text{
        font-size: 13px;
        padding: 8px 120px 8px 12px;
        height: 38px;
        line-height: 20px;
    }.cilisou-crystal-report-btn{
        right: 50px;
        padding: 0 8px;
        font-size: 13px;
        width: 50px;
        height: 38px;
    }.cilisou-crystal-copy-btn{
        padding: 0 8px;
        font-size: 13px;
        width: 50px;
        height: 38px;
    }
}

@media (max-width: 480px) {.cilisou-crystal-magnet-wrapper{
        position: relative;
        margin-bottom: 10px;
    }.cilisou-crystal-magnet-scroll-container{
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }.cilisou-crystal-magnet-text{
        padding-right: 110px;
        white-space: nowrap;
        height: 38px;
        min-height: 38px;
        margin-bottom: 0;
    }.cilisou-crystal-copy-btn, .cilisou-crystal-report-btn{
        position: absolute;
        top: 0;
        height: 38px;
    }.cilisou-crystal-copy-btn{
        right: 0;
        width: 45px;
        padding: 0 3px;
        font-size: 12px;
        border-radius: 0 var(--border-radius) var(--border-radius) 0;
    }.cilisou-crystal-report-btn{
        right: 45px;
        width: 45px;
        padding: 0 3px;
        font-size: 12px;
        border-radius: 0;
    }.cilisou-crystal-copy-btn i, .cilisou-crystal-report-btn i{
        margin-right: 2px;
        font-size: 12px;
    }.cilisou-crystal-copy-tooltip{
        right: 0;
        top: -36px;
        left: auto;
        transform: none;
        width: auto;
        white-space: nowrap;
    }
}/* 修复搜索页面布局问题 */
.cilisou-crystal-search-header{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--gray-200);
}.cilisou-crystal-search-title{
    margin: 0;
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 600;
}.cilisou-crystal-search-stats{
    margin: 0;
    color: var(--gray-500);
    font-size: 15px;
}.cilisou-crystal-filter{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
    padding: 15px;
    background-color: var(--card-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-xs);
    border: 1px solid var(--gray-200);
}.cilisou-crystal-filter-group{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}.cilisou-crystal-filter-label{
    font-size: 15px;
    color: var(--gray-600);
    font-weight: 500;
}.cilisou-crystal-filter-option{
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    color: var(--gray-600);
    background-color: var(--gray-100);
    border-radius: var(--border-radius-sm);
    text-decoration: none;
    transition: all 0.2s;
    border: 1px solid var(--gray-200);
}.cilisou-crystal-filter-option:hover{
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
}.cilisou-crystal-filter-option.cilisou-active{
    background-color: var(--primary-color);
    color: white;
    border-color: var(--primary-color);
    font-weight: 500;
}/* 改进分页样式 */
.cilisou-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 30px 0;
}.cilisou-pagination a, .cilisou-pagination span{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    background-color: var(--card-color);
    border: 1px solid var(--gray-200);
    border-radius: var(--border-radius-sm);
    color: var(--text-color);
    font-size: 0.875rem;
    transition: var(--transition);
    text-decoration: none;
}.cilisou-pagination a:hover{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--light-color);
}.cilisou-pagination span.cilisou-active, .cilisou-pagination span[class*="-page-current"]{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--light-color);
    font-weight: 600;
}.cilisou-pagination .cilisou-prev, .cilisou-pagination .cilisou-next{
    font-size: 15px;
}/* 修复搜索结果项的样式 */
.cilisou-crystal-results-list{
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin-bottom: 25px;
}.cilisou-result-item{
    background: var(--card-color);
    border-radius: var(--border-radius);
    padding: 20px;
    box-shadow: var(--shadow-xs);
    transition: transform 0.2s, box-shadow 0.2s;
    border: 1px solid var(--gray-200);
}.cilisou-result-item:hover{
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
}.cilisou-result-title{
    margin: 0 0 12px 0;
    font-size: 18px;
    line-height: 1.5;
}.cilisou-result-title a{
    color: var(--primary-color);
    text-decoration: none;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: var(--transition);
}.cilisou-result-title a:hover{
    color: var(--secondary-color);
}.cilisou-result-meta{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    font-size: 14px;
    color: var(--gray-500);
}.cilisou-result-meta span{
    display: inline-flex;
    align-items: center;
    gap: 6px;
}.cilisou-result-meta i{
    color: var(--primary-color);
}/* 文件列表样式 */
.cilisou-crystal-files{
    margin: 25px 0;
}.cilisou-crystal-files-title{
    font-size: 1.25rem;
    color: var(--text-color);
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
}.cilisou-crystal-files-title i{
    color: var(--warning-color);
}.cilisou-crystal-files-table{
    width: 100%;
    background: var(--card-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}.cilisou-crystal-files-table thead{
    background: var(--gray-100);
}.cilisou-crystal-files-table th{
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    color: var(--text-color);
    border-bottom: 1px solid var(--gray-200);
    white-space: nowrap;
}.cilisou-crystal-files-table td{
    padding: 12px 16px;
    color: var(--text-color);
    border-bottom: 1px solid var(--gray-200);
}.cilisou-crystal-files-table tr:last-child td{
    border-bottom: none;
}.cilisou-crystal-files-table tr:hover td{
    background: var(--gray-100);
}

/* 修复暗色模式 */
@media (prefers-color-scheme: dark) {.cilisou-crystal-report-modal{
        background-color: var(--card-color);
    }.cilisou-crystal-report-modal-header{
        border-color: var(--gray-200);
    }.cilisou-crystal-report-modal-close{
        background: var(--gray-100);
        color: var(--text-color);
    }.cilisou-crystal-report-modal-close:hover{
        background: var(--gray-200);
    }.cilisou-crystal-report-form-group select, .cilisou-crystal-report-form-group input[type="text"], .cilisou-crystal-report-form-group textarea{
        background-color: var(--gray-100);
        border-color: var(--gray-200);
        color: var(--text-color);
    }.cilisou-crystal-report-cancel-btn{
        background: var(--gray-100);
        border-color: var(--gray-200);
        color: var(--text-color);
    }.cilisou-crystal-report-cancel-btn:hover{
        background: var(--gray-200);
    }
}/* 修复布局错位 */
.cilisou-crystal-main{
    position: relative;
    z-index: 1;
}.cilisou-crystal-content{
    position: relative;
    z-index: 2;
}.cilisou-crystal-sidebar{
    position: relative;
    z-index: 2;
}.cilisou-crystal-header{
    position: fixed;
    z-index: 1000;
}.cilisou-crystal-wrapper{
    position: relative;
    z-index: 2;
}/* 修复搜索框布局 */
.cilisou-crystal-search{
    position: relative;
    z-index: 3;
}.cilisou-crystal-search form{
    width: 100%;
    max-width: 100%;
}/* 修复内容区域间距 */
.cilisou-crystal-results, .cilisou-crystal-article, .cilisou-crystal-related, .cilisou-crystal-trending{
    margin-bottom: 25px;
}/* 修复页脚定位 */
.cilisou-crystal-footer{
    position: relative;
    z-index: 1;
    width: 100%;
}/* 修复标题样式 */
h1, h2, h3, h4, h5, h6{
    color: var(--text-color);
}.cilisou-crystal-brand h1{
    color: var(--primary-color);
}/* 修复链接样式 */
a{
    color: var(--primary-color);
    text-decoration: none;
    transition: var(--transition);
}a:hover{
    color: var(--secondary-color);
}/* 举报弹出框样式 */
.cilisou-crystal-report-modal-overlay{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    padding: 20px;
}.cilisou-crystal-report-modal-overlay.cilisou-active{
    opacity: 1;
    visibility: visible;
}.cilisou-crystal-report-modal{
    background-color: var(--card-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-lg);
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    transform: translateY(20px);
    opacity: 0;
    transition: var(--transition);
    padding: 25px;
}.cilisou-crystal-report-modal-overlay.cilisou-active .cilisou-crystal-report-modal{
    transform: translateY(0);
    opacity: 1;
}.cilisou-crystal-report-modal-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--gray-200);
}.cilisou-crystal-report-modal-header h3{
    font-size: 1.25rem;
    color: var(--text-color);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}.cilisou-crystal-report-modal-close{
    width: 32px;
    height: 32px;
    border-radius: var(--border-radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--transition);
    background: var(--gray-100);
    border: none;
    color: var(--text-color);
}.cilisou-crystal-report-modal-close:hover{
    background: var(--gray-200);
}.cilisou-crystal-report-form-group{
    margin-bottom: 16px;
}.cilisou-crystal-report-form-group label{
    display: block;
    font-size: 0.95rem;
    color: var(--text-color);
    margin-bottom: 8px;
    font-weight: 500;
}.cilisou-crystal-report-form-group select, .cilisou-crystal-report-form-group input[type="text"], .cilisou-crystal-report-form-group textarea{
    width: 100%;
    padding: 10px 15px;
    border: 1px solid var(--gray-200);
    border-radius: var(--border-radius-sm);
    background-color: var(--gray-100);
    color: var(--text-color);
    font-size: 14px;
    transition: var(--transition);
    outline: none;
}.cilisou-crystal-report-form-group select:focus, .cilisou-crystal-report-form-group input[type="text"]:focus, .cilisou-crystal-report-form-group textarea:focus{
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(255, 126, 95, 0.2);
    outline: none;
}.cilisou-crystal-report-form-group textarea{
    min-height: 120px;
    resize: vertical;
}.cilisou-crystal-report-form-actions{
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 24px;
}.cilisou-crystal-report-form-actions button{
    padding: 8px 16px;
    border-radius: var(--border-radius-full);
    font-size: 0.95rem;
    cursor: pointer;
    transition: var(--transition);
}.cilisou-crystal-report-cancel-btn{
    background: var(--gray-100);
    color: var(--text-color);
    border: 1px solid var(--gray-200);
}.cilisou-crystal-report-cancel-btn:hover{
    background: var(--gray-200);
}.cilisou-crystal-report-submit-btn{
    background: var(--primary-gradient);
    color: white;
    border: none;
}.cilisou-crystal-report-submit-btn:hover{
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}.cilisou-crystal-report-form-error{
    color: #ef4444;
    font-size: 0.9rem;
    margin-top: 8px;
    display: none;
}.cilisou-crystal-report-form-error.cilisou-active{
    display: block;
}.cilisou-crystal-report-form-success{
    background: var(--success-color);
    color: white;
    padding: 12px;
    border-radius: var(--border-radius);
    margin-top: 16px;
    font-size: 0.95rem;
    display: none;
}.cilisou-crystal-report-form-success.cilisou-active{
    display: block;
}/* 禁用状态 */
.cilisou-crystal-report-btn[disabled], .cilisou-crystal-report-submit-btn[disabled]{
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}.cilisou-crystal-report-btn[disabled]:hover, .cilisou-crystal-report-submit-btn[disabled]:hover{
    transform: none;
    box-shadow: none;
}

/* 移动端适配 */
@media (max-width: 768px) {.cilisou-crystal-report-btn{
        bottom: 80px;
        right: 75px;
    }.cilisou-crystal-report-modal{
        padding: 20px;
    }.cilisou-crystal-report-modal-header{
        margin-bottom: 16px;
        padding-bottom: 12px;
    }.cilisou-crystal-report-form-actions{
        flex-direction: column;
    }.cilisou-crystal-report-form-actions button{
        width: 100%;
    }
}

@media (max-width: 480px) {.cilisou-crystal-report-modal{
        padding: 16px;
    }.cilisou-crystal-report-modal-header h3{
        font-size: 1.1rem;
    }.cilisou-crystal-report-form-group label{
        font-size: 0.9rem;
    }.cilisou-crystal-report-form-group select, .cilisou-crystal-report-form-group input[type="text"], .cilisou-crystal-report-form-group textarea{
        font-size: 0.9rem;
        padding: 8px 12px;
    }.cilisou-crystal-report-form-actions button{
        padding: 8px 12px;
        font-size: 0.9rem;
    }
}

/* 暗色模式适配 */
@media (prefers-color-scheme: dark) {.cilisou-crystal-report-modal{
        background-color: var(--card-color);
    }.cilisou-crystal-report-modal-header{
        border-color: var(--gray-200);
    }.cilisou-crystal-report-modal-close{
        background: var(--gray-100);
        color: var(--text-color);
    }.cilisou-crystal-report-modal-close:hover{
        background: var(--gray-200);
    }.cilisou-crystal-report-form-group select, .cilisou-crystal-report-form-group input[type="text"], .cilisou-crystal-report-form-group textarea{
        background-color: var(--gray-100);
        border-color: var(--gray-200);
        color: var(--text-color);
    }.cilisou-crystal-report-cancel-btn{
        background: var(--gray-100);
        border-color: var(--gray-200);
        color: var(--text-color);
    }.cilisou-crystal-report-cancel-btn:hover{
        background: var(--gray-200);
    }
}

/* 移动端搜索框样式优化 */
@media (max-width: 768px) {/* 搜索页和内容页的顶部搜索框样式 */
    .cilisou-crystal-header .cilisou-crystal-wrapper{
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: space-between;
    }/* 默认隐藏搜索框，只在首页保持原样式 */
    .cilisou-crystal-search{
        display: none;
    }/* 首页保持原有搜索框样式 */
    .cilisou-crystal-home .cilisou-crystal-search{
        display: block;
        width: 100%;
        margin-bottom: 15px;
    }/* 搜索页和内容页的顶部搜索框 */
    .cilisou-crystal-header .cilisou-crystal-search{
        display: flex;
        width: auto;
        flex: 1;
        max-width: none;
        margin-left: 10px;
    }/* 移动端菜单中不显示搜索框 */
    .cilisou-crystal-mobile-menu .cilisou-crystal-search{
        display: none;
    }
}

/* 超小屏幕优化 */
@media (max-width: 480px) {:root{
        --header-height: 70px; /* 减小头部高度，因为搜索框和标题在同一行 */
    }.cilisou-crystal-header{
        padding: 10px 0;
    }.cilisou-crystal-header .cilisou-crystal-wrapper{
        gap: 8px;
    }.cilisou-crystal-brand h1{
        font-size: 1.2rem; /* 减小标题字体大小 */
    }/* 搜索页和内容页的顶部搜索框 */
    .cilisou-crystal-header .cilisou-crystal-search input[type="text"]{
        height: 36px;
        padding: 0 60px 0 10px;
        font-size: 13px;
    }.cilisou-crystal-header .cilisou-crystal-search button{
        height: 28px;
        padding: 0 10px;
        right: 4px;
        top: 4px;
        font-size: 12px;
    }.cilisou-crystal-header .cilisou-crystal-search button span{
        display: none; /* 隐藏"搜索"文字，只保留图标 */
    }
}

/* 移动端菜单样式覆盖 */
@media (max-width: 768px) {.cilisou-crystal-menu-toggle{
        display: block;
    }.cilisou-crystal-brand{
        text-align: left;
        margin-bottom: 0;
    }/* 移动端菜单中的搜索框不显示 */
    .cilisou-crystal-mobile-menu .cilisou-crystal-search{
        display: none;
    }/* 首页特殊处理 */
    .cilisou-crystal-home .cilisou-crystal-header .cilisou-crystal-search{
        display: none; /* 首页头部不显示搜索框 */
    }
}/* 最新资源页面标题和RSS图标布局 */
.cilisou-crystal-heading-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}.cilisou-crystal-heading-content{
    display: flex;
    align-items: center;
    gap: 8px;
}.cilisou-crystal-rss-link{
    color: var(--warning-color);
    font-size: 1.1rem;
    transition: var(--transition);
    margin-left: auto;
}.cilisou-crystal-rss-link:hover{
    color: var(--accent-color);
    transform: scale(1.1);
}

/* 移动端适配：确保最新资源页面标题行布局不变 */
@media (max-width: 768px) {.cilisou-crystal-search-header.cilisou-new-page-header{
        flex-direction: row;
        align-items: center;
    }
}/* 关于我们页面美化 */
.cilisou-crystal-about-header{
    background: var(--primary-gradient);
    color: #fff;
    border-radius: var(--border-radius-lg);
    padding: 32px 24px 20px 24px;
    margin-bottom: 32px;
    box-shadow: var(--shadow-md);
    text-align: center;
}.cilisou-crystal-about-title{
    color: #fff;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 8px;
    letter-spacing: 1px;
}.cilisou-crystal-about-subtitle{
    color: #fffbe6;
    font-size: 1.1rem;
    margin-bottom: 0;
}.cilisou-crystal-about-cards{
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    margin-bottom: 32px;
}.cilisou-crystal-about-card{
    background: var(--card-color);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow);
    padding: 32px 28px 24px 28px;
    flex: 1 1 320px;
    min-width: 280px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px solid var(--primary-color);
    transition: box-shadow 0.2s, border-color 0.2s;
}.cilisou-crystal-about-card:hover{
    box-shadow: var(--shadow-lg);
    border-color: var(--accent-color);
}.cilisou-crystal-card-icon{
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 18px;
    background: var(--accent-gradient);
    border-radius: 50%;
    padding: 18px;
    box-shadow: var(--shadow-xs);
    display: flex;
    align-items: center;
    justify-content: center;
}.cilisou-crystal-card-content h2{
    color: var(--primary-color);
    font-size: 1.3rem;
    margin-bottom: 10px;
    font-weight: 600;
}.cilisou-crystal-card-content p, .cilisou-crystal-contact-note{
    color: var(--text-color);
    font-size: 1rem;
    margin-bottom: 8px;
}.cilisou-crystal-contact-list{
    margin-bottom: 8px;
}.cilisou-crystal-contact-item{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: var(--accent-color);
    font-size: 1.05rem;
}.cilisou-crystal-contact-item a{
    color: var(--accent-color);
    text-decoration: underline;
}.cilisou-crystal-about-footer{
    text-align: center;
    margin-top: 32px;
    color: var(--primary-color);
    font-size: 1.1rem;
    font-weight: 500;
}
@media (max-width: 900px) {.cilisou-crystal-about-cards{
        flex-direction: column;
        align-items: center;
    }.cilisou-crystal-about-card{
        max-width: 100%;
    }
}/* ========== About Modern Page ========== */
.cilisou-about-modern-main{
    max-width: 100%;
    margin: 0 auto;
    padding: calc(var(--header-height) + 32px) 0 32px 0;
    min-height: 70vh;
}.cilisou-about-hero{
    position: relative;
    width: 100%;
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 48px;
}.cilisou-about-hero-bg{
    position: absolute;
    inset: 0;
    background: var(--primary-gradient);
    opacity: 0.13;
    border-radius: var(--border-radius-lg);
    z-index: 1;
}.cilisou-about-hero-content{
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 48px 16px 36px 16px;
}.cilisou-about-hero-content h1{
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--primary-color);
    margin-bottom: 18px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}.cilisou-about-hero-content h1 i{
    color: var(--accent-color);
    font-size: 2.2rem;
}.cilisou-about-hero-content p{
    color: var(--text-color);
    font-size: 1.2rem;
    opacity: 0.85;
}.cilisou-about-modern-cards{
    display: flex;
    gap: 32px;
    justify-content: center;
    margin-bottom: 48px;
    flex-wrap: wrap;
}.cilisou-about-modern-card{
    background: var(--card-color);
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    padding: 36px 32px 28px 32px;
    min-width: 260px;
    flex: 1 1 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    transition: box-shadow 0.2s, transform 0.2s;
    position: relative;
}.cilisou-about-modern-card:hover{
    box-shadow: var(--shadow-lg);
    transform: translateY(-4px) scale(1.03);
}.cilisou-about-modern-icon{
    font-size: 2.6rem;
    color: var(--primary-color);
    background: var(--accent-gradient);
    border-radius: 50%;
    padding: 18px;
    margin-bottom: 18px;
    box-shadow: var(--shadow-xs);
    display: flex;
    align-items: center;
    justify-content: center;
}.cilisou-about-modern-card h2{
    color: var(--primary-color);
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 12px;
    letter-spacing: 1px;
}.cilisou-about-modern-card p{
    color: var(--text-color);
    font-size: 1.05rem;
    text-align: center;
    opacity: 0.92;
}.cilisou-about-modern-contact{
    background: linear-gradient(135deg, #fffbe6 60%, #ffe0e9 100%);
    border-radius: var(--border-radius-lg);
    padding: 32px 24px 24px 24px;
    margin-bottom: 40px;
    box-shadow: var(--shadow-xs);
    text-align: center;
    border: 1.5px solid #ffe0e9;
}.cilisou-about-modern-contact h2{
    color: var(--primary-color);
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}.cilisou-about-modern-contact-list{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 32px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}.cilisou-about-modern-contact-item{
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--accent-color);
    font-size: 1.08rem;
    background: var(--card-color);
    border-radius: var(--border-radius-full);
    padding: 10px 22px;
    box-shadow: var(--shadow-xs);
    transition: background 0.2s, color 0.2s;
}.cilisou-about-modern-contact-item a, .cilisou-about-modern-contact-item a:hover{
    color: var(--accent-color);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
}.cilisou-about-modern-contact-item i{
    font-size: 1.1rem;
}.cilisou-about-modern-contact-note{
    color: var(--gray-500);
    font-size: 0.98rem;
    margin-top: 8px;
}.cilisou-about-modern-thanks{
    margin-top: 32px;
    text-align: center;
}.cilisou-about-modern-thanks-inner{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: var(--primary-gradient);
    color: #fff;
    padding: 16px 32px;
    border-radius: var(--border-radius-full);
    font-size: 1.15rem;
    font-weight: 600;
    box-shadow: var(--shadow-sm);
}.cilisou-about-modern-thanks-inner i{
    color: #fff;
    font-size: 1.3rem;
}

@media (max-width: 1024px) {.cilisou-about-modern-cards{
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }.cilisou-about-modern-card{
        max-width: 100%;
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 600px) {.cilisou-about-modern-main{
        padding: calc(var(--header-height) + 16px) 0 16px 0;
    }.cilisou-about-hero-content h1{
        font-size: 1.5rem;
    }.cilisou-about-hero-content p{
        font-size: 1rem;
    }.cilisou-about-modern-card{
        padding: 24px 10px 18px 10px;
    }.cilisou-about-modern-contact{
        padding: 18px 6px 12px 6px;
    }.cilisou-about-modern-thanks-inner{
        padding: 10px 12px;
        font-size: 1rem;
    }.cilisou-about-modern-contact-list{
        flex-direction: column;
        gap: 12px;
    }
}/* 用户为本图标样式与安全与合规一致 */
.cilisou-about-modern-card:nth-child(2) .cilisou-about-modern-icon{
    font-size: 2.6rem;
    color: var(--primary-color);
    background: var(--accent-gradient);
    border-radius: 50%;
    padding: 18px;
    margin-bottom: 18px;
    box-shadow: var(--shadow-xs);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 480px) {.cilisou-crystal-copy-btn{
        height: 38px;
        padding: 0 10px;
        font-size: 0.75rem;
        right: 0;
        width: 45px;
        border-radius: 0 var(--border-radius) var(--border-radius) 0;
        min-width: 64px;
    }.cilisou-crystal-report-btn{
        right: 64px;
        padding: 0 10px;
        font-size: 12px;
        height: 38px;
        width: 45px;
        border-radius: 0;
        min-width: 64px;
    }
}.cilisou-backtop, .cilisou-crystal-backtop, .cilisou-aurora-backtop{
    bottom: 50px !important;
}
@media (max-width: 768px) {.cilisou-backtop, .cilisou-crystal-backtop, .cilisou-aurora-backtop{
        bottom: 50px !important;
    }
}
@media (max-width: 480px) {.cilisou-backtop, .cilisou-crystal-backtop, .cilisou-aurora-backtop{
        bottom: 50px !important;
    }
}/* 文章页面样式 */
.cilisou-crystal-article{
    background-color: var(--card-color);
    border-radius: var(--border-radius);
    box-shadow: var(--shadow-sm);
    padding: 25px;
    margin-bottom: 25px;
    overflow: hidden; /* 防止内容溢出 */
}.cilisou-crystal-meta{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}.cilisou-crystal-meta span{
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--gray-500);
    font-size: 0.95rem;
}.cilisou-crystal-meta span i{
    font-size: 1rem;
    color: var(--primary-color);
}/* 内容不可用提示样式 */
.cilisou-crystal-content-not-found-alert{
    background-color: var(--bg-color);
    border: 1px solid var(--gray-200);
    border-radius: var(--border-radius-lg);
    padding: 25px;
    margin: 25px 0;
    box-shadow: var(--shadow-sm);
    color: var(--text-color);
    position: relative;
    overflow: hidden;
}.cilisou-crystal-content-not-found-alert::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: var(--primary-gradient);
}.cilisou-crystal-content-not-found-alert i{
    color: var(--primary-color);
    font-size: 28px;
    margin-right: 12px;
    vertical-align: middle;
}.cilisou-crystal-content-not-found-alert p{
    margin: 12px 0;
    font-size: 16px;
    line-height: 1.6;
}.cilisou-crystal-content-not-found-alert ul{
    margin: 18px 0;
    padding-left: 35px;
    list-style-type: disc;
}.cilisou-crystal-content-not-found-alert li{
    margin: 10px 0;
    color: var(--text-color);
}.cilisou-crystal-content-not-found-alert a{
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: 600;
    transition: var(--transition);
}.cilisou-crystal-content-not-found-alert a:hover{
    color: var(--secondary-color);
}

@media (max-width: 768px) {.cilisou-crystal-content-not-found-alert{
        padding: 20px;
        margin: 20px 0;
    }.cilisou-crystal-content-not-found-alert i{
        font-size: 24px;
    }
}

@media (max-width: 480px) {.cilisou-crystal-content-not-found-alert{
        padding: 15px;
        margin: 15px 0;
    }.cilisou-crystal-content-not-found-alert ul{
        padding-left: 25px;
    }
}.cilisou-crystal-files-table td:first-child{
    max-width: 450px;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal; /* 确保可以换行 */
}.cilisou-crystal-files-table td:last-child{
    width: 120px;
}/* 最新资源页面 API 返回为空的样式 */
.cilisou-crystal-no-results{
    background: var(--card-color);
    border-radius: var(--border-radius);
    padding: 2rem;
    margin: 1.5rem 0;
    text-align: center;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--gray-200);
    transition: var(--transition);
}.cilisou-crystal-no-results i{
    font-size: 3.5rem;
    color: var(--accent-color);
    margin-bottom: 1rem;
    display: block;
    animation: pulse 2s infinite;
}.cilisou-crystal-no-results p{
    font-size: 1.1rem;
    margin-bottom: 1rem;
    color: var(--text-color);
}.cilisou-crystal-no-results p:first-of-type{
    font-weight: 600;
    font-size: 1.3rem;
    color: var(--primary-color);
}.cilisou-crystal-no-results ul{
    list-style: disc;
    text-align: left;
    max-width: 80%;
    margin: 1rem auto;
    padding-left: 2rem;
}.cilisou-crystal-no-results ul li{
    margin-bottom: 0.5rem;
    color: var(--gray-600);
}

@keyframes cilisou-pulse {0%{
        transform: scale(1);
        opacity: 1;
    }50%{
        transform: scale(1.05);
        opacity: 0.8;
    }100%{
        transform: scale(1);
        opacity: 1;
    }
}

@media (prefers-color-scheme: dark) {.cilisou-crystal-no-results{
        background: rgba(255, 255, 255, 0.05);
        border-color: rgba(255, 255, 255, 0.1);
    }.cilisou-crystal-no-results ul li{
        color: var(--gray-400);
    }
}

@media (max-width: 768px) {.cilisou-crystal-no-results{
        padding: 1.5rem;
    }.cilisou-crystal-no-results i{
        font-size: 3rem;
    }.cilisou-crystal-no-results p:first-of-type{
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {.cilisou-crystal-no-results{
        padding: 1.25rem;
    }.cilisou-crystal-no-results i{
        font-size: 2.5rem;
    }.cilisou-crystal-no-results ul{
        max-width: 95%;
        padding-left: 1.5rem;
    }
}