{
"type": "character",
"name": "czyouge",
"connected_accounts": [
"csb://account:[email protected]@mastodon"
],
"bio": "一个写故事的人类",
"avatars": [
"ipfs://bafybeidpzod32wn4ycveoj72osoqcwqmsjele774dtrq4pwqwwbn2qt4eu"
],
"attributes": [
{
"value": "html {\r\n --theme-color: #4f46e5;\r\n}\r\n\r\nhtml.dark {\r\n --theme-color: #818cf8;\r\n --grey-0: #c9cbff24;\r\n --grey-1: #302d411c;\r\n --grey-2: #1818184f;\r\n --grey-3: #444;\r\n --grey-4: #666;\r\n --grey-5: #aaa;\r\n --grey-6: #ccc;\r\n --grey-7: #ddd;\r\n --grey-8: #eee;\r\n --grey-9: #f7f7f7;\r\n --grey-1-a7: rgba(34, 34, 34, .7);\r\n --grey-1-a5: rgba(34, 34, 34, .5);\r\n --grey-1-a3: rgba(34, 34, 34, .3);\r\n --grey-1-a0: rgba(34, 34, 34, 0);\r\n --grey-9-a1: rgba(51, 51, 51, .1);\r\n --grey-2-a0: rgba(54, 54, 54, 0);\r\n --color-pink-light: #322d31;\r\n --color-cyan-light: #2d3230;\r\n --color-red: rgba(237, 118, 137, .9);\r\n --color-pink: rgba(241, 139, 179, .8);\r\n --color-orange: rgba(240, 163, 135, .8);\r\n --color-yellow: #ffe175;\r\n --color-green: #86c59d;\r\n --color-aqua: #97d3d6;\r\n --color-blue: #9cd0ed;\r\n --color-purple: #cfacc5;\r\n --color-grey: #c3c8ca;\r\n --body-bg-shadow: #000;\r\n --box-bg-shadow: #000;\r\n --text-color: var(--grey-5);\r\n --header-text-color: var(--grey-9);\r\n}\r\n\r\n:root {\r\n --sidebar-width: 20rem;\r\n --theme-color: #797acc !important;\r\n --font-fans: 'SF Compact Rounded', 'PingFang SC', 'Microsoft YaHei', Lato, sans-serif;\r\n --header-height: max(50vh, 450px);\r\n --grey-0: #ccd0da57;\r\n --grey-1: #fdfdfd;\r\n --grey-2: #f7f7f7;\r\n --grey-3: #eff2f3;\r\n --grey-4: #ccc;\r\n --grey-5: #999;\r\n --grey-6: #666;\r\n --grey-7: #333;\r\n --grey-8: #222;\r\n --grey-9: #000;\r\n --grey-1-a0: rgba(253, 253, 253, 0);\r\n --grey-1-a7: rgba(253, 253, 253, .7);\r\n --grey-1-a5: rgba(253, 253, 253, .5);\r\n --grey-1-a3: rgba(253, 253, 253, .3);\r\n --grey-9-a1: rgba(0, 0, 0, .1);\r\n --grey-9-a5: rgba(0, 0, 0, .5);\r\n --grey-2-a0: rgba(247, 247, 247, 0);\r\n --color-pink-light: #ffe6fa;\r\n --color-cyan-light: #e3fdf5;\r\n --color-red: #e9546b;\r\n --color-pink: #ed6ea0;\r\n --color-orange: #ec8c69;\r\n --color-yellow: #eab700;\r\n --color-green: #0a7426;\r\n --color-aqua: #3e999f;\r\n --color-blue: #38a1db;\r\n --color-purple: #9d5b8b;\r\n --color-grey: #869194;\r\n --color-red-a1: rgba(233, 84, 107, .1);\r\n --color-red-a3: rgba(233, 84, 107, .3);\r\n --color-pink-a3: rgba(237, 110, 160, .3);\r\n --color-pink-light-a3: rgba(255, 230, 250, .3);\r\n --color-pink-light-a5: rgba(255, 230, 250, .5);\r\n --color-pink-light-a7: rgba(255, 230, 250, .7);\r\n --body-bg-shadow: var(--grey-2);\r\n --box-bg-shadow: var(--grey-9-a1);\r\n --text-color: var(--grey-7);\r\n --header-text-color: var(--grey-0);\r\n \r\n}\r\n\r\n@media screen and (max-width: 1024px) {\r\n .xlog-post-toc {\r\n display: none !important;\r\n }\r\n}\r\n\r\n*, :after, :before {\r\n box-sizing: border-box;\r\n border-width: 0;\r\n border-style: solid;\r\n border-color: var(--grey-0);\r\n}\r\n\r\n.xlog-header{\r\n border-top-right-radius: 20px;\r\n border-bottom-right-radius: 20px;\r\n overflow: hidden;\r\n \r\n \r\n}\r\n\r\n.xlog-site-name {\r\n color: #FCD94A;\r\n font-size: 36px;\r\n \r\n}\r\n\r\n.xlog-site-description{\r\n color: #FCD94A;\r\n}\r\n\r\n.text-stone-400{\r\n color: #FCD94A;\r\n}\r\n\r\nmain {\r\n \r\n background: linear-gradient(to top, var(--grey-0) 0, var(--grey-1) 20%) no-repeat top;\r\n box-shadow: 0 0.25rem 1rem 0.3125rem #0000003b;\r\n padding-bottom: 3.5rem;\r\n border-radius: 20px;\r\n \r\n}\r\n.xlog-posts {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.xlog-post:nth-child(odd) {\r\n flex-direction: row-reverse;\r\n}\r\n\r\n.xlog-posts>.xlog-post:nth-child(even) .xlog-post-cover {\r\n margin-right: auto;\r\n margin-left: 1.5rem;\r\n -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 8% 100%);\r\n clip-path: polygon(0 0%, 100% 0%, 100% 100%, 8% 100%);\r\n border-radius: 0 0.625rem 0.625rem 0;\r\n}\r\n\r\n.xlog-post {\r\n display: flex;\r\n width: calc(100% - 2rem);\r\n min-width: calc(100% - 2rem);\r\n border-radius: 0.5rem;\r\n box-shadow: 0 0.625rem 1.875rem -0.9375rem var(--box-bg-shadow);\r\n transition: all .2s ease-in-out 0s;\r\n height: 14rem;\r\n margin: 1rem;\r\n margin-top: 1rem !important;\r\n padding: 0;\r\n background-color: transparent;\r\n}\r\n\r\n.xlog-post:hover {\r\n box-shadow: 0 0 2rem var(--box-bg-shadow);\r\n background-color: transparent;\r\n}\r\n\r\n.xlog-post .xlog-post-cover {\r\n width: 50%;\r\n height: 100%;\r\n margin: 0;\r\n clip-path: polygon(0 0, 92% 0%, 100% 100%, 0% 100%);\r\n}\r\n\r\n.xlog-posts .xlog-post>.xlog-post-cover>span img {\r\n width: 100%;\r\n height: 14rem;\r\n transition: all .5s;\r\n}\r\n\r\n.xlog-post .xlog-post-cover img:hover {\r\n transform: scale(1.1) rotate(2deg)\r\n}\r\n\r\n.xlog-post>div:nth-of-type(1) {\r\n position: relative;\r\n width: 50%;\r\n height:100%;\r\n padding: 2rem;\r\n perspective: 62.5rem;\r\n justify-content: space-around;\r\n}\r\n\r\n/* post */\r\n.prose :not(pre)>code {\r\n color: var(--theme-color);\r\n border-radius: 0.3rem;\r\n border: 0.0625rem solid rgba(0,0,0,.1);\r\n background-color: var(--grey-0);\r\n padding: 0.2rem 0.3rem;\r\n overflow-wrap: break-word;\r\n word-wrap: break-word;\r\n}\r\n.prose blockquote {\r\n border-radius: 0.1875rem;\r\n padding: .625rem 1.25rem;\r\n border-left: 0.25rem solid var(--theme-color);\r\n font-size: 95%;\r\n background-color: var(--grey-2);\r\n margin: 1.25rem 0;\r\n}\r\n\r\n.prose ol {\r\n counter-reset: counter;\r\n}\r\n\r\n.prose li {\r\n list-style: none;\r\n position: relative;\r\n}\r\n\r\n.prose ol li:before {\r\n counter-increment: counter;\r\n content: counter(counter);\r\n position: absolute;\r\n width: 1.4em;\r\n height: 1.4em;\r\n border-radius: 50%;\r\n text-align: center;\r\n font-size: .8em;\r\n line-height: 1.4;\r\n top: 0.5em;\r\n left: -1.8em;\r\n background: var(--theme-color);\r\n color: #fff;\r\n cursor: pointer;\r\n outline: 2px solid #797acc;\r\n outline-offset: 1px;\r\n}\r\n.prose li::before{\r\n outline: 2px solid #797acc;\r\n outline-offset: 1px;\r\n}\r\n\r\n.prose ul li:before {\r\n content: \"\";\r\n position: absolute;\r\n width: 0.4em;\r\n height: 0.4em;\r\n background: var(--theme-color);\r\n border-radius: 50%;\r\n top: 0.85em;\r\n left: -1em;\r\n}\r\n\r\n.prose .table-wrapper {\r\n border: none !important;\r\n border-radius: 0 !important;\r\n}\r\n\r\n.prose table {\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n font-size: .875em;\r\n margin: 0 0 1.25rem;\r\n width: 100%;\r\n overflow: auto;\r\n}\r\n\r\n.prose table tbody tr:nth-child(2n-1) {\r\n background: none !important;\r\n}\r\n\r\n.prose table th,\r\ntd {\r\n border: 0.0625rem solid var(--border-color);\r\n border-bottom: 0.1875rem solid var(--border-color);\r\n padding: 0.5rem;\r\n padding-bottom: 0.625rem;\r\n text-align: left;\r\n vertical-align: middle;\r\n}\r\n\r\n.prose table th {\r\n font-weight: 700;\r\n text-align: center;\r\n}\r\n\r\n.prose table td {\r\n border-bottom-width: 0.0625rem;\r\n}\r\n\r\n.spoiler {\r\n filter: blur(8px);\r\n transition: filter .5s;\r\n}\r\n\r\n.spoiler:hover {\r\n filter: blur(0px);\r\n}\r\n\r\n.dark .info {\r\n --note-border: rgba(85, 98, 132, 0.8);\r\n --note-bg: rgba(48, 49, 50, 0.8);\r\n --note-text: rgba(109, 164, 219, 0.8);\r\n --note-hover: rgba(39, 127, 214, 0.8);\r\n}\r\n\r\n.info {\r\n --note-border: #8fa4dc;\r\n --note-bg: #f1f9ff;\r\n --note-text: #1d4974;\r\n --note-hover: #1d5fa0;\r\n}\r\n\r\n.note {\r\n background: var(--note-bg, var(--grey-2));\r\n color: var(--grey-6);\r\n border-left: 0.25rem solid var(--note-border, var(--grey-4));\r\n font-size: .875em;\r\n --primary-color: var(--note-text);\r\n border-radius: 0.1875rem;\r\n margin: 1rem 0;\r\n padding: 1rem;\r\n position: relative;\r\n padding-left: 1rem;\r\n}\r\n\r\n.dark .error {\r\n --note-border: rgba(146, 107, 115, 0.8);\r\n --note-bg: rgba(50, 48, 48, 0.8);\r\n --note-text: rgba(239, 38, 79, 0.8);\r\n --note-hover: rgba(168, 49, 72, 0.8);\r\n}\r\n\r\n.error {\r\n --note-border: #f4b3c1;\r\n --note-bg: #fff2f5;\r\n --note-text: #cc0f35;\r\n --note-hover: #f14668;\r\n}\r\n\r\n.dark .success {\r\n --note-border: rgba(97, 116, 88, 0.8);\r\n --note-bg: rgba(50, 50, 48, 0.8);\r\n --note-text: rgba(128, 200, 129, 0.8);\r\n --note-hover: rgba(41, 95, 42, 0.8);\r\n}\r\n\r\n.success {\r\n --note-border: #a3c293;\r\n --note-bg: #fcfff5;\r\n --note-text: #2c662d;\r\n --note-hover: #3b883c;\r\n}\r\n\r\n/* phone */\r\n\r\n@media (max-width: 767px) {\r\n .xlog-post {\r\n flex-direction: column-reverse !important;\r\n height: -webkit-fit-content;\r\n height: -moz-fit-content;\r\n height: fit-content;\r\n max-height: -webkit-fit-content;\r\n max-height: -moz-fit-content;\r\n max-height: fit-content;\r\n }\r\n\r\n .xlog-post .xlog-post-cover {\r\n width: 100%;\r\n height: 14rem;\r\n margin: auto;\r\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);\r\n clip-path: polygon(0 0, 100% 0, 100% 92%, 0 100%);\r\n border-radius: 0.625rem 0.625rem 0 0;\r\n }\r\n\r\n .xlog-posts>.xlog-post:nth-child(even) .xlog-post-cover {\r\n width: 100%;\r\n margin: auto;\r\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);\r\n clip-path: polygon(0 0, 100% 0, 100% 100%, 0 92%);\r\n border-radius: 0.625rem 0.625rem 0 0;\r\n }\r\n\r\n .xlog-post>div:nth-of-type(1) {\r\n width: 100%;\r\n padding: 10px;\r\n }\r\n\r\n main {\r\n max-width: 500px;\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1024px) {\r\n .xlog-post-area:has(.xlog-post-toc) {\r\n margin-right: 20vw;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n :root {\r\n --sidebar-width: 16rem;\r\n }\r\n\r\n .xlog-post-area,\r\n div:has(> * > button[aria-label='toggle chain info']) {\r\n padding-right: 2rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n\r\n .medium-zoom-image--opened {\r\n z-index: 1001;\r\n }\r\n\r\n .medium-zoom-overlay {\r\n z-index: 1000;\r\n }\r\n\r\n .xlog-page:has(button[aria-label=\"toggle chain info\"][aria-expanded='false']) .xlog-post-area {\r\n min-height: calc(100vh - 124px);\r\n }\r\n\r\n .xlog-page:has(button[aria-label=\"toggle chain info\"][aria-expanded='true']) .xlog-post-area {\r\n min-height: calc(100vh - 324px);\r\n }\r\n\r\n .xlog-post:focus {\r\n box-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\r\n }\r\n\r\n .xlog-header {\r\n position: fixed;\r\n left: 0;\r\n height: 100vh;\r\n width: var(--sidebar-width);\r\n z-index: 100;\r\n }\r\n\r\n div:has(> .xlog-site-navigation) {\r\n order: 1;\r\n }\r\n\r\n div:has(> .xlog-site-info) {\r\n order: 2;\r\n padding: 0;\r\n }\r\n\r\n .xlog-header>div:nth-child(2)>div:first-child {\r\n display: none;\r\n }\r\n\r\n .xlog-header>div:nth-child(2)>div:last-child {\r\n margin-top: 0.5rem;\r\n margin-bottom: 2rem;\r\n flex-direction: column;\r\n }\r\n\r\n .xlog-header>div:nth-child(2)>div:last-child>div:last-child {\r\n margin-top: 1rem;\r\n }\r\n\r\n .xlog-header .xlog-site-info {\r\n flex-direction: column;\r\n }\r\n\r\n .xlog-site-info>span {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .xlog-site-info>span+div {\r\n margin: 0 !important;\r\n width: 100%;\r\n text-align: center;\r\n }\r\n\r\n .xlog-site-info>span+div>div.flex:first-child {\r\n flex-direction: column;\r\n }\r\n\r\n .xlog-site-info>span+div>div.flex:first-child>* {\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .xlog-site-name+div.flex {\r\n flex-direction: row-reverse;\r\n margin: 0;\r\n gap: 1rem;\r\n }\r\n\r\n .xlog-site-name+div.flex>* {\r\n margin: 0 !important;\r\n }\r\n\r\n div:has(> .xlog-site-patron) {\r\n flex-direction: column;\r\n }\r\n\r\n .xlog-site-description {\r\n order: 3;\r\n }\r\n\r\n .xlog-site-patron {\r\n order: 2;\r\n margin-top: 0.2rem !important;\r\n margin-left: 0 !important;\r\n\r\n }\r\n\r\n .xlog-post-area {\r\n margin-left: calc(1rem + var(--sidebar-width));\r\n margin-right: 1rem;\r\n max-width: unset;\r\n \r\n }\r\n\r\n section.xlog-blockchain-info {\r\n margin-left: calc(1rem + var(--sidebar-width));\r\n margin-right: 1rem;\r\n max-width: unset;\r\n }\r\n\r\n footer {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: var(--sidebar-width);\r\n z-index: 1000;\r\n }\r\n\r\n footer>div {\r\n padding-top: 1rem !important;\r\n padding-bottom: 1rem !important;\r\n justify-content: center !important;\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n }\r\n\r\n footer>div>div {\r\n width: 100%;\r\n text-align: center;\r\n margin-left: 0 !important;\r\n margin-top: 0.75rem !important;\r\n }\r\n\r\n footer>div>div:nth-child(2) {\r\n display: flex !important;\r\n justify-content: center;\r\n }\r\n\r\n footer>div>div:nth-child(2)>* {\r\n margin-right: 0.5rem !important;\r\n margin-left: 0.5rem !important;\r\n }\r\n\r\n footer>div>button {\r\n margin: 0 !important;\r\n }\r\n\r\n footer div[role='tooltip'] {\r\n transform: translateY(65px);\r\n }\r\n}",
"trait_type": "xlog_css"
},
{
"value": "[{\"id\":\"tQ58JsU3kMP8zD1hFcoSV\",\"label\":\"Archives\",\"url\":\"/archives\"},{\"id\":\"QiMaXcZtXY4Z2wanrFK1x\",\"label\":\"关于\",\"url\":\"/about\"},{\"id\":\"CyYAQRmRD5a9fV-fWxlAf\",\"label\":\"作品\",\"url\":\"/myworks\"}]",
"trait_type": "xlog_navigation"
},
{
"value": "xlog.czyouge.xyz",
"trait_type": "xlog_custom_domain"
},
{
"value": "",
"trait_type": "xlog_ga"
},
{
"value": "",
"trait_type": "xlog_ua"
},
{
"value": "",
"trait_type": "xlog_uh"
},
{
"value": "",
"trait_type": "xlog_site_name"
}
]
}
