body,div,h1,h2,h3,h4,h5,p,ul,li {margin:0;padding:0;font-weight:normal;list-style:none;}
html {-webkit-text-size-adjust:100%;}
html,body {-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;background:#fff;}
body {font-family:'PingFang SC','Hiragino Sans GB','Microsoft Yahei','WenQuanYi Micro Hei',sans-serif;font-size:14px;position:relative;overflow-x:hidden;}
body:before {background:grey;position:absolute;content:'';display:block;width:14px;height:14px;left:50%;top:50%;margin-left:-7px;margin-top:-7px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-animation:loading 2s ease-out forwards infinite;-moz-animation:loading 2s ease-out forwards infinite;display:none;}
body.loading:before {display:block;}
@-webkit-keyframes loading {
  0% {-webkit-transform:scale(0.3);}
  50% {-webkit-transform:scale(1.0);}
  100% {-webkit-transform:scale(0.3);}
}
@-moz-keyframes loading {
  0% {-moz-transform:scale(0.3);}
  50% {-moz-transform:scale(1.0);}
  100% {-moz-transform:scale(0.3);}
}
body.loading #container,body.loading #single,body.loading .nav {opacity:0;}
html.loading,body.loading {height:100%;overflow:hidden;}
a,a:hover {text-decoration:none;}
img {display:block;max-width:100%;height:auto;}
audio {display:none;visibility:hidden;opacity:0;width:0;height:0;}
#screen {position:relative;}
#mark {width:100%;height:560px;overflow:hidden;}
.layer {position:relative;}
#cover {position:absolute;max-width:none;}
#header {position:absolute;top:70px;width:100%;}
#header > div {margin:0 60px;position:relative;}
.icon-menu {font-size:20px;padding:6px 6px 5px;border-radius:2px;cursor:pointer;position:absolute;z-index:4;right:0;top:0;margin-top:-3px;background:rgba(255,255,255,.9);}
.icon-search {font-size:20px;padding:6px 6px 5px;border-radius:2px;cursor:pointer;position:absolute;z-index:4;right:40px;top:0;margin-top:-3px;background:rgba(255,255,255,.9);}
.image-logo {z-index:4;position:relative;display:inline-block;-webkit-background-size:225px 32px;-moz-background-size:225px 32px;background-size:225px 32px;background-repeat:no-repeat;background-position:center center;-webkit-mask-box-image:url("/img/logo.png");background-color:white;width:225px;height:32px;mask-image:url("/img/logo.png");mask-size:contain;transition: background-color 0.5s ease-in-out;}
body.mu .image-logo {background-color:black;}
#vibrant {position:absolute;top:0;left:0;width:100%;height:100%;}
#vibrant div {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000;}
/*这里注释掉，并替换下面部分
#post0 {width:28%;position:absolute;top:42%;left:10%;}
#post0 p:first-child {color:#fff;font-size:12px;}
#post0 h2 {font-size:28px;margin-top:15px;}
#post0 h2 a {color:#fff;}
#post0 h2 + p {color:#fff;font-size:14px;margin-top:30px;}
*/

#post0 {
  width: 28%;
  position: absolute;
  top: 42%;
  left: 10%;
}

#post0 p:first-child {
  color: #fff;
  font-size: 12px;
}

#post0 h2 {
  font-size: 28px;
  margin-top: 15px;
}

#post0 h2 a {
  color: #fff;
}

#post0 p a{
  color: #66ccff;
}

/* 改为使用类名选择器 */
#post0 .summary {
  color: #fff;            /* 白色 */
  font-size: 16px;        /* 调整字体大小 */
  line-height: 1.8;       /* 增加行高，提高可读性 */
  margin-top: 15px;       /* 与标题的间距 */
  max-width: 800px;       /* 限制最大宽度 */
  text-shadow: 1px 1px 3px rgba(0,0,0,0.3); /* 文字阴影 */
}

