#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e1e1e;width:100%;height:100%}:root{--primary-color:#f84;--font-color:#333;--info-color:#6a6a6a;--gray-background:rgba(66,66,66,.142);--blue-color:#027fff;--table-border-color:rgba(52,52,52,.3);--primary-background:#fef6f2}*{box-sizing:border-box}.container,body,html{margin:0;font-size:13px;font-family:微软雅黑}p{margin:0}body{background-color:var(--primary-background)}body:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/img/background.35a647c8.jpeg);background-size:100% 100%;background-repeat:no-repeat;opacity:.25;z-index:0}.container{position:relative;z-index:1;width:100%;height:100%;padding:12px}.flx-rn-btn{display:flex;flex-wrap:nowrap;justify-content:space-between}.header{padding:12px}.header .logo{display:flex;justify-content:center}.header .logo img{height:36px}.header .info{font-weight:600;color:var(--primary-color);align-self:center}.header .tips{margin:18px 0;font-size:.9rem;color:var(--info-color)}.header .tips,.header .title{text-align:center}.calculator-container{max-width:1600px;margin:0 auto;--background-color:rgba(66,66,66,.15);--tabel-backgournd-color:#fffae8;--tabel-border-color:#fff5d3;--primary-button-color:#007bff;--primary-info-color:#6c757d}.calculator-container .toolbar{margin-bottom:20px;padding:12px;background:var(--background-color);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.calculator-container .toolbar .row{display:flex;justify-content:space-between;align-items:center}.calculator-container .title{margin:0;color:#333;font-size:15px;font-weight:600;white-space:nowrap}.calculator-container .toolbar-buttons{display:flex;gap:12px;justify-content:flex-end}.calculator-container .btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.calculator-container .btn-primary{background:var(--primary-color);color:#fff;font-weight:700}.calculator-container .btn-primary:hover{background:#fb7107}.calculator-container .btn-secondary{background:#6c757d;color:#fff}.calculator-container .btn-secondary:hover{background:#545b62}.calculator-container .btn-reset{background:var(--primary-info-color);color:#fff}.calculator-container .btn-reset:hover{opacity:.8}.calculator-container .btn-submit{background:var(--primary-button-color);color:#fff}.calculator-container .btn-submit:hover{background:rgba(0,128,255,.84)}.calculator-container .btn-toggle{color:var(--blue-color)}.calculator-container .btn-company{background:#28a745;border-color:#28a745}.calculator-container .btn-company:hover{background:#218838;border-color:#1e7e34}.calculator-container .platform-section{margin-bottom:30px;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.calculator-container .platform-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;border-radius:8px 8px 0 0}.calculator-container .platform-title{margin:0;font-size:18px;font-weight:600;font-family:PingFang SC,Microsoft YaHei,sans-serif}.calculator-container .btn-danger{background:#dc3545;color:#fff;padding:4px 8px;font-size:12px}.calculator-container .btn-danger:hover{background:#c82333}.calculator-container .btn-small{padding:4px 8px;font-size:12px}.calculator-container .table-container{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.calculator-container .table-wrapper{overflow-x:auto}.calculator-container .salary-table{width:100%;border-collapse:collapse}.calculator-container .salary-table td,.calculator-container .salary-table th{padding:8px;text-align:center;border:1px solid var(--tabel-border-color)}.calculator-container .salary-table th{background:var(--tabel-backgournd-color);font-weight:600;color:#495057}.calculator-container .month-cell,.calculator-container .month-header{background:var(--tabel-backgournd-color);font-weight:600;width:60px;min-width:60px}.calculator-container .person-header{flex-grow:1;min-width:120px;position:relative}.calculator-container .person-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.calculator-container .editable-name{cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease;flex:1;text-align:center;text-decoration:underline;color:var(--primary-info-color)}.calculator-container .editable-name:hover{background-color:rgba(0,123,255,.1);color:var(--primary-button-color);text-decoration:underline}.calculator-container .delete-btn{background:rgba(112,83,83,.68);color:#fff;border:none;border-radius:50%;width:14px;height:14px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.calculator-container .delete-btn:hover{background:#c82333}.calculator-container .salary-cell{padding:8px;background:#fff}.calculator-container .salary-input{width:100%;padding:8px;border:1px solid #efe8e0;border-radius:8px;font-size:14px;text-align:center;transition:border-color .3s ease}.calculator-container .salary-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}.calculator-container .salary-input::-moz-placeholder{color:#6c757d;font-size:12px}.calculator-container .salary-input::placeholder{color:#6c757d;font-size:12px}.calculator-container .center-buttons{margin-top:20px}.calculator-container .center-buttons .btn{width:100%;padding:10px 20px;background:none;border:1px dashed var(--primary-info-color);font-size:1.1rem;font-weight:500;transition:background .3s ease}.calculator-container .center-buttons .btn:hover{background:var(--tabel-backgournd-color)}.calculator-container .footer-buttons{display:flex;justify-content:center;gap:40px;padding:20px}.calculator-container .footer-buttons .btn{flex-basis:30%;padding:10px;font-size:16px}.footer{padding:12px;background-color:var(--gray-background);border-radius:6px;text-align:left;font-size:1rem;line-height:1.4rem}.footer .content,.footer .link{margin-bottom:8px}.footer .link a{color:var(--blue-color)}.footer table{width:100%;border-radius:6px;overflow:hidden;border-spacing:0;color:var(--font-color);font-weight:500;background-color:rgba(0,0,0,.65)}.footer table tr td,.footer table tr th{padding:6px 6px;border-bottom:1px solid var(--table-border-color);color:#fff}.footer table tr:last-of-type td{border-bottom:none}.results-container{margin-top:40px;background:linear-gradient(135deg,#fef6f2,#f5f0eb);border:2px solid #e8ddd4;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;position:relative;animation:slideInUp .6s ease-out}.results-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#d4af37,#b8860b 50%,#d4af37);background-size:200% 100%;animation:goldShimmer 3s ease-in-out infinite}.results-container .results-title{background:#fff;color:#2c3e50;padding:18px;margin:0;font-size:24px;font-weight:600;text-align:center;border-bottom:2px solid #e8ddd4;position:relative;letter-spacing:.5px;font-family:PingFang SC,Microsoft YaHei,sans-serif;border-radius:8px;overflow:hidden}.results-container .person-result{background:#fff;margin:12px;border:1px solid #e8ddd4;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease;position:relative}.results-container .person-result:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.results-container .person-result:last-child{margin-bottom:20px}.results-container .person-result-title{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:16px 24px;margin:0;font-size:18px;font-weight:600;text-align:center;position:relative;font-family:PingFang SC,Microsoft YaHei,sans-serif}.results-container .person-result-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:2px;background:#d4af37}.results-container .result-table-wrapper{overflow-x:auto;overflow-y:visible;border-radius:0 0 16px 16px;background:#fff}.results-container .result-table{width:100%;border-collapse:collapse;min-width:1300px;font-size:14px;background:#fff}.results-container .result-table th{background:linear-gradient(135deg,#2c3e50,#34495e)!important;padding:14px 12px;text-align:center;color:#fff;font-size:13px;white-space:nowrap;min-width:100px;position:sticky;top:0;z-index:10;letter-spacing:.3px;font-weight:600;font-family:PingFang SC,Microsoft YaHei,sans-serif;border-bottom:2px solid #d4af37}.results-container .result-table td{padding:12px;text-align:center;font-family:SF Mono,Monaco,Consolas,Courier New,monospace;color:#495057;white-space:nowrap;transition:all .3s ease;font-weight:500}.results-container .result-table .month-cell{background:linear-gradient(135deg,#2c3e50,#34495e)!important;color:#fff!important;text-align:center;font-family:PingFang SC,Microsoft YaHei,sans-serif;width:60px;min-width:60px;position:sticky;left:0;z-index:5;font-size:13px;font-weight:600;border-right:2px solid #d4af37}.results-container .result-table .number-cell{font-size:13px;font-weight:600}.results-container .result-table tbody tr:nth-child(2n){background:#fafafa}.results-container .result-table tbody tr:hover{background:#f5f0eb!important;box-shadow:inset 3px 0 0 #d4af37;z-index:2;position:relative}.results-container .result-table .summary-row{background:linear-gradient(135deg,#2c3e50,#34495e)!important}.results-container .result-table .summary-row td{font-weight:600!important;color:#fff!important;font-size:14px!important;padding:16px 12px!important;letter-spacing:.3px;font-family:PingFang SC,Microsoft YaHei,sans-serif}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes goldShimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.results-container{border-radius:8px}.results-container .results-title{font-size:22px;padding:18px 24px;border-radius:8px;overflow:hidden}.results-container .person-result{margin:16px 12px}.results-container .person-result-title{font-size:18px;padding:12px 16px}.results-container .result-table{font-size:12px;min-width:1100px}.results-container .result-table td,.results-container .result-table th{padding:10px 4px;min-width:60px}.results-container .result-table .month-cell{min-width:60px;font-size:11px}.results-container .result-table .summary-row td{padding:16px 8px!important;font-size:12px!important}}.el-select__wrapper{border-radius:6px}