@charset "UTF-8";.route-loading{display:flex;align-items:center;justify-content:center;gap:6px;min-height:50vh;width:100%;padding:40px 0}.route-loading .loading-dot{width:10px;height:10px;border-radius:50%;background-color:var(--primary-color)}@keyframes route-loading-bounce{0%,80%,to{transform:translateY(0) scale(.8);opacity:.5}40%{transform:translateY(-8px) scale(1);opacity:1}}.route-loading .loading-dot{animation:1.2s ease-in-out infinite route-loading-bounce}.route-loading .loading-dot:nth-child(2){animation-delay:.15s}.route-loading .loading-dot:nth-child(3){animation-delay:.3s}.route-loading .loading-text{margin-left:6px;font-size:.9rem;color:var(--font-color-active)}@media(prefers-reduced-motion:reduce){.route-loading .loading-dot{animation:none}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--dark-grey-color);border-radius:4px}body{background-color:var(--grey-color);color:var(--main-font-color)}.layout-mainbody{background-color:var(--grey-color)}header{display:flex;position:absolute;width:100vw;background-color:var(--secondary-color);box-shadow:0 0 10px var(--shadow-color);justify-content:center;height:55px}header .header-bar{font-size:1rem;width:80%;display:flex;justify-content:space-between;align-items:center;padding:10px 0;position:relative}header .header-bar .LOGO{font-size:1.2rem;font-weight:700}header .header-bar .PC-function-warpper{display:flex;flex-direction:row;align-items:center;gap:15px}header .header-bar .PC-function-warpper .headr-bar-function-button{line-height:100%;height:100%;aspect-ratio:1;border-radius:50%;padding:5px;cursor:pointer;transition:all .3s ease}header .header-bar .PC-function-warpper .headr-bar-function-button:hover{background-color:var(--primary-color)}@media screen and (max-width:800px){header .header-bar .PC-function-warpper{flex:1 1;flex-direction:row-reverse;margin:10px}}header .header-bar .PC-function-warpper .PC-menu{display:flex;gap:15px;position:relative;z-index:0}header .header-bar .PC-function-warpper .PC-menu button{color:var(--main-font-color);font-size:.9rem;cursor:pointer;width:75px;height:32px;border:none;background-color:rgba(var(--secondary-color),1);z-index:2}header .header-bar .PC-function-warpper .PC-menu .button-background{position:absolute;background-color:var(--primary-color);width:75px;height:32px;z-index:1;border-radius:10px;transition:all .3s ease;left:0}header .header-bar .PC-function-warpper .PC-menu button.active{color:var(--secondary-color);border-radius:10px}@media screen and (max-width:800px){header .header-bar .PC-function-warpper .PC-menu{display:none}}header .header-bar .mobile-menu-warpper{display:flex;align-items:center}header .header-bar .mobile-menu-warpper .menu-icon-warpper{display:flex;justify-content:center;align-items:center;border-radius:50%;width:35px;height:35px;transform:translate(5px);transition:all .3s ease;cursor:pointer}header .header-bar .mobile-menu-warpper .menu-icon-warpper .menu-icon{font-size:1.6rem}header .header-bar .mobile-menu-warpper .mobile-menu{overflow:hidden;max-height:0px;transition:all .3s ease;flex-direction:column;position:absolute;background-color:var(--secondary-color);right:0;top:55px;box-shadow:0 0 10px var(--shadow-color);list-style:none}header .header-bar .mobile-menu-warpper .mobile-menu li{padding:15px 20px;cursor:pointer}header .header-bar .mobile-menu-warpper .mobile-menu li:hover{background-color:var(--primary-color);color:var(--secondary-color)}@media screen and (min-width:800px){header .header-bar .mobile-menu-warpper{display:none}}header .header-bar .mobile-menu-warpper.active .mobile-menu{max-height:290px}header .header-bar .mobile-menu-warpper.active .menu-icon-warpper{background-color:var(--primary-color)}header .header-bar .mobile-menu-warpper.active .menu-icon-warpper .menu-icon{color:var(--button-font-color)}.layout-mainbody{height:calc(100vh - 55px);width:100vw;position:absolute;top:55px;z-index:-1;overflow-x:hidden;overflow-y:auto}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;--primary-color: #0099cc;--primary-color-hover: #016e92;--secondary-color:#FFFFFF;--grey-color: rgb(240,240,240);--dark-grey-color: rgb(220,220,220);--main-font-color: #000000;--shadow-color: rgba(0,0,0,.3);--button-font-color: #FFFFFF;--font-color-active: rgb(150,150,150);--success-color: #2e7d32;--success-color-hover: #1b5e20;--error-color: #d32f2f;--error-color-hover: #b71c1c;--message-font-color: #FFFFFF;--warning-color: #c77700;--swiper-theme-color: var(--primary-color);--swiper-pagination-color: var(--primary-color);--swiper-navigation-color: var(--primary-color-hover)}:root .blog-link,:root .blog-link:link,:root .blog-link:visited,:root .blog-button{width:fit-content;height:fit-content;font-size:1rem;height:2rem;background-color:var(--primary-color);text-decoration:none;color:var(--button-font-color);padding:5px 10px;margin:2px;border-radius:10px;transition:all .3s ease;border:none;cursor:pointer;display:flex;align-items:center;gap:5px;max-width:100%}:root .blog-link.in-page,:root .blog-link:link.in-page,:root .blog-link:visited.in-page,:root .blog-button.in-page{text-indent:0;margin:5px auto}:root .blog-link span,:root .blog-link:link span,:root .blog-link:visited span,:root .blog-button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:root .blog-link img,:root .blog-link:link img,:root .blog-link:visited img,:root .blog-button img{width:1.5rem;margin:0;padding:0 .1rem}:root .blog-link:hover,:root .blog-link:active,:root .blog-button:hover{background-color:var(--primary-color-hover)}:root .blog-button:disabled,:root .blog-button:disabled:hover,:root .blog-button.liked-button:hover{background-color:var(--dark-grey-color);color:var(--main-font-color)}:root .blog-button:disabled,:root .blog-button.liked-button{cursor:not-allowed}:root .MuiButtonBase-root.blog-button.Mui-disabled,:root .MuiButtonBase-root.blog-button:disabled{opacity:1}:root .blog-link.disable,:root .blog-link.disable:link,:root .blog-link.disable:visited,:root .blog-link.disable:hover,:root .blog-link.disable:active{cursor:default;transition:none;background-color:var(--dark-grey-color)}:root[data-theme=dark]{--primary-color: #005a80;--primary-color-hover: rgb(0, 119, 159);--secondary-color:rgb(50,50,50);--grey-color: rgb(70,70,70);--dark-grey-color: rgb(90,90,90);--main-font-color: rgb(200,200,200);--shadow-color: rgba(0,0,0,.3);--button-font-color: rgb(200,200,200);--font-color-active:rgb(255,255,255);--success-color: #2e7d32;--success-color-hover: #3c8f41;--error-color: #b3261e;--error-color-hover: #c73c34;--message-font-color: rgb(235,235,235);--warning-color: #d79a2b}