*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,sans-serif}body{background-color:#f5f5f5;color:#333}header{background:#2c3e50;color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.tool-info{flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;align-items:center}.name,.spec,.number{min-width:auto}.tool-list{display:flex;flex-direction:row;flex-wrap:wrap;padding-top:.6rem;padding-left:1rem;padding-right:1rem;transition:padding-top .4s ease}.tool-item{flex-direction:column;align-items:stretch;flex-basis:40%;flex-grow:1;border:2px solid #EEE}.record-btn{margin-top:.5rem;width:100%}}@media (min-width: 1024px){.pc-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.actions{grid-column:span 2}.tool-list{max-height:70vh;overflow-y:auto}.borrower-form{max-height:70vh;position:sticky;top:1rem}}.container[data-v-cb3efcd7]{max-width:100%;margin:0 auto;padding:0;position:relative;overflow-x:hidden;min-height:100vh}.top-action-bar[data-v-cb3efcd7]{background:#fff;padding:1rem;box-shadow:0 2px 8px #0000001a;transition:all .3s;z-index:10}.top-action-bar.fixed[data-v-cb3efcd7]{position:fixed;top:0;left:0;right:0;z-index:20;background:#f9f9f9;border-bottom:1px solid #eee;box-shadow:0 4px 12px #0000001a}.actions[data-v-cb3efcd7]{display:flex;gap:1rem;justify-content:center}.actions button[data-v-cb3efcd7]{flex:1;padding:.8rem;font-size:1rem;font-weight:700;cursor:pointer;border:none;border-radius:6px;background:#f0f0f0;color:#333;transition:all .2s}.actions button.active[data-v-cb3efcd7]{background:#3498db;color:#fff}.actions button:first-child.active[data-v-cb3efcd7]{background:#27ae60}.actions button:last-child.active[data-v-cb3efcd7]{background:#3498db}.borrower-form[data-v-cb3efcd7]{display:flex;flex-direction:column;gap:.8rem}.form-group[data-v-cb3efcd7]{display:flex;flex-direction:column;gap:.3rem;position:relative}.form-group label[data-v-cb3efcd7]{font-size:.9rem;color:#666}.form-group input[data-v-cb3efcd7]{padding:.8rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.error-message[data-v-cb3efcd7]{position:absolute;bottom:-20px;left:0;color:#e74c3c;font-size:.8rem}.form-actions[data-v-cb3efcd7]{display:flex;gap:1rem;margin-top:.5rem}.form-actions button[data-v-cb3efcd7]{flex:1;padding:.8rem;font-size:1rem;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.cancel-btn[data-v-cb3efcd7]{background:#e74c3c;color:#fff}.cancel-btn[data-v-cb3efcd7]:hover{background:#c0392b}.confirm-btn[data-v-cb3efcd7]{background:#3498db;color:#fff}.confirm-btn[data-v-cb3efcd7]:hover{background:#2980b9}.tool-list[data-v-cb3efcd7]{row-gap:.4rem;display:flex;flex-direction:row}.tool-list.with-fixed-bar[data-v-cb3efcd7]{padding-top:calc(1rem + 200px)}.tool-item[data-v-cb3efcd7]{display:flex;align-items:center;padding:.4rem .2rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .2s;border:1px solid #eee;position:relative}.tool-item.selected[data-v-cb3efcd7]{border:2px solid #27ae60;box-shadow:0 2px 8px #27ae604d}.tool-select[data-v-cb3efcd7]{position:relative}.tool-select input[type=checkbox][data-v-cb3efcd7]{opacity:0;position:absolute;width:0;height:0}.tool-select label[data-v-cb3efcd7]{display:block;width:24px;height:24px;border:2px solid #3498db;border-radius:6px;position:relative;cursor:pointer;transition:all .2s}.tool-select input[type=checkbox]:disabled+label[data-v-cb3efcd7]{opacity:.5;cursor:not-allowed}.tool-select input[type=checkbox]:checked+label[data-v-cb3efcd7]{background:#3498db;border-color:#3498db}.tool-select input[type=checkbox]:checked+label[data-v-cb3efcd7]:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.tool-info[data-v-cb3efcd7]{flex:1;display:flex;flex-direction:column;gap:.3rem;cursor:pointer}.tool-header[data-v-cb3efcd7]{display:flex;justify-content:space-between;align-items:center;max-width:90%}.name[data-v-cb3efcd7]{font-weight:700;font-size:1rem}.status[data-v-cb3efcd7]{font-size:.85rem;padding:.2rem .4rem;border-radius:4px;color:#fff;text-align:center}.status.in[data-v-cb3efcd7]{background:#27ae60}.status.out[data-v-cb3efcd7]{background:#e74c3c}.tool-details[data-v-cb3efcd7]{display:flex;flex-wrap:wrap;font-size:1.2rem;color:#666}.spec[data-v-cb3efcd7],.number[data-v-cb3efcd7]{flex:1;min-width:120px}.record-btn[data-v-cb3efcd7]{padding:.4rem .8rem;background:#9b59b6;color:#fff;border:none;border-radius:4px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.record-btn[data-v-cb3efcd7]:hover{background:#8e44ad}.record-drawer[data-v-cb3efcd7]{position:fixed;top:0;right:-100%;width:90%;max-width:400px;height:100%;background:#fff;z-index:1000;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column}.record-drawer.open[data-v-cb3efcd7]{right:0}.drawer-header[data-v-cb3efcd7]{padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#f8f8f8}.drawer-header h2[data-v-cb3efcd7]{font-size:1.2rem;margin:0;color:#333}.close-btn[data-v-cb3efcd7]{font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-cb3efcd7]:hover{background:#e0e0e0}.drawer-content[data-v-cb3efcd7]{flex:1;overflow-y:auto;padding:1rem}.back-btn[data-v-cb3efcd7]{margin:1rem;padding:.8rem;background:#34495e;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.back-btn[data-v-cb3efcd7]:hover{background:#2c3e50}.record-card[data-v-cb3efcd7]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}.record-card .tool-header[data-v-cb3efcd7]{padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start}.tool-header .number[data-v-cb3efcd7]{font-weight:700;margin-right:10px}.record-list[data-v-cb3efcd7]{display:flex;flex-direction:column;gap:.8rem;max-height:60vh;overflow-y:auto}.record-item[data-v-cb3efcd7]{display:flex;gap:.8rem;padding:.8rem 0;border-bottom:1px dashed #eee}.record-item[data-v-cb3efcd7]:last-child{border-bottom:none}.record-action[data-v-cb3efcd7]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.record-action.borrow[data-v-cb3efcd7]{background:#27ae60}.record-action.return[data-v-cb3efcd7]{background:#3498db}.record-info[data-v-cb3efcd7]{flex:1;display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.record-person[data-v-cb3efcd7]{display:flex;gap:.8rem;font-size:.95rem;flex-wrap:wrap}.record-person span[data-v-cb3efcd7]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-time[data-v-cb3efcd7]{font-size:.85rem;color:#666}.drawer-mask[data-v-cb3efcd7]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s}.drawer-mask.visible[data-v-cb3efcd7]{opacity:1;visibility:visible}.slide-enter-active[data-v-cb3efcd7],.slide-leave-active[data-v-cb3efcd7]{transition:transform .4s ease;position:absolute;width:100%}.slide-enter-from[data-v-cb3efcd7]{transform:translate(-100%)}.slide-leave-to[data-v-cb3efcd7]{transform:translate(100%)}.slide-enter-to[data-v-cb3efcd7],.slide-leave-from[data-v-cb3efcd7]{transform:translate(0)}.top-action-bar[data-v-cb3efcd7]{position:relative;min-height:80px}.fade-enter-active[data-v-cb3efcd7],.fade-leave-active[data-v-cb3efcd7]{transition:opacity .3s ease}.fade-enter-from[data-v-cb3efcd7],.fade-leave-to[data-v-cb3efcd7]{opacity:0}.toast[data-v-cb3efcd7]{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:#000000b3;color:#fff;border-radius:8px;z-index:2000;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.tool-info .tool-header[data-v-cb3efcd7]{max-width:90%;width:180px}.tool-details[data-v-cb3efcd7]{text-align:center;width:100%}}@media (min-width: 768px){.container[data-v-cb3efcd7]{max-width:1200px;padding:1rem}.tool-details[data-v-cb3efcd7]{gap:.8rem}.top-action-bar[data-v-cb3efcd7]{border-radius:8px;margin-bottom:1rem}.top-action-bar.fixed[data-v-cb3efcd7]{position:sticky;top:1rem;max-width:1200px;margin:0 auto 1rem}.tool-list[data-v-cb3efcd7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding-top:1rem!important}.tool-info[data-v-cb3efcd7]{padding:10px}.tool-list.with-fixed-bar[data-v-cb3efcd7]{padding-top:1rem!important}.record-drawer[data-v-cb3efcd7]{width:50%}.record-list[data-v-cb3efcd7]{max-height:70vh}}@media (min-width: 992px){.tool-list[data-v-cb3efcd7]{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}
