html,body,#app{width:100%;height:100%;margin:0;position:relative;background:var(--home-background)}.n-card{background:#0000001a;margin:8px 0}code{color:var(--color)!important;background:var(--code-background)!important;border-radius:12px}a{color:#000}a:visited{color:var(--border-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--home-background)}::-webkit-scrollbar-thumb{background-color:#34343425;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar--hover)}[theme=light],:root{color:#444;--color: #444444;--color-rev: #fff;--highlight-color: #67a7ec;--second-highlight-color: #378CE7;--home-background: #f7f9fe;--header-background: rgba(255, 255, 255, .6);--base-hover-background: #378CE7;--btn-hover-color: #fff;--btn-hover-grey: #00000010;--btn-hover-deep-grey: #00000020;--border-color: #67a7ec;--layout--bottom-background: #dcdcdc30;--card--background: #ffffff;--article--background: rgba(255, 255, 255, .6);--add-btn-background: rgba(0, 0, 0, .05);--content-border: 1px solid rgb(224, 224, 230);--login-border: 1px solid rgb(224, 224, 230);--scrollbar--hover: #ebebeb;--code-background: #6488ad10;--base-dot: #00000030;--base-dot-hover: #00000080}[theme=dark]{color:#ddd;--color: #dddddd;--color-rev: #fff;--highlight-color: #67a7ec;--second-highlight-color: #378CE7;--home-background: #2c2c2c;--header-background: rgba(0, 0, 0, .05);--base-hover-background: #378CE7;--btn-hover-color: #fff;--btn-hover-grey: #00000010;--btn-hover-deep-grey: #00000030;--border-color: #67a7ec;--layout--bottom-background: #dcdcdc05;--card--background: #333;--article--background: rgba(0, 0, 0, .05);--add-btn-background: rgba(0, 0, 0, .14);--content-border: 1px solid #0000;--login-border: 1px solid #67a7ec;--scrollbar--hover: #222222;--code-background: #7992ad10;--base-dot: #ffffff30;--base-dot-hover: #ffffff80}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .05s,transform .01s}.fade-slide-enter-from,.fade-slide-leave-to{opacity:0;transform:translateY(-10px)}.slide-fade-enter-active{transition:all .3s ease-out}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translate(20px);opacity:0}.page-cont{padding:10px 120px;transition:.3s}.page-header{padding:0 120px}@media (max-width: 1000px){.page-cont{padding:10px 80px}.page-header{padding:0 80px}}@media (max-width: 500px){.page-cont{padding:10px 20px}.page-header{padding:0 20px}}.md-image-container{width:90%;margin-left:5%;overflow:hidden}.md-image{max-width:100%;height:auto;display:block}.user-info-cont{padding:30px;border-radius:14px;background:var(--card--background);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.user-article-list{margin-top:20px;border-radius:14px}.user-article-list-none{background:var(--card--background);padding:30px}.user-info-head-cont{display:flex;flex-direction:column;justify-content:center;align-items:center}.user-nick{font-size:x-large;font-weight:bolder;margin-top:-20px;z-index:1;padding:2px 50px;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.user-info-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:6px;-webkit-user-select:none;user-select:none}.user-info-item-number{font-size:large;font-weight:bolder}.user-info-item-name{font-size:small;font-weight:300}.user-cursor{cursor:pointer;transition:.3s}.user-cursor:hover{color:var(--highlight-color)}.user-follow-btn{position:absolute;right:16px;top:16px;width:60px;height:30px;border-radius:8px;transition:.3s;text-align:center;font-weight:700;line-height:30px;-webkit-user-select:none;user-select:none;color:var(--color-rev);background:var(--base-hover-background);border:1px solid rgba(0,0,0,0);cursor:pointer}.user-follow-btn-on{border:1px solid var(--border-color);color:var(--color);background:var(--layout--bottom-background)}.user-follow-btn:hover{background:var(--highlight-color)}.article-list-flex{display:flex;flex-direction:row;justify-content:space-between;transition:.5s;flex-wrap:wrap}.article-info-item{display:flex;align-items:center;justify-content:center;margin-right:20px;border-radius:6px;transition:.3s;padding:0 12px;-webkit-user-select:none;user-select:none}.article-info-item:hover{background:var(--layout--bottom-background)}.layout-header-cont{width:calc(100% - 100px);height:60px;display:flex;position:fixed;padding:0 50px;justify-content:space-between;transition:.5s;z-index:2}@media (max-width: 1000px){.layout-header-cont{width:calc(100% - 40px);padding:0 20px}}@media (max-width: 500px){.layout-header-painter{display:none}}.layout-header-cont-after-scroll{background-color:var(--header-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layout-logo{height:40px;border-radius:14px;transition:.3s;cursor:pointer}.layout-header-left{display:flex;padding:0 10px;align-items:center}.layout-header-painter{margin-left:10px;line-height:40px;height:40px;border-radius:14px;transition:.3s;padding:0 10px;-webkit-user-select:none;user-select:none;font-weight:bolder;font-size:large}.layout-header-painter:hover{background-color:var(--base-hover-background);color:var(--btn-hover-color)}.layout-header-center{display:flex;align-items:center;font-size:large;font-weight:700}.layout-header-right{display:flex;align-items:center;flex-direction:row-reverse}.layout-header-right-icon-cont{transition:.3s;margin:0 4px;border-radius:14px;height:40px;width:40px;display:flex;align-items:center;cursor:pointer;justify-content:center}.layout-header-right-icon-hover:hover{background-color:var(--base-hover-background);color:var(--btn-hover-color)}.layout-header-right-icon-avatar:hover{transform:scale(1.2)}.layout-header-right-text-cont{margin:0 4px;transition:.3s;border-radius:14px;height:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer}.layout-header-right-text-cont:hover{background-color:var(--base-hover-background);color:var(--btn-hover-color)}.layout-header-theme-changer-cont{position:fixed;background-color:var(--header-background);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;border:1px solid var(--border-color);width:100px;height:110px;top:60px;right:62px;padding:2px 6px;transition:.5s}.layout-header-theme-changer-item{height:30px;line-height:30px;display:flex;margin:5px 0;justify-content:start;align-items:center;-webkit-user-select:none;user-select:none;padding-left:6px;border-radius:8px;cursor:pointer}.layout-header-theme-changer-item:hover{background-color:var(--btn-hover-grey)}.latout-header-right-icon-afterhide{display:none}@media (max-width: 1200px){.layout-header-right-text-cont{display:none}.latout-header-right-icon-afterhide{display:flex}}.layout-footer-cont{display:flex;justify-content:space-between;padding:20px 40px;line-height:40px;background:var(--layout--bottom-background);transition:.3s}@media (max-width: 800px){.layout-footer-cont{flex-direction:column}}.search-base{position:fixed;width:100%;height:100%;background-color:#0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;display:flex;justify-content:center;align-items:center;transition:.3s}.search-hide{display:none}.search-cover-layer{width:100%;height:100%;z-index:4;position:absolute}.search-input-cont{min-width:300px;padding:5px 10px 5px 15px;height:40px;z-index:5;background-color:var(--article--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;align-items:center}.search-icon-cont{width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:7px;transition:.3s;cursor:pointer}.search-icon-cont:hover{background:var(--layout--bottom-background)}.search-input{min-width:270px;background-color:#0000000d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:8px}.search-user-card{background-color:var(--article--background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;position:absolute;bottom:60px;height:60px;border-radius:30px;display:flex;align-items:center;padding:0 16px 0 9px;transition:.3s}.search-user-card:hover{box-shadow:0 0 4px var(--border-color)}.search-user-card-nologin{padding:0 22px 0 9px}.search-user-head{cursor:pointer}.search-user-card-info{margin-left:6px}.search-user-card-info-nologin{margin-left:12px}.search-user-card-nickname{font-size:large;font-weight:700;transition:.3s;height:29px;line-height:29px}.search-user-card-nickname:hover{color:var(--second-highlight-color);cursor:pointer}.search-user-card-reg:hover{color:var(--highlight-color);cursor:pointer}.search-user-card-name{font-size:small;font-weight:300;transition:.3s;height:21px;line-height:21px}#base{width:100%;min-height:100%;position:absolute;background-color:var(--home-background)}.layout-router-cont{margin-top:60px;min-height:calc(100vh - 60px)}