*{box-sizing:border-box;margin:0;padding:0}
body{padding:20px;font-size:14px}
.login-body{background:#f5f5f5;display:flex;align-items:center;justify-content:center;height:100vh}
.login-box{background:white;padding:30px;border-radius:8px;width:350px;text-align:center}
.input-item{margin:15px 0}
input,select,textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}
button{background:#409eff;color:white;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}
.table{width:100%;border-collapse:collapse;margin:20px 0}
.table th,.table td{border:1px solid #ddd;padding:8px;text-align:center}
.table th{background:#f8f8f8}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;align-items:center;justify-content:center}
.modal-content{background:white;width:90%;max-width:800px;padding:20px;border-radius:8px;max-height:90vh;overflow-y:auto}
.flex{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.flex-item{flex:1;min-width:200px}
.btn-group{margin:10px 0}
.page-btn{padding:5px 10px;margin:0 2px}
.print-area{display:none}
@media print{.print-area{display:block}}
/* 列表布局优化 */
.table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.table th, .table td { border: 1px solid #ddd; padding: 8px; text-align: center; }
.table th { background: #f8f8f8; position: sticky; top: 0; }
/* 合并列样式 */
.col-base { background: #fefefe; border: 2px solid #e74c3c; }
.col-finance { background: #fef9e7; border: 2px solid #2ecc71; }
/* 产品详情样式 */
.product-detail { padding: 10px; background: #f1f1f1; display: none; }
.product-item { padding: 5px; margin: 5px 0; background: #fff; border: 1px solid #ccc; }
/* 操作按钮样式 */
.btn { padding: 4px 8px; margin: 2px; border: none; border-radius: 3px; cursor: pointer; }
.btn-view { background: #3498db; color: #fff; }
.btn-edit { background: #f39c12; color: #fff; }
.btn-save { background: #2ecc71; color: #fff; }
/* 列表布局优化 - 地址独立版 */
.table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.table th, .table td { border: 1px solid #ddd; padding: 8px; text-align: center; }
.table th { background: #f8f8f8; position: sticky; top: 0; }

/* 红框基础信息栏样式 */
.col-base { 
    background: #fefefe; 
    border: 2px solid #e74c3c; /* 红色边框 */
    font-weight: 500;
}

/* 地址列样式 */
.address-col { 
    background: #f9f9f9; 
    word-break: break-all; /* 地址过长自动换行 */
    min-width: 200px; /* 最小宽度避免太窄 */
}

/* 绿框财务物流栏样式 */
.col-finance { 
    background: #fef9e7; 
    border: 2px solid #2ecc71; /* 绿色边框 */
}

/* 产品详情样式 */
.product-detail { 
    padding: 10px; 
    background: #f1f1f1; 
    display: none; 
    margin-top: 5px;
}
.product-item { 
    padding: 8px; 
    margin: 5px 0; 
    background: #fff; 
    border: 1px solid #ccc; 
    text-align: left;
}

/* 按钮样式 */
.btn { padding: 4px 8px; margin: 2px; border: none; border-radius: 3px; cursor: pointer; }
.btn-view { background: #3498db; color: #fff; }
.btn-edit { background: #f39c12; color: #fff; }
.btn-save { background: #2ecc71; color: #fff; }

/* 财务行布局 */
.finance-row { display: flex; gap: 5px; margin-bottom: 5px; }
.profit-display { margin: 5px 0; font-weight: bold; }