/* SaaS平台风格样式 - 表格布局美化版 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.saas-body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', sans-serif;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    background-attachment: fixed;
    min-height: 100vh;
    color: #333;
    line-height: 1.6;
    padding: 30px 20px;
}

/* 美化加载动画 */
.saas-body #Loading {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    background: white !important;
    padding: 40px 60px !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.25) !important;
    z-index: 9999 !important;
    border: none !important;
}

/* 美化主容器表格 */
.saas-body table#table110 {
    background: white !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18) !important;
    overflow: hidden !important;
    border: none !important;
    margin: 0 auto !important;
}

/* 美化所有表格 */
.saas-body table {
    border-collapse: collapse !important;
}

/* 美化表格标题行 */
.saas-body td[bgcolor="#F3F3F3"] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 16px 12px !important;
    font-size: 14px !important;
}

/* 美化表格内容行 */
.saas-body tr td:not([bgcolor]) {
    padding: 12px 10px !important;
}

.saas-body tr:hover td:not([bgcolor]) {
    background: linear-gradient(90deg, #f8f9ff 0%, #f0f4ff 100%) !important;
}

/* 美化链接 */
.saas-body a {
    color: #667eea !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
}

.saas-body a:hover {
    color: #764ba2 !important;
    text-decoration: underline !important;
}

/* 美化红色文字 */
.saas-body font[color="#FF0000"] {
    color: #f5576c !important;
    font-weight: 600 !important;
}

/* 美化蓝色文字 */
.saas-body font[color="#085789"] {
    color: #667eea !important;
    font-weight: 600 !important;
}

/* 美化marquee滚动文字 */
.saas-body marquee {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%) !important;
    color: white !important;
    padding: 12px !important;
    border-radius: 12px !important;
    font-weight: 500 !important;
}

/* 美化虚线边框表格 */
.saas-body table[style*="border-style:dashed"] {
    border: none !important;
    background: linear-gradient(135deg, #f8f9ff 0%, #f0f4ff 100%) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: inset 0 2px 10px rgba(102, 126, 234, 0.1) !important;
}

/* 页脚美化 */
.saas-body td[style*="border-left: 1px solid #c0c0c0"] {
    background: white !important;
    padding: 20px !important;
}

.saas-body font[color="#B7B7B7"] {
    color: #666 !important;
    line-height: 1.8 !important;
}

/* 隐藏背景图片 */
.saas-body {
    background-image: none !important;
}

/* 美化图片按钮 */
.saas-body img {
    transition: transform 0.3s ease, opacity 0.3s ease !important;
}

.saas-body img:hover {
    transform: scale(1.05) !important;
    opacity: 0.9 !important;
}

/* 美化表单元素 */
.saas-body input,
.saas-body select,
.saas-body textarea {
    border: 2px solid #e0e0e0 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-family: inherit !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}

.saas-body input:focus,
.saas-body select:focus,
.saas-body textarea:focus {
    outline: none !important;
    border-color: #667eea !important;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1) !important;
}

/* 美化按钮 */
.saas-body input[type="submit"],
.saas-body input[type="button"],
.saas-body button {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border: none !important;
    padding: 12px 28px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

.saas-body input[type="submit"]:hover,
.saas-body input[type="button"]:hover,
.saas-body button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* 美化hr分隔线 */
.saas-body hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #667eea, transparent) !important;
    margin: 24px 0 !important;
}
