CradCopyer/styles.css

/*
DIT拷卡软件 - 自定义样式
现代化界面美化样式
*/

/* 全局样式 */
* {
    font-family: 'Segoe UI', 'Microsoft YaHei', Arial, sans-serif;
}

/* 主窗口样式 */
.main-window {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
}

/* 标题样式 */
.title-label {
    background: linear-gradient(45deg, #007acc, #00d4ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0 0 20px rgba(0, 122, 204, 0.5);
}

/* 框架样式 */
.labelframe {
    border-radius: 15px;
    border: 2px solid #007acc;
    background: rgba(0, 26, 51, 0.8);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(10px);
}

/* 列表框样式 */
.listbox {
    border-radius: 10px;
    border: 1px solid #007acc;
    background: rgba(30, 30, 30, 0.9);
    color: #ffffff;
    selection-background-color: #007acc;
    selection-color: #ffffff;
}

.listbox:hover {
    border-color: #00d4ff;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.3);
}

/* 按钮样式 */
.button {
    border-radius: 8px;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.button:pressed {
    transform: translateY(0);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* 进度条样式 */
.progressbar {
    border-radius: 10px;
    height: 25px;
    border: 1px solid #007acc;
    background: rgba(30, 30, 30, 0.9);
}

.progressbar::chunk {
    border-radius: 8px;
    background: linear-gradient(45deg, #007acc, #00d4ff);
}

/* 文本样式 */
.text {
    border-radius: 10px;
    border: 1px solid #007acc;
    background: rgba(30, 30, 30, 0.9);
    color: #ffffff;
    font-family: 'Courier New', monospace;
}

/* 标签样式 */
.label {
    color: #ffffff;
    font-weight: 500;
}

.label:disabled {
    color: #888888;
}

/* 单选按钮样式 */
.radiobutton {
    color: #ffffff;
    spacing: 10px;
}

.radiobutton::indicator {
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 2px solid #007acc;
    background: rgba(30, 30, 30, 0.9);
}

.radiobutton::indicator:checked {
    background: #007acc;
    border-color: #00d4ff;
}

/* 复选框样式 */
.checkbutton {
    color: #ffffff;
    spacing: 10px;
}

.checkbutton::indicator {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 2px solid #007acc;
    background: rgba(30, 30, 30, 0.9);
}

.checkbutton::indicator:checked {
    background: #007acc;
    border-color: #00d4ff;
}

/* 滚动条样式 */
.scrollbar {
    border-radius: 8px;
    background: rgba(0, 122, 204, 0.3);
    border: none;
    width: 12px;
}

.scrollbar::handle {
    border-radius: 6px;
    background: #007acc;
    min-height: 30px;
}

.scrollbar::handle:hover {
    background: #00d4ff;
}

.scrollbar::add-line, .scrollbar::sub-line {
    border: none;
    background: none;
}

/* 输入框样式 */
.entry {
    border-radius: 8px;
    border: 1px solid #007acc;
    background: rgba(30, 30, 30, 0.9);
    color: #ffffff;
    padding: 8px 12px;
}

.entry:focus {
    border-color: #00d4ff;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.3);
}

/* 框架标题样式 */
.labelframe-title {
    color: #00d4ff;
    font-weight: bold;
    font-size: 14px;
    background: rgba(0, 26, 51, 0.8);
    padding: 4px 12px;
    border-radius: 8px;
}

/* 成功状态颜色 */
.success {
    color: #28a745;
}

/* 警告状态颜色 */
.warning {
    color: #ffc107;
}

/* 错误状态颜色 */
.danger {
    color: #dc3545;
}

/* 信息状态颜色 */
.info {
    color: #17a2b8;
}

/* 动画效果 */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

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

@keyframes glow {
    0% { box-shadow: 0 0 5px rgba(0, 212, 255, 0.5); }
    50% { box-shadow: 0 0 20px rgba(0, 212, 255, 0.8); }
    100% { box-shadow: 0 0 5px rgba(0, 212, 255, 0.5); }
}

/* 庆祝动画 */
.celebration {
    animation: pulse 0.5s ease-in-out 3, glow 1s ease-in-out 3;
}

/* 按钮特殊效果 */
.button-success {
    background: linear-gradient(45deg, #28a745, #20c997);
    animation: fadeIn 0.5s ease-out;
}

.button-info {
    background: linear-gradient(45deg, #17a2b8, #20c997);
}

.button-warning {
    background: linear-gradient(45deg, #ffc107, #fd7e14);
}

.button-danger {
    background: linear-gradient(45deg, #dc3545, #e83e8c);
}

/* 进度条动画 */
.progressbar-animated {
    animation: progress-pulse 2s ease-in-out infinite;
}

@keyframes progress-pulse {
    0% { opacity: 1; }
    50% { opacity: 0.8; }
    100% { opacity: 1; }
}

/* 玻璃拟态效果 */
.glass-effect {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 15px;
}

/* 霓虹灯效果 */
.neon-text {
    text-shadow: 
        0 0 10px #00d4ff,
        0 0 20px #00d4ff,
        0 0 30px #00d4ff,
        0 0 40px #007acc;
}

/* 响应式设计 */
@media (max-width: 1200px) {
    .main-container {
        flex-direction: column;
    }
    
    .section {
        width: 100%;
        margin: 10px 0;
    }
}

/* 深色模式优化 */
.dark-mode {
    background: #0a0a0a;
    color: #ffffff;
}

.dark-mode .card {
    background: rgba(30, 30, 30, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode .hover-effect:hover {
    background: rgba(255, 255, 255, 0.05);
    transform: translateY(-1px);
}