@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}body{line-height:1;color:#000;background:#fff}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0;vertical-align:middle}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}a img{border:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch}button,input[type="submit"],input[type="checkbox"],input[type="radio"],select{cursor:pointer;border:0}table{border-collapse:separate}input:focus{outline:none}i{font-style:normal}.fl{float:left}.fr{float:right}.clearfix,.cols,.row{zoom:1}.clearfix:before,.cols:before,.row:before,.clearfix:after,.cols:after,.row:after{content:"";display:table}.clearfix:after,.cols:after,.row:after{clear:both}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}ol,ul{list-style:none}input,textarea{border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-family:inherit}input[type="submit"]{-webkit-appearance:none}img{max-width:100%}strong{font-weight:700}em{font-style:italic}sup{vertical-align:super;font-size:smaller}sub{vertical-align:sub;font-size:smaller}#__bs_notify__{opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);pointer-events:none}#wpadminbar{width:auto;min-width:0;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;-ms-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}#wpadminbar:hover{opacity:1;-ms-filter:none;filter:none}#wpadminbar #wp-admin-bar-customize,#wpadminbar #wp-admin-bar-wp-logo,#wpadminbar #wp-admin-bar-comments,#wpadminbar #wp-admin-bar-themes,#wpadminbar #wp-admin-bar-new-content,#wpadminbar #wp-admin-bar-search,#wpadminbar #wp-admin-bar-top-secondary,#wpadminbar #wp-admin-bar-updates,#wpadminbar #wp-admin-bar-new_draft{display:none}

body{
    font-family: 'Ubuntu', '-apple-system-body', "PingFang SC", "Microsoft YaHei", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}
body.active{
    overflow: hidden;
}

entry-content ul,.entry-content ol{margin:0 0 12px 0}.entry-content hr{display:block;margin:20px 0}.entry-content strong{font-weight:700}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:0 0 12px 0}.entry-content img{max-width:100%;height:auto}.entry-content code{text-shadow:none;background:#555;color:#bfbebe;font-family:"Courier New",clearSys}.entry-content pre{text-shadow:none;font-size:12px;width:95%;line-height:16px;overflow:auto;font-family:"Courier New",clearSys;background:#fcfcfc;border-top:1px solid #eee;border-bottom:1px solid #eee;border-left:15px solid #eee;border-right:1px solid #eee;margin:0 0 12px;padding:0 5px 16px}.entry-content .wp_link_pages{clear:both;padding:10px 0 20px}.entry-content .alignnone{margin:5px 20px 20px 0}.entry-content .aligncenter,.entry-content div.aligncenter{display:block;margin:5px auto 20px auto}.entry-content .alignright{float:right;margin:5px 0 20px 20px}.entry-content .alignleft{float:left;margin:5px 20px 20px 0}.entry-content .aligncenter{display:block;margin:20px auto}.entry-content img.alignright,.entry-content a img.alignright{float:right;margin:5px 0 20px 20px}.entry-content img.alignnone,.entry-content a img.alignnone{margin:5px 0 20px 0}.entry-content img.alignleft,.entry-content a img.alignleft{float:left;margin:5px 20px 20px 0}.entry-content img.aligncenter,.entry-content a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{max-width:100%;color:#808080;border-bottom:1px solid #aeaeae;}.wp-caption.alignnone{margin:5px 0 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;padding:0}.wp-caption p.wp-caption-text{font-size:12px;line-height:1.5em;margin:0;padding:10px 0}.wp-caption img.wp-smiley{vertical-align:middle}.wp-caption .gallery{margin:0 auto 18px;}.wp-caption .gallery .gallery-item{float:left;margin-top:0;text-align:center;max-width:155px}.wp-caption .gallery img{border:1px solid #ddd}.wp-caption .gallery .gallery-caption{font-size:12px;margin:0 0 12px}.wp-caption .gallery dl{margin:0}.wp-caption .gallery br + br{display:none}.wp-caption .attachment-gallery img{background:#fff;border:1px solid #f0f0f0;display:block;height:auto;margin:15px auto;max-width:96%;padding:5px;width:auto}.wp-caption .gallery-meta .iso,.wp-caption .gallery-meta .camera,.wp-caption .gallery-meta .shutter,.wp-caption .gallery-meta .aperture,.wp-caption .gallery-meta .full-size,.wp-caption .gallery-meta .focal-length{display:block}.wp-caption .video-iframe{position:relative;margin-bottom:30px;}.wp-caption .video-iframe:before{content:"";width:100%;padding-top:50%;display:block}.wp-caption .video-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.entry-content,.wp-editor{font-size:16px;line-height:1.8em;color:#666;}.entry-content h1,.wp-editor h1,.entry-content h2,.wp-editor h2,.entry-content h3,.wp-editor h3,.entry-content h4,.wp-editor h4,.entry-content h5,.wp-editor h5,.entry-content h6,.wp-editor h6{color:#000}.entry-content h1,.wp-editor h1,.entry-content h2,.wp-editor h2,.entry-content h3,.wp-editor h3,.entry-content h4,.wp-editor h4,.entry-content h5,.wp-editor h5,.entry-content h6,.wp-editor h6,.entry-content p,.wp-editor p,.entry-content ul,.wp-editor ul,.entry-content ol,.wp-editor ol,.entry-content blockquote,.wp-editor blockquote{margin-bottom:15px}.entry-content ul,.wp-editor ul{padding-left:10px;list-style-type:disc;margin-left:10px}.entry-content ol,.wp-editor ol{padding-left:10px;list-style-type:decimal;margin-left:10px}.entry-content li,.wp-editor li{position:relative;}.entry-content li+ li,.wp-editor li+ li{margin-top:10px}.entry-content hr,.wp-editor hr{border:0;border-top:1px solid #000}.entry-content ol ol,.wp-editor ol ol,.entry-content ul ol,.wp-editor ul ol{list-style-type:lower-latin;margin-top:10px}.entry-content blockquote p,.wp-editor blockquote p{margin-bottom:0}.entry-content a,.wp-editor a{color:#4e6cb2;}.entry-content a:hover,.wp-editor a:hover{text-decoration:underline}.entry-content hr,.wp-editor hr{border-top:1px solid #e9e9e8}.entry-content h1,.wp-editor h1{font-size:26px}.entry-content h2,.wp-editor h2{font-size:22px}.entry-content h3,.wp-editor h3{font-size:18px;font-weight:700;color:#444}.entry-content h4,.wp-editor h4{font-size:18px;color:#444}.entry-content h5,.wp-editor h5{font-size:14px}.entry-content table,.wp-editor table{border-collapse:collapse;width:100%;min-width:100%;margin-bottom:20px;}.entry-content table th,.wp-editor table th,.entry-content table td,.wp-editor table td{padding:5px 10px;border:1px solid #ddd}@media screen and (max-width:767px){.entry-content,.wp-editor{font-size:14px}.entry-content img.alignright,.wp-editor img.alignright,.entry-content a img.alignright,.wp-editor a img.alignright,.entry-content img.alignleft,.wp-editor img.alignleft,.entry-content a img.alignleft,.wp-editor a img.alignleft{display:block;float:none;margin:0 auto 20px}.entry-content h1,.wp-editor h1{font-size:20px}.entry-content h2,.wp-editor h2{font-size:18px}.entry-content h3,.wp-editor h3{font-size:16px}.entry-content h4,.wp-editor h4{font-size:14px}.entry-content h5,.wp-editor h5{font-size:12px}.entry-content table th,.wp-editor table th,.entry-content table td,.wp-editor table td{padding:2px 5px;font-size:12px;line-height:1.2}}.entry-content .row,.wp-editor .row{margin:50px 0;}.entry-content .row img,.wp-editor .row img{display:block;margin:0 auto}@media screen and (max-width:767px){.entry-content .row,.wp-editor .row{margin:20px 0}}.widh-gap-line [class*="col-"]{border-left:1px solid #e9e9e8;}

a{
    color: #000;
}
.container{
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px;
}

#header{
    padding: 35px 0 0;
}
#header .container{
    position: relative;
}
#header .logo{
    font-weight: bold;
    font-size: 34px;
    line-height: 1.4;
    color: inherit;
    display: inline-flex;
}
#header .logo img{
    display: block;
    width: 50px;
}
.logo span {
  position: relative;
  display: inline-block;
  animation: float 2s infinite ease-in-out, flicker 3s infinite;
}

