苦橘馆

@charset "UTF-8";
/*Prevent CSS from adding Chinese garbled characters -- The @charset property specifies the character encoding used in the style file (.css suffix), and can only be used in CSS files.
It must be the first element in the stylesheet, and no characters are allowed before it, not even comments. If multiple @charset rules are declared, only the first one will be used, and it cannot be used in HTML elements or HTML pages, i.e., it cannot be used in <style> elements.*/
/*Reference tutorials:
【Zero·Method】: https://qfdk.xlog.app/xLog-kai-qi-zi-ding-yi-CSS 【Custom Tutorial】

【One·Navigation】: https://blog.ncs.fun/ 【Subtitles, Navigation Bar, Avatar. Article summary floating, mouse selection styles】

【Two·Fonts】:
https://cloud.tencent.com/developer/article/1845019 （Font setting methods）
https://tonyxu.io/blog/recommending-lxgw-font/ （Font uses Xiawu Wenkai: https://github.com/lxgw/LxgwWenKai ）
https://blog.csdn.net/flower_CSDN/article/details/81302523 （Fancy fonts）

【Three·Hide】: https://blog.yixiao.org/xlog-blockchain-info （sorry for Xlog）

【Four·Others】:
https://loen.xlog.app/ 
https://birdgg.me/ 
https://diygod.cc/ 
https://enpitsulin.xlog.app/ 
https://xfeed.app/notes/57409-33 
https://blog.zezeshe.com/archives/xlog-ram-rem.html#
https://endercat.ir/
https://311110.xyz/
https://hackpig520.xlog.app

【Five·Tools】:
xLog-custom-css-debugger：https://github.com/birdgg/xLog-custom-css-debugger
stylebot

【Six·Records】:
https://xfeed.app/notes/57409-33#user-content-fnref-3

*/

/*--Font: Xiawu Wenkai--*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/lxgw-wenkai-screen-webfont/1.7.0/lxgwwenkaiscreenr.css");

/*-- https://birdgg.me/ --*/
@import url('https://fastly.jsdelivr.net/gh/DIYgodLab/[email protected]/lazy.css');

@font-face {
  font-family: 'Candyshop';
  src: url('https://fastly.jsdelivr.net/gh/DIYgodLab/[email protected]/Candyshop.otf');
  font-display: swap;
}

:root {
  --theme-color: #ffa631 !important;
  --font-fans: 'SF Compact Rounded', 'PingFang SC','LXGW WenKai Screen R' ,'Microsoft YaHei', Lato, sans-serif;
  --header-height: max(50vh, 250px);
  --banner-bg-color: #af7427cc;
  --grey-0: #ccd0da57;
  --grey-1: #fdfdfd;
  --grey-2: #f7f7f7;
  --grey-3: #eff2f3;
  --grey-4: #ccc;
  --grey-5: #999;
  --grey-6: #666;
  --grey-7: #333;
  --grey-8: #222;
  --grey-9: #000;
  --grey-1-a0: rgba(253, 253, 253, 0);
  --grey-1-a7: rgba(253, 253, 253, .7);
  --grey-1-a5: rgba(253, 253, 253, .5);
  --grey-1-a3: rgba(253, 253, 253, .3);
  --grey-9-a1: rgba(0, 0, 0, .1);
  --grey-9-a5: rgba(0, 0, 0, .5);
  --grey-2-a0: rgba(247, 247, 247, 0);
  --color-pink-light: #ffe6fa;
  --color-cyan-light: #e3fdf5;
  --color-red: #e9546b;
  --color-pink: #ed6ea0;
  --color-orange: #ec8c69;
  --color-yellow: #eab700;
  --color-green: #0a7426;
  --color-aqua: #3e999f;
  --color-blue: #38a1db;
  --color-purple: #9d5b8b;
  --color-grey: #869194;
  --color-red-a1: rgba(233, 84, 107, .1);
  --color-red-a3: rgba(233, 84, 107, .3);
  --color-pink-a3: rgba(237, 110, 160, .3);
  --color-pink-light-a3: rgba(255, 230, 250, .3);
  --color-pink-light-a5: rgba(255, 230, 250, .5);
  --color-pink-light-a7: rgba(255, 230, 250, .7);
  --body-bg-shadow: var(--grey-2);
  --box-bg-shadow: var(--grey-9-a1);
  --text-color: var(--grey-7);
  --header-text-color: var(--grey-0);
  cursor: url('https://jsd.cdn.zzko.cn/gh/DoraemonBBX/Copy@main/Minions%20Cursores/normal.cur') 0 0, auto;
}

