.visitor-system[data-v-55ae3da9]{display:flex;flex-direction:column;height:100vh;background-color:#5999fd}.visitor-form[data-v-55ae3da9]{max-width:700px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;margin-right:5px;margin-left:5px;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-group[data-v-55ae3da9]{display:flex;justify-content:space-between;padding:10px 0;margin-bottom:-5px;border-bottom:1px dashed #ccc}.label[data-v-55ae3da9]{font-weight:700;margin-top:7px;font-size:15px;flex-shrink:0}.label[data-v-55ae3da9]:before{content:"*";color:red;margin-right:4px;margin-left:20px}.info[data-v-55ae3da9]{color:#666;flex:1;padding:8px;border:none;background-color:transparent;outline:none;text-align:right;white-space:nowrap}.editable[data-v-55ae3da9]:focus{border-bottom:1px solid #007bff}.submit-button[data-v-55ae3da9]{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:18px;margin-top:20px;cursor:pointer}.submit-button[data-v-55ae3da9]:hover{background-color:#0056b3}body[data-v-c35cf0e6]{background-color:#f7f8fa}.canvas[data-v-c35cf0e6]{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:97%;position:relative}button[data-v-c35cf0e6]{padding:10px 20px;margin:5px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}button[data-v-c35cf0e6]:hover{background-color:#0056b3}.explanation[data-v-c35cf0e6]{color:#666;font-size:14px;margin:10px 10px}.qr-code[data-v-c35cf0e6]{margin:20px 0}.qr-code canvas[data-v-c35cf0e6]{width:150px;height:150px}.biaoti[data-v-c35cf0e6]{font-family:Georgia,serif;color:#4396e5;font-size:30px;font-weight:700;padding:15px}.dialog-footer{display:flex;justify-content:flex-end;margin-right:20px}.footer-right{margin-left:10px}.dialog-footer{text-align:right}.canvas{width:98%}.canvas[data-v-50064989]{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:97%;position:relative}.el-card[data-v-50064989]{margin-bottom:20px;height:250px}.timu[data-v-50064989]{font-family:Georgia,serif;color:#4396e5;font-size:20px;font-weight:700;text-align:center}.approval-record-title[data-v-50064989]{font-family:Georgia,serif;color:#4396e5;font-size:30px;font-weight:700;padding:15px}.demo-form-inline{margin-bottom:20px}.canvas{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:97%;position:relative}.biaoti{font-family:Georgia,serif;color:#4396e5;font-size:30px;font-weight:700;padding:15px}.el-aside__logo[data-v-27de775a]{height:120px;background:url(/img/logoxiaoe.5e0a3450.png) no-repeat 50%/120px auto}.el-container[data-v-27de775a]{height:100vh}.el-header[data-v-27de775a]{background-color:#fff;color:#333;font-size:20px;text-align:left;line-height:60px}.el-aside[data-v-27de775a]{background-color:#304156;height:100%}.menu[data-v-27de775a]{height:100%}.el-main[data-v-27de775a]{background-color:#f5f7fc;color:#333;padding:20px}.el-footer[data-v-27de775a]{display:flex;align-items:center;justify-content:center;font-size:14px;color:#666}.demo-form-inline[data-v-f960cef8]{margin-bottom:20px}.canvas[data-v-f960cef8]{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:97%;position:relative}.biaoti[data-v-f960cef8]{font-family:Georgia,serif;color:#4396e5;font-size:30px;font-weight:700;padding:15px}.download-link[data-v-f960cef8]{margin-left:10px}.footer[data-v-26c362c8]{display:flex;justify-content:space-around;align-items:center;background-color:#fff;position:fixed;bottom:0;left:0;right:0;height:60px;border-top:1px solid #e0e0e0;box-shadow:0 -2px 4px rgba(0,0,0,.1);z-index:1000}.footer-item[data-v-26c362c8]{display:flex;flex-direction:column;align-items:center}.di[data-v-26c362c8]{font-size:13px;font-weight:700}.link[data-v-26c362c8]{text-decoration:none;color:#666;display:flex;flex-direction:column;align-items:center}.link.router-link-exact-active[data-v-26c362c8],.link[data-v-26c362c8]:hover{color:#007bff}.icon[data-v-26c362c8]{width:18px;height:18px;margin-bottom:2px}.iconfont[data-v-26c362c8]{font-size:24px;margin-bottom:5px}p[data-v-26c362c8]{margin:0}.visitor-system[data-v-2289f8b7]{display:flex;flex-direction:column;height:100vh;background-color:#5999fd}.header[data-v-2289f8b7]{justify-content:space-between;background-color:#044d98;color:#fff;padding:20px;height:150px}.header[data-v-2289f8b7],.user-info[data-v-2289f8b7]{display:flex;align-items:center}.avatar[data-v-2289f8b7]{width:60px;height:60px;border-radius:50%;margin-right:10px}.user-details[data-v-2289f8b7]{display:flex;flex-direction:column}.department[data-v-2289f8b7]{position:absolute;bottom:200px;left:20px;font-size:30px;color:#f4cd4e;text-align:left;font-weight:700}.appointment-container[data-v-2289f8b7]{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;margin-left:5px;margin-top:-150px;margin-right:5px;margin-bottom:150px;flex:1;z-index:10}.appointment-method[data-v-2289f8b7]{display:flex;align-items:center;padding:10px 20px;background-color:#e0f0ff;border-radius:5px;margin-bottom:15px;height:30px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.appointment-method[data-v-2289f8b7]:last-child{margin-bottom:0}.appointment-method span[data-v-2289f8b7]{font-size:14px;color:#044da9}.iconfont[data-v-2289f8b7]{margin-right:10px}.icon-wechat1[data-v-2289f8b7]{width:25px;height:25px}.icon-wechat2[data-v-2289f8b7]{width:20px;height:20px;margin-right:15px}.arrow[data-v-2289f8b7]{color:#007bff}.iconinfo[data-v-2289f8b7]{color:#007bff;font-weight:700;flex-grow:1}.modal[data-v-2289f8b7]{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:20}.modal-content[data-v-2289f8b7]{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center;max-width:90%}.close[data-v-2289f8b7]{float:right;font-size:24px;font-weight:700;cursor:pointer}.close[data-v-2289f8b7]:hover{color:red}.qr-image[data-v-2289f8b7]{max-width:100%;height:auto;display:block;margin:0 auto}.top-top-image[data-v-2289f8b7]{position:absolute;bottom:120px;left:50%;width:182px;height:189px}.background-image[data-v-2289f8b7]{position:relative;width:100%;height:50vh;overflow:hidden}.top-image[data-v-2289f8b7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.welcome-text[data-v-2289f8b7]{bottom:250px;font-style:italic}.dengji[data-v-2289f8b7],.welcome-text[data-v-2289f8b7]{position:absolute;left:20px;color:#fff;font-size:24px;font-weight:700}.dengji[data-v-2289f8b7]{bottom:160px;text-align:left}.visitor-system[data-v-c13849b4]{display:flex;flex-direction:column;height:100vh;background-color:#5999fd}.visitor-form[data-v-c13849b4]{max-width:600px;margin:0 auto;padding:20px;background-color:#fff;border-radius:8px;margin-top:-150px;margin-right:5px;margin-left:5px;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.1)}.form-group[data-v-c13849b4]{display:flex;justify-content:space-between;padding:10px 0;margin-bottom:-5px;border-bottom:1px dashed #ccc}.label[data-v-c13849b4]{font-weight:700;margin-top:7px;font-size:15px;flex-shrink:0}.right-align[data-v-c13849b4]{text-align:right}.label[data-v-c13849b4]:before{content:"*";color:red;margin-right:4px}.info[data-v-c13849b4]{color:#666;flex:1;padding:8px;border:none;background-color:transparent;outline:none;white-space:nowrap;text-align:right}.editable[data-v-c13849b4]:focus{border-bottom:1px solid #007bff}.submit-button[data-v-c13849b4]{width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:18px;margin-top:20px;cursor:pointer}.submit-button[data-v-c13849b4]:hover{background-color:#0056b3}.top-top-image[data-v-c13849b4]{position:absolute;bottom:120px;left:50%;width:182px;height:189px}.background-image[data-v-c13849b4]{position:relative;width:100%;height:50vh;overflow:hidden}.top-image[data-v-c13849b4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.welcome-text[data-v-c13849b4]{position:absolute;bottom:250px;left:20px;color:#fff;font-size:24px;font-weight:700;font-style:italic}.dengji[data-v-c13849b4]{position:absolute;bottom:200px;left:20px;font-size:30px;color:#f4cd4e;text-align:left;font-weight:700}.container[data-v-5abc48cc]{padding:16px;background-color:#fff;height:100%}.no-data[data-v-5abc48cc]{text-align:center;color:#999;font-size:16px}.appointment-item[data-v-5abc48cc]{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:10px 10px 10px rgba(0,123,255,.1);cursor:default}.appointment-item.clickable[data-v-5abc48cc]{cursor:pointer;transition:background-color .3s}.appointment-item.clickable[data-v-5abc48cc]:hover{background-color:#f0f8ff}.appointment-header[data-v-5abc48cc]{display:flex;justify-content:space-between;margin-bottom:12px}.appointment-header .name[data-v-5abc48cc]{font-weight:700;font-size:18px}.appointment-header .phone-number[data-v-5abc48cc]{color:#007bff}.appointment-header .status[data-v-5abc48cc]{color:#5cb85c}.divider[data-v-5abc48cc]{border-bottom:1px solid #ddd;margin-bottom:12px}.appointment-time span[data-v-5abc48cc]{display:block;margin-bottom:8px;font-size:14px;color:#333}.approval-dialog .dialog-content[data-v-5abc48cc]{font-size:16px;color:#333;margin-bottom:20px}.dialog-footer[data-v-5abc48cc]{display:flex;justify-content:center;gap:10px}.dialog-button[data-v-5abc48cc]{padding:10px 20px;font-size:14px}.approval-process[data-v-5abc48cc]{margin-top:12px;display:flex;flex-direction:column;align-items:flex-start}.approval-step[data-v-5abc48cc]{display:flex;align-items:center;margin-bottom:8px}.approval-step .icon[data-v-5abc48cc]{margin-right:8px;font-size:15px;border-radius:50%;width:15px;height:15px;display:flex;justify-content:center;align-items:center}.icon-approved[data-v-5abc48cc]{background-color:#007bff;color:#fff}.icon-rejected[data-v-5abc48cc]{background-color:#ff4d4f;color:#fff}.icon-un[data-v-5abc48cc]{background-color:#756d6d;color:#fff}.icon-pending[data-v-5abc48cc]{background-color:#fff;border:1px solid #000}.approval-step .status[data-v-5abc48cc]{margin-right:8px;font-size:14px;font-weight:700}.approval-step .avatar[data-v-5abc48cc]{width:40px;height:40px;border-radius:50%;margin-right:8px}.approval-step .name[data-v-5abc48cc]{font-size:14px}.connector[data-v-5abc48cc]{height:100%;width:1px;background-color:#000;margin:0 8px}.container[data-v-41c52c54]{padding:16px;background-color:#fff;height:100%}.no-data[data-v-41c52c54]{text-align:center;color:#fff;font-size:16px}.appointment-item[data-v-41c52c54]{background-color:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:10px 10px 10px rgba(0,123,255,.1);cursor:default}.appointment-item.clickable[data-v-41c52c54]{cursor:pointer;transition:background-color .3s}.appointment-item.clickable[data-v-41c52c54]:hover{background-color:#f0f8ff}.appointment-header[data-v-41c52c54]{display:flex;justify-content:space-between;margin-bottom:12px}.appointment-header .name[data-v-41c52c54]{font-weight:700;font-size:18px}.appointment-header .phone-number[data-v-41c52c54]{color:#007bff}.appointment-header .status[data-v-41c52c54]{color:#5cb85c}.divider[data-v-41c52c54]{border-bottom:1px solid #ddd;margin-bottom:12px}.appointment-time span[data-v-41c52c54]{display:block;margin-bottom:8px;font-size:14px;color:#333}.approval-dialog .dialog-content[data-v-41c52c54]{font-size:16px;color:#333;margin-bottom:20px}.dialog-footer[data-v-41c52c54]{display:flex;justify-content:center;gap:10px}.dialog-button[data-v-41c52c54]{padding:10px 20px;font-size:14px}.container[data-v-187d4711]{padding:16px;background-color:#fff;height:100%}.no-data[data-v-187d4711]{text-align:center;color:#999;font-size:16px}.appointment-item[data-v-187d4711]{background-color:#fff;border:1px solid #fff;border-radius:10px;padding:16px;margin-bottom:20px;box-shadow:10px 10px 10px rgba(0,123,255,.1);cursor:default}.appointment-header[data-v-187d4711]{display:flex;justify-content:space-between;margin-bottom:12px}.appointment-header .name[data-v-187d4711]{font-weight:700;font-size:18px}.appointment-header .phone-number[data-v-187d4711]{color:#007bff}.appointment-header .status[data-v-187d4711]{color:#5cb85c}.divider[data-v-187d4711]{border-bottom:1px solid #ddd;margin-bottom:12px}.appointment-time span[data-v-187d4711]{display:block;margin-bottom:8px;font-size:14px;color:#333}.qr-code img[data-v-187d4711]{max-width:100px;margin-top:8px}