/* 每个字符随机延迟，增加碎片错位感 */
.logo span:nth-child(1) { animation-delay: 0s; }
.logo span:nth-child(2) { animation-delay: 0.1s; }
.logo span:nth-child(3) { animation-delay: 0.2s; }
.logo span:nth-child(4) { animation-delay: 0.3s; }
.logo span:nth-child(5) { animation-delay: 0.4s; }
.logo span:nth-child(6) { animation-delay: 0.5s; }
.logo span:nth-child(7) { animation-delay: 0.6s; }

/* 字符漂浮错位动画 */
@keyframes float {
  0%   { transform: translate(0,0) rotate(0deg); }
  20%  { transform: translate(-2px,2px) rotate(-2deg); }
  40%  { transform: translate(2px,-1px) rotate(1deg); }
  60%  { transform: translate(-1px,1px) rotate(-1deg); }
  80%  { transform: translate(1px,-2px) rotate(2deg); }
  100% { transform: translate(0,0) rotate(0deg); }
}
/* 闪烁发光效果 */
@keyframes flicker {
  0%,100% { text-shadow: 0 0 2px #fff, 0 0 5px #aaa; }
  20% { text-shadow: 0 0 4px #fff, 0 0 10px #aaa; }
  40% { text-shadow: 0 0 1px #fff, 0 0 3px #555; }
  60% { text-shadow: 0 0 3px #fff, 0 0 7px #888; }
  80% { text-shadow: 0 0 2px #fff, 0 0 5px #aaa; }
}
#header .desc{
    font-weight: 300;
    color: #666;
    font-size: 12px;
    border-bottom: 1px solid #ececec;
    padding: 10px 0 10px;
}

#toggle {
    position: absolute;
    top: 0;
    right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001;
    transition: top 0.4s ease;
}
.fixed #toggle{
    position: fixed;
    top: 35px;
}
#toggle span {
    position: absolute;
    width: 32px;
    height: 2px;
    background: #000;
    border-radius: 2px;
    transition:
    transform 0.4s cubic-bezier(.68,-0.55,.27,1.55),opacity 0.25s ease,top 0.4s ease;
}
#toggle span:nth-child(1) { top: 12px; }
#toggle span:nth-child(2) { top: 23px; width:20px}
#toggle span:nth-child(3) { top: 34px; }

.active #toggle span:nth-child(1) {
    top: 23px;
    transform: rotate(45deg);
}
.active #toggle span:nth-child(2) {
    opacity: 0;
}
.active #toggle span:nth-child(3) {
    top: 23px;
    transform: rotate(-45deg);
}




