.in-control[data-v-e9dded57]{width:100px}.unit-control[data-v-e9dded57]{margin-bottom:20px;padding:10px;border-radius:5px;background:#f9f9f9}.text-input-control[data-v-e9dded57]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:100px;margin-right:5px}.text-input[data-v-e9dded57]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:50px;margin-right:5px}.input-container[data-v-e9dded57]{display:flex;align-items:center}.input-container span[data-v-e9dded57]{font-size:14px;color:#666}.key-units-grid[data-v-e9dded57]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.other-units-grid[data-v-e9dded57]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-height:500px;overflow-y:auto;padding:10px;background:#f5f5f5;border-radius:5px}.slider-container[data-v-e9dded57]{display:flex;align-items:center;gap:15px}.slider-container input[type=range][data-v-e9dded57]{flex:1;height:10px;border-radius:5px;background:#e0e0e0;outline:none}.slider-container span[data-v-e9dded57]{min-width:60px;text-align:right}.quote-display[data-v-e9dded57]{font-size:.9em;color:#666;font-weight:700;margin-left:20px}.chart[data-v-e9dded57]{width:100%;height:400px;margin-bottom:30px;border:1px solid #eee;border-radius:5px;box-shadow:0 2px 5px #0000001a}.results-table[data-v-e9dded57]{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 5px #0000001a}.results-table th[data-v-e9dded57],.results-table td[data-v-e9dded57]{border:1px solid #ddd;padding:10px;text-align:center}.results-table th[data-v-e9dded57]{background-color:#f2f2f2;font-weight:700}.results-table tr[data-v-e9dded57]:hover{background-color:#f5f5f5}.main-unit-row[data-v-e9dded57]{background-color:#fee!important;font-weight:700}.main-unit-row td[data-v-e9dded57]:first-child{color:red}.sub-unit-row[data-v-e9dded57]{background-color:#efe!important}.sub-unit-row td[data-v-e9dded57]:first-child{color:#0a0}.main-unit[data-v-e9dded57]{border-left:3px solid #ff0000;padding-left:10px}.sub-unit[data-v-e9dded57]{border-left:3px solid #00aa00;padding-left:10px}.other-unit[data-v-e9dded57]{border-left:3px solid #cccccc;padding-left:10px}.control-panel[data-v-e9dded57]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}body{font-family:Microsoft YaHei,sans-serif;margin:0;padding:20px;background-color:#f5f7fa;color:#333}.container{max-width:1200px;margin:0 auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 12px #0000001a}h1{color:#2c3e50;text-align:center;margin-bottom:30px}.control-panel{background:#f9f9f9;padding:20px;border-radius:6px;margin-bottom:20px}.unit-control{display:flex;align-items:center;margin-bottom:15px}.unit-control label{width:70px;font-weight:700}input[type=number]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;width:150px}.charts-container{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.chart{width:100%;height:400px;border:1px solid #e6e6e6;border-radius:6px}.results-table{width:100%;border-collapse:collapse;margin-top:20px}.results-table th,.results-table td{border:1px solid #ddd;padding:10px;text-align:center}.results-table th{background-color:#f2f2f2}.results-table tr:hover{background-color:#f5f5f5}.highlight{background-color:#e8f5e9!important}