html.dark {
  --grey-0: #c9cbff24;
  --grey-1: #302d411c;
  --grey-2: #1818184f;
  --grey-3: #444;
  --grey-4: #666;
  --grey-5: #aaa;
  --grey-6: #ccc;
  --grey-7: #ddd;
  --grey-8: #eee;
  --grey-9: #f7f7f7;
  --grey-1-a7: rgba(34, 34, 34, .7);
  --grey-1-a5: rgba(34, 34, 34, .5);
  --grey-1-a3: rgba(34, 34, 34, .3);
  --grey-1-a0: rgba(34, 34, 34, 0);
  --grey-9-a1: rgba(51, 51, 51, .1);
  --grey-2-a0: rgba(54, 54, 54, 0);
  --color-pink-light: #322d31;
  --color-cyan-light: #2d3230;
  --color-red: rgba(237, 118, 137, .9);
  --color-pink: rgba(241, 139, 179, .8);
  --color-orange: rgba(240, 163, 135, .8);
  --color-yellow: #ffe175;
  --color-green: #86c59d;
  --color-aqua: #97d3d6;
  --color-blue: #9cd0ed;
  --color-purple: #cfacc5;
  --color-grey: #c3c8ca;
  --body-bg-shadow: #000;
  --box-bg-shadow: #000;
  --text-color: var(--grey-5);
  --header-text-color: var(--grey-9);
}