/* ===== 菜单遮罩 ===== */
.menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.25);
    backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: -1;
    /*visibility: hidden;*/
}

.active .menu-overlay {
    opacity: 1;
    pointer-events: auto;
    z-index: 1000;
    /*visibility: visible;*/
}

/* ===== 菜单主体 ===== */
.menu-panel {
    position: fixed;
    top: 0;
    right: 0;
    width: 280px;
    height: 100vh;
    background: #ffffff;
    transform: translate3d(100%, 0, 0);
    transition: transform 0.45s cubic-bezier(.4,0,.2,1);
    box-shadow: -12px 0 40px rgba(0,0,0,0.12);
    padding: 80px 30px;
}

.active .menu-overlay .menu-panel {
    transform: translate3d(0, 0, 0);
}

/* ===== 导航列表 ===== */
.menu-panel ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.menu-panel ul li {
    margin: 0;
}
.menu-panel ul a {
    display: block;
    text-decoration: none;
    color: #111;
    font-size: 18px;
    padding: 14px 0;
    position: relative;
    transition: color 0.3s ease;
}

.menu-panel ul a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 0;
    height: 2px;
    background: #111;
    transition: width 0.3s ease;
}

.menu-panel ul a:hover::after,
.menu-panel ul .current-menu-item > a::after {
    width: 100%;
}
/* ===== 子菜单 ===== */
.menu-panel ul ul {
    padding-left: 15px;
}

