:root{--mainColor: #002153}*{box-sizing:border-box}body{margin:0}#app{font-family:Microsoft JhengHei UI,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:calc(100% - 360px);padding:0 30px;margin-left:360px}nav{padding:20px 0;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}.page-title{font-size:24px;font-style:normal;font-weight:400;line-height:normal}.page-sub-title{font-size:20px;font-style:normal;font-weight:400;line-height:normal}.page-information{font-size:16px;font-style:normal;font-weight:400;line-height:normal}.form-group{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:10px;margin:10px 0}.form-group-column{width:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:10px;margin:10px 0}input[type=text].form-control,input[type=email].form-control,input[type=password].form-control{width:100%;padding:10px;background-color:#fff;font-size:14px;box-sizing:border-box;border:1px solid black;border-radius:5px;outline:none;transition:.5s}input[type=text].form-control:focus,input[type=email].form-control:focus,input[type=password].form-control:focus{box-shadow:0 0 10px #87ceeb;border-color:#87ceeb}.btn{padding:5px 20px;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer;border-radius:5px;-webkit-user-select:none;user-select:none}.btn-blue{background-color:var(--mainColor);color:#fff}.btn-white{background-color:#fff;color:#000;border:1px solid black}.text-red{color:red}.editor{width:100%;height:500px}.reply-container,.reaction-container{display:flex;align-items:center;gap:8px}.logo-group{display:inline-flex;align-items:center;gap:16px;padding-left:42px}.logo{width:48px;height:48px}.logo-sm{width:24px;height:24px}@media screen and (max-width: 768px){.container{width:100%;padding-bottom:100px;margin-left:0;margin-top:30px}nav{display:none}}.side-bar-button[data-v-3f0ff45c]{display:inline-flex;flex-direction:column;align-items:flex-start}.side-bar-button-inner[data-v-3f0ff45c]{display:flex;justify-content:center;align-items:center;gap:16px}.icon-container[data-v-3f0ff45c]{width:48px;height:48px;display:flex;justify-content:center;align-items:center}.board-button[data-v-58db8249]{display:flex;width:200px;height:50px;align-items:center;flex-shrink:0}.board-button-inner[data-v-58db8249]{display:flex;align-items:center;gap:10px}.page-sub-title[data-v-58db8249]{text-decoration:none;outline:none}aside[data-v-c050d1ce]{width:300px;height:100%;position:fixed;top:0;left:0;display:flex;padding:0 20px;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--mainColor);box-sizing:border-box;color:#fff}aside a[data-v-c050d1ce]{color:#fff}.sidebar-inner[data-v-c050d1ce]{width:260px;flex-shrink:0;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.split-line[data-v-c050d1ce]{width:260px;height:5px;background-color:#fff}.hot-board-container[data-v-c050d1ce]{display:flex;height:525px;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding-left:42px}.sidebar-button-container[data-v-c050d1ce]{padding-left:42px}@media screen and (max-width: 768px){aside[data-v-c050d1ce]{display:none}}.post[data-v-05fb8bfb]{display:flex;width:100%;padding:25px 0;flex-direction:column;align-items:flex-start;box-sizing:border-box;gap:16px;border-bottom:1px solid #d0d0d0}.post-main-container[data-v-05fb8bfb]{display:flex;flex-direction:column;align-items:flex-start;gap:20px;width:100%}.post-title-container[data-v-05fb8bfb]{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;width:100%}.post-information-container[data-v-05fb8bfb]{display:flex;gap:20px;justify-content:flex-start;align-items:center}.post-title[data-v-05fb8bfb]{color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0;display:block;max-width:400px}.post-information[data-v-05fb8bfb]{color:gray}.post-content[data-v-05fb8bfb]{color:#000}.post-action-container[data-v-05fb8bfb]{display:flex;align-items:center;gap:16px}.hot-post-container[data-v-aefbb6d1]{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.hot-post-panel[data-v-aefbb6d1]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.board-list-page[data-v-b0e5d6ca]{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.board-list[data-v-b0e5d6ca]{display:flex;width:100%;padding-top:20px;align-items:flex-start;align-content:flex-start;gap:20px;flex-wrap:wrap;border-top:1px solid black}.login-page[data-v-1e11c966]{display:flex;flex-direction:column;align-items:flex-start;gap:20px}form[data-v-1e11c966]{width:100%}.login-page[data-v-5dc43414]{display:flex;flex-direction:column;align-items:flex-start;gap:20px}form[data-v-5dc43414]{width:100%}.board-list-page[data-v-1668b238]{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.board-list[data-v-1668b238]{display:flex;width:100%;padding-top:20px;align-items:flex-start;align-content:flex-start;gap:20px;flex-wrap:wrap;border-top:1px solid black}.board-title[data-v-1668b238]{color:#000;font-size:40px;font-style:normal;font-weight:400;line-height:normal}.board-row[data-v-1668b238]{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:30px}.board-image[data-v-1668b238]{width:100%;height:300px;object-fit:cover}.hot-post-container[data-v-1668b238],.introduction-container[data-v-1668b238]{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.introduction-panel[data-v-1668b238]{display:flex;width:100%;padding:20px;box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:10px;border-radius:5px;background:#f0f0f0}.hot-post-panel[data-v-1668b238]{display:flex;flex-direction:column;align-items:flex-start;width:100%}@media screen and (max-width: 768px){.board-row[data-v-1668b238]{flex-direction:column}}.posts-list-page[data-v-53c39f40]{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%}.posts-header[data-v-53c39f40]{display:flex;justify-content:space-between;align-items:center;width:100%}.posts-panel[data-v-53c39f40]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.posts-filter-sort-container[data-v-53c39f40]{width:70%;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:20px}.posts-button-group[data-v-53c39f40]{display:flex;justify-content:flex-end;align-items:center;gap:20px;width:30%}select[data-v-53c39f40]{padding:10px}.paginate-row[data-v-53c39f40]{width:100%;gap:15px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:20px 0;box-sizing:border-box}@media screen and (max-width: 768px){.posts-header[data-v-53c39f40]{flex-direction:column;align-items:flex-start;gap:10px}.posts-filter-sort-container[data-v-53c39f40],.posts-button-group[data-v-53c39f40]{width:100%}.posts-button-group[data-v-53c39f40]{justify-content:flex-start}}.post-page[data-v-8abd6e8f]{display:flex;justify-content:flex-start;gap:30px;flex-direction:column}.post-main-container[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:flex-start;gap:10px;flex-direction:column;width:100%}.post-container[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%}.post-text-container[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:20px;width:100%}.post-title-container[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;gap:10px}.post-title-inner-container[data-v-8abd6e8f]{display:flex;justify-content:space-between;align-items:center;width:100%}.post-title[data-v-8abd6e8f]{color:#000;font-size:32px;font-style:normal;font-weight:400;line-height:normal}.post-sub-title[data-v-8abd6e8f]{color:#000;font-size:28px;font-style:normal;font-weight:400;line-height:normal}.post-information-container[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:center;gap:20px}.post-information[data-v-8abd6e8f]{color:gray;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.post-action-container[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:20px;width:100%;border-bottom:2px solid black}.post-action-inner-container[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;padding:20px 0}.reply-main-container[data-v-8abd6e8f]{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:12px}.replies[data-v-8abd6e8f]{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:50px}.reply[data-v-8abd6e8f]{width:100%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;box-sizing:border-box}.reply-block[data-v-8abd6e8f]{display:flex;width:100%;gap:16px;justify-content:center;align-items:flex-start;flex-direction:column;padding:25px 0;box-sizing:border-box;border-bottom:1px solid #c0c0c0;border-top:1px solid #c0c0c0}.reply-content[data-v-8abd6e8f]{display:flex;justify-content:center;align-items:flex-start;width:100%;gap:8px;flex-direction:column}.reply-action[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:center;gap:16px}.reply-information[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:center;gap:20px}.comment-container[data-v-8abd6e8f]{width:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;gap:10px}.comment[data-v-8abd6e8f]{display:flex;justify-content:flex-start;align-items:flex-start;gap:8px;padding-left:50px;padding-top:20px;box-sizing:border-box;width:100%}.comment-title[data-v-8abd6e8f]{display:flex;justify-content:flex-end;align-items:flex-start;width:10%}.comment-content[data-v-8abd6e8f]{width:90%;gap:8px;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.comment-information[data-v-8abd6e8f]{display:flex;gap:8px;justify-content:flex-start;align-items:center}.text-container[data-v-8abd6e8f]{width:100%;margin-top:10px}.like-icon[data-v-8abd6e8f]{cursor:pointer}.create-post-page[data-v-bf7e7fa3]{display:flex;flex-direction:column;align-items:flex-start;gap:20px}form[data-v-bf7e7fa3]{width:100%;display:flex;justify-content:flex-start;flex-direction:column;align-items:center}.board-row[data-v-bf7e7fa3]{display:flex;width:100%;justify-content:space-between;align-items:flex-start;gap:30px}.user-page[data-v-4c60de11]{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.user-file-container[data-v-4c60de11]{display:flex;justify-content:flex-start;align-items:center}.user-information-container[data-v-4c60de11]{gap:10px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:30px;box-sizing:border-box}.tag-container[data-v-4c60de11]{display:flex;gap:5px;padding:10px 0}.tag[data-v-4c60de11]{padding:5px 10px;border-radius:10px;background-color:var(--mainColor);color:#fff}.search-bar[data-v-79b8b161]{width:100%;border-radius:10px;background-color:#dadada;padding:10px;display:flex;justify-content:flex-start;align-items:center}.search-bar input[type=text][data-v-79b8b161]{border:none;background:none;outline:none;width:100%;height:100%;font-size:20px;margin-left:10px}footer[data-v-8e6ed06e]{width:100%;height:50px;background-color:var(--mainColor);color:#fff;display:none;justify-content:space-between;align-items:center;position:fixed;bottom:0;left:0;padding-left:30px;padding-right:30px}@media screen and (max-width: 768px){footer[data-v-8e6ed06e]{display:flex}}header[data-v-38237319]{width:100%;height:100px;display:none;background-color:var(--mainColor);align-items:center;color:#fff}.page-title[data-v-38237319]{color:#fff}.logo-group[data-v-38237319]{padding-left:30px}@media screen and (max-width: 768px){header[data-v-38237319]{display:flex}}