*{box-sizing:border-box;padding:0;margin:0}body{background:var(--body-background)}.header-out[data-v-737575fe]{width:100%;background:var(--background);color:var(--font-color);height:60px;z-index:9;position:sticky;top:0;overflow:hidden;font-weight:600}.header-out .header[data-v-737575fe]{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.header-out .site-name[data-v-737575fe]{font-size:18px;cursor:pointer}.header-out .site-name[data-v-737575fe]:hover{opacity:.7}@media screen and (max-width: 800px){.header-out .header[data-v-737575fe]{display:none}.header-out .header-800[data-v-737575fe]{display:block}}.footer[data-v-c28d76ba]{justify-content:space-around;padding:20px;max-width:var(--max-width);margin:0 auto}.footer ul[data-v-c28d76ba]{flex-direction:column;list-style:none;line-height:30px;margin-top:20px}.footer ul .title[data-v-c28d76ba]{margin-bottom:10px}.footer ul.row[data-v-c28d76ba]{flex-direction:row;text-align:center}.footer ul.row li[data-v-c28d76ba]{display:inline-block;margin:0 10px;font-size:12px}.footer ul.row li[data-v-c28d76ba]:first-child{margin-left:0}.footer ul.row li[data-v-c28d76ba]:last-child{margin-right:0}.footer ul strong[data-v-c28d76ba]{display:block}.footer ul img[data-v-c28d76ba]{width:80px}.footer ul li[data-v-c28d76ba]{cursor:pointer;letter-spacing:.5px}.footer ul li a[data-v-c28d76ba]{text-decoration:none;color:#b6b6b6;font-size:14px}.footer ul li[data-v-c28d76ba]:hover{opacity:.6}.footer ul li .icon-juejin[data-v-c28d76ba]{color:#2582ff}.footer ul li .icon-bilibili[data-v-c28d76ba]{color:#00a1d6}.footer ul li .icon-zhihu[data-v-c28d76ba]{color:#066de8}.footer ul li .icon-gitee[data-v-c28d76ba]{color:#c71d23}.footer ul li .icon-github[data-v-c28d76ba]{color:#b6b6b6}#main[data-v-e397dbe9]{min-height:calc(100vh - 60px)}:root{--theme: #ff7449;--bg-theme: #151515;--font-color: #b6b6b6;--background: #222325;--strong-color: #ff7449;--toolbar-bg: #151515;--body-background: #0a0a0a;--button: #ff7449;--max-width: 95vw;--writable-font-color: #b6b6b6;--el-color-primary: var(--theme) !important;--font-noto-serif-sc: "Comic Sans MS", "Microsoft YaHei", "Noto Sans SC", sans-serif, serif;--font-noto-sans-sc: "Noto Sans SC", "Noto Serif SC", sans-serif, serif}.btn{border:none;outline:none;padding:5px;font-weight:500;font-family:var(--font-noto-sans-sc)}a.ripple-effect{position:relative;overflow:hidden}a.ripple-effect:after{position:absolute;top:50%;left:50%;background:#151515;transform:translate(-50%,-50%);content:"";border-radius:50%}@keyframes ripple{0%{height:0;width:0;opacity:.6}to{height:500%;width:300%;opacity:0}}a.ripple-effect:active:after{animation:ripple 1s}.nav{flex:1;display:flex;margin-left:50px;font-weight:500}.nav>li{list-style:none;margin:0 20px;height:60px;line-height:60px;cursor:pointer;white-space:nowrap}.nav>li a{color:inherit;text-decoration:none}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tac{text-align:center}.flex{display:flex}.flex-space-around{justify-content:space-around}.flex-space-between{justify-content:space-between}.flex-align-center{align-items:center}.checked{color:var(--theme);position:relative;font-weight:700}.checked:after{content:"";position:absolute;bottom:0;height:4px;width:60%;left:0;background-color:var(--theme);border-radius:3px}.checked a{color:var(--theme)!important}.iconfont.nav-icon{margin-right:5px;font-size:1.1rem}#header{white-space:nowrap;z-index:9;position:relative}.absolute{position:absolute;top:0;right:0}.logo{cursor:pointer;transition:transform .5s}.logo:hover{will-change:transform;transform:scale(.9)!important}.hover:hover{opacity:.5}.content-card{color:var(--font-color);background:var(--background);padding:20px;border-radius:10px;font-family:var(--font-noto-sans-sc)}.pointer{cursor:pointer}.ml-20{margin-left:20px}.ml-10{margin-left:10px}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.mb-10{margin-bottom:10px}.mr-20{margin-right:20px}.mr-10{margin-right:10px}.none{list-style:none}.primary,.plain{color:#fff;margin-right:10px;padding:8px 20px;border-radius:8px;cursor:pointer}.primary:hover,.plain:hover{opacity:.8}.primary{color:#fff;background:var(--theme)}.plain{color:#fff;background:#444444}.list-style-init{list-style:none}.list-style-init li{cursor:pointer;margin-top:10px}.list-style-init li:hover{opacity:.7}.clicked{color:var(--theme)!important}.no-wrap{white-space:nowrap}.line-4{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;overflow:hidden;-webkit-box-orient:vertical}.line-2{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.slide-title{position:relative;margin-bottom:20px;font-weight:700}.slide-title:before{content:"";position:absolute;left:0;height:5px;width:20px;background:var(--theme);bottom:-5px;border-radius:5px}.font-20{font-size:20px}.font-25{font-size:25px}.covers-container{margin-top:10px}.covers-container .cover-item{width:100px;height:100px;border-radius:10px}@keyframes move{0%{background-position:0% 50%}50%{background-position:100% 46%}to{background-position:0% 100%}}.linear-color-btn{outline:none;border:none;padding:10px 20px;margin-right:5px;border-radius:5px;background-color:#4158d0;background-image:linear-gradient(43deg,#4158d0 0%,#c850c0 46%,#8170ff 100%);background-size:400%;color:#fff;cursor:pointer;animation:move 6s linear infinite;transition:transform .5s}.linear-color-btn:hover{opacity:.8;transform:scale(.9)}.bold{font-weight:700}#nprogress .bar{background:var(--theme)}#nprogress .spinner-icon{border-top-color:var(--theme);border-left-color:var(--theme)}.no-select{user-select:none}.line-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noto-serif-sc{font-family:var(--font-noto-serif-sc)}.noto-sans-sc{font-family:var(--font-noto-sans-sc)}

/* 响应式调整 */
@media screen and (max-width: 768px) {
  :root {
    --max-width: 100vw !important;
  }
  body {
    overflow-x: hidden;
  }
}
}

/* 响应式调整 */
@media screen and (max-width: 768px) {
  :root {
    --max-width: 100vw !important;
  }
  body {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 1920px) {
  :root {
    --max-width: 1800px;
  }
}
