
        #quotation-container {
            --primary-dark: #2D1B69;
            --primary-main: #4A2F8C;
            --primary-light: #7B5FBB;
            --accent: #E0B0FF;
            --light-bg: #F8F4FF;
            --text-dark: #1A0B2E;
            --text-light: #FFF;
            --border: #D8C8F0;
            
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: var(--text-dark);
            width: 1200px;
            margin: 0 auto;
            box-sizing: border-box;
        }
        
        #quotation-container * {
            box-sizing: border-box;
        }
        
        .quote-table {
            width: 1100px;
            border-collapse: collapse;
            margin: 20px 0;
            table-layout: fixed;
            border: 1px solid var(--border);
        }
        
        .quote-table th {
            background-color: var(--primary-light);
            color: white;
            text-align: left;
            padding: 14px 10px;
            font-weight: 500;
            font-size: 0.95em;
            border-right: 1px solid rgba(255,255,255,0.2);
        }
        
        .quote-table th:last-child {
            border-right: none;
        }
        
        .quote-table td {
            padding: 10px 10px;
            border-bottom: 1px solid var(--border);
            border-right: 1px solid var(--border);
            vertical-align: top;
            font-size: 0.9em;
        }
        
        .quote-table td:last-child {
            border-right: none;
        }
        
        .quote-table tr:nth-child(even) {
            background-color: var(--light-bg);
        }
        
        .quote-table tr:hover {
            background-color: #F0E6FF;
        }
        
        .quote-table input {
            width: 100%;
            padding: 8px 10px;
            border: 1px solid var(--border);
            border-radius: 4px;
            font-size: 0.9em;
            background-color: white;
            color: var(--text-dark);
        }
        
        .quote-table input:focus {
            outline: none;
            border-color: var(--primary-main);
            box-shadow: 0 0 0 2px rgba(74, 47, 140, 0.2);
        }
        
        .quote-table input[readonly] {
            background-color: #F9F6FF;
            color: var(--primary-dark);
            font-weight: 500;
        }
        
        /* 保持原有列宽设置，仅调整指定列 */
        .customer-col {
            width: 220px;
        }
        
        .project-col {
            width: 220px;
        }
        
        .quantity-col {
            width: 80px;
            text-align: center;
        }
        
        .price-col {
            width: 90px;
        }
        
        .medium-col {
            width: 105px;
        }
        
        .leadtime-col {
            width: 100px;
        }
        
        .discount-section {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            margin: 20px 0;
            width: 1100px;
        }
        
        .discount-box {
            background: var(--light-bg);
            padding: 15px;
            border-radius: 6px;
            border: 1px dashed var(--primary-light);
        }
        
        .discount-box label {
            display: block;
            font-size: 0.95em;
            margin-bottom: 8px;
            color: var(--primary-main);
        }
        
        .discount-box select, .discount-box input {
            width: 100%;
            padding: 8px 10px;
            border: 1px solid var(--border);
            border-radius: 4px;
            font-size: 0.95em;
            background-color: white;
            color: var(--text-dark);
        }
        
        .discount-box input[readonly] {
            background-color: #F9F6FF;
            font-weight: 600;
            color: var(--primary-dark);
        }
        
        .button-group {
            display: flex;
            gap: 10px;
            margin: 15px 0;
            width: 1100px;
        }
        
        .btn {
            padding: 10px 20px;
            border-radius: 6px;
            border: none;
            cursor: pointer;
            font-weight: 500;
            transition: all 0.3s ease;
            font-size: 0.95em;
        }
        
        .btn-primary {
            background: var(--primary-light);
            color: white;
        }
        
        .btn-primary:hover {
            background: var(--primary-main);
        }
        
        .btn-export {
            background: var(--primary-light);
            color: white;
        }
        
        .btn-export:hover {
            background: var(--primary-main);
        }
    