/* 主样式表，全站通用 */
article,blockquote,body,dd,div,dl,figure,h1,h2,h3,h4,h5,h6,header,html,input,li,main,ol,p,section,span,td,textarea,th,tr,ul{margin:0;padding:0}
a{color:inherit;text-decoration:none;word-wrap:break-word;word-break:break-all}
a:active,a:hover,a:visited{background:0 0;-webkit-tap-highlight-color:transparent}
li{list-style:none}
img{border:0;vertical-align:middle}
input,textarea{outline:0}
input,select,textarea{color:inherit;font-size:inherit;font-family:inherit}
textarea{resize:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
audio,canvas,progress,video{display:block}
input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none}
input[type=search]::-o-clear{display:none}
input[type=search]::-webkit-search-cancel-button{display:none}
:root{--bgColor:#fff;--fontColor:#333;--headColor:#000;--headbg:#fff;--themeColor:#0030ff;--ButtonFontColor:#fff;--footerColor:#f8f8f8;--borderColor:rgba(135,150,165,.075);--entryConColor:rgba(0,0,0,.6);--termBarbg:#f4f5f9;--boxShowColor:rgb(0 0 0/10%);--submenuBg:#ebebeb;--webkit-scrollbar-thumb:#cbcbcb;--termBarPadding:24px;--headHeight:76px;--logoHeight:36px;--siteConMargin:48px;--hasThumbMargin:40px;--cardShadow:0 12px 28px -14px rgb(0 0 0/28%);--entryImgWidth:calc(1252px*0.382);--headerMenuHeight:36px;--entryConSize:14px;--entryTitSize:20px;--postH1Size:22px;--postH2Size:20px;--postH3Size:18px;--postSize:16px;--postGlobalMargin:30px;--headSearchWidth:1252px}
.dark:root{--cardShadow:0 12px 28px -14px rgb(0 0 0/62%);--bgColor:#2a2a2b;--fontColor:#9d9d9d;--headColor:rgba(255,255,255,.7);--headbg:#17181a;--themeColor:#5c7cff;--footerColor:#212121;--entryConColor:#888;--termBarbg:#212121;--boxShowColor:#17181a;--submenuBg:#2a2a2b;--webkit-scrollbar-thumb:#666666}
html{background:var(--bgColor);color:var(--fontColor);font-size:16px;font-family:PingFang SC,Microsoft YaHei,sans-serif,OPPOSans2,Helvetica Neue,Helvetica,Tahoma,Arial;scroll-behavior:smooth}
body{cursor:default!important}
.flex,.header-menu .gore>li{display:flex}
.none{display:none}
.hidden{overflow:hidden}
.hoverColor:hover{color:var(--themeColor)}
.hoverBg:hover{background:var(--themeColor)!important}
.container{margin-right:auto;margin-left:auto;padding:0 14px;max-width:1280px}
.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:90;height:var(--headHeight);-webkit-box-shadow:0 10px 50px -15px var(--boxShowColor);box-shadow:0 10px 50px -15px var(--boxShowColor);align-items:center;background:var(--headbg)}
.header-container,.header-menu ul{align-items:center;width:100%}
.header-logo,.header-logo a:not(.text),.header-logo img,.header-logo svg{height:var(--logoHeight);display:inline-block}
.header-logo,.header-logo svg path{fill:var(--headColor)}
.header-menu{margin-right:auto}
.header-menu .gore{color:var(--headColor);margin:0 16px}
.header-menu .gore>li{margin:0 16px;position:relative}
.header-menu .gore>li>a{line-height:var(--headerMenuHeight);display:flex;align-items:center}
.header-menu li.current-menu-item>a,.header-menu li.current-menu-parent>a,.header-menu li.current-menu-parent .menu-sign{color:var(--themeColor)}
.header-menu .sub-menu{position:absolute;top:100%;left:-16px;z-index:80;visibility:hidden;width:130px;border-radius:5px;background:var(--bgColor);box-shadow:0 0 10px var(--boxShowColor);opacity:0;transition:all .5s cubic-bezier(.4,.01,.165,.99);-webkit-transform:translateY(5px);transform:translateY(5px);padding:0 16px;font-size:14px}
.header-menu .sub-menu li{padding:14px 0;border-bottom:1px solid var(--borderColor)}
.header-menu .sub-menu li:last-child{border-bottom:none}
.mobile{display:none}
.menu-sign{margin-left:5px;-webkit-transition:all .2s;transition:all .2s;display:flex;align-items:center;justify-content:center}
.menu-sign:after{content:"\e60d";font-family:iconfont}
.iconButton{padding:7px;width:22px;height:22px;margin-left:10px;color:var(--headColor)}
.dark .icon-lightbulb-flash-line{color:#ffc008}
.iconButton .iconfont{font-size:22px}
.site-content{margin-top:var(--siteConMargin);margin-bottom:var(--siteConMargin);min-height:calc(100vh - var(--headHeight))}
.term-bar{background:var(--termBarbg);color:var(--fontColor);padding:var(--termBarPadding) 0}
.term-illustrate{display:inline-block;margin-left:14px;font-weight:400;font-size:24px}
.trem-state{display:block;margin-top:10px;font-weight:400;font-size:24px}
.trem-info,.trem-state{text-align:center;margin-top:100px}
.trem-info{display:block;margin-top:150px;font-size:16px;margin-bottom:30px}
.site-search{position:absolute;width:var(--headSearchWidth);background:var(--headbg)}
.site-form{justify-content:space-between}
.site-search .field{background:0 0;color:var(--headColor);height:var(--logoHeight);width:calc(100% - 46px);border:none;line-height:var(--logoHeight)}
.vice-search{max-width:636px;height:46px;padding:0 10px 0 30px;margin:0 auto;border:2px solid var(--borderColor);border-radius:25px;display:flex}
.vice-search .field{background:0 0;color:var(--headColor);border:none;line-height:var(--logoHeight);height:100%;width:100%;padding:9px 0}
.search-submit{background:0 0;border:none;width:46px;height:46px}
.search-submit .iconfont{font-size:22px;color:var(--headColor)}
.article-content{position:relative;width:100%;min-height:86px}
.hasThumb{margin-bottom:16px;padding:20px;border:1px solid rgba(135,150,165,.16);border-radius:8px;background:var(--bgColor);transition:border-color .3s,box-shadow .3s}
.hasThumb:hover{border-color:var(--themeColor);box-shadow:inset 0 0 0 1px var(--themeColor),var(--cardShadow)}
.hasThumb:last-child{margin-bottom:0}
.hasThumb:hover .entry-title a{color:var(--themeColor)}
.dark .hasThumb{border-color:rgba(255,255,255,.09)}
.dark .hasThumb:hover{border-color:var(--themeColor)}
.entry-title{display:-webkit-box;margin:0 0 24px;font-size:var(--entryTitSize);line-height:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:400}
.entry-content{display:-webkit-box;margin:0;color:var(--entryConColor);font-size:var(--entryConSize);line-height:2;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;word-break:break-all}
.entry-info{position:absolute;bottom:0;color:var(--entryConColor);font-size:12px}
.entry-thumb{width:var(--entryImgWidth);padding-left:30px;flex:0 0 auto}
.entry-thumb .focus,.entry-thumb img{display:block;border-radius:5px}
.entry-thumb img{width:100%;height:calc(var(--entryImgWidth)*.618);transition:.5s;object-fit:cover}
.entry-info .iconfont{font-size:14px;margin-right:5px}
.entry-info .infoLeft{margin-right:20px}
.article-content:hover~.entry-thumb img,.entry-thumb img:hover{transform:scale(1.05)}
.pagenavi{margin-top:12px;justify-content:center}
.page-numbers{position:relative;display:inline-block;margin:0 16px 0 0;padding:8px 14px;border-radius:4px;background:var(--footerColor);font-size:12px}
.page-numbers.current,.page-numbers:hover{background:var(--themeColor);color:var(--ButtonFontColor)}
.page-numbers:last-child{margin:0}
.site-footer{background:var(--footerColor);padding:14px 0;font-size:12px;color:var(--entryConColor);line-height:2}
.footer-nav-list{flex-wrap:wrap}
.footer-nav-list li{margin-right:16px}
.link li:first-child,.site-footer li:last-child{margin-right:0}
.Copyright{justify-content:space-between}
.mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:none;overflow:hidden;background:rgb(0 0 0 / 40%)}
#goTop{position:fixed;right:75px;bottom:150px;z-index:88;display:none;overflow:hidden;padding:10px;width:30px;height:30px;border-radius:3px;background:#333;color:var(--ButtonFontColor);text-align:center}
#goTop i{font-size:26px;line-height:30px}
#goTop em{display:none}
#goTop:hover em{display:block;font-style:normal;font-size:12px;line-height:15px}
#goTop:hover i{display:none}
@media (max-width:1303px){:root{--entryImgWidth:calc((100vw - 58px)*0.382);--headSearchWidth:calc(100vw - 28px)}
}
@media (max-width:981px){:root{--entryConSize:12px;--entryTitSize:16px;--postH1Size:18px;--postH2Size:16px;--postH3Size:16px}
#goTop{right:14px}
}
@media (max-width:912px){:root{--siteConMargin:30px;--hasThumbMargin:30px}
.entry-title{margin:0 0 16px}
.entry-content{-webkit-line-clamp:2}
}
@media (min-width:767px){.header-menu .gore a:hover,.menu-item-has-children:hover>a{color:var(--themeColor)}
.menu-item-has-children:hover .sub-menu{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.menu-item-has-children:hover .menu-sign{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color:var(--themeColor)}
}
@media (max-width:766px){:root{--termBarPadding:24px;--headHeight:50px;--logoHeight:30px;--headerMenuHeight:30px;--postGlobalMargin:20px}
#qrcode,.opQrcode{display:none!important}
.iconButton{padding:6px;width:18px;height:18px}
.iconButton .iconfont{font-size:18px}
.Copyright span:last-child,.goDark,.goTrain,.link,.site-footer p{display:none}
.closeFind,.goFind,.openMenu{margin-left:0}
.mobile{display:block}
.Copyright,.footer-nav-list{justify-content:center}
.header-container{justify-content:space-between}
.term-illustrate,.trem-state{font-size:18px}
.header-menu{position:fixed;left:-100%;top:0;bottom:0;padding:var(--headHeight) 20px 0;width:240px;font-size:14px;background:var(--headbg);z-index:100;transition:all .3s cubic-bezier(.4,.01,.165,.99)}
.open-header-menu{left:0}
.menuButton{position:absolute;top:10px;right:20px;margin:0;border-radius:5px;background:var(--footerColor)}
.goDarkm{right:60px}
.header-menu .gore{display:block;margin:0;background:var(--footerColor);border-radius:10px}
.header-menu .gore>li{margin:0;border-bottom:1px solid var(--borderColor);min-height:50px;display:flex;align-items:flex-start;flex-direction:column}
.header-menu .gore>li:last-child{border-bottom:none}
.header-menu .gore>li>a{line-height:50px;width:calc(100% - 32px);padding:0 16px}
.header-menu .sub-menu{position:inherit;top:0;left:0;opacity:1;background:var(--submenuBg);width:100%;padding:0;visibility:visible;-webkit-transform:none;transform:none;box-shadow:none;border-radius:0;font-size:12px}
.gore li:last-child .sub-menu{border-radius:0 0 10px 10px}
.header-menu .sub-menu li{padding:0 16px;height:44px}
.header-menu .sub-menu a{line-height:44px;height:100%;display:inline-block;width:100%}
.menu-sign{position:absolute;top:9px;right:16px;width:16px;height:16px;padding:8px;margin-left:0;background:var(--headbg);border-radius:50%}
.open-menu-sign{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);color:var(--themeColor)}
.menu-item-has-children{overflow:hidden;height:0}
.open-menu-item-has-children{height:100%}
}
@media (max-width:720px){:root{--entryImgWidth:calc((100vw - 42px)*0.382)}
.entry-content{line-height:1.5}
.entry-thumb{padding-left:14px}
}
@media (max-width:640px){:root{--entryTitSize:14px}
.down-icon,.down-img,.entry-content,.rtime{display:none}
.entry-info .infoLeft,.post-info .infoLeft{margin-right:10px!important}
.down-detail .down-con{margin-left:0!important}
}
@media (max-width:449px){.pagenavi .page-numbers{display:none}
.pagenavi .next,.pagenavi .prev{display:flex}
.post-info .infoLeft{font-size:12px}
.post-info .iconfont{font-size:14px}
}
::-webkit-scrollbar{margin-right:2px;width:8px;height:8px}
::-webkit-scrollbar-thumb{width:8px;border-radius:2em;background:var(--webkit-scrollbar-thumb)}
.home-container{align-items:flex-start;gap:24px}
.home-main{flex:1 1 auto;min-width:0}
.home-side{box-sizing:border-box;flex:0 0 280px;width:280px;background:var(--bgColor);border:1px solid var(--borderColor);border-radius:5px;padding:0 14px;transition:box-shadow .3s}
.home-side:hover{box-shadow:var(--cardShadow)}
.side-title{padding:12px 0 10px;border-bottom:2px solid var(--borderColor);color:var(--headColor);font-size:16px;font-weight:400}
.side-list li{padding:12px 0;border-bottom:1px solid var(--borderColor)}
.side-list li:last-child{border-bottom:none}
.side-item{justify-content:space-between}
.side-info{flex:1 1 auto;min-width:0;padding-right:10px}
.side-item-title a{display:block;overflow:hidden;color:var(--headColor);font-size:14px;line-height:1.6;font-weight:400;white-space:nowrap;text-overflow:ellipsis}
.side-item-excerpt{display:-webkit-box;overflow:hidden;margin:4px 0 6px;color:var(--entryConColor);font-size:12px;line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}
.side-item-meta{color:var(--entryConColor);font-size:12px}
.side-item-meta .iconfont{font-size:12px;margin-right:4px}
.side-thumb{flex:0 0 auto}
.side-thumb img{display:block;width:90px;height:68px;border-radius:5px;object-fit:cover}
@media (min-width:982px){.home-main{--entryImgWidth:calc((100vw - 332px)*0.382)}
}
@media (min-width:1304px){.home-main{--entryImgWidth:calc(948px*0.382)}
}
@media (max-width:981px){.home-side{display:none}
}
.hero{margin-top:16px;align-items:stretch;gap:24px}
.hero-carousel{position:relative;flex:1 1 auto;min-width:0;height:300px;border-radius:8px;overflow:hidden;background:var(--termBarbg)}
.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.hero-slide.on{opacity:1;visibility:visible}
.hero-slide a{position:relative;display:block;width:100%;height:100%}
.hero-slide img{display:block;width:100%;height:100%;object-fit:cover}
.hero-slide-title{position:absolute;left:20px;bottom:44px;max-width:75%;overflow:hidden;color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 10px rgb(0 0 0/50%);white-space:nowrap;text-overflow:ellipsis}
.hero-dots{position:absolute;left:20px;bottom:18px;z-index:5;display:flex;align-items:center;gap:8px}
.hero-dots span{width:16px;height:6px;border-radius:3px;background:rgb(255 255 255/45%);cursor:pointer;transition:background .3s}
.hero-dots span.on{background:#fff}
.hero-prev,.hero-next{position:absolute;bottom:18px;z-index:6;width:34px;height:34px;padding:0;border:none;border-radius:50%;background:rgb(255 255 255/35%);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}
.hero-next{right:16px}
.hero-prev{right:60px}
.hero-prev:hover,.hero-next:hover{background:rgb(255 255 255/60%)}
.hero-prev i,.hero-next i{font-size:16px}
.hero-author{position:relative;flex:0 0 280px;width:280px;height:300px;border-radius:8px;overflow:hidden;color:#fff;background:linear-gradient(165deg,#081227,#04070f 55%,#070d1e);box-shadow:inset 0 0 0 1px rgb(255 255 255/8%);transition:box-shadow .3s}
.hero-author:hover{box-shadow:inset 0 0 0 1px rgb(255 255 255/8%),var(--cardShadow)}
.hero-rain{position:absolute;top:0;left:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}
.hero-author::before{content:"";position:absolute;z-index:1;left:-20%;top:-20%;width:140%;height:140%;pointer-events:none;background:radial-gradient(closest-side,rgb(48 124 255/45%),transparent 70%),radial-gradient(closest-side,rgb(0 214 190/32%),transparent 70%);background-repeat:no-repeat;background-position:6% 10%,84% 78%;background-size:46% 46%;filter:blur(16px);opacity:.72;animation:heroAurora 18s ease-in-out infinite alternate}
.hero-author::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;border-radius:8px;backdrop-filter:blur(5px) saturate(160%);-webkit-backdrop-filter:blur(5px) saturate(160%);background:linear-gradient(115deg,rgb(255 255 255/3%),rgb(255 255 255/11%) 28%,rgb(4 8 18/16%) 48%,rgb(255 255 255/9%) 70%,rgb(255 255 255/3%));background-size:240% 100%;background-position:0% 50%;box-shadow:inset 0 0 0 1px rgb(255 255 255/10%),inset 0 -110px 70px -58px rgb(2 5 12/62%);animation:heroGlass 11s ease-in-out infinite alternate}
@keyframes heroAurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(4%,-5%,0) scale(1.1)}100%{transform:translate3d(-5%,4%,0) scale(1.02)}}
@keyframes heroGlass{0%{background-position:0% 50%}100%{background-position:100% 50%}}
.hero-layer{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;padding:22px;box-sizing:border-box;display:flex;flex-direction:column;transition:opacity .4s;text-shadow:0 1px 3px rgb(0 0 0/45%)}
.hero-front{opacity:1}
.hero-back{opacity:0}
.hero-author.has-back:hover .hero-front{opacity:0}
.hero-author.has-back:hover .hero-back{opacity:1}
.hero-tag{align-self:center;max-width:100%;padding:6px 14px;border-radius:16px;background:rgb(255 255 255/25%);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-avatar{display:block;box-sizing:border-box;width:110px;height:110px;margin:34px auto 0;object-fit:cover;border:3px solid rgb(255 255 255/85%);border-radius:50%}
.hero-name{margin-top:auto;font-size:18px;font-weight:700}
.hero-sub{margin-top:4px;font-size:12px;opacity:.85}
.hero-desc{margin:0 0 14px;font-size:14px;line-height:1.9;opacity:.95}
.hero-social{position:absolute;right:18px;bottom:20px;display:flex;gap:8px}
.hero-social a{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgb(255 255 255/25%);color:#fff;font-size:14px}
.hero-social a:hover{background:rgb(255 255 255/50%)}
.hero-social i{font-size:15px}
@media (max-width:981px){.hero{flex-direction:column;gap:16px}
.hero-carousel{height:210px}
.hero-slide-title{left:14px;bottom:40px;max-width:76%;font-size:16px}
.hero-dots{left:14px;bottom:14px}
.hero-dots span{width:12px;height:4px}
.hero-prev,.hero-next{width:28px;height:28px;bottom:10px}
.hero-next{right:12px}
.hero-prev{right:46px}
.hero-author{display:none}
}
@supports (aspect-ratio:1/1){@media (max-width:981px){.hero-carousel{height:auto;aspect-ratio:16/9;min-height:160px;max-height:300px}
}
}
@media (max-width:981px){.hasThumb{padding:14px;margin-bottom:12px}
}
@media (prefers-reduced-motion:reduce){.hero-author::after,.hero-author::before{animation:none}
.loader-spin{animation:none}
}
#siteLoader{position:fixed;top:50%;left:50%;z-index:9999;display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;border:1px solid var(--borderColor);border-radius:16px;background:var(--bgColor);box-shadow:var(--cardShadow);pointer-events:none;animation:loaderFallback 6s linear forwards}
#siteLoader.done{opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.loader-spin{position:relative;width:36px;height:36px;animation:loaderSpin 1s steps(12) infinite}
.loader-spin i{position:absolute;top:1px;left:50%;width:2px;height:9px;margin-left:-1px;border-radius:2px;background:var(--themeColor);transform-origin:50% 17px}
.loader-spin i:nth-child(1){transform:rotate(0deg);opacity:1}
.loader-spin i:nth-child(2){transform:rotate(30deg);opacity:.92}
.loader-spin i:nth-child(3){transform:rotate(60deg);opacity:.84}
.loader-spin i:nth-child(4){transform:rotate(90deg);opacity:.76}
.loader-spin i:nth-child(5){transform:rotate(120deg);opacity:.68}
.loader-spin i:nth-child(6){transform:rotate(150deg);opacity:.6}
.loader-spin i:nth-child(7){transform:rotate(180deg);opacity:.52}
.loader-spin i:nth-child(8){transform:rotate(210deg);opacity:.44}
.loader-spin i:nth-child(9){transform:rotate(240deg);opacity:.36}
.loader-spin i:nth-child(10){transform:rotate(270deg);opacity:.28}
.loader-spin i:nth-child(11){transform:rotate(300deg);opacity:.2}
.loader-spin i:nth-child(12){transform:rotate(330deg);opacity:.12}
@keyframes loaderSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes loaderFallback{0%,78%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}