/*--Mouse style | https://blog.ncs.fun/mou-ren-yao-de-xlog-shu-biao-yang-shi --*/
/*--Mouse style file is cur, find your favorite image to convert or directly download .cur file, size is 32×32--*/
button {
	cursor:url(https://jsd.cdn.zzko.cn/gh/DoraemonBBX/Copy@main/Minions%20Cursores/normal.cur), auto;  
}
.cursor-pointer {
	cursor:url(https://jsd.cdn.zzko.cn/gh/DoraemonBBX/Copy@main/Minions%20Cursores/normal.cur), auto;  
}
.xlog-user {
	cursor:url(https://jsd.cdn.zzko.cn/gh/DoraemonBBX/Copy@main/Minions%20Cursores/normal.cur), auto;  
}
.flex.-mx-5 {
	cursor:url(https://jsd.cdn.zzko.cn/gh/DoraemonBBX/Copy@main/Minions%20Cursores/normal.cur), auto;  
}
.space-y-8 {
	cursor:url(https://jsd.cdn.zzko.cn/gh/DoraemonBBX/Copy@main/Minions%20Cursores/normal.cur), auto;  
}

.xlog-page {
  background: linear-gradient(to top, var(--body-bg-shadow) 0, var(--grey-1) 20%) no-repeat bottom;
}

.xlog-page .max-w-screen-md {
  max-width: 1000px;
}

.xlog-header {
  position: sticky;
  height: 400px;
  top: -360px;
  z-index: 1;
  border: none;
  background-color: var(--grey-1)
}

.xlog-header .flex.py-12.w-full {
  width: 100%;
  justify-content: center;
}

.xlog-header .xlog-banner {
  height: calc(100% - 40px)
}

.xlog-header .xlog-banner img[alt=banner] {
  width: 100%;
  max-width: unset;
  filter: blur(5px) brightness(75%)
}

@media (width > 1024px) {
  .xlog-page-index .xlog-header {
    height: 350px;
    top: calc(40px - 100vh);
  }
}

.xlog-site-name {
  color: var(--theme-color);
  font-family: Candyshop,cursive;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, -1.414px 0 0 #fff, 1.414px 0 0 #fff, 0 -1.414px 0 #fff, 0 1.414px 0 #fff;
  font-size: 35px;
}

.xlog-page-index,
.xlog-page-post {
  font-family: "LXGW WenKai Screen R", sans-serif;
}

.xlog-site-info {
    border: 1px solid #fff;
    transition: .3s ease;
}

.dark .xlog-site-info {
  border: 1px solid var(--border-color);;
}

.xlog-site-description {
  background-image: -webkit-linear-gradient(left,#3498db,#f47920 10%,#d71345 20%,#f7acbc 30%,#ffd400 40%,#3498db 50%,#f47920 60%,#d71345 70%,#f7acbc 80%,#ffd400 90%,#3498db);
  color: transparent;
  -webkit-background-clip: text;
  -webkit-animation: slide 2s infinite linear;
  animation: slide 5s infinite linear;
  font-style: italic;
}

.xlog-fab {
  bottom: unset;
  top: 0;
}

/*--Navigation bar moved to the top*/
.xlog-site-navigation {
  position:absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  top:0px;
  width: 100%;
}

/*--Navigation bar links*/
.xlog-site-navigation a {
  float: left;
  display:flex;
  color: var(--theme-color);
  justify-content: center; /*Center child items horizontally*/
  align-items: center; /*Center child items vertically*/
  text-align: center;
  padding: 1em;
  text-decoration: none;
}

/* Link color modification */
.xlog-site-navigation a:hover {
  background-color: #e9f1f6;
  color: #396045;
}

/*--Connection button position remains unchanged*/
.pl-1 {
  margin-left:auto
}

/*--Adjust banner position*/
.py-12 {
  padding-bottom: 20px;
  padding-top: 45px;  
}

/*--Adjust connection vertical position*/
.flex.text-gray-500 {
  padding-bottom: -5px;

}
/*--Add text before connection, before is front, after is back*/
.mt-auto:before {
  content: "Lightly like, quietly love, deeply understand, lightly let go"; 
  color: var(--theme-color);
}

/*--Back to top--*/
/*-- https://diygod.cc/ --*/
.xlog-back-to-top {
    background: url('https://fastly.jsdelivr.net/gh/DIYgodLab/[email protected]/scroll.png') center/cover;
    width: 70px;
    height: 900px;
    margin-top: 0;
    opacity: 1;
    border: none;
    right: 50px;
}

.xlog-back-to-top.xlog-fab-inactive {
    transform: translate(0, -900px);
    display: block;
}

.xlog-back-to-top i {
  display: none;
}


/*--Avatar mouse hover text switch to desired text */
/*-- https://blog.ncs.fun/tou-xiang-shu-biao-hou-xuan-qie-huan-wei-xiang-yao-de-wen-zi --*/
.xlog-site-icon {
    position: relative;
    display: flex;
}

.xlog-site-icon::before,
.xlog-site-icon::after {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.xlog-site-icon:hover::before,
.xlog-site-icon:hover:after {
    width: 100%;
    height: 100%;
}

.xlog-site-icon:hover:after {
    background-image:url('https://xlog.app/_next/image?url=https%3A%2F%2Fipfs.4everland.xyz%2Fipfs%2Fbafkreibiivd46q6qfd6dzri6j6ltw53tzrudcqk7fmxhsj32qbqer7zkra&w=1920&q=75');
    content: "Xiao Qi";
}

body { font-family: "LXGW WenKai Screen R", sans-serif; }
/*Add text*/
/*-- https://endercat.ir/ --*/
.xlog-post-summary::after {
  content: "Xiao Qi has something to say: The summary of artificial intelligence is not necessarily the content of the article!!!";
  font-size: 14px;
  color: #a00202;
}
.xlog-comment-count:after {
  content: " - Oh my God! The number of comments is so few, this is simply terrible, worse than the story of the Calabash Brothers saving Grandpa.";
  color: #cccccc;
  font-size: 70%
}
/*-- 
Replace the pleated skirt footer 
Source from the introduction at the beginning https://fastly.jsdelivr.net/gh/DIYgodLab/[email protected]/lazy.css
--*/
/*
footer:before {
    content: ' ';
    background: url(https://counter.likepoems.com/get/@orange?theme=rule34) center/contain no-repeat;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: -75px;
    left: 0;
    pointer-events: none;
}
*/

/*-- Add reward code before the comment area, image position not perfected --*/
/*
.xlog-comment:before{
  content: "";
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-right: 10px;
  background: url(https://jsd.cdn.zzko.cn/gh/DoraemonBBX/Copy@main/reward/alipay.jpg) no-repeat center;
  background-size: 100%;
  vertical-align: middle;
}
*/

/*rss icon optimization*/
.fill-gray-500 svg {
  color: var(--theme-color);
}

/*Vibration attention*/
@keyframes color-change {
  0% {
    transform: translate(-2px, -2px);
  }
  50% {
    transform: translate(2px, 2px);
  }
  100% {
    transform: translate(-2px, -2px);
  }
}
.xlog-site-follow-button {
  animation-name: color-change;
  animation-duration: 0.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0px);
  }
}

/*--Mouse selection style button enlarges*/
.button:hover {
  transform: scale(1.2);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);   
}

main {
  max-width: 1000px !important;
  background: linear-gradient(to top, var(--grey-0) 0, var(--grey-1) 20%) no-repeat top;
  box-shadow: 0 0.25rem 1rem 0.3125rem #0000003b;
  padding-bottom: 3.5rem;
  border-radius: 20px;
  margin-top: 2rem;
}

.xlog-posts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.xlog-post:nth-child(odd) {
  flex-direction: row-reverse;
}

.xlog-posts>.xlog-post:nth-child(even) .xlog-post-cover {
  margin-right: auto;
  margin-left: 1.5rem;
  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 8% 100%);
  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 8% 100%);
  border-radius: 0 0.625rem 0.625rem 0;
}

.xlog-post {
  display: flex;
  width: calc(100% - 2rem);
  min-width: calc(100% - 2rem);
  border-radius: 0.5rem;
  box-shadow: 0 0.625rem 1.875rem -0.9375rem var(--box-bg-shadow);
  transition: all .2s ease-in-out 0.3s;/* Time needed for the floating process */
  height: 14rem;
  margin: 1rem;
  margin-top: 1rem !important;
  padding: 0;
  background-color: transparent;
}

.xlog-post:hover {
  box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* Shadow appearing when hovering over the box */
  background-color: transparent;
  transform: translate(0, -10px);/* Box moves up 10px when hovering */
}

/*---Mouse selection style archive article list floats up*/
.items-center.-mx-2 {
  transition: all 0.3s;/* Time needed for the floating process */
}
.items-center.-mx-2:hover {
  box-shadow: 0 16px 32px 0 rgba(48, 55, 66, 0.15);/* Shadow appearing when hovering over the box */
  transform: translate(0, -5px);/* Box moves up 10px when hovering */
}

.xlog-post .xlog-post-cover {
  width: 50%;
  height: 100%;
  margin: 0;
  clip-path: polygon(0 0, 92% 0%, 100% 100%, 0% 100%);
}

.xlog-posts .xlog-post>.xlog-post-cover>span img {
  width: 100%;
  height: 14rem;
  transition: all .5s;
}

.xlog-post .xlog-post-cover img:hover {
  transform: scale(1.1) rotate(2deg)
}

.xlog-post>div:nth-of-type(1) {
  position: relative;
  width: 50%;
  height:100%;
  padding: 2rem;
  perspective: 62.5rem;
  justify-content: space-around;
}


/* post */
.prose :not(pre)>code {
  color: var(--theme-color);
  border-radius: 0.3rem;
  border: 0.0625rem solid rgba(0,0,0,.1);
  background-color: var(--grey-0);
  padding: 0.2rem 0.3rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.prose blockquote {
  border-radius: 0.1875rem;
  padding: .625rem 1.25rem;
  border-left: 0.25rem solid var(--theme-color);
  font-size: 90%;
  background-color: var(--grey-2);
  margin: 1.25rem 0;
}

.prose ol {
  counter-reset: counter;
}

.prose li {
  list-style: none;
  position: relative;
}

.prose ol li:before {
  counter-increment: counter;
  content: counter(counter);
  position: absolute;
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  text-align: center;
  font-size: .8em;
  line-height: 1.4;
  top: 0.5em;
  left: -1.8em;
  background: var(--theme-color);
  color: rgba(var(--tw-colors-i-gray-100), 1);
  cursor: pointer;
}

.prose ul li:before {
  content: "";
  position: absolute;
  width: 0.4em;
  height: 0.4em;
  background: var(--theme-color);
  border-radius: 50%;
  top: 0.85em;
  left: -1em;
}

.prose .table-wrapper {
  border: none !important;
  border-radius: 0 !important;
}

.prose table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: .875em;
  margin: 0 0 1.25rem;
  width: 100%;
  overflow: auto;
}

.prose table tbody tr:nth-child(2n-1) {
  background: none !important;
}

.prose table th,
td {
  border: 0.0625rem solid var(--border-color);
  border-bottom: 0.1875rem solid var(--border-color);
  padding: 0.5rem;
  padding-bottom: 0.625rem;
  text-align: left;
  vertical-align: middle;
}

.prose table th {
  font-weight: 700;
  text-align: center;
}

.prose table td {
  border-bottom-width: 0.0625rem;
}

.spoiler {
  filter: blur(8px);
  transition: filter .5s;
}

.spoiler:hover {
  filter: blur(0px);
}

.dark .info {
  --note-border: rgba(85, 98, 132, 0.8);
  --note-bg: rgba(48, 49, 50, 0.8);
  --note-text: rgba(109, 164, 219, 0.8);
  --note-hover: rgba(39, 127, 214, 0.8);
}

.info {
  --note-border: #8fa4dc;
  --note-bg: #f1f9ff;
  --note-text: #1d4974;
  --note-hover: #1d5fa0;
}

.note {
  background: var(--note-bg, var(--grey-2));
  color: var(--grey-6);
  border-left: 0.25rem solid var(--note-border, var(--grey-4));
  font-size: .875em;
  --primary-color: var(--note-text);
  border-radius: 0.1875rem;
  margin: 1rem 0;
  padding: 1rem;
  position: relative;
  padding-left: 1rem;
}

.dark .error {
  --note-border: rgba(146, 107, 115, 0.8);
  --note-bg: rgba(50, 48, 48, 0.8);
  --note-text: rgba(239, 38, 79, 0.8);
  --note-hover: rgba(168, 49, 72, 0.8);
}

.error {
  --note-border: #f4b3c1;
  --note-bg: #fff2f5;
  --note-text: #cc0f35;
  --note-hover: #f14668;
}

.dark .success {
  --note-border: rgba(97, 116, 88, 0.8);
  --note-bg: rgba(50, 50, 48, 0.8);
  --note-text: rgba(128, 200, 129, 0.8);
  --note-hover: rgba(41, 95, 42, 0.8);
}

.success {
  --note-border: #a3c293;
  --note-bg: #fcfff5;
  --note-text: #2c662d;
  --note-hover: #3b883c;
}

/*-- Black text bar --*/
/*-- https://endercat.ir/zai-bo-ke-shang-shi-yong-hei-tiao-zi-md --*/
/*-- <span class="heimu" title="Text displayed when hovering over the black bar"> </span> --*/
.heimu, .heimu a, a .heimu, .heimu a.new {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}
.heimu:hover, .heimu:active,
.heimu:hover .heimu, .heimu:active .heimu {
    color: white !important;
}
.heimu:hover a, a:hover .heimu,
.heimu:active a, a:active .heimu {
    color: lightblue !important;
}
.heimu:hover .new, .heimu .new:hover, .new:hover .heimu,
.heimu:active .new, .heimu.new:active, .new:active .heimu {
    color: #BA0000 !important;
}

/*--Friend links--*/
/*-- https://311110.xyz/hello-xlog --*/
.board-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 1em;
    margin-left: -15px;
    width: calc(100% + 15px)
}

.board-list .board-item {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 2px rgba(0,0,0,.1);
    box-shadow: 0 0 20px 2px rgba(0,0,0,.1);
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: none!important;
    margin-left: 15px;
    margin-bottom: 15px
}

.board-list .board-item.hover {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

@media screen and (min-width: 768px) {
    .board-list .board-item:hover {
        -webkit-transform:scale(.97);
        transform: scale(.97);
        border: none!important
    }
}

.board-list .board-item .board-thumb {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.board-list .board-item .board-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
    padding: 0;
    -webkit-transition: .5s ease-in-out opacity;
    transition: .5s ease-in-out opacity
}

.board-list .board-item .board-title,.board-list .board-item .board-title a {
    padding: 8px 0!important;
    font-size: 1.2em!important;
    overflow: hidden!important;
    white-space: nowrap!important;
    text-align: center!important;
    color: rgba(0,0,0,.86)!important;
    font-weight: 700!important;
    border: none
}

.board-list .board-item .board-title a:hover,.board-list .board-item .board-title:hover {
    border: none
}

@media screen and (max-width: 767px) {
    .board-list .board-item {
        width:calc(33.33333333% - 15px)
    }
}

@media screen and (min-width: 768px) {
    .board-list .board-item {
        width:calc(25% - 15px)
    }
}

@media screen and (max-width: 450px) {
    .board-list .board-item {
        width:calc(50% - 15px)
    }
}

/*-- Image control: watercolor and other styles are available --*/
/* https://bennettfeely.com/image-effects/ */
/*
.pencil-effect {
	$url : url(photo.jpg);

	background-image: $url;
	background-size: cover;
	background-position: center;

	@supports (filter: invert(1)) and (background-blend-mode: difference) {
		background-image: $url, $url;
		background-blend-mode: difference;
		background-position:
			calc(50% - 1px) calc(50% - 1px),
			calc(50% + 1px) calc(50% + 1px);
		filter: brightness(2) invert(1) grayscale(1);
		box-shadow: inset 0 0 0 1px black;
	}
}
*/

/* phone */
@media (max-width: 767px) {
  .xlog-post {
  flex-direction: column-reverse !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
}
  .xlog-back-to-top {
      display: none;
  }
}

.xlog-post .xlog-post-cover {
  width: 100%;
  height: 14rem;
  margin: auto;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);
  border-radius: 0.625rem 0.625rem 0 0;
}

.xlog-posts>.xlog-post:nth-child(even) .xlog-post-cover {
  width: 100%;
  margin: auto;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);
  border-radius: 0.625rem 0.625rem 0 0;
}

.xlog-post>div:nth-of-type(1) {
  width: 100%;
  padding: 10px;
}



main {
  max-width: 500px;
}


/*--Hide the original blockchain area sorry for Xlog --*/
/*-- https://blog.yixiao.org/xlog-blockchain-info --*/
/*
.xlog-blockchain-info{
  display:none; 
}
*/