/* 移动端适配 */
@media (max-width: 768px) {
  #post0 .summary {
    font-size: 14px;
    line-height: 1.6;
  }
}
/*替换完成*/

.post {margin:100px auto 0;width:1200px;position:relative;}
.post > a {display:inline-block;width:680px;height:440px;overflow:hidden;position:relative;z-index:3;}
.else {position:absolute;background:#fff;text-align:left;top:20px;height:398px;width:498px;border:1px solid #eaeaea;}
.post:nth-child(odd) {text-align:left;}
.post:nth-child(even) {text-align:right;}
.post:nth-child(odd) .else {left:660px;}
.post:nth-child(even) .else {right:660px;}
.else p:first-child {color:#999;font-size:12px;margin:80px 0 0 80px;}
.else h3 {font-size:30px;line-height:1.1;margin:10px 100px 0 80px;}
.else h3 a {color:#333;}
.else h3 + p {color:#555;margin:10px 100px 0 80px;font-size:14px;line-height:1.8;}
.here {position:absolute;left:80px;bottom:80px;color:#999;font-size:13px;}
.here span {display:inline-block;vertical-align:middle;margin-right:10px;font-family:"icomoon","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
.here span:before {display:inline-block;vertical-align:top;margin-right:7px;font-size:16px;}
.here a {display:inline-block;cursor:default;}
#pager {text-align:center;margin:70px 0 0;position:relative;}
#pager a {font-size:14px;letter-spacing:5px;color:#666;border:1px solid #dadada;padding:10px 40px;background:#fff;}
#loader {display:none;position:fixed;top:0;width:100%;height:3px;z-index:100;background-image:-webkit-linear-gradient(left,#F16F5C 0%,#F16F5C 12.5%,#5B56DD 12.5%,#5B56DD 25%,#E15CED 25%,#E15CED 37.5%,#27E559 37.5%,#27E559 50%,#18C8C9 50%,#18C8C9 62.5%,#DC8987 62.5%,#DC8987 75%,#BB83D6 75%,#BB83D6 87.5%,#E774BD 87.5%,#E774BD 100%);background-image:-moz-linear-gradient(left,#F16F5C 0%,#F16F5C 12.5%,#5B56DD 12.5%,#5B56DD 25%,#E15CED 25%,#E15CED 37.5%,#27E559 37.5%,#27E559 50%,#18C8C9 50%,#18C8C9 62.5%,#DC8987 62.5%,#DC8987 75%,#BB83D6 75%,#BB83D6 87.5%,#E774BD 87.5%,#E774BD 100%);}
#top {height:50px;text-align:center;border-bottom:1px solid #f7f7f7;background:#fefefe;width:100%;position:fixed;top:0;z-index:10;display:none;}
body.touch #top {position:relative;}
.icon-icon {color:#333;font-size:20px;position:absolute;left:14px;top:16px;}
.image-icon {-webkit-background-size:24px 24px;-moz-background-size:24px 24px;background-size:24px 24px;background-position:center center;background-repeat:no-repeat;width:24px;height:24px;position:absolute;left:14px;top:15px;color:#333;}
.image-icon:hover {color:black;}
.subtitle {color:#666;font-size:14px;margin-top:16px;display:none;}
.icon-play,.icon-pause,.icon-images {position:absolute;left:70px;color:#666;top:17px;font-size:18px;cursor:pointer;}
.icon-images {left:100px;}
.icon-images.active {color:#EF6D57;}
#top .count {display:none;}
.social {position:absolute;right:0;height:30px;top:12px;}
.share a {display:inline-block;color:#666;margin-right:15px;}
.share a:hover {color:#333;}
.share {position:relative;}
.social > div {display:inline-block;font-size:20px;color:#666;cursor:pointer;margin-left:15px;}
#qr {z-index:10;display:none;position:absolute;background:#fff;padding:16px;border:1px solid #f7f7f7;right:10px;top:50px;}
.bar {position:absolute;height:100%;background:rgba(0,0,0,.07);z-index:-1;width:0;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;}
.scrollbar {position:absolute;height:2px;width:10px;top:0;background-color:#50bcb6;-webkit-transition:width .5s ease;-moz-transition:width .5s ease;transition:width .5s ease;}
body.touch .scrollbar {display:none;}
.nav {position:fixed;height:100%;width:100%;background:rgba(255,255,255,.97);z-index:3;top:-100%;-webkit-transition:top 0.3s cubic-bezier(0.4,0,0.2,1);-moz-transition:top 0.3s cubic-bezier(0.4,0,0.2,1);transition:top 0.3s cubic-bezier(0.4,0,0.2,1);}
body.mu {overflow:hidden;height:100%;}
html.mu {height:100%;}
body.mu .icon-menu {color:#333;background: none;}
body.mu .icon-search {color:#333;background: none;}
body.mu .icon-menu:before {content:"\e689";}
body.mu .nav {top:0;}
body.mu .icon-logo {color:#333;}
.menu {text-align:center;margin-top:200px;}
.menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style-type: none;padding: 0;}
.menu li {font-size:18px;display:inline-block;margin:0 2px 2px 0;}
.menu li:not(:last-child) {margin-right: 5px;}
.menu a {display: block;font-size: 20px;color: #666;text-decoration: none;padding: 5px;margin: auto 10px;border-bottom: .1em solid transparent;}
.menu a:hover {color:#333; border-bottom: .1em solid #9e1900; padding-bottom: .15em; transition: 150ms ease-in-out;}
.nav p {color:#999;font-size:12px;position:absolute;width:100%;text-align:center;bottom:30px;}
.nav p a {color:#999;text-decoration:underline;}
.nav p:first-letter {font-family:sans-serif;}
.nav .hitokoto {text-align:center;font-size: 16px;margin: 10% auto 10px;padding: 10px 20px 10px;color: darkgray;max-width:800;}
.nav .footerlinks {font-size: 45px; margin: 20px 1px 30px;padding: 10px 1px 10px;}
.nav .footerlinks a {font-size: 35px; text-decoration:none;}
.nav .footerlinks a:hover { color: #737373;}/* 鼠标移动到链接上 */

.set {display:block;max-width:768px;margin:0 auto 30px;line-height:2;padding-left:30px}
.set h3 {font-size:22px;font-weight:500;margin:15px 0 20px}
.set a {display:inline-block;position:relative;color:#424242;padding:5px 5px;}
.set a::before {content:"";position:absolute;width:0;right:0;bottom:0;height:2px;background:#2196F3}
.set a:hover {color:#2196F3!important}
.set .category-list-item,.set .tag-list-item {display:inline-block;font-size:17px;text-align:left}
.set .category-list-item .category-list-count,.set .category-list-item .tag-list-count,.set .tag-list-item .category-list-count,.set .tag-list-item .tag-list-count {color:#9E9E9E;font-style:normal}
.set .category-list-item .category-list-count::before,.set .category-list-item .tag-list-count::before,.set .tag-list-item .category-list-count::before,.set .tag-list-item .tag-list-count::before {content:"["}
.set .category-list-item .category-list-count::after,.set .category-list-item .tag-list-count::after,.set .tag-list-item .category-list-count::after,.set .tag-list-item .tag-list-count::after {content:"]"}
.set .category-list-item {width:30%;margin:5px 0}@media screen and (max-width:768px) {.set .category-list-item {width:100%}}
.set .tag-list-item {margin:10px 20px}
.set .search .search-input {width: 100%;height: 42px;background: transparent;border: 0px;border-bottom:2px solid #6558BC;font-size:20px;padding-top: 20px;}
.set .search .search-input[type=text]:focus{outline: none;border: 0px;border-bottom:2px solid #6558BC;}
.set .search .local-search-result {margin-top:30px;}
.set .search .search-result-list {padding:0;margin: 0;}
.set .search .search-result-title {font-size:23px;}
.set .search .search-result {}
.set .search .search-keyword {background:yellow;padding:2px auto 2px;}
.set .search li {list-style: none; margin: 0;border-bottom:1px dashed #E3E3E3;}
.timeline {display:block;max-width:768px;margin:30px auto 40px;padding-left:30px;border-left:3px solid #B0BEC5}
.timeline .timeline-title::before,.timeline .timeline-subtitle::before,.timeline .timeline-item::before {position:absolute;top:50%;transform:translateY(-50%);border-style:solid;border-color:#B0BEC5;border-radius:50%;background:white;content:"";transition:all .3s ease}
.timeline-title,.timeline-subtitle,.timeline-item {position:relative;margin-bottom:25px;line-height:32px}
.timeline-title:hover::before,.timeline-subtitle:hover::before,.timeline-item:hover::before {border-color:#2196F3}
.timeline-title:hover a,.timeline-subtitle:hover a,.timeline-item:hover a {color:#2196F3}
.timeline-title {font-size:28px}
.timeline-title::before {width:12px;height:12px;border-width:4px;left:-42px}
.timeline-subtitle {font-weight:400;font-size:22px}
.timeline-subtitle::before {width:11px;height:11px;border-width:3px;left:-40px}
.timeline-item {font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;position:relative;padding-left:100px}
.timeline-item time {position:absolute;left:0;top:50%;transform:translateY(-50%);display:inline-block;font-weight:300;color:#616161;width:100px}
.timeline-item a {color:#212121;font-weight:400;transition:all .3s ease}
.timeline-item::before {width:9px;height:9px;border-width:2px;left:-38px}
#container {padding-bottom:100px;overflow:hidden;position:relative;}
#container:before {content:'';display:block;width:1px;height:200%;position:absolute;left:50%;background:#eaeaea;top:-50%;z-index:0;}
#primary {position:relative;}
#single {background:#fff;position:relative;overflow-x:hidden;}
.section {position:relative;width:100%;overflow:hidden;-webkit-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);}
body.touch,body.touch .article {margin-top:0;}
.zoom:before {opacity:0;color:#fff;font-size:20px;display:block;z-index:3;left:50%;top:70%;padding:5px;margin-top:-15px;margin-left:-15px;position:absolute;background:rgba(0,0,0,.7);-webkit-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);transition:all 0.3s cubic-bezier(0.25,0.5,0.5,0.9);}
.zoom:hover:before {opacity:1;top:50%;}
.touch .zoom:hover:before {opacity:0;}
.icon-arrow-left:before {content:'\e606';position:absolute;left:0;top:50%;margin-top:-30px;color:#666;}
.icon-arrow-right:before {content:'\e605';position:absolute;right:0;top:50%;margin-top:-30px;color:#666;}
h1.title {font-size:30px;color:#333;line-height:1.3;position:relative;font-weight:bold;}
.page .content:before {display:none;}
.stuff {margin-top:20px;color:#666;font-size:13px;}
.stuff span {display:inline-block;margin-right:20px;}
.stuff .likeThis {pointer-events:none;}
.stuff .icon-like {display:none;}
.stuff .count {color:#666;}
.comment {margin:50px auto;}
.comment.link,.downloadlink {cursor:pointer;letter-spacing:5px;border:1px solid #dadada;width:170px;text-align:center;color:#666;font-size:14px;padding:10px 0;}
.comment .gt-comments-null{display:none;}
.comment .gt-header-textarea{border-radius:0;background: white;}
.comment .gt-popup{margin-top:8px;}
.comment .gt-counts a{color:black;border-bottom:0;pointer-events:none;}
.comment .gt-avatar-github{display:none;}
.comment .gt-header-avatar{display:none;}
.comment .gt-header-comment{margin-left: 0;!important;}
.comment .gt-header-preview{border-radius:0;}
.comment .gt-btn-public{border-radius:0;}
.comment .gt-btn-preview{border-radius:0;}
.comment .gt-btn-login{border-radius:0;}
.comment .gt-ico-tip{display:none;}
.comment .gt-btn-public .gt-btn-text:after{content:"（Cmd | Ctrl  + Enter）";}
.comment .gt-meta{margin:0; border:0;}
#preview {position:fixed;top:0;width:100%;height:100%;z-index:5;background:#fff;left:100%;-moz-transition:all 0.3s cubic-bezier(0,0,0.2,1);-webkit-transition:all 0.3s cubic-bezier(0,0,0.2,1);transition:all 0.3s cubic-bezier(0,0,0.2,1);overflow-y:scroll;}
#preview.show {left:0;}
#preview + canvas {display:none;}
.article {width:70%;margin:0 auto;margin-top:50px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;}
.article > div {width:100%;padding:30px 0;margin:0 auto;}
.article .main {width:700px;}
.article .side {align-self:flex-start;flex:0 0 220px;}
.article .toc {width:200px;height:100%;/*position:fixed;*/top:60px;right:100px;padding:1em;line-height:2.3;overflow-y:auto;}
.article .toc .toc-item:hover {font-weight:900;}
.article .toc li a {display:inline-block;color:#737373;text-decoration:none;transition:color,padding 0.2s ease-in-out;}
.article .toc li a:hover {padding-left:8px;border-left:3px solid black;}
.page .main{padding:0px;}

/* Icon font style */
@font-face{font-family:"iconfont";src:url(//at.alicdn.com/t/font_1679264_tle9h9614mq.eot?t=1583722241347);src:url(//at.alicdn.com/t/font_1679264_tle9h9614mq.eot?t=1583722241347#iefix) format("embedded-opentype"),url(data:application/x-font-woff2;charset=utf-8;base64,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) format("woff2"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.woff?t=1583722241347) format("woff"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.ttf?t=1583722241347) format("truetype"),url(//at.alicdn.com/t/font_1679264_tle9h9614mq.svg?t=1583722241347#iconfont) format("svg")}
.iconfont{font-family:"iconfont"!important;font-size:22px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-close:before{content:"\e689"}
.icon-play:before{content:"\e65d"}
.icon-menu:before{content:"\e623"}
.icon-home:before{content:"\e612"}
/*.icon-facebook:before{content:"\e632"}*/
/*.icon-twitter:before{content:"\e659"}*/
/*.icon-github:before{content:"\e64a"}*/
.icon-pause:before{content:"\e64c"}
.icon-scan:before{content:"\e600"}
.icon-search:before{content:"\e601"}
/*.icon-email:before{content:"\e62d"}*/
.icon-like:before{content:"\e602"}
/*.icon-wechat:before{content:"\e603"}*/
.icon-left:before{content:"\e604"}

@font-face {
  font-family: "iconfont"; /* Project id 2609542 */
  src: url('//at.alicdn.com/t/font_2609542_9phvm77zuvw.woff2?t=1623581069201') format('woff2'),
       url('//at.alicdn.com/t/font_2609542_9phvm77zuvw.woff?t=1623581069201') format('woff'),
       url('//at.alicdn.com/t/font_2609542_9phvm77zuvw.ttf?t=1623581069201') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 22px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-github:before {
  content: "\e7d1";
}

.icon-email:before {
  content: "\e6da";
}

.icon-wechat:before {
  content: "\e7e3";
}

.icon-twitter:before {
  content: "\e7e2";
}


/* tags style  */
.post-tags-list {margin-top:10px;display:table;}
.post-tags-list-item {float:left;margin-right:10px;background:rgba(102,128,153,0.075);border-radius:0;padding:2px 5px;}
.post-tags-list-link {color:rgba(44,63,81,0.5);}

/* Post or Page content style */
.content {margin-top:50px;font-size:15px;line-height:2;color:#232323;}
.content h1 {font-size:39px}
.content h2 {font-size:32px}
.content h3 {font-size:26px}
.content h4 {font-size:19px}
.content h5 {font-size:15px}
.content h6 {font-size:13px}
.content strong {font-weight:500;}
.content a {background:transparent;color:#1980e6;text-decoration:none;}
.content a:hover {color:#518dca;}
.content hr {margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid rgba(102,128,153,0.1)}
.content p {margin:0 0 .8em;}
.content ul,.content ol {margin:10px 0;padding-left:20px;}
.content ul li {list-style:disc;margin:5px 0;}
.content ol li {list-style:decimal;margin:5px 0;}
.content > h1,.content > h2,.content > h3,.content > h4,.content > h5,.content > h6 {margin-top:2rem;margin-bottom:0.8rem;color:#000;}
.content > h1:first-child,.content > h2:first-child,.content > h3:first-child,.content > h4:first-child,.content > h5:first-child,.content > h6:first-child {margin-top:0;}
.content img {cursor:pointer;}
.content pre,.content .highlight {background:#2d2d2d;margin:1.6rem 0;padding:0.8rem 0.8rem;border-style:solid;border-width:1px 0;overflow:auto;color:#ccc;line-height:20px;}
.content .gutter {display:none;}
.content .highlight .gutter pre {color:#666;font-size:0.9rem;}
.content code,.content pre {font-family:"Source Code Pro",monospace}
.content code {background:rgba(99,99,99,0.07);color:#ef459c;padding:1px 2px;border-radius:2px;}
.content pre code {background:none;text-shadow:none;padding:0;}
.content blockquote {color:#656565;margin:0 0 1.1em;border-left:3px solid #efefef;border-left-width:6px;background-color:rgba(119,119,119,0.05);border-top-right-radius:5px;border-bottom-right-radius:5px;padding:15px 20px;}
.content blockquote p {margin:0;}
.content table {margin:15px 0;border-collapse:collapse;display:table;width:100%;table-layout:fixed;word-wrap:break-word;}
.content table tr {border-top:1px solid #ccc;background-color:#fff;}
.content table th,.content table td {border:1px solid #ddd;padding:6px 13px;}
.content .highlight pre {border:none;margin:0;padding:0;}
.content .highlight table {margin:0;width:auto;}
.content .highlight td {border:none;padding:0;}
.content .highlight tr {border:0;}
.content .highlight figcaption {font-size:0.85em;color:#999;line-height:1em;margin-bottom:1em;}
.content .highlight figcaption a {float:right;}
.content .highlight .gutter pre {text-align:right;padding-right:20px;}
.content .highlight .line {height:20px;}
.content .video-container {position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.content .video-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
pre .comment,pre .title {color:#999;}
pre .variable,pre .attribute,pre .tag,pre .regexp,pre .ruby .constant,pre .xml .tag,pre .title,pre .xml .pi,pre .xml .doctype,pre .html .doctype,pre .css .id,pre .css .class,pre .css .pseudo {color:#f2777a;}
pre .number,pre .preprocessor,pre .built_in,pre .literal,pre .params,pre .constant {color:#f99157;}
pre .class,pre .ruby .class .title,pre .css .rules .attribute {color:#99cc99;}
pre .string,pre .value,pre .inheritance,pre .header,pre .ruby .symbol,pre .xml .cdata {color:#99cc99;}
pre .css .hexcolor {color:#66cccc;}
pre .function,pre .python .decorator,pre .python .title,pre .ruby .function .title,pre .ruby .title .keyword,pre .perl .sub,pre .javascript .title,pre .coffeescript .title {color:#6699cc;}
pre .keyword,pre .javascript .function {color:#cc99cc;}

/* Responsive style */
@media screen and (max-width:1200px) {
  #header > div {width:900px;margin:0 auto;}
  #post0 {width:32%;}
  #post0 h2 {font-size:24px;}
  .post {width:900px;}
  .post > a {width:480px;height:310px;}
  .else {top:10px;width:420px;height:290px;}
  .post:nth-child(odd) .else {left:450px;}
  .post:nth-child(even) .else {right:450px;}
  .else p:first-child {font-size:12px;margin:50px 0 0 60px;}
  .else h3 {font-size:24px;margin:10px 60px 0 60px;}
  .else h3 + p {margin:10px 60px 0 60px;}
  .here {left:61px;bottom:50px;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:900px) {
  #mark {height:480px;}
  #header > div {width:90%;}
  #vibrant polygon {transform:translateX(-10%);-moz-transform:translateX(-10%);-webkit-transform:translateX(-10%);fill: #66ccff;}
  #post0 {width:40%;}
  #post0 h2 {font-size:20px;}
  .post {width:100%;margin-top:60px;background:#fff;padding-bottom:30px;border-bottom:1px solid #eaeaea;}
  .post > a {display:block;margin:0 auto;width:100%;height:auto;}
  .post > a img {margin:0 auto;}
  .else {height:auto;position:static;width:100%;margin:0 auto;background:transparent;border:none;}
  .else p:first-child {margin:30px 0 0 20px;}
  .else h3 {font-size:24px;margin:10px 30px 0 20px;}
  .else h3 + p {margin:10px 30px 0 20px;}
  .here {position:static;margin:20px 0 20px 20px;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:780px) {
  #header {top:40px;}
  #vibrant svg {display:none;}
  #vibrant div {opacity:0.3;}
  #container {padding-bottom:50px;}
  #post0 {bottom:60px;top:auto;width:70%;left:5%;}
  .menu {width:90%;margin:160px auto 0;}
  .menu li {font-size:16px;}
  #pager {margin:30px 0 0;}
  h1.title {font-size:24px;}
  .tab {display:none;}
  .icon-scan {display:none!important;}
  .icon-images {left:80px;}
  .icon-pause,.icon-play {left:50px;}
  .comment.link {width:140px;padding:5px 0;}
  .article{width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}
@media screen and (max-width:480px) {
  #post0 p:first-child {display:block;}
  #container:before {display:none;}
  #post0 h2 {text-align:left;margin:0 10px 0 0;}
  #post0 h2 + p {text-align:left;margin:10px 20px 0 0;color:#f2f2f2;font-size:14px;}
  #post0 h2 a {color:#fff;}
  #post0 .summary {display:none;}
  .stuff span {margin-right:10px;}
  .stuff span:first-child {display:none;}
  .content table {font-size:smaller;}
  .content table tr td {padding:6px;}
  .article {width:100%;}
  .article .main{width:94%;}
  .article .side {display:none}
  .comment .gt-btn-public .gt-btn-text:after{content:"";}
}

/* ======= 页脚图标样式======= */
.footerlinks {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin: 24px 0;
}

.footerlinks a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color: #66ccff;
    font-size: 18px;
    transition: all 0.3s ease;
}

.footerlinks a:hover {
    background-color: #66ccff;
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 204, 255, 0.3);
}

/* 微信图标特殊效果 */
.footerlinks .icon-wechat:hover {
    background-color: #07C160;
}

/* 邮箱图标特殊效果 */
.footerlinks .icon-email:hover {
    background-color: #FF7D00;
}


/* 置顶文章标签样式 - 适配Diaspora主题 */
.sticky-tag {
    display: inline-block;
    background-color: #EF6D57; /* 主题主色调（与导航高亮色一致），避免突兀 */
    color: #ffffff; /* 白色文字，保证可读性 */
    font-size: 12px; /* 小字体，不抢占标题视觉焦点 */
    padding: 2px 8px; /* 上下内边距2px，左右8px，保证标签紧凑 */
    border-radius: 4px; /* 圆角设计，与主题卡片风格匹配 */
    margin-right: 10px; /* 与标题保持间距，避免拥挤 */
    vertical-align: middle; /* 与标题文字垂直居中，视觉更协调 */
    font-weight: normal; /* 取消加粗，避免与标题权重冲突 */
    letter-spacing: 0.5px; /* 轻微字间距，提升文字可读性 */
}

/* 适配移动端（避免标签与标题换行） */
@media (max-width: 768px) {
    .sticky-tag {
        font-size: 11px;
        padding: 1px 6px;
        margin-right: 6px;
    }
}
/* 莞泰工业铝材官网 - 置顶标签最终样式 */
.article-title .sticky-tag { /* 精准选择器，避免被覆盖 */
  /* 核心视觉 */
  background-color: #dc3545; /* 工业红背景 */
  color: #ffffff; /* 白色文字 */
  /* 字体与尺寸 */
  font-size: 14px;
  font-weight: normal;
  font-family: 'PingFang SC','Hiragino Sans GB','Microsoft Yahei',sans-serif;
  /* 间距与布局 */
  margin: 0 8px 0 0;
  padding: 2px 8px;
  display: inline-block;
  /* 细节优化 */
  border-radius: 2px; /* 轻微圆角，缓解工业风生硬感 */
  line-height: 1.4; /* 行高适配，避免文字溢出 */
  cursor: default; /* 提示标签不可点击，避免误解 */
}

/* 移动端适配 */
@media (max-width: 768px) {
  .article-title .sticky-tag {
    font-size: 12px;
    padding: 1px 6px;
    margin-right: 4px;
  }
}


/* 页面整体样式重置与基础设置 */
.category-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 头部标题区域：突出主题，弱化说明 */
.category-header {
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px solid #f0f0f0;
}
.category-title {
  font-size: 24px;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 8px;
}
.category-desc {
  font-size: 14px;
  color: #7f8c8d;
}
.category-total, .category-subtotal {
  color: #3498db;
  font-weight: 500;
}

/* 分类列表容器：统一间距 */
.category-container {
  line-height: 1.6;
}

/* 所有分类项：清除默认列表样式，统一布局 */
.category-item {
  list-style: none;
  margin: 8px 0;
  position: relative;
}

/* 分类链接：按层级区分样式，突出一级分类 */
.category-link {
  display: inline-block;
  padding: 6px 8px;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.2s ease;
}
/* 一级分类：加粗 + 主色 */
.category-root > .category-item > .category-link {
  font-size: 16px;
  font-weight: 500;
  color: #2c3e50;
}
/* 二级分类：常规 + 次级色 */
.category-child > .category-item > .category-link {
  font-size: 15px;
  color: #34495e;
  margin-left: 24px;
}
/* 三级及以下分类：小号 + 浅灰色 */
.category-child .category-child > .category-item > .category-link {
  font-size: 14px;
  color: #7f8c8d;
  margin-left: 48px;
}

/* 分类链接hover反馈：背景色 + 颜色加深 */
.category-link:hover {
  background-color: #f5f7fa;
}
.category-root > .category-item > .category-link:hover {
  color: #3498db;
}
.category-child > .category-item > .category-link:hover {
  color: #2980b9;
}

/* 文章数量：弱化处理，避免干扰分类名称 */
.category-count {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  font-size: 12px;
  font-weight: 400;
  color: #bdc3c7;
  background-color: #f0f2f5;
  border-radius: 12px; /* 圆形背景 */
}

/* 子分类容器：默认展开，点击一级分类展开 */
.category-child {
  max-height: none; /* 取消高度限制，让子分类全部显示 */
  overflow: visible; /* 确保内容不被隐藏 */
}

/* 移动端适配：调整间距和字体大小 */
@media (max-width: 768px) {
  .category-title {
    font-size: 20px;
  }
  .category-root > .category-item > .category-link {
    font-size: 15px;
  }
  .category-child > .category-item > .category-link {
    margin-left: 16px;
    font-size: 14px;
  }
  .category-child .category-child > .category-item > .category-link {
    margin-left: 32px;
    font-size: 13px;
  }
}