ueno.css

:root{--un-rc-base: 255, 255, 255;--un-rc-invert: 0, 0, 0;--un-c-bg: #fff;--un-c-bg-weak: #f9f9f9;--un-c-bg-mute: #f1f1f1;--un-f-sys-sans: -apple-system, "Segoe UI", Oxygen, Ubuntu, "Droid Sans", "Helvetica Neue";--un-f-sys-serif: "Times New Roman", Georgia, Palatino, Times;--un-f-cjk: "PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--un-f-mono: Menlo, Monaco, Consolas, "Courier New", monospace;--un-f-base: var(--un-f-sys-sans), var(--un-f-cjk), sans-serif;--un-f-heading: var(--un-f-sys-sans), var(--un-f-cjk), sans-serif;--un-rc-accent: var(--t-rc-primary)}.dark-theme{--un-rc-base: 0, 0, 0;--un-rc-invert: 255, 255, 255;--un-c-bg: #2a2c31;--un-c-bg-weak: #3a3a3a;--un-c-bg-mute: #444;--un-rc-accent: var(--t-rc-secondary)}:root{--un-c-text: rgba(var(--un-rc-invert), .82);--un-c-text-light: rgba(var(--un-rc-invert), .58);--un-c-text-strong: rgba(var(--un-rc-invert), .94);--un-c-text-mute: rgba(var(--un-rc-invert), .2);--un-c-divider: rgba(var(--un-rc-invert), .08);--un-c-divider-light: rgba(var(--un-rc-invert), .04);--un-c-accent: rgb(var(--un-rc-accent));--tc-c-primary: var(--un-c-accent);--tc-c-link: var(--un-c-accent)}.yue{--yue-f-base: merriweather, var(--un-f-sys-serif), var(--un-f-cjk), serif;--yue-f-quote: var(--yue-f-base);--yue-f-heading: var(--un-f-heading);--yue-f-mono: var(--un-f-mono);--yue-c-strong: var(--un-c-text-strong);--yue-c-light: var(--un-c-text-light);--yue-c-accent: var(--un-c-accent);--yue-c-tr: rgba(var(--un-rc-invert), .6);--yue-c-divider: var(--un-c-divider);--yue-c-bc: rgba(240, 240, 240, .92);--yue-c-bc-bg: #21232a;--yue-c-bc-gutter: #1d202d}body{color:var(--un-c-text);font:16px/1.42 var(--un-f-base);background-color:var(--un-c-bg)}a{color:var(--un-c-accent)}a:hover{text-decoration:underline}.body{display:flex;margin:0 auto;max-width:1280px}.side{flex-basis:300px;flex-shrink:0;padding-right:40px}.side .inner{padding:80px 40px}.side_logo{display:inline-block;vertical-align:middle;width:120px;height:120px;box-sizing:border-box;overflow:hidden}.side_title{font-size:28px;font-weight:600;margin:20px 0 10px;color:var(--un-c-text-strong)}.side_title a{color:inherit;text-decoration:none}.side_subtitle{margin:0 0 18px;line-height:1.2;font-size:20px;font-weight:300;color:var(--un-c-text-light)}.side_subscribe{margin:10px 0}.side_subscribe button{border:3px solid var(--un-c-text-strong);color:var(--un-c-text-strong);height:30px;border-radius:30px;padding:0 20px;background:var(--un-c-bg);vertical-align:middle;font-size:14px;font-weight:600;outline:none;transition:all .2s ease}.side_subscribe button:hover{color:var(--un-c-accent);border-color:var(--un-c-accent);cursor:pointer}.side_social{margin-top:24px}.side_social a{display:inline-block;color:var(--un-c-text-light);text-decoration:none;transition:all .2s ease}.side_social a:hover{transform:translateY(-3px);color:var(--un-c-accent)}.side_social a+a{margin-left:10px}.side_links{margin:24px 0 0;padding:0;list-style-type:none}.side_links li{margin:.4em 0}.side_links .subscribe{font-size:12px;font-weight:300;text-transform:uppercase;color:var(--un-c-text-light)}.side_links a{font-weight:600;font-size:14px;text-decoration:none;color:var(--un-c-text-strong);transition:color .2s ease}.side_links a:hover{color:var(--un-c-accent);border-color:var(--un-c-accent)}.side_links .icon{opacity:.4;margin-right:4px}.side_search{margin:2em 0 1em}.side_search input{border:2px solid rgba(var(--un-rc-invert),.36);border-radius:16px;padding:4px 12px;font-size:14px}.main{flex-grow:1;min-height:480px;padding:80px 0 40px;box-sizing:border-box;overflow:hidden}.main .inner{position:relative;padding:0 80px;max-width:680px}.main_mark:before{position:absolute;left:0;top:0;display:inline-block;content:"";height:80px;border-left:4px solid var(--un-c-accent)}.main_head{border-bottom:1px solid var(--un-c-divider);margin-bottom:2em;padding-bottom:1em}.main_head h1{margin:0;font-weight:600;font-size:2em;color:var(--un-c-text-strong)}.main_head h2{margin:0;font-size:1.4em;font-weight:400;color:var(--un-c-text-light)}.main_head.author:after{content:"";display:table;clear:both}.main_head .author_image{float:left;margin-right:20px}.main_head .author_image img{border-radius:50%}.main_head .author_info{overflow:hidden}.main_head .author_info h1{font-size:20px;margin-top:6px;line-height:1}.main_head .author_info a{text-decoration:none}.main_head .author_info p{color:var(--un-c-text-light)}.main_head .author_info p:first-of-type{margin-top:10px}.home-more{font-size:18px;font-weight:700}.home-more a{text-decoration:none;color:var(--un-c-text-strong)}.navigation{font-size:18px;font-weight:700;margin-top:1em;margin-left:-4px;margin-right:-4px}.navigation a{margin:4px;color:var(--un-c-text);text-decoration:none;border-bottom:3px solid transparent}.navigation a.active{border-color:rgba(var(--un-rc-invert),.9)}.navigation a:hover{border-color:var(--un-c-accent)}@media (max-width: 1100px){.body{display:block}.side{width:100%;border-bottom:1px solid var(--un-c-divider-light);text-align:center;padding:0}.side_links{margin-top:20px}.side_links li{display:inline-block;margin:.4em}.side_links .subscribe{display:block}.side_links._podcast a{display:inline-block;border:3px solid var(--un-c-divider);padding:4px 10px}.side_links._podcast a:hover{border-color:var(--un-c-accent)}.main{padding-top:40px}.main .inner{padding:0 20px;margin-left:auto;margin-right:auto}.main .inner:before{display:none}}.site-foot{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);border-top:1px solid var(--un-c-divider-light)}.site-foot_content{font-family:var(--un-f-base);padding:20px;color:var(--un-c-text)}.site-foot_content:after{display:table;content:"";clear:both}.site-foot_home{float:left}.site-foot_links{float:right}.site-foot_links a{-webkit-font-smoothing:antialiased;display:inline-block;font-size:14px;font-weight:600;padding:8px 0 4px;text-decoration:none;border-bottom:3px solid transparent;color:var(--un-c-text-light)}.site-foot_links a:hover{color:var(--un-c-accent);border-color:var(--un-c-accent)}.site-foot_links a+a{margin-left:20px}.site-foot .logo{display:inline-block;margin-right:4px}.site-foot .logo img{height:32px;vertical-align:middle}.site-foot .title{text-decoration:none;font-size:20px;font-weight:700;color:var(--un-c-text-strong);vertical-align:middle}@media (max-width: 680px){.site-foot_home{float:none}.site-foot_links{float:none;padding-top:20px}.site-foot_links a{padding:0 0 2px;border:0;border-bottom:2px solid transparent;border-radius:0}}.typlog-foot{border-color:var(--un-c-divider-light)}.dark-theme .typlog-foot>div,.dark-theme .typlog-foot a{color:var(--un-c-text-light)}.item{padding:20px 0 40px}.item:after{content:"";display:table;clear:both}.item:first-of-type{padding-top:0}.item+.item{border-top:1px solid var(--un-c-divider-light)}.item a{color:var(--un-c-text-strong);text-decoration:none}.item a:hover{color:var(--un-c-accent)}.item-main{display:block;overflow:hidden}.item time{color:var(--un-c-text-mute);font-size:14px;font-weight:600;text-transform:uppercase;vertical-align:middle}.item.Text h3,.item.Image h3,.item.Review h3,.item.Episode h3{font-size:26px;font-weight:500;margin:4px 0 10px}.item-subtitle{font-weight:300;font-size:20px;color:var(--un-c-text-light)}.item-cover{display:block;position:relative}.item-cover h3{font-weight:500;font-size:30px}.item-cover_image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#00000008}.item-cover_image>div{background:no-repeat center;background-size:cover;width:100%;height:100%}.item-cover_inner{position:relative;z-index:2;color:#fff;padding:120px 40px 40px;background-color:#0000006b;transition:background-color .2s ease}.item-cover_inner:hover{background-color:#000000ad}.item-cover h4{font-weight:400}.item-cover time,.item-cover h4{color:#fffffffa}.item.Image .item-image,.item.Review .item-image{float:left;display:block;max-width:40%;margin-right:40px}.item.Image .item-image img,.item.Review .item-image img{max-height:300px}.item.Image .item-meta{margin:10px 0 30px;color:var(--un-c-text-light);font-size:18px;font-weight:300;text-transform:uppercase}.item.Review img{box-shadow:1px 1px 5px #0000001a;border-radius:3px}.item-review{color:var(--un-c-text-light);margin:10px 0 30px}.item-review>span{margin-right:1em}.item-label{display:inline-block;padding:0 4px;margin-right:6px;border:1px solid var(--un-c-divider);border-radius:16px;color:var(--un-c-text-light);font-size:11px;font-weight:600;line-height:16px;vertical-align:middle}.item.Episode .item-image{display:flex;float:left;width:120px;height:120px;margin-right:20px}.item.Episode .item-image img{object-fit:cover}@media (max-width: 680px){.item.Image .item-image{float:none;max-width:100%;max-height:300px;margin:0 0 10px;text-align:center;overflow:hidden}.item.Image .item-image img{max-height:none}.item.Image .item-meta{margin:8px 0}.item.Review .item-image{margin-right:20px;max-width:36%}.item-review>span{display:block;margin:0 0 5px}}@media (max-width: 640px){.item.Text h3,.item.Image h3,.item.Review h3,.item.Episode h3{font-size:20px}}.theme-toggle{position:fixed;top:20px;right:20px;z-index:9}.theme-toggle>input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;word-wrap:normal}.theme-toggle>label{position:relative;display:block;width:40px;height:22px;border-radius:12px;flex-shrink:0;background-color:rgba(var(--un-rc-invert),.1);cursor:pointer}.theme-toggle input:focus+label{outline:5px auto;outline:5px auto -webkit-focus-ring-color}.theme-toggle_handle{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:18px;background-color:rgba(var(--un-rc-base),.86)}.theme-toggle input:checked+label .theme-toggle_handle{transform:translate(18px)}.theme-toggle svg{position:absolute;fill:currentColor;top:5px;width:12px;height:12px;z-index:2;transition:color .15s linear}.theme-toggle .sun{left:5px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .moon{right:5px}h1.p-name{font-size:38px;font-weight:700;margin-top:0;margin-bottom:10px;color:var(--un-c-text-strong)}h2.p-summary{margin-top:10px;margin-bottom:10px;font-size:22px;font-weight:300;color:var(--un-c-text-light)}.entry-meta{vertical-align:middle;color:var(--un-c-text-mute);font-size:14px;margin-bottom:10px}.entry-meta a{text-decoration:none;color:var(--un-c-text-light);font-weight:700}time.dt-published{text-transform:uppercase;vertical-align:middle}.p-location{margin-left:6px}.p-location:before{content:"/";color:var(--un-c-divider-light)}.entry-link{padding:1em;background:var(--un-c-bg-mute);border-left:4px solid rgba(var(--t-rc-primary),.6)}.entry-cover{margin-bottom:2em}.entry-audio audio{width:100%}.h-entry .entry-audio{margin-top:20px;margin-bottom:40px}.h-entry .shk-player{border:1px solid var(--un-c-divider);font-family:inherit}.h-entry .e-content{font-size:18px;line-height:1.62;margin-top:2em;margin-bottom:3em}.e-content a{color:var(--un-c-text-strong);text-decoration:underline;text-decoration-color:var(--yue-c-accent)}.e-content del{color:var(--un-c-text-light);text-decoration:line-through;text-decoration-color:var(--yue-c-accent)}.e-content a:hover,.e-content a:hover>em,.e-content a:hover>strong{color:var(--un-c-accent)}.e-content .code-head{font-family:var(--un-f-base);border-bottom:1px solid rgba(0,0,0,.9);border-radius:4px 4px 0 0}.e-content .schema{margin-bottom:1.2em}.e-content .tweet{border-color:var(--un-c-divider)}.block-embed{margin-bottom:1.5em}.block-embed figure{margin:0}.block-embed.stroked iframe{box-shadow:0 0 0 1px #0000001a;border-radius:4px;overflow:hidden}.entry-block{position:relative;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin-bottom:40px}.entry-section{padding:20px 0}.entry-section h2{margin:0;font-weight:300;font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--un-c-text-light)}.prev-subject .item{font-size:18px;line-height:1.42;margin:10px 0;padding:0;border:0}.prev-subject .item h3{margin:.2em 0;font-size:1.3em;color:var(--un-c-text-strong)}.prev-subject .item-subtitle{font-size:1em}.prev-subject a:hover h3{color:var(var(--un-c-accent))}.prev-subject .item-meta{margin:0}@media (max-width: 680px){.prev-subject h3{font-size:1.2em}.entry-share a[data-type=wx]{display:none}}@media (max-width: 520px){.prev-subject h3{font-size:1.1em}}.entry-tags{margin:1.6em 0 1.2em}.entry-tags a{display:inline-block;vertical-align:middle;text-decoration:none;font-size:14px;color:var(--un-c-text-light);background:var(--un-c-bg-weak);padding:4px .8em;font-weight:600}.entry-tags a:before{content:"#";font-weight:900;color:rgba(var(--un-rc-invert),.1);margin-right:2px}.entry-tags a:hover{text-decoration:none;color:rgba(var(--t-on-primary),.86);background:rgba(var(--t-rc-primary),.86)}.entry-tags a+a{margin-left:4px}@keyframes heartbeat{0%{transform:scale(.75);opacity:1}15%{transform:scale(1);opacity:.8}30%{transform:scale(.75);opacity:1}45%{transform:scale(1.5);opacity:.6}to{transform:scale(.75);opacity:.8}}@keyframes scale-up{0%{opacity:1}50%{opacity:1;transform:scale(10)}to{opacity:0;transform:scale(1)}}button.enjoy:hover{cursor:pointer}button.enjoy:after{content:"\2665";user-select:none;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:20px;opacity:0;color:rgb(var(--t-rc-primary))}button.enjoy:hover:after{animation:heartbeat 1s infinite}button.enjoy:disabled{border-color:rgb(var(--t-rc-primary));background-color:rgb(var(--t-rc-primary));color:#fff;transition-property:color,background-color;transition-delay:0s,1s;transition-timing-function:ease-in;transition-duration:.5s,0s}button.enjoy:disabled:after{animation:scale-up 2s}button.enjoy i.has-value{margin-left:.4em;font-style:normal}.entry-enjoy button{position:relative;z-index:1;overflow:hidden;display:inline-block;text-decoration:none;color:#767676;background-color:transparent;border:3px solid var(--un-c-divider);line-height:30px;font-size:13px;font-weight:600;padding:0 20px;cursor:pointer;transition:background-color,color .2s ease;text-transform:uppercase;outline:0}.entry-enjoy button:hover{cursor:pointer;outline:initial}.entry-enjoy button i{font-style:normal;margin-left:6px}.entry-share a{display:inline-block;width:36px;height:36px;text-align:center;line-height:36px;color:var(--un-c-text-light);background:var(--un-c-bg-weak);text-decoration:none;transition:all .2s ease}.entry-share a:hover{color:#fff;background:var(--icon-color)}.entry-share a[data-type=wb]{--icon-color: #e24040}.entry-share a[data-type=tw]{--icon-color: #1da1f2}.entry-share a[data-type=tg]{--icon-color: #179cde}.entry-share a[data-type=wx]{--icon-color: #20b767}.entry-share a[data-type=fb]{--icon-color: #1877F2}.protected{background-color:var(--un-c-bg-mute);border-radius:5px;padding:20px 20px 30px;margin-top:2em;margin-bottom:2em}.subscribe form{display:flex;justify-content:space-between;margin:10px 0}.protected input,.subscribe input{color:var(--un-c-text);background-color:var(--un-c-bg);border:1px solid rgba(var(--un-rc-invert),.2);border-left:solid 3px rgb(var(--t-rc-primary));padding:0 10px;font-size:16px;font-family:var(--un-f-base);box-sizing:border-box;width:300px;margin-right:10px;outline:0;vertical-align:middle;line-height:48px}.subscribe input{width:50%}.protected button,.subscribe button{display:inline-block;padding:0 20px;font-size:14px;height:48px;color:rgb(var(--t-on-primary));background-color:rgb(var(--t-rc-primary));border:1px solid rgb(var(--t-rc-primary));font-weight:600;cursor:pointer;transition:background-color,color .2s ease;text-transform:uppercase;vertical-align:middle;outline:0}@media (max-width: 480px){.subscribe form{display:block}.protected input,.subscribe input{margin:0 0 10px;width:100%}.protected button,.subscribe button{margin:0;width:100%}}.entry-authors{margin-top:2em;margin-bottom:2em}.entry-authors .p-author{display:flex}.entry-authors .p-author+.p-author{margin-top:1em}.entry-authors .author_image{display:block;width:48px;height:48px;margin-right:10px;flex-shrink:0}.entry-authors .author_image img{border-radius:50%}.entry-authors .author_main{flex-grow:1;font-size:16px}.entry-authors .author_meta .icon{vertical-align:middle}.entry-authors .author_bio{margin-top:5px;font-size:15px;color:var(--un-c-text-light)}.entry-authors p{margin:0}.entry-speakers{display:flex;margin-bottom:24px}.entry-speakers a{display:inline-block}.entry-speakers .host{margin-right:4em}.entry-speakers .author_type{margin-bottom:1em}.entry-speakers strong{border-bottom:3px solid var(--un-c-accent);font-size:14px;text-transform:uppercase}.entry-speakers img{width:68px;height:68px;border-radius:50%}.entry-author a,.entry-authors a,.entry-speakers a{text-decoration:none;transition:opacity .2s ease}.entry-author a:hover,.entry-authors a:hover,.entry-speakers a:hover{opacity:.8}.entry-license{font-size:14px;margin:2em 0;padding:1em 1em 1em 1.2em;border-left:3px solid var(--un-c-accent);background:rgba(var(--un-rc-accent),.05)}.entry-license a{text-decoration:none}.entry-license i.icon{display:inline-block;vertical-align:middle;font-size:18px}.entry-license .license_name{display:inline-block;vertical-align:middle;font-weight:600}.entry-license .license_description{margin:.5em 0}.sponsorship{padding:0;margin:1em 0 .5em}.sponsorship a{display:inline-block;text-decoration:none;color:#fff;background:black;padding:1em 2em;font-size:14px;font-weight:600;margin-right:.5em;margin-bottom:.5em;transition:background-color .2s ease;box-sizing:border-box}.sponsorship .afdian{background:rgba(148,108,230,.8)}.sponsorship .afdian:hover{color:#fff;background:rgb(148,108,230)}.sponsorship .patreon{background:rgba(232,91,70,.8)}.sponsorship .patreon:hover{color:#fff;background:rgb(232,91,70)}@media (max-width: 480px){.sponsorship a{width:100%;text-align:center;margin:.4em 0}}