.md5-result {
        background-color: var(--card-bg);
        color: var(--body-color);
        border: 1px solid var(--card-border);
        border-radius: 0.375rem;
        padding: 1rem;
        font-family: 'Courier New', monospace;
        font-size: 14px;
        word-break: break-all;
        min-height: 60px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .md5-result.success {
        border-color: var(--success-color);
        background-color: color-mix(in srgb, var(--success-color) 10%, transparent);
    }
    
    .md5-result.error {
        border-color: var(--danger-color);
        background-color: color-mix(in srgb, var(--danger-color) 10%, transparent);
    }
    
    .md5-format {
        font-size: 0.9rem;
        color: var(--secondary-color);
    }
    
    .md5-hash {
        font-weight: bold;
        font-size: 1.1rem;
        color: var(--primary-color);
    }
    
    .md5-uppercase {
        text-transform: uppercase;
    }
    
    .md5-lowercase {
        text-transform: lowercase;
    }
    
    /* 响应式布局修复 */
    @media (max-width: 991.98px) {
        .col-lg-4 {
            margin-top: 1.5rem;
        }
        
        .card {
            margin-bottom: 1rem;
        }
    }
    
    /* 确保卡片高度一致 */
    .card {
        height: 100%;
    }
    
    .card-body {
        display: flex;
        flex-direction: column;
    }
    
    /* 工具特性列表高度控制 */
    .list-unstyled {
        flex-grow: 1;
    }
    

    
    /* 验证结果样式 */
    .verification-result {
        padding: 1rem;
        border-radius: 0.375rem;
        margin-top: 1rem;
    }
    
    .verification-success {
        background-color: color-mix(in srgb, var(--success-color) 15%, transparent);
        border: 1px solid var(--success-color);
        color: var(--success-color);
    }
    
    .verification-failure {
        background-color: color-mix(in srgb, var(--danger-color) 15%, transparent);
        border: 1px solid var(--danger-color);
        color: var(--danger-color);
    }
    
    /* 示例卡片样式 */
    .example-card {
        cursor: pointer;
        transition: all 0.2s ease;
        border: 1px solid var(--card-border);
    }
    
    .example-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        border-color: var(--primary-color);
    }
    
    .example-preview {
        font-family: 'Courier New', monospace;
        font-size: 0.85rem;
        color: var(--secondary-color);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    /* 深色模式优化 */
    @media (prefers-color-scheme: dark) {
        /* 工具特性列表优化 */
        .card-body ul.list-unstyled li {
            color: var(--body-color) !important;
        }
        
        .card-body ul.list-unstyled li i {
            color: var(--success-color) !important;
        }
        
        /* 示例卡片优化 */
        .example-card .card-body {
            background-color: var(--card-bg) !important;
        }
        
        .example-card .card-subtitle {
            color: var(--body-color) !important;
        }
        
        .example-card .card-text {
            color: var(--secondary-color) !important;
        }
        
        .example-card .example-preview {
            color: var(--secondary-color) !important;
        }
        
        .example-card .example-preview strong {
            color: var(--body-color) !important;
        }
        
        /* 使用提示警告框优化 */
        .alert-info {
            background-color: color-mix(in srgb, var(--info-color) 15%, transparent) !important;
            border-color: var(--info-color) !important;
            color: var(--body-color) !important;
        }
        
        .alert-info i {
            color: var(--info-color) !important;
        }
        
        .alert-info strong {
            color: var(--body-color) !important;
        }
        
        /* 验证结果优化 */
        .verification-result {
            background-color: color-mix(in srgb, var(--card-bg) 90%, transparent) !important;
        }
        
        .verification-success {
            background-color: color-mix(in srgb, var(--success-color) 20%, transparent) !important;
            color: var(--success-color) !important;
        }
        
        .verification-failure {
            background-color: color-mix(in srgb, var(--danger-color) 20%, transparent) !important;
            color: var(--danger-color) !important;
        }
        
        /* 批量处理结果优化 */
        .batch-original {
            color: var(--body-color) !important;
        }
        
        .batch-original strong {
            color: var(--primary-color) !important;
        }
        
        .batch-hash {
            color: var(--primary-color) !important;
        }
        
        /* 表单标签优化 */
        .form-label {
            color: var(--body-color) !important;
        }
        
        .form-check-label {
            color: var(--body-color) !important;
        }
        
        /* 卡片标题优化 */
        .card-title {
            color: var(--body-color) !important;
        }
        
        /* 文本区域占位符优化 */
        .form-control::placeholder {
            color: var(--secondary-color) !important;
            opacity: 0.7;
        }
        
        /* 空状态文本优化 */
        .text-muted {
            color: var(--secondary-color) !important;
        }
    }
    
    /* 通用深色模式优化（覆盖所有主题） */
    [data-theme="dark"] {
        /* 工具特性列表 */
        .card-body ul.list-unstyled li {
            color: var(--body-color) !important;
        }
        
        /* 示例卡片 */
        .example-card .card-body {
            background-color: var(--card-bg) !important;
        }
        
        .example-card .card-subtitle {
            color: var(--body-color) !important;
        }
        
        .example-card .card-text {
            color: var(--secondary-color) !important;
        }
        
        /* 警告框 */
        .alert-info {
            background-color: color-mix(in srgb, var(--info-color) 15%, transparent) !important;
            color: var(--body-color) !important;
        }
        
        /* 表单元素 */
        .form-label, .form-check-label {
            color: var(--body-color) !important;
        }
        
        /* 卡片标题 */
        .card-title, .h1, .h2, .h3, .h4, .h5, .h6 {
            color: var(--body-color) !important;
        }
    }