.menu-panel ul ul a {
    font-size: 16px;
    opacity: 0.85;
}

/* 当前菜单高亮 */
.menu-panel .current-menu-item > a,
.menu-panel .current-menu-parent > a {
    font-weight: 600;
}

/* 有子菜单的项 */
.menu-panel .menu-item-has-children > a::after {
    content: "›";
    float: right;
    transform: rotate(90deg);
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
    .menu-panel ul a{
        font-size: 16px;
        padding: 12px 0;
    }
}




#articles{
    
}
.article{
    display: flex;
    border-bottom: 1px solid #ececec;
    margin-top: 35px;
    padding-bottom: 35px;
    gap: 35px;
}
.article-left{
    flex: 0 0 270px;
    overflow: hidden;
    aspect-ratio: 5/3; /* 固定宽高比 */
}
.article-left img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s;
    transform: scale(1);
}
.article-left:hover img{
    transform: scale(1.1);
}
.article .title{
    margin: 0px 0px 10px 0px;
    font-size: 20px;
    line-height: 1.6;
    font-weight: 700;
}
.article .title a{
    position: relative;
    padding-bottom: 14px;
    color: #000;
}
.article .title a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 0;
    height: 1px;
    background: #111;
    transition: width 0.3s ease;
}

.article .title a:hover::after{
    width: 100%;
}
.article .info,#main-top .info{
    font-weight: 300;
    color: #666;
    font-size: 12px;
}
.article .text{
    line-height: 2;
    color: #555;
    font-weight: 300;
    margin: 0px;
    margin-top: 20px;
    font-size: 14px;
}
.article-right{
    flex: auto;
}


