@import"https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@200;300;400;500;600;700;800&family=Noto+Sans+TC:wght@300;400;500;700&display=swap";:root{font-family:Lexend Deca,Noto Sans TC,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Lexend Deca,Noto Sans TC,Avenir,Helvetica,Arial,sans-serif}h1{font-size:1.5rem;font-weight:500}h3{font-size:1rem;font-weight:500}h4{font-size:.8rem;font-weight:500}h5{font-size:.75rem;font-weight:400}p{font-size:.75rem}input{outline-color:#385bf8}nav[data-v-49bd6b82]{display:flex;flex-direction:column;border-top-right-radius:1.75rem;border-bottom-right-radius:1.75rem;border-left:.1rem solid #F4F5F7;gap:1rem;padding:2rem 1.25rem;min-width:16.5rem;height:100%}nav .title[data-v-49bd6b82]{width:100%;display:flex;align-items:baseline;justify-content:space-between}nav .title h3 span[data-v-49bd6b82]{color:#2f4acd;font-weight:600}nav .title p[data-v-49bd6b82]{color:#9d9e9d}nav .photos[data-v-49bd6b82]{display:flex;justify-content:space-between;margin-bottom:.75rem}nav .photos .offline[data-v-49bd6b82],nav .photos .online[data-v-49bd6b82]{position:relative}nav .photos .offline[data-v-49bd6b82]:after,nav .photos .online[data-v-49bd6b82]:after{position:absolute;content:"";right:0;bottom:0;transform:translate(25%,-25%);width:.5rem;height:.5rem;border-radius:5rem;border:.1rem solid #ffffff;background-color:#f93638}nav .photos .offline img[data-v-49bd6b82],nav .photos .online img[data-v-49bd6b82]{width:1.8rem;height:1.8rem;object-fit:cover;border-radius:5rem}nav .photos .online[data-v-49bd6b82]:after{background-color:#29a073}nav .chat-room[data-v-49bd6b82]{flex:1 1 auto;overflow-x:hidden;overflow-y:scroll;display:flex;flex-direction:column;gap:1rem}nav .chat-room[data-v-49bd6b82]::-webkit-scrollbar{display:none}nav .chat-room .reverse[data-v-49bd6b82]{flex-direction:row-reverse}nav .chat-room .chat-line[data-v-49bd6b82]{display:flex;flex-wrap:wrap;align-items:end;gap:.25rem}nav .chat-room .chat-line img[data-v-49bd6b82]{width:1.5rem;height:1.5rem;object-fit:cover;border-radius:5rem}nav .chat-room .chat-line .people[data-v-49bd6b82]{word-wrap:break-word;max-width:65%;background-color:#f4f5f7;color:#111212;padding:.5rem 1rem;border-radius:.3rem .3rem .3rem 0}nav .chat-room .chat-line .self[data-v-49bd6b82]{word-wrap:break-word;max-width:65%;background-color:#2f4acd;color:#fff;padding:.5rem 1rem;border-radius:.3rem .3rem 0}nav .chat-room .chat-line .space[data-v-49bd6b82]{width:100%}nav .chat-room .chat-line span[data-v-49bd6b82]{font-size:.75rem;color:#9d9e9d;font-weight:400}nav .chat-item[data-v-49bd6b82]{display:flex;align-items:center;gap:.75rem}nav .chat-item input[data-v-49bd6b82]{flex:1 1 auto;border:none;background-color:#f4f5f7;padding:.5rem .75rem;border-radius:.5rem;color:#111212}nav .chat-item input[data-v-49bd6b82]::placeholder{color:#9d9e9d}nav .chat-item svg[data-v-49bd6b82]{color:#dadada;transition:.2s all ease-in-out;cursor:pointer}nav .chat-item svg[data-v-49bd6b82]:hover{color:#2f4acd}section[data-v-4eb69b39]{flex:1 1;display:flex;flex-direction:column;overflow-y:hidden;gap:1rem}section header[data-v-4eb69b39]{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#f2f3f5;border-radius:.2rem;padding:.35rem .5rem}section header span[data-v-4eb69b39]{display:block;font-size:.75rem;transform:scale(85%);background-color:#111212;color:#fff;padding:.1rem .35rem;border-radius:.15rem}section article[data-v-4eb69b39]{flex:1 0 auto;overflow-y:scroll;height:5rem;display:flex;flex-direction:column;gap:1rem}section article[data-v-4eb69b39]::-webkit-scrollbar{display:none}section article .card[data-v-4eb69b39]{width:100%;border-radius:.35rem;background-color:#fff;border:.1rem solid #F4F5F7;padding:.5rem;display:flex;flex-direction:column;gap:.3rem}section article .card .card-header[data-v-4eb69b39]{display:flex;justify-content:space-between;align-items:center}section article .card .card-header span[data-v-4eb69b39]{display:block;width:1.5rem;height:1.5rem;font-size:.75rem;line-height:1.5rem;transform:scale(.9);background-color:#f4f5f7;border-radius:5rem;text-align:center}section article .card .card-header svg[data-v-4eb69b39]{color:#9d9e9d}section article .card .card-content[data-v-4eb69b39]{font-weight:300;line-height:1.2rem}section article .card .card-footer[data-v-4eb69b39]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;margin-top:.5rem}section article .card .card-footer span[data-v-4eb69b39]{height:1.1rem;line-height:1.1rem;padding:0 .25rem;border-radius:.2rem;color:#fff}section article .card .card-footer .normal[data-v-4eb69b39]{background-color:#fa882e}section article .card .card-footer .danger[data-v-4eb69b39]{background-color:#f93638}section article .card .card-footer .safe[data-v-4eb69b39]{background-color:#29a073}section article .card .card-footer .cancel[data-v-4eb69b39]{background-color:#dadada}section article .card .card-footer .users[data-v-4eb69b39]{display:flex}section article .card .card-footer .users img[data-v-4eb69b39]{margin-left:-.5rem;width:1.5rem;height:1.5rem;object-fit:cover;border-radius:5rem;border:.15rem solid #ffffff}section footer[data-v-4eb69b39]{display:flex;justify-content:center;align-items:center;height:2rem;border:.1rem dashed #DADADA;border-radius:.35rem;color:#dadada;transition:.2s all ease-in-out;cursor:pointer}section footer[data-v-4eb69b39]:hover{color:#acacac;border:.1rem dashed #ACACAC}header[data-v-e92126a6]{display:flex;flex-direction:column;gap:.25rem}header .group[data-v-e92126a6]{display:flex;align-items:center;margin-bottom:.35rem}header .group h1[data-v-e92126a6]{color:#111212;margin-right:auto}header .group svg[data-v-e92126a6]{background-color:#f4f5f7;color:#999;font-size:.8rem;padding:.5rem;border-radius:5rem;margin-right:.5rem;transition:.2s all ease-in-out;cursor:pointer}header .group svg[data-v-e92126a6]:hover{background-color:#dadada;color:#fff}header .group .bell[data-v-e92126a6]{position:relative;height:1.8rem;width:0}header .group .bell[data-v-e92126a6]:after{position:absolute;content:"";top:0;right:.4rem;width:.4rem;height:.4rem;border:.15rem solid #ffffff;border-radius:5rem;background-color:#f93638}header .group img[data-v-e92126a6]{width:1.8rem;height:1.8rem;object-fit:cover;border-radius:5rem}header p[data-v-e92126a6]{color:#9d9e9d;transform:scale(.9) translate(-5%)}header p button[data-v-e92126a6]{font-size:.8rem;border:none;background-color:#f4f5f7;color:#2f4acd;padding:.1rem .25rem;border-radius:.2rem}.main[data-v-e92126a6]{flex:1 1 auto;display:flex;gap:1rem}nav[data-v-5f1a0ed5]{display:flex;flex-direction:column;border-top-left-radius:1.75rem;border-bottom-left-radius:1.75rem;gap:1rem;padding:2rem 1.25rem;min-width:13rem;height:100%;background-color:#f4f5f7}nav .btn-list[data-v-5f1a0ed5]{display:flex;align-items:center;gap:.5rem;padding:.7rem;width:100%;background-color:#fff;border-radius:.5rem;box-shadow:0 0 2rem #e4e6ec;transition:.3s all ease-in-out}nav .btn-list[data-v-5f1a0ed5]:hover{transform:scale(103%)}nav .btn-list img[data-v-5f1a0ed5]{width:1.75rem;height:1.75rem;object-fit:cover;border-radius:5rem}nav .btn-list svg[data-v-5f1a0ed5]{margin-left:auto;color:#acacac}nav .lists[data-v-5f1a0ed5]{display:flex;flex-direction:column;gap:.5rem;margin-left:.7rem}nav .lists .icon-list[data-v-5f1a0ed5]{display:flex;align-items:center;gap:.5rem;color:#acacac;transition:.2s all ease-in-out;cursor:pointer}nav .lists .icon-list[data-v-5f1a0ed5]:hover{color:#999}nav .lists .icon-list svg[data-v-5f1a0ed5]{padding:.375rem}nav .toggles[data-v-5f1a0ed5]{flex:1 1 auto;overflow-y:scroll}nav .toggles[data-v-5f1a0ed5]::-webkit-scrollbar{display:none}nav .toggles .toggle-list[data-v-5f1a0ed5]{display:flex;align-items:center;gap:.2rem;padding:.3rem .5rem;width:100%;border-radius:.5rem;transition:.2s all ease-in-out;cursor:pointer}nav .toggles .toggle-list[data-v-5f1a0ed5]:hover{color:#9d9e9d}nav .toggles .toggle-list svg[data-v-5f1a0ed5]{padding:.375rem;color:#999}nav .toggles .toggle-active[data-v-5f1a0ed5]{background-color:#fff}nav button[data-v-5f1a0ed5]{position:relative;width:100%;padding:.75rem .5rem;background-color:#2f4acd;color:#fff;font-weight:600;border:none;border-radius:.3rem;transition:.2s all ease-in-out;cursor:pointer}nav button[data-v-5f1a0ed5]:hover,nav button[data-v-5f1a0ed5]:active{background-color:#385bf8}nav button svg[data-v-5f1a0ed5]{position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}#app{width:100vw;height:100vh;background-color:#dce0e8;display:grid;place-content:center}#app .background{display:flex;width:1000px;height:85vh;overflow:hidden;background-color:#fff;border-radius:1.75rem;box-shadow:0 0 1rem #e4e6ec}#app main{flex:1 1 auto;display:flex;flex-direction:column;padding:2rem;gap:2rem;max-height:100%}