/* 纯白简洁风格 - 类似 aicost.me */

/* 全局样式 - 纯白背景 */
body {
    background: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 移除所有渐变背景 */
body::before,
body::after {
    display: none !important;
}

/* 顶部导航栏 - 纯白 */
.ui.menu {
    background: #ffffff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.ui.menu .item {
    color: #333 !important;
}

.ui.menu .item:hover {
    background: #f7f7f7 !important;
}

.ui.menu .active.item {
    background: #f0f0f0 !important;
    color: #1a73e8 !important;
}

/* Logo */
.ui.menu .header.item {
    font-weight: 600 !important;
    color: #1a73e8 !important;
}

/* 卡片 - 纯白简洁 */
.ui.card,
.ui.cards > .card {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
}

.ui.card:hover,
.ui.cards > .card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* 按钮 - 简洁蓝色 */
.ui.primary.button,
.ui.primary.buttons .button {
    background: #1a73e8 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
    box-shadow: 0 1px 3px rgba(26, 115, 232, 0.3) !important;
    transition: all 0.2s ease !important;
}

.ui.primary.button:hover {
    background: #1557b0 !important;
    box-shadow: 0 2px 6px rgba(26, 115, 232, 0.4) !important;
}

.ui.button {
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* 表格 - 简洁白色 */
.ui.table {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.ui.table thead th {
    background: #f7f7f7 !important;
    color: #333 !important;
    font-weight: 600 !important;
    border-bottom: 2px solid #e8e8e8 !important;
}

.ui.table tbody tr {
    transition: background 0.15s ease !important;
}

.ui.table tbody tr:hover {
    background: #f9f9f9 !important;
}

/* 输入框 - 简洁边框 */
.ui.input input,
.ui.form input[type="text"],
.ui.form input[type="password"],
.ui.form input[type="email"],
.ui.form textarea {
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    transition: all 0.2s ease !important;
    font-size: 14px !important;
}

.ui.input input:focus,
.ui.form input:focus,
.ui.form textarea:focus {
    border-color: #1a73e8 !important;
    box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.1) !important;
    outline: none !important;
}

/* 页面容器 */
.ui.container {
    background: transparent !important;
}

.ui.segment {
    background: #ffffff !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

/* 标签 - 简洁配色 */
.ui.label {
    border-radius: 4px !important;
    font-weight: 500 !important;
    font-size: 12px !important;
}

.ui.green.label {
    background: #34a853 !important;
    color: white !important;
}

.ui.red.label {
    background: #ea4335 !important;
    color: white !important;
}

.ui.blue.label {
    background: #1a73e8 !important;
    color: white !important;
}

.ui.yellow.label {
    background: #fbbc04 !important;
    color: #333 !important;
}

/* 模态框 */
.ui.modal {
    border-radius: 8px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
}

.ui.modal > .header {
    background: #ffffff !important;
    color: #333 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    font-weight: 600 !important;
}

/* 消息提示 - 简洁 */
.ui.message {
    background: #f7f7f7 !important;
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

.ui.success.message {
    background: #e6f4ea !important;
    border-color: #34a853 !important;
    color: #1e7e34 !important;
}

.ui.error.message {
    background: #fce8e6 !important;
    border-color: #ea4335 !important;
    color: #c5221f !important;
}

.ui.info.message {
    background: #e8f0fe !important;
    border-color: #1a73e8 !important;
    color: #1557b0 !important;
}

/* 统计卡片 */
.ui.statistic {
    background: transparent !important;
}

.ui.statistic > .value {
    color: #1a73e8 !important;
    font-weight: 600 !important;
}

.ui.statistic > .label {
    color: #5f6368 !important;
    font-weight: 500 !important;
}

/* 进度条 */
.ui.progress {
    background: #f1f3f4 !important;
    border-radius: 4px !important;
}

.ui.progress .bar {
    background: #1a73e8 !important;
    border-radius: 4px !important;
}

/* 下拉菜单 */
.ui.dropdown {
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    background: #ffffff !important;
}

.ui.dropdown:hover {
    border-color: #1a73e8 !important;
}

.ui.dropdown .menu {
    border: 1px solid #e8e8e8 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* 页脚 */
footer {
    background: #f7f7f7 !important;
    border-top: 1px solid #e8e8e8 !important;
    color: #5f6368 !important;
}

/* 滚动条 - 简洁灰色 */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

/* 选项卡 */
.ui.tabular.menu .item {
    color: #5f6368 !important;
    border-bottom: 2px solid transparent !important;
}

.ui.tabular.menu .active.item {
    color: #1a73e8 !important;
    border-bottom-color: #1a73e8 !important;
    background: transparent !important;
}

/* 面包屑 */
.ui.breadcrumb {
    color: #5f6368 !important;
}

.ui.breadcrumb a {
    color: #1a73e8 !important;
}

/* 链接 */
a {
    color: #1a73e8 !important;
    transition: color 0.2s ease !important;
}

a:hover {
    color: #1557b0 !important;
}

/* 图标 */
.icon {
    color: #5f6368 !important;
}

/* 加载状态 */
.ui.loader:after {
    border-color: #1a73e8 transparent transparent !important;
}

.ui.dimmer {
    background: rgba(255, 255, 255, 0.9) !important;
}

/* 登录页面特殊处理 - 保持居中白色卡片 */
body.login-page {
    background: #f7f7f7 !important;
}

/* 响应式优化 */
@media (max-width: 768px) {
    .ui.container {
        padding: 1rem !important;
    }
}

/* 禁用所有动画背景 */
@keyframes gradientShift {
    from, to { background-position: 0% 50%; }
}