@media screen and (max-width: 768px) {
    .article{
        display: block;
    }
    .article-left{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .article-right{
        display: block;
    }
}

.entry-content code {
    text-indent: 0;
    margin: 10px 0px;
    padding: 10px 10px;
    border: 1px dashed #F5F5F5;
    background: url(data:image/gif;base64,R0lGODlhHgAeAIAAACIiIiYmJiH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzE4RkVGMTgzMkFBMTFFMEI1OTVDRTJBQ0U4NzMwQTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzE4RkVGMTkzMkFBMTFFMEI1OTVDRTJBQ0U4NzMwQTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MThGRUYxNjMyQUExMUUwQjU5NUNFMkFDRTg3MzBBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MThGRUYxNzMyQUExMUUwQjU5NUNFMkFDRTg3MzBBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAAeAB4AAAJIhI+pe+EPIYj0zUovljvqHnyduJGYWaEZaLGO6rmhDHNu3d70rvcs/uL9GMRiwwcCzpAjYdLZZJagU+mJerWmsFvtyhsD21gFADs=) repeat;
    color: #FAFAFA;
    font-family: "Lucida Console", Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    line-height: 20px;
    clear: both;
    display: block;
    overflow: auto;
    width: auto;
    font-size: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* -------------------------------------    highlighter    ------------------------------------- */
.dp-highlighter{font-family:"Courier New",Courier,mono;font-size:12px;background-color:#FAFAFA;border:1px solid #D1D7DC;width:99%;overflow:auto;margin:0px 0px 24px 0px;}.dp-highlighter .bar{padding:2px;}.dp-highlighter.collapsed .bar,.dp-highlighter.nogutter .bar{padding-left:0px;}.dp-highlighter ol{margin:0px 0px 1px 38px;/* 1px bottom margin seems to fix occasional Firefox scrolling */padding:2px;color:#2B91AF;}.dp-highlighter.nogutter ol{list-style-type:none;margin-left:0px;}.dp-highlighter ol li,.dp-highlighter .columns div{/*background-color:#fff;*/font-size:12px;border-left:1px solid #D1D7DC;padding-left:10px;line-height:18px;}.dp-highlighter.nogutter ol li,.dp-highlighter.nogutter .columns div{border:0;}.dp-highlighter .columns{color:gray;overflow:hidden;width:100%;}.dp-highlighter .columns div{padding-bottom:5px;}.dp-highlighter ol li.alt{/*background-color:#f8f8f8;*/}.dp-highlighter ol li span{color:Black;}/* Adjust some properties when collapsed */.dp-highlighter.collapsed ol{margin:0px;}.dp-highlighter.collapsed ol li{display:none;}/* Additional modifications when in print-view */.dp-highlighter.printing{border:none;}.dp-highlighter.printing .tools{display:none !important;}.dp-highlighter.printing li{display:list-item !important;}/* Styles for the tools */.dp-highlighter .tools{padding:3px 8px 3px 15px;border-bottom:1px solid #2B91AF;font:9pt Verdana,Geneva,Arial,Helvetica,sans-serif;color:silver;}.dp-highlighter.collapsed .tools{border-bottom:0;}.dp-highlighter .tools a{font-size:9pt;color:gray;text-decoration:none;margin-right:10px;}.dp-highlighter .tools a:hover{color:red;text-decoration:underline;}/* About dialog styles */.dp-about{background-color:#fff;margin:0px;padding:0px;}.dp-about table{width:100%;height:100%;font-size:11px;font-family:Tahoma,Verdana,Arial,sans-serif !important;}.dp-about td{padding:10px;vertical-align:top;}.dp-about .copy{border-bottom:1px solid #ACA899;height:95%;}.dp-about .title{color:red;font-weight:bold;}.dp-about .para{margin:0 0 4px 0;}.dp-about .footer{background-color:#ECEADB;border-top:1px solid #fff;text-align:right;}.dp-about .close{font-size:11px;font-family:Tahoma,Verdana,Arial,sans-serif !important;background-color:#ECEADB;width:60px;height:22px;}/* Language specific styles */.dp-c{}.dp-c .comment{color:green;}.dp-c .string{color:blue;}.dp-c .preprocessor{color:gray;}.dp-c .keyword{color:blue;}.dp-c .vars{color:#d00;}.dp-vb{}.dp-vb .comment{color:green;}.dp-vb .string{color:blue;}.dp-vb .preprocessor{color:gray;}.dp-vb .keyword{color:blue;}.dp-sql{}.dp-sql .comment{color:green;}.dp-sql .string{color:red;}.dp-sql .keyword{color:rgb(127,0,85);}.dp-sql .func{color:#ff1493;}.dp-sql .op{color:blue;}.dp-xml{}.dp-xml .cdata{color:#ff1493;}.dp-xml .comments{color:green;}.dp-xml .tag{font-weight:bold;color:blue;}.dp-xml .tag-name{color:rgb(127,0,85);font-weight:bold;}.dp-xml .attribute{color:red;}.dp-xml .attribute-value{color:blue;}.dp-delphi{}.dp-delphi .comment{color:#008200;font-style:italic;}.dp-delphi .string{color:blue;}.dp-delphi .number{color:blue;}.dp-delphi .directive{color:#008284;}.dp-delphi .keyword{font-weight:bold;color:navy;}.dp-delphi .vars{color:#000;}.dp-py{}.dp-py .comment{color:green;}.dp-py .string{color:red;}.dp-py .docstring{color:green;}.dp-py .keyword{color:blue;font-weight:bold;}.dp-py .builtins{color:#ff1493;}.dp-py .magicmethods{color:#808080;}.dp-py .exceptions{color:brown;}.dp-py .types{color:brown;font-style:italic;}.dp-py .commonlibs{color:#8A2BE2;font-style:italic;}.dp-rb{}.dp-rb .comment{color:#c00;}.dp-rb .string{color:#f0c;}.dp-rb .symbol{color:#02b902;}.dp-rb .keyword{color:#069;}.dp-rb .variable{color:#6cf;}.dp-css{}.dp-css .comment{color:green;}.dp-css .string{color:red;}.dp-css .keyword{color:blue;}.dp-css .colors{color:darkred;}.dp-css .vars{color:#d00;}.dp-j{}.dp-j .comment{color:rgb(63,127,95);}.dp-j .string{color:rgb(42,0,255);}.dp-j .keyword{color:rgb(127,0,85);font-weight:bold}.dp-j .annotation{color:#646464;}.dp-j .number{color:#C00000;}.dp-cpp{}.dp-cpp .comment{color:#e00;}.dp-cpp .string{color:red;}.dp-cpp .preprocessor{color:#CD00CD;font-weight:bold;}.dp-cpp .keyword{color:#5697D9;font-weight:bold;}.dp-cpp .datatypes{color:#2E8B57;font-weight:bold;}.dp-perl{}.dp-perl .comment{color:green;}.dp-perl .string{color:red;}.dp-perl .keyword{color:rgb(127,0,85);}.dp-perl .func{color:#ff1493;}.dp-perl .declarations{color:blue;}.dp-css .vars{color:#d00;}.dp-g{}.dp-g .comment{color:rgb(63,127,95);}.dp-g .string{color:rgb(42,0,255);}.dp-g .keyword{color:rgb(127,0,85);font-weight:bold}.dp-g .type{color:rgb(0,127,0);font-weight:bold}.dp-g .modifier{color:rgb(100,0,100);font-weight:bold}.dp-g .constant{color:rgb(255,0,0);font-weight:bold}.dp-g .method{color:rgb(255,96,0);font-weight:bold}.dp-g .number{color:#C00000;}
/*highlighter for Huilang_line*/
.dp-highlighter ol,#comments .dp-highlighter ol{list-style-type: decimal;}
#comments .commentlist .dp-highlighter li{margin: 0;border: 0;padding:0;border-left: 1px solid #D1D7DC;padding-left: 10px;}

/* ===== 分页 ===== */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 50px 0 20px;
    font-size: 14px;
}

.pagination .page-numbers {
    display: inline-block;
    min-width: 34px;
    padding: 6px 10px;
    text-align: center;
    color: #111;
    text-decoration: none;
    border: 1px solid #ececec;
    transition: all 0.3s ease;
}

.pagination .page-numbers:hover {
    border-color: #111;
}

.pagination .page-numbers.current {
    background: #111;
    color: #fff;
    border-color: #111;
    cursor: default;
}

.pagination .prev,
.pagination .next {
    padding: 6px 14px;
    font-weight: 300;
    color: #555;
}

.pagination .prev:hover,
.pagination .next:hover {
    color: #000;
    border-color: #000;
}

.screen-reader-text{
    display: none;
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    .pagination {
        flex-wrap: wrap;
        gap: 6px;
    }

    .pagination .page-numbers {
        min-width: 30px;
        padding: 5px 8px;
    }
}


/* ===== 滚动加载提示 ===== */
.loading {
    display: none;
    text-align: center;
    padding: 40px 0 20px;
    color: #000;
    font-size: 18px;
}

.loading span {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    margin: 0 3px;
    animation: loadingDot 1.4s infinite ease-in-out both;
}

.loading span:nth-child(1) { animation-delay: -0.32s; }
.loading span:nth-child(2) { animation-delay: -0.16s; }

@keyframes loadingDot {
    0%, 80%, 100% {
        transform: scale(0);
        opacity: 0.3;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.loading em {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-weight: 300;
}


#main-top{
    margin: 35px 0;
}
#main-top .title{
    font-weight: 600;
    font-size: 22px;
    line-height: 1.4;
}
#main-top .title + .info{
    padding-top: 20px;
}




#isay {
}

