@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&display=swap";.vue-zoomer[data-v-2e65fed4]{overflow:hidden}.zoomer[data-v-2e65fed4]{transform-origin:50% 50%;width:100%;height:100%}.zoomer>img[data-v-2e65fed4]{vertical-align:top;user-drag:none;-webkit-user-drag:none;-moz-user-drag:none}.vue-zoomer-gallery[data-v-0d3d0b97]{position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;min-width:100px;min-height:100px}.vue-zoomer-gallery[data-v-0d3d0b97]>*{display:inline-block}.vue-zoomer-gallery.anim .slide[data-v-0d3d0b97]{transition:left .4s}.slide[data-v-0d3d0b97]{position:absolute;top:0;object-fit:contain;width:100%;height:100%;-webkit-user-drag:none}*{-webkit-tap-highlight-color:transparent}html{font-family:RedFoxes Mark TC,Inter,Noto Sans TC,sans-serif}body,html,ul,li{margin:unset}h1,h2,h3,h4,h5{padding:unset;margin:unset;font-weight:500}h5{font-size:14px}li{list-style:none}ul{padding:unset;margin:unset}#app{display:flex;height:100svh;overflow:hidden}a{text-decoration:none}@media (prefers-color-scheme: dark){:root{--bg-standard: #1d1e1c;--bg-standard-subdued: #454547;--bg-standard-subdued-hover: #2d2e2b;--fg-standard: #dfdfde}}@media (prefers-color-scheme: light){:root{--bg-standard: #ffffff;--bg-standard-subdued: #eaecf0;--bg-standard-subdued-hover: #f5f7f7;--fg-standard: #000000}}.nav-board-item[data-v-41660f47]{height:32px;position:relative}.nav-board-item a[data-v-41660f47]{width:100%;height:100%;display:flex;border-radius:8px;font-size:14px;padding-inline:12px;box-sizing:border-box;align-items:center;color:var(--fg-standard)}.nav-board-item a.router-link-exact-active[data-v-41660f47]{background:var(--bg-standard-subdued);font-weight:500}.nav-board-item .options[data-v-41660f47]{display:none;right:8px;top:5px;position:absolute}.nav-board-item .options .button[data-v-41660f47]{border:none;background:var(--bg-standard);border-radius:4px;cursor:pointer}.nav-board-item[data-v-41660f47]:hover{background:var(--bg-standard-subdued-hover)}.nav-board-item:hover .options[data-v-41660f47]{display:block}.nav-board-item .menu[data-v-41660f47]{position:absolute;top:32px;background:var(--bg-standard);display:block;z-index:9;width:100%;height:auto;box-shadow:0 2px 4px #00000021,0 8px 32px -4px #00000030;box-sizing:border-box;padding:4px;border-radius:8px}.nav-board-item .menu .option[data-v-41660f47]{border-radius:4px;font-size:14px;padding:4px 12px;font-weight:500;cursor:pointer}.nav-board-item .menu .option[data-v-41660f47]:hover{background:var(--bg-standard-subdued-hover)}.workspace[data-v-7ab0a238]{margin-block:8px;padding:8px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border-radius:8px}.workspace .left[data-v-7ab0a238]{display:flex;align-items:center;gap:8px}.workspace .left .profile-pic[data-v-7ab0a238]{width:32px;aspect-ratio:1/1;border-radius:100%}.workspace .left .username[data-v-7ab0a238]{font-size:14px;font-weight:500;color:var(--fg-standard)}.workspace .right[data-v-7ab0a238]{opacity:0}.workspace .right button[data-v-7ab0a238]{border:none;padding:4px 8px;box-sizing:border-box;cursor:pointer;border-radius:8px;font-size:13px;font-weight:700;background:var(--bg-standard);color:var(--fg-standard)}.workspace[data-v-7ab0a238]:hover{background:var(--bg-standard-subdued)}.workspace:hover .right[data-v-7ab0a238]{opacity:1}button[data-v-cf7b4313]{height:32px;padding-inline:12px;border:none;font-size:14px;cursor:pointer}button.with-icon[data-v-cf7b4313]{padding-inline:4px;min-width:32px}button.full[data-v-cf7b4313]{width:100%}button.primary[data-v-cf7b4313]{background:#fb6a00;border-radius:8px;color:#fff;font-weight:500}button.secondary[data-v-cf7b4313]{background:var(--bg-standard-subdued);border-radius:8px;color:var(--fg-standard);font-weight:500}nav[data-v-a7f7c66b]{width:240px;flex-grow:0;flex-shrink:0;padding-inline:8px;box-sizing:border-box;box-shadow:1px 0 #eaecf0;height:100vh;display:flex;flex-direction:column;gap:8px;background:var(--bg-standard)}nav .logo[data-v-a7f7c66b]{height:64px;display:flex;align-items:center;padding-inline:12px}nav .logo span[data-v-a7f7c66b]{font-size:15px;font-weight:500;color:var(--fg-standard)}nav .content[data-v-a7f7c66b]{display:flex;flex-direction:column;gap:24px;height:100%;flex:1}nav .content .create-wrapper[data-v-a7f7c66b]{padding-inline:12px}nav .content .board-list-wrapper[data-v-a7f7c66b]{display:flex;flex-direction:column;gap:8px}nav .content .board-list-wrapper h5[data-v-a7f7c66b]{padding-inline:12px;font-weight:500;color:#808490;font-size:12px}main[data-v-ce50d5c5]{width:100%}.login[data-v-69b3df22]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.login .form-wrapper[data-v-69b3df22]{max-width:400px;width:100%;background:#fff;padding:32px;box-sizing:border-box;display:flex;align-items:center;flex-direction:column;gap:48px}.login .form-wrapper .icon[data-v-69b3df22]{background:url(/assets/icon-UB1vpP8Q.png);width:64px;height:64px;box-shadow:0 12px 56px -12px #0000002b,0 2px 2px #0000001c;border-radius:20px;background-size:cover;display:block;flex-shrink:0}.login form[data-v-69b3df22]{display:flex;flex-direction:column;gap:12px;width:100%}.login form input[data-v-69b3df22]{background:#fff;box-shadow:0 0 0 1px #eaecf0,inset 0 0 0 1px #eaecf0;border-radius:8px;height:48px;padding-inline:12px;box-sizing:border-box;border:none;font-size:14px;outline:none}.login form input[data-v-69b3df22]:focus{box-shadow:0 0 0 1px #fb6a00,inset 0 0 0 1px #fb6a00}.login form button[data-v-69b3df22]{margin-top:16px;height:48px}.tagBadge[data-v-4533f12a]{display:flex;align-items:center;gap:6px}.tagBadge .color[data-v-4533f12a]{width:10px;height:10px;display:block;border-radius:100%}.tagBadge .color.green[data-v-4533f12a]{background:#2e9e00}.tagBadge .name[data-v-4533f12a]{font-size:12px}.card[data-v-e109a78f]{break-inside:avoid;background-color:var(--bg-standard);display:flex;gap:8px;flex-direction:column;padding-bottom:32px;cursor:pointer;position:relative}.card:hover .options[data-v-e109a78f]{display:block}.card .image-container[data-v-e109a78f]{position:relative;border-radius:8px;overflow:hidden}.card .image-container img[data-v-e109a78f]{width:100%;z-index:0;display:block}.card .image-container[data-v-e109a78f]:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 2px #0000000d;z-index:1;border-radius:8px;pointer-events:none}.card .detail[data-v-e109a78f]{display:flex;justify-content:space-between;padding-bottom:8px}.card .options[data-v-e109a78f]{display:none;right:8px;top:8px;position:absolute}.card .options.expanded[data-v-e109a78f]{width:100%}.card .options .button[data-v-e109a78f]{border:none;background:var(--bg-standard);border-radius:4px;cursor:pointer;position:absolute;right:0}.card .options .menu[data-v-e109a78f]{position:absolute;top:28px;background:var(--bg-standard);display:block;z-index:9;height:auto;box-shadow:0 2px 4px #00000021,0 8px 32px -4px #00000030;box-sizing:border-box;padding:4px;border-radius:8px;right:0}.card .options .menu .option[data-v-e109a78f]{border-radius:4px;font-size:14px;padding:4px 12px;font-weight:500;cursor:pointer;width:auto}.card .options .menu .option[data-v-e109a78f]:hover{background:var(--bg-standard-subdued-hover)}.action-bar[data-v-3c1e70fc]{height:64px;display:flex;justify-content:space-between;align-items:center;padding-inline:32px;box-sizing:border-box}.action-bar .left .name[data-v-3c1e70fc]{font-weight:500;font-size:18px;position:relative;cursor:pointer;color:var(--fg-standard);padding:8px;margin-left:-8px}.action-bar .left .name[data-v-3c1e70fc]:hover{background:var(--bg-standard-subdued);border-radius:8px}.action-bar .left .name-input[data-v-3c1e70fc]{font-weight:500;font-size:16px;position:relative;cursor:pointer;background:none;border:none;padding:4px;margin:0;color:var(--fg-standard)}.action-bar .left .skeleton[data-v-3c1e70fc]{width:80px;height:18px;background:var(--bg-standard-subdued);border-radius:8px}.action-bar .right .button-sets[data-v-3c1e70fc]{display:flex;gap:16px}.action-bar .right .set.group button[data-v-3c1e70fc]{height:32px;padding-inline:12px;border:none;font-size:14px;cursor:pointer;font-weight:500;background:var(--bg-standard-subdued);color:var(--fg-standard)}.action-bar .right .set.group button[data-v-3c1e70fc]:first-child{border-radius:8px 0 0 8px}.action-bar .right .set.group button[data-v-3c1e70fc]:last-child{border-radius:0 8px 8px 0}.board-view-box[data-v-7d38a99e]{width:100vw;height:100svh;position:fixed;top:0;left:0;z-index:99999;display:flex;justify-content:center;align-items:center}.board-view-box .background[data-v-7d38a99e]{background:#000;opacity:.8;width:100%;height:100%;position:fixed;z-index:-1}.board-view-box .image-wrapper img[data-v-7d38a99e]{max-height:calc(100svh - 128px);max-width:calc(100vw - 128px);border-radius:8px;overflow:hidden;display:block;background:#000}.board-container[data-v-9aa1caff]{display:flex;flex-direction:column;height:100%;width:100%;background:var(--bg-standard)}.board-container .action-bar-wrapper[data-v-9aa1caff]{flex-shrink:0;flex-grow:0}.board-container .board-wrapper[data-v-9aa1caff]{overflow-x:hidden;overflow-y:scroll}.board-container .board[data-v-9aa1caff]{flex:1;padding-inline:32px;column-gap:32px;display:block}.board-container .board .skeleton[data-v-9aa1caff]{background-color:var(--bg-standard-subdued);aspect-ratio:4/3;width:100%;border-radius:8px;display:block;break-inside:avoid}.board-container .board .skeleton[data-v-9aa1caff]:nth-child(2n){aspect-ratio:5/6}.board-container .board.empty[data-v-9aa1caff]{color:#888b8d}.board-container .drop-zone[data-v-9aa1caff]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999;display:flex;justify-content:center;align-items:center}.board-container .drop-zone[data-v-9aa1caff]:before{content:"";width:100%;height:100%;display:block;position:fixed;top:0;left:0;z-index:-1;background:var(--bg-standard);opacity:.9}.board-container .drop-zone input[data-v-9aa1caff]{width:100%;height:100%;display:block;position:fixed;top:0;left:0}@media (max-width: 768px){.card-list[data-v-9aa1caff]{column-count:2}}@media (max-width: 480px){.card-list[data-v-9aa1caff]{column-count:1}}