@charset "UTF-8";@media(prefers-color-scheme:dark){:root{--primary-bg-color:#636985;--secondary-bg-color:#2a2d2f;--primary-text-color:#e4e1de;--secondary-text-color:#222222;--border-color:#2a2d2f;--border-lighter-color:#5f5f5f;--border-darker-color:#303436;--highlight-color:#ff9b10;--post-highlight-color:#373737}}@media(prefers-color-scheme:light){:root{--primary-bg-color:#3d82b0/* #2086cf */;--secondary-bg-color:#d6cdbc/* #e0e0e0 */;--secondary-bg-lighter-color:#e0e0e0;--primary-text-color:#222222;--secondary-text-color:#e9e0cf/* #f8f8f8 */;--border-color:#e0e0e0;--border-lighter-color:gray;--border-darker-color:#303436;--highlight-color:#ff9b10;--headline-color:#e7e5e0;--post-highlight-color:#ebd694}}:root{margin:0;border:0;box-sizing:border-box;font-size:18px}html{margin:0;border:0;scroll-behavior:smooth}html body{background-color:var(--primary-bg-color);color:var(--primary-text-color)}html body nav,html body footer{background-color:var(--secondary-bg-color)}html body nav a,html body footer a{background-color:var(--secondary-bg-color)}html body nav a:hover,html body footer a:hover{color:var(--secondary-text-color);text-shadow:1px -1px 1px var(--primary-text-color),-1px -1px 1px var(--primary-text-color),1px 1px 1px var(--primary-text-color),-1px 1px 1px var(--primary-text-color)}html body a{color:var(--primary-text-color)}html body h1,html body h2{color:var(--headline-color);text-shadow:1px -1px 1px #222,-1px -1px 1px #222,1px 1px 1px #222,-1px 1px 1px #222}html body ::selection{background-color:var(--highlight-color);color:var(--primary-bg-color)}html .kind-section .posts-list h2 a{color:var(--headline-color)}html .kind-section .posts-list time{color:#222}html .kind-section .posts-list .tags a{color:#222}html .kind-home main .home-posts .home-new-posts{background-color:var(--secondary-bg-color)}html .kind-page .active{background-color:var(--post-highlight-color)}html .layout-friends main ul li{background-color:var(--secondary-bg-lighter-color);color:var(--primary-text-color);text-shadow:1px -1px 1px var(--secondary-text-color),-1px -1px 1px var(--secondary-text-color),1px 1px 1px var(--secondary-text-color),-1px 1px 1px var(--secondary-text-color)}html .layout-friends main .personal{background-color:var(--secondary-bg-lighter-color)}html .layout-about main{color:var(--secondary-text-color)}body{margin:0;border:0;position:relative;min-height:100vh;font-family:punctuation sc,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen-Sans,Ubuntu,Cantarell,helvetica neue,pingfang sc,noto sans cjk sc,noto sans sc,heiti sc,dengxian,microsoft yahei,sans-serif}body nav{position:sticky;top:0;z-index:999;flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;width:100%;box-shadow:inset 1px 0 #e0e0e0;border-bottom:1px solid var(--border-lighter-color)}body nav a,body nav button{border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-lighter-color);border-bottom:1px solid var(--border-lighter-color)}body nav a:hover,body nav button:hover{border-top:1px solid var(--border-darker-color);border-left:1px solid var(--border-darker-color);box-shadow:inset 1px 1px var(--border-lighter-color)}body nav .menu{display:flex;align-items:center}body nav a,body nav button{text-decoration:none;font-weight:500;font-size:smaller;margin-left:2px;margin-bottom:2px;vertical-align:middle;display:inline-block;padding:2px 6px 3px;margin-right:6px}body nav a:hover{transform:scale(.95)}body img{width:50%}body main{margin:2em auto;max-width:900px}body footer{display:flex;align-items:center;justify-content:space-evenly;gap:10px;border-top:1px solid var(--border-lighter-color)}body footer p{margin:0;font-size:smaller;font-weight:500}.kind-section{}.kind-section main{margin:.5rem auto;padding:.5rem 1rem 1px;width:70%}.kind-section .posts-list{display:flex;flex-direction:column;gap:10px}.kind-section h2{margin-bottom:0}.kind-section .post-item{position:relative;margin-bottom:5px}.kind-section .post-item time{position:static;right:0}.kind-page main{margin:auto;width:70%;min-height:90vh}.kind-page article{padding:30px;margin:30px 0}.kind-page .posts{text-indent:2rem}.kind-page .posts p{padding:10px}.kind-page .active{transition:all .3s cubic-bezier(.445,.05,.55,.95)}.kind-home{display:flex;flex-direction:column;justify-content:space-between;height:100vh}.kind-home main{margin:auto;max-width:900px;transform:translateX(-.5em)}.kind-home main .home{gap:10px;padding:10vh;display:flex;flex-direction:column;justify-content:space-between}.kind-home main h1{margin:0;padding:10px}.kind-home main .home-imgs{display:flex;flex-direction:column;gap:20px;width:100%;justify-content:end}.kind-home main .home-imgs img{object-fit:contain;width:100%}.kind-home main .home-posts{display:grid;grid-template-columns:10% 90%}.kind-home main .home-posts h1{writing-mode:vertical-rl}.kind-home main .home-posts .home-new-posts{border:2px solid var(--primary-darker-color)}.kind-home main .home-posts .home-new-posts h1{text-align:end;font-style:italic;text-shadow:2px 2px 2px #000;writing-mode:lr}.kind-home main .home-posts .home-new-posts ul{list-style:none;padding:10px 10px 20px 20px;display:flex;flex-direction:column;justify-content:space-around;margin:0}.kind-home main .home-posts .home-new-posts li{padding:5px;margin:5px;position:relative}.kind-home main .home-posts .home-new-posts li a{text-decoration-style:double}.kind-home main .home-posts .home-new-posts li ::before{content:"";position:absolute;border:5px solid #000;right:2px;top:13px;border-radius:50%}.kind-home main .home-posts .home-new-posts .ul-new-posts{color:#f8f8f8;text-align:end;font-style:italic;text-shadow:2px 2px 2px #000;writing-mode:lr;display:inline-block;padding:5px;font-size:larger}@media(max-width:800px){.kind-home main .home{padding:8vh 5vw 5vh}.kind-home main .home .home-posts ul{padding:10px 15px}.kind-home main .home .home-posts li ::before{right:-5px}.kind-section main{margin:auto;width:85%}.kind-page main{margin:auto;width:85%}}.layout-friends{min-height:100vh}.layout-friends main{margin:5vh auto;width:85%;padding:0 10px;border:outset 2px #8ea1b1;box-shadow:15px 15px;display:flex;align-items:center;justify-content:center;flex-direction:column}.layout-friends main ul{padding:20px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1em}.layout-friends main ul li{display:flex;justify-content:center;padding:.3em;border:outset 2px #8ea1b1;list-style:none}.layout-friends main ul li a{text-decoration:none;font-size:.95em}.layout-friends main ul li:hover{transform:scale(.95);box-shadow:1px 2px 3px}.layout-friends main .personal{display:none;max-width:400px;margin-top:30px;padding:.5em;border:outset 2px #8ea1b1;font-size:smaller;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr 2fr 2fr 2fr}.layout-friends main .personal h3{grid-area:1/1/2/3;margin:0}.layout-friends main .personal .image{grid-area:2/1/5/2;padding:.5em}.layout-friends main .personal .image img{width:100%;border:outset 2px #8ea1b1}.layout-friends main .personal .info{grid-area:2/2/5/3}.layout-friends main .personal p{margin-bottom:5px;text-indent:1em}.layout-friends main .show{display:grid;box-shadow:10px 10px;position:absolute;right:0;top:0}.layout-friends .funny{position:absolute;bottom:10vh;background-image:url(http://dl4.glitter-graphics.net/pub/706/706014obs23pkvu8.gif);background-repeat:no-repeat;height:3em;width:100%}.layout-about{height:100vh;background-image:url(https://transparenttextures.com/patterns/rice-paper-3.png)}.layout-about h2{text-shadow:none}details{margin:1em}#waline{border:3px inset var(--border-color);border-radius:3px;margin:10px}#waline a,#waline button{border-top:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-lighter-color);border-bottom:1px solid var(--border-lighter-color)}#waline a:hover,#waline button:hover{border-top:1px solid var(--border-darker-color);border-left:1px solid var(--border-darker-color);box-shadow:inset 1px 1px var(--border-lighter-color)}#waline .wl-reaction{display:none}#waline .wl-panel{border:0;border-radius:5px;background-color:var(--secondary-bg-color)}#waline textarea:focus,#waline input:focus{background-color:#0000;border-radius:0}#waline .wl-header,#waline .wl-header-item:not(:last-child){border-bottom:solid 1px #f5f5f5}#waline button{border-radius:3px}#waline .wl-btn{background-color:var(--secondary-bg-color)}#waline svg{color:var(--secondary-bg-color)}#waline .active{color:var(--secondary-text-color);background-color:var(--secondary-bg-color)}#waline a,#waline button:hover{color:var(--primary-text-color)}#waline .wl-actions{margin:5px}#waline .wl-meta-head{background-color:#0000}