.isay {
    display: flex;
    margin-bottom: 35px;
    gap: 30px;
}

/* 头像 */
.isay .avatar {
    flex: 0 0 50px;
}
.isay .avatar img {
    width:50px;
    height: 50px;
    border-radius: 50%;
}

/* 内容气泡 */
.isay .content {
    flex: auto;
    background-color: #f0f0f0; /* 气泡背景色 */
    border-radius: 15px;
    padding: 20px;
    position: relative;
        /* 防止内容撑破容器 */
    word-break: break-word;    /* 中文、英文长词换行 */
    overflow-wrap: break-word; /* 兼容性更好 */
    white-space: normal;       /* <pre>等元素可换行需要额外设置 */
}
.isay .content pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-x: auto;
}

/* 气泡小三角 */
.isay .content::before {
    content: "";
    position: absolute;
    top: 12px; /* 调整小三角垂直位置 */
    left: -8px; /* 三角靠左边头像方向 */
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #f0f0f0; /* 三角颜色和气泡一致 */
}
.cnblogs_code {
    background-color: #e8e8e8;
    padding: 8px;
    border-radius: 8px;
    margin: 8px 0;
    overflow-x: auto;
    font-size: 13px;
}
.isay .content p {
    margin: 5px 0;
}
@media screen and (max-width: 768px) {
    .isay{
        gap: 20px;
    }
    .isay .avatar {
        flex: 0 0 40px;
    }
    .isay .avatar img {
        width: 40px;
        height: 40px;
    }
}



