@media (max-width: 576px){.right-tools .text[data-v-31c7cc0b]{display:none}}#mainTopNav[data-v-31c7cc0b]{height:1.5rem;background-color:var(--main-white);display:flex;align-items:center;justify-content:space-between;padding:0 .5rem}#mainTopNav .message[data-v-31c7cc0b]{display:flex;align-items:center}#mainTopNav .message i[data-v-31c7cc0b]{margin-right:.5rem}#mainTopNav .message .message-area[data-v-31c7cc0b]{width:calc(300vw - 15rem);position:relative;overflow:hidden;display:flex}#mainTopNav .message .message-area .message-content[data-v-31c7cc0b]{flex:100%;animation:scroll-31c7cc0b 20s linear infinite}#mainTopNav .right-tools[data-v-31c7cc0b]{padding:0 .5rem;height:1.5rem;border-left:2px var(--main-gray) solid;position:absolute;display:flex;top:0;right:0;background-color:var(--main-white)}#mainTopNav .right-tools .tools-item[data-v-31c7cc0b]{display:flex;align-items:center}#mainTopNav .right-tools .tools-item i[data-v-31c7cc0b]{margin-right:.5rem}@keyframes scroll-31c7cc0b{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media (max-width: 768px){#mainSideBar[data-v-3c8c1a82]{left:-4rem}#mainSideBar.open[data-v-3c8c1a82]{left:0rem!important}}@media (min-width: 768px){#mainSideBar[data-v-3c8c1a82]{left:0rem}}#mainSideBar[data-v-3c8c1a82]{background-color:var(--main-white);height:100%;position:absolute;min-width:4rem;width:4rem;border-right:2px var(--main-gray) solid;transition:all .5s;min-height:70vh;font-size:1.5rem;display:flex;flex-direction:column;align-items:center}#mainSideBar .hr-style[data-v-3c8c1a82]{background-color:var(--main-gray);height:2px;width:80%;margin-top:1rem}#mainSideBar .router-link-tag[data-v-3c8c1a82]{color:var(--main-gray);text-decoration:none}#mainSideBar .router-link-tag i[data-v-3c8c1a82]{margin-top:1rem;height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:2.5rem;transition:all .5s;background-color:var(--main-white);color:var(--main-gray)}#mainSideBar .router-link-tag.router-link-active i[data-v-3c8c1a82],#mainSideBar .router-link-tag:hover i[data-v-3c8c1a82]{background-color:var(--main-gray);color:var(--main-white)}#mainSideBar .router-link-list-group[data-v-3c8c1a82]{position:relative;overflow:hidden;margin-top:1rem}#mainSideBar .router-link-list-group.clicked .router-link-list-icon i[data-v-3c8c1a82]{background-color:var(--main-gray);color:var(--main-white)}#mainSideBar .router-link-list-group.clicked .router-link-list[data-v-3c8c1a82]{margin-top:-0%!important}#mainSideBar .router-link-list-group .router-link-list-icon[data-v-3c8c1a82]{z-index:3;background-color:var(--main-white);border-radius:0rem 0rem 2.5rem 2.5rem;position:sticky}#mainSideBar .router-link-list-group .router-link-list-icon i[data-v-3c8c1a82]{margin-top:0!important}#mainSideBar .router-link-list-group .router-link-list[data-v-3c8c1a82]{transition:margin-top .5s;margin-bottom:0;list-style-type:none;padding:0;z-index:2;position:sticky}#mainSideBar .router-link-list-group .router-link-list i[data-v-3c8c1a82]{border:4px var(--main-gray) solid}#mainSideBar .router-link-list-group[data-v-3c8c1a82]:after{content:"";height:calc(100% - 5rem);position:absolute;width:6px;background-color:var(--main-gray);top:2.5rem;left:calc(1.25rem - 3px);z-index:1}:root{--main-pink: rgb(255, 123, 138);--main-green: rgb(45, 124, 68);--main-dark-blue: rgb(28, 38, 63);--main-blue: rgb(28, 38, 63);--main-gray: rgb(136, 117, 118);--main-light-gray: rgb(210, 194, 196);--main-white: rgb(255, 240, 237);--page-background-color: var(--main-pink);--body-background-color: var(--main-blue);--header-background-color: var(--main-pink)}body{background-color:var(--body-background-color);color:var(--main-gray)}@media (max-width: 768px){#main-page-area{margin:0}#main-page-area .router-area{margin-left:0rem;width:calc(100% + -0rem)}.tool-bar .btn-list i{margin-right:1rem!important}.tool-bar .btn-list i.fa-bars{width:4rem;margin-left:-1rem;text-align:center;border-right:2px var(--main-white) solid}}@media (min-width: 768px){#main-page-area{margin:1.5rem}#main-page-area .router-area{margin-left:4rem;width:calc(100% - 4rem)}.tool-bar .btn-list i.fa-bars{width:0rem;text-align:center;margin-left:0rem;margin-right:0rem!important}}#main-page-area{margin-bottom:4rem;transition:all .5s;overflow:hidden;border:0}#main-page-area .card-header{padding:0;border:0;background-color:var(--main-gray)}#main-page-area .card-header .tool-bar{background-color:var(--main-light-gray);height:3rem;color:var(--main-white);display:flex;align-items:center;padding:0 1rem;font-size:1.5rem}#main-page-area .card-header .tool-bar .btn-list{display:flex;align-items:center}#main-page-area .card-header .tool-bar .btn-list i{transition:all .5s;margin-right:1rem}#main-page-area .card-header .tool-bar .url-like-area{display:flex;justify-content:center}#main-page-area .card-header .tool-bar .url-like-area .url-like-area-bk{width:100%;background-color:var(--main-white);border-radius:1.5rem;height:1.8rem;color:var(--main-gray);text-align:center;font-size:1.2rem;line-height:1.8rem}#main-page-area .card-header .tool-bar .url-like-area{flex:75%}#main-page-area .card-header .top-header{height:3rem;position:relative;display:flex}#main-page-area .card-header .top-header .small-icon-list{height:100%;display:flex;align-items:center;padding:0 8px}#main-page-area .card-header .top-header .small-icon-list i{margin:0 4px;height:1.5rem;width:1.5rem;border-radius:1.5rem;background-color:var(--main-white);display:flex;align-items:center;justify-content:center;color:var(--main-gray);font-size:.8rem}#main-page-area .card-header .top-header .page-tab-list{display:flex}#main-page-area .card-header .top-header .page-tab-list .page-tab-item{width:10rem;margin-top:.5rem;border-top-left-radius:.5rem;border-top-right-radius:.5rem;background-color:var(--main-light-gray);display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;color:var(--main-dark-gray);text-decoration:none;transition:all .5s}#main-page-area .card-header .top-header .page-tab-list .page-tab-item .router-link-item{height:100%;width:100%;display:flex;align-items:center;color:var(--main-dark-gray);text-decoration:none}#main-page-area .card-header .top-header .page-tab-list .page-tab-item.close-tag{background-color:var(--main-dark-gray);color:var(--main-white);position:relative}#main-page-area .card-header .top-header .page-tab-list .page-tab-item.close-tag:has(.left-tag):after{content:"";position:absolute;left:0;border-left:2px var(--main-light-gray) solid;height:60%}#main-page-area .card-header .top-header .page-tab-list .page-tab-item.close-tag:has(.right-tag):after{content:"";position:absolute;right:0;border-right:2px var(--main-light-gray) solid;height:60%}#main-page-area .card-body{border:0;padding:0;background-color:var(--main-white);position:relative;display:flex;min-height:75vh}#main-page-area .card-body .router-area{min-width:375px;transition:all .5s;padding:1rem}.hr-style{width:100%;height:2px;background-color:var(--main-gray)}.paragraph{font-weight:700;font-size:2.5rem}#main-footer{margin-top:1rem;height:1.5rem;width:100%;background-color:var(--main-white);position:absolute;bottom:0;padding:0 .5rem}#announcement-area[data-v-8174e41f]{margin-top:2rem}@media (max-width: 576px){.about-me-page[data-v-ff38b6e0]{font-size:1.2rem!important}.main-pic-area img[data-v-ff38b6e0]{height:25vw!important;border-radius:10rem;margin-right:2rem!important;position:absolute;right:-1rem;margin:0;top:1rem}.main-pic-area .subtitle[data-v-ff38b6e0]{font-size:2rem!important}.main-pic-area h1[data-v-ff38b6e0]{font-size:3rem!important}.main-pic-area h1 label[data-v-ff38b6e0]{font-size:1.1rem!important}.job-history-list[data-v-ff38b6e0]{list-style-type:none;padding:0}.school-list .school-data[data-v-ff38b6e0]:not(:last-child){margin-bottom:2rem}}@media (max-width: 768px){.main-pic-area[data-v-ff38b6e0]{font-size:1rem}}@media (min-width: 768px){.main-pic-area[data-v-ff38b6e0]{font-size:1rem}}.about-me-page[data-v-ff38b6e0]{font-size:1.5rem}.about-me-page .job-history-list .job-group[data-v-ff38b6e0]{margin-top:2rem}.about-me-page .job-history-list .job-title[data-v-ff38b6e0]{font-weight:700;margin-bottom:4px;font-size:1.8rem}.about-me-page .job-history-list .job-date[data-v-ff38b6e0]{font-size:1.2rem}.about-me-page .job-history-list .job-description .job-type[data-v-ff38b6e0]{margin-top:.75rem}.about-me-page .job-history-list .job-description .job-type li[data-v-ff38b6e0]{margin-top:.25rem;font-size:1.1rem}.main-pic-area[data-v-ff38b6e0]{display:flex;align-items:center;justify-content:flex-start}.main-pic-area img[data-v-ff38b6e0]{transition:all .5s;height:15rem;border-radius:15rem;margin-right:2rem}.main-pic-area .about-ma-content h1[data-v-ff38b6e0]{font-size:5rem;font-weight:bolder;display:flex;flex-direction:column}.main-pic-area .about-ma-content h1 label[data-v-ff38b6e0]{font-size:1.2rem}.main-pic-area .about-ma-content .description-area .subtitle[data-v-ff38b6e0]{font-size:3rem;font-weight:bolder}.school-list .school-data[data-v-ff38b6e0]{display:flex}.school-list .school-data img[data-v-ff38b6e0]{height:100px}.school-list .school-data .school-info[data-v-ff38b6e0]{margin-left:1rem}.school-list .school-data .school-info p[data-v-ff38b6e0]{margin:0;font-weight:700}.school-list .school-data .school-info .date[data-v-ff38b6e0]{font-size:1.2rem}.skill-lsit[data-v-ff38b6e0]{display:flex;flex-wrap:wrap}.skill-lsit .skill-tag[data-v-ff38b6e0]{font-size:1rem;height:1.6rem;padding:0 .8rem;margin:4px;border-radius:1.6rem;background-color:var(--main-gray);color:var(--main-white);display:flex;align-items:center}.example-card[data-v-c67a2491]{border:2px var(--main-gray) solid;padding:0rem;overflow:hidden;background-color:transparent}.example-card .card-header[data-v-c67a2491]{color:var(--main-white);font-size:large;padding:.25rem 1rem!important}.example-card .card-body[data-v-c67a2491]{display:flex;min-height:unset!important;padding:.5rem!important}.example-card .card-body .example-area[data-v-c67a2491]{display:flex;justify-content:space-between;flex-direction:column;align-items:center;border-right:2px var(--main-gray) solid}.example-card .card-body .example-area .example-item-area[data-v-c67a2491]{flex:80%;display:flex;align-items:center}.alert-item[data-v-5efb0f23]{padding:16px;border-radius:4px;background-color:var(--main-gray);color:var(--main-white);width:min-content;white-space:nowrap;display:flex;position:relative;overflow:hidden;height:min-content;margin-bottom:8px;transition:all .5s}.alert-item .icon-area[data-v-5efb0f23]{margin-right:1rem}.alert-item[data-v-5efb0f23]:after{content:"";background-color:var(--main-white);opacity:.3;position:absolute}.alert-item.border-left-style[data-v-5efb0f23]:after{width:6px;height:100%;left:0;top:0}.alert-item.border-right-style[data-v-5efb0f23]:after{width:6px;height:100%;right:0;top:0}.alert-item.border-top-style[data-v-5efb0f23]:after{width:100%;height:6px;right:0;top:0}.alert-item.border-bottom-style[data-v-5efb0f23]:after{width:100%;height:6px;right:0;bottom:0}.alert-item.type-danger-style[data-v-5efb0f23]{background-color:var(--main-pink)!important}.alert-item.type-success-style[data-v-5efb0f23]{background-color:var(--main-green)!important}.alert-item.type-primary-style[data-v-5efb0f23]{background-color:var(--main-blue)!important}.example-card[data-v-41c57e95]{border:2px var(--main-gray) solid;padding:0rem;overflow:hidden;background-color:transparent}.example-card .card-header[data-v-41c57e95]{color:var(--main-white);font-size:large;padding:.25rem 1rem!important}.example-card .card-body[data-v-41c57e95]{display:flex;min-height:unset!important;padding:.5rem!important}.example-card .card-body .example-area[data-v-41c57e95]{display:flex;justify-content:space-between;flex-direction:column;align-items:center;border-right:2px var(--main-gray) solid}.example-card .card-body .example-area .example-item-area[data-v-41c57e95]{flex:80%;display:flex;align-items:center}.example-card .card-body .example-area .example-item-text[data-v-41c57e95]{width:100%;border-color:var(--main-gray);border-width:2px 0 0 0;background-color:transparent;outline:none;box-shadow:none;resize:none;height:fit-content;height:20rem;display:flex;align-items:center}.form-select[data-v-41c57e95]{background-color:transparent;border:2px var(--main-gray) solid}.form-label[data-v-41c57e95]{color:var(--main-dark-blue)}input[data-v-41c57e95]{color:var(--main-dark-blue);background-color:transparent;border:2px var(--main-gray) solid}.example-card[data-v-94a593e1]{border:2px var(--main-gray) solid;padding:0rem;overflow:hidden;background-color:transparent}.example-card .card-header[data-v-94a593e1]{color:var(--main-white);font-size:large;padding:.25rem 1rem!important}.example-card .card-body[data-v-94a593e1]{display:flex;min-height:unset!important;padding:.5rem!important}.example-card .card-body .example-area[data-v-94a593e1]{display:flex;justify-content:space-between;flex-direction:column;align-items:center;border-right:2px var(--main-gray) solid}.example-card .card-body .example-area .example-item-area[data-v-94a593e1]{flex:80%;display:flex;align-items:center}.example-card .card-body .example-area .example-item-text[data-v-94a593e1]{width:100%;border-color:var(--main-gray);border-width:2px 0 0 0;background-color:transparent;outline:none;box-shadow:none;resize:none;height:fit-content;height:20rem;display:flex;align-items:center}.form-select[data-v-94a593e1]{background-color:transparent;border:2px var(--main-gray) solid}.form-label[data-v-94a593e1]{color:var(--main-dark-blue)}input[data-v-94a593e1]{color:var(--main-dark-blue);background-color:transparent;border:2px var(--main-gray) solid}