#links ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#links ul li {
    width: 30%;
    margin-top: 0;
}
#links li a{
    color: #000;
}
@media screen and (max-width: 768px) {
    #links ul li {
        width: 45%;
    }
}


#post-nav {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    margin-top: 40px;
    border-top: 1px solid #eaeaea;
    font-size: 14px;
}

#post-nav .prev, 
#post-nav .next {
    flex: 1; /* 让两侧等宽 */
    max-width: 45%; /* 防止文字过长时两者靠得太近 */
}

#post-nav .next {
    text-align: right; /* “下一篇”文字右对齐 */
}

/* 链接的基础样式 */
#post-nav a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    transition: color 0.3s ease;
    display: block; /* 增加点击区域 */
}

/* 悬停效果 */
#post-nav a:hover {
    /*color: #007bff;*/
    text-decoration: underline;
}

/* 移动端适配 */
@media (max-width: 600px) {
    #post-nav {
        flex-direction: column; /* 手机端改为上下排列 */
        align-items: flex-start;
    }
    
    #post-nav .prev, 
    #post-nav .next {
        max-width: 100%;
        margin-bottom: 10px;
    }
    
    #post-nav .next {
        text-align: left; /* 移动端左对齐更符合阅读习惯 */
    }
}


/*comments*/
#comments {
    margin-top: 80px;
}
#comments a:hover{
    text-decoration: underline;
}
#comments .comments-title {
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-size: 24px;
}

#comments .comments-title svg {
    vertical-align: middle;
    width: 30px;
    margin-right: 8px;
    margin-top: -2px;
}

#comments .comment-list {
}

#comments .comment-list li {
}

#comments .comment-list li .comment-body {
    position: relative;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#comments .comment-list li .comment-body .comment-meta {
    position: relative;
    height: 40px;
    margin-bottom: 15px;
}

#comments .comment-list li .comment-body .comment-meta .comment-author {
}

#comments .comment-list li .comment-body .comment-meta .comment-author img {
    border-radius: 50%;
}

#comments .comment-list li .comment-body .comment-meta .comment-author .fn {
    position: absolute;
    left: 56px;
    top: 4px;
    font-size: 14px;
}

#comments .comment-list li .comment-body .comment-meta .comment-author .says {
    display: none;
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata {
    position: absolute;
    left: 56px;
    top: 22px;
    font-size: 12px;
    color: #a7a7a7;
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata a {
    color: #a7a7a7;
    font-weight: 300;
}

#comments .comment-list li .comment-body .comment-meta .comment-awaiting-moderation {
    position: absolute;
    top: 10px;
    right: 30px;
    font-size: 12px;
    color: #afafaf;
    font-weight: 300;
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata a time {
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata .edit-link {
}

#comments .comment-list li .comment-body .comment-meta .comment-metadata .edit-link .comment-edit-link {
}

#comments .comment-list li .comment-body .comment-content {
    position: relative;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #f0f0f0;
    font-size: 14px;
}

#comments .comment-list li .comment-body .comment-content:before {
    content: '';
    border: 5px solid;
    border-color: transparent transparent #f0f0f0;
    position: absolute;
    top: -10px;
    left: 15px;
}

#comments .comment-list li .comment-body .comment-content p {
    line-height: 24px;
}

#comments .comment-list li .comment-body .reply {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 12px;
    display: none
}

#comments .comment-list li .comment-body:hover .reply {
    display: block;
}

#comments .comment-list li .comment-body .reply a.comment-reply-link {
    color: #036fbd;
    font-weight: 300;
}

#comments .comment-list li ol.children {
    padding-left: 30px;
}

#comments .comment-reply-title {
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-size: 24px;
}

#comments form.comment-form {
    display: table;
    width: 100%;
}

#comments form.comment-form .comment-notes {
}

#comments form.comment-form p input {
    width: 100%;
    background-color: #f0f0f0;
    border: none;
    padding: 8px 10px;
    font-size: 14px;
}

#comments form.comment-form .comment-form-comment {
    margin: 0px 0px 5px 0px;
}

#comments form.comment-form .comment-form-comment label {
    display: none;
}

#comments form.comment-form .comment-form-comment textarea {
    width: 100%;
    height: 100px;
    background-color: #f0f0f0;
    border: none;
    padding: 10px;
    font-size: 12px;
}

#comments form.comment-form .comment-form-author {
    width: 31%;
    float: left;
    margin-right: 2%;
}

#comments form.comment-form .comment-form-email {
    width: 31%;
    float: left;
    margin-right: 2%;
}

#comments form.comment-form .comment-form-url {
    width: 34%;
    float: left;
}

#comments form.comment-form .comment-form-cookies-consent {
    display: none
}

#comments form.comment-form .form-submit {
    width: 100%;
}

#comments form.comment-form .form-submit .submit {
    width: 130px;
    padding: 8px;
    float: right;
    color: #666;
    transition: all .5s ease-in-out;
}

#comments form.comment-form .form-submit .submit:hover {
    background-color: #000;
    color: #fff;
}

#comments .navigation {
    margin-bottom: 30px;
}

#comments .screen-reader-text {
    display: none;
}

#comments .nav-links {
    text-align: center;
}

#comments .nav-links .page-numbers {
    padding: 0px 5px;
}

#comments .nav-links .current {
    font-size: 20px;
    text-decoration: underline;
}

.butterBar {
    width: 100%;
    position: fixed;
    text-align: center;
    z-index: 9999;
    top: 0px;
}

.butterBar-message {
    background: #4598ff;
    color: #fff;
    font-size: 12px;
    padding: 12px 25px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#comments .comment-respond {
    margin-bottom: 30px;
}
#comments .comment-form{
    font-size: 14px;
}
#comments .logged-in-as{
    margin-bottom: 10px;
}
#comments .comment-form p{
    margin-bottom: 10px;
}
#comments .comment-respond a{
}

#reply-info{
    display:none;
    margin-bottom:10px;
}
#reply-text{
    
}
#cancel-reply{
    
}

@media (max-width: 768px) {
    #comments .comment-list li ol.children {
        margin-left:0px;
    }

    #comments form.comment-form .comment-form-author {
        width: 100%;
        float: left;
        margin: 0px 0px 5px 0px;
    }

    #comments form.comment-form .comment-form-email {
        width: 100%;
        float: left;
        margin: 0px 0px 5px 0px;
    }

    #comments form.comment-form .comment-form-url {
        width: 100%;
        float: left;
        margin: 0px 0px 5px 0px;
    }

    #comments form.comment-form .form-submit .submit {
        width: 100%;
    }
    
    #comments .comment-list li .comment-body{
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    #comments .comment-list li .comment-body .reply {
        display: block;
    }
}



#footer{
    font-size: 12px;
    padding: 35px 0;
    color: #666;
}
#footer a{
    color: inherit;
    text-decoration: underline;
}