From 027bc61bfd0f13282f86128c02ddaf4dd08338e1 Mon Sep 17 00:00:00 2001 From: bigfa Date: Sat, 14 Dec 2024 19:08:09 +0800 Subject: [PATCH 1/3] style:fixed github icon hover color --- README.md | 6 +++++- README_CN.md | 6 +++++- style.css | 2 +- template-parts/sns.php | 6 +++--- 4 files changed, 14 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 81c1624..8bcf0de 100755 --- a/README.md +++ b/README.md @@ -6,12 +6,16 @@ Farallon is a simple single column wordpress theme with perfect performace and e [中文说明](https://github.com/bigfa/Farallon/blob/develop/README_CN.md) -latest version : `0.7.9` +latest version : `0.8.0` [Simple User Guide(Chinese)](https://fatesinger.com/101971) ## Changelog +### 0.8.0 + +- style enhancement + ### 0.7.9 - show the update time of post diff --git a/README_CN.md b/README_CN.md index a755bd2..5e84ca9 100755 --- a/README_CN.md +++ b/README_CN.md @@ -2,7 +2,7 @@ ![Wordpress 主题 Farallon](https://static.fatesinger.com/2023/06/u1ak8xgmyn9ec24r.png) -最新版本: `0.7.9` +最新版本: `0.8.0` 本主题禁止各种修改作者链接打包重新发布的行为。 @@ -10,6 +10,10 @@ ## 更新日志 +### 0.8.0 + +- 样式改进 + ### 0.7.9 - 增加一个文章更新时间的设置 diff --git a/style.css b/style.css index 7a864a7..1facc53 100755 --- a/style.css +++ b/style.css @@ -4,6 +4,6 @@ Theme URI: https://github.com/bigfa/Farallon Author: bigfa Author URI: https://github.com/bigfa Description: theme 2024 -Version: 0.7.9 +Version: 0.8.0 Tags: Minimalism, Responsive */ diff --git a/template-parts/sns.php b/template-parts/sns.php index 2c04e53..810fac5 100644 --- a/template-parts/sns.php +++ b/template-parts/sns.php @@ -54,8 +54,8 @@ get_setting('github')) : ?> - - + + @@ -68,7 +68,7 @@ get_setting('mastodon')) : ?> - + From 6849fb1cd2ee7bd221571713089f5b16395c810b Mon Sep 17 00:00:00 2001 From: bigfa Date: Sat, 14 Dec 2024 19:35:01 +0800 Subject: [PATCH 2/3] chore --- build/css/app.min.css | 2 +- scss/app.scss | 23 +++++----------- scss/modules/comment.scss | 2 +- scss/modules/graph.scss | 10 +++---- scss/modules/post.scss | 38 ++++++-------------------- scss/modules/related.scss | 2 +- scss/modules/search.scss | 2 +- scss/modules/status.scss | 1 + scss/modules/variable.scss | 4 +++ scss/modules/zoom.scss | 9 +++++++ scss/templates/404.scss | 3 +-- scss/templates/archive.scss | 12 ++++++++- scss/templates/footer.scss | 54 ++++++++++++++++++++++++------------- scss/templates/header.scss | 34 ++++++++++++++--------- scss/templates/map.scss | 8 ++++-- scss/templates/single.scss | 50 +++++++++++++++++++++++++++------- scss/templates/term.scss | 21 ++++++++++----- 17 files changed, 170 insertions(+), 105 deletions(-) diff --git a/build/css/app.min.css b/build/css/app.min.css index f347f83..325585a 100755 --- a/build/css/app.min.css +++ b/build/css/app.min.css @@ -1 +1 @@ -:root{--farallon-main-color:#4370f5;--farallon-hover-color:#3a5f9a;--farallon-text-color:rgba(0,0,0,.84);--farallon-text-light:rgba(0,0,0,.68);--farallon-text-gray:rgba(0,0,0,.6);--farallon-text-gray-lightest:rgba(0,0,0,.5);--farallon-background-white:#fff;--farallon-background-gray:#fafafa;--farallon-background-opacity:0.9;--farallon-background-white-opacity:rgba(255,255,255,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(0,0,0,.1);--farallon-border-color-light:rgba(0,0,0,.05);--block-separator-color:#244654;--article-target-color:#283c50}@media(prefers-color-scheme:dark){.auto{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.auto .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.auto .comment-form .submit{background-color:#3f3f46}.auto .comment-form .submit:hover{background-color:#52525b}.auto .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.auto .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.auto .post--item .post--title,.auto .post--single__title{color:#f4f4f5}.auto .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.auto .main:after{display:none}.auto .archive--list .archive--item:hover,.auto .graph blockquote,.auto .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item,.auto .post--card,.auto .post--item,.auto .post--single__related__item,.auto .post--single__related__status{position:relative}.auto .link-item:hover,.auto .post--card:hover,.auto .post--item:hover,.auto .post--single__related__item:hover,.auto .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item:hover:after,.auto .post--card:hover:after,.auto .post--item:hover:after,.auto .post--single__related__item:hover:after,.auto .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.auto .nav-links .page-numbers.current:after,.auto .nav-links .post-page-numbers.current:after{background-image:none}.auto .doulist-item{background-color:rgba(63,63,70,.15)}.auto .comment-form input,.auto .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}}.dark{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.dark .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.dark .doulist-item{background:rgba(63,63,70,.15)}.dark .comment-form .submit{background-color:#3f3f46}.dark .comment-form .submit:hover{background-color:#52525b}.dark .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.dark .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.dark .post--item .post--title,.dark .post--single__title{color:#f4f4f5}.dark .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.dark .main:after{display:none}.dark .archive--list .archive--item:hover,.dark .graph blockquote,.dark .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item,.dark .post--card,.dark .post--item,.dark .post--single__related__item,.dark .post--single__related__status{position:relative}.dark .link-item:hover,.dark .post--card:hover,.dark .post--item:hover,.dark .post--single__related__item:hover,.dark .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item:hover:after,.dark .post--card:hover:after,.dark .post--item:hover:after,.dark .post--single__related__item:hover:after,.dark .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.dark .nav-links .page-numbers.current:after,.dark .nav-links .post-page-numbers.current:after{background-image:none}.dark .comment-form input,.dark .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.woff2) format("woff2"),url(../fonts/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Bold.woff2) format("woff2"),url(../fonts/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Light.woff2) format("woff2"),url(../fonts/OpenSans-Light.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Medium.woff2) format("woff2"),url(../fonts/OpenSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{scroll-behavior:smooth}body{letter-spacing:0;font-weight:400;font-style:normal;font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:var(--farallon-text-color);line-height:1.8;background-color:var(--farallon-background-gray);word-break:break-all}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin-top:0;margin-bottom:0}button,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:16px;color:var(--farallon-text-color)}.main{background-color:var(--farallon-background-white);max-width:1000px;margin-left:auto;margin-right:auto;min-height:100vh;position:relative}.main:after{aspect-ratio:1/3;background-image:linear-gradient(90deg,var(--farallon-griedent-start),var(--farallon-griedent-end));border:0;border-radius:9999px;bottom:calc(100% - 100px);filter:blur(44px);opacity:.2;position:absolute;right:0;left:0;content:""}.site--main{padding:50px 80px}.site--main__map{padding-left:0;padding-right:0}.site--main .markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:20px}@media(max-width:820px){.site--main{padding:40px}}@media(max-width:768px){.site--main{padding:3.5%}}.site--footer{font-size:14px;padding:20px 80px;border-top:1px dotted var(--farallon-border-color);color:var(--farallon-text-light)}.site--footer__content{display:flex;align-items:center}.site--footer__info{display:none;text-align:center;color:var(--farallon-text-light)}.site--footer__info a{text-decoration:underline}.site--footer__info a:hover{color:var(--farallon-hover-color)}.site--footer__info.active{display:block}.site--footer .copyright{margin-left:auto;display:flex;align-items:center}.site--footer .copyright svg{fill:var(--farallon-text-light);margin-left:8px;cursor:pointer}.site--footer .copyright svg:hover{fill:var(--farallon-hover-color)}.site--footer nav ul{display:flex;align-items:center}.site--footer nav ul li{margin-right:10px}.site--footer nav ul li a:hover{text-decoration:underline}.site--footer__sns{display:flex;align-items:center}.site--footer__sns a{margin:0 12px 0 0;display:flex}.site--footer__sns svg{fill:var(--farallon-text-color);width:18px;height:18px}.site--footer__sns svg:hover{fill:var(--farallon-hover-color)}.site--footer__sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.site--footer__sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.fixed--theme{position:fixed;right:10px;top:40%;display:flex;flex-direction:column;height:-moz-max-content;height:max-content;box-shadow:0 0 0 1px var(--farallon-border-color);background-color:var(--farallon-background-white);border-radius:999rem;width:-moz-max-content;width:max-content;padding:3px}.fixed--theme span{width:32px;height:32px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--farallon-text-gray-lightest);margin-bottom:5px}.fixed--theme span.is-active,.fixed--theme span:hover{color:var(--farallon-text-color)}.fixed--theme span.is-active{background-color:var(--farallon-background-gray)}.fixed--theme span:last-child{margin-bottom:0}@media(max-width:768px){.site--footer__content{flex-direction:column;justify-content:center;align-items:center;padding-right:3.5%;padding-left:3.5%}.site--footer__content .copyright{margin-left:0}.site--footer__content nav{margin-bottom:10px}.fixed--theme{top:auto;bottom:100px}}@keyframes a{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.backToTop{position:fixed;bottom:25px;right:-25px;cursor:pointer;background-color:var(--border-color);z-index:10;transition:all .3s ease}.backToTop .svgIcon{width:17px;height:17px;fill:var(--farallon-main-color);animation:a 1s ease-in infinite alternate}.backToTop:hover .svgIcon{fill:var(--farallon-hover-color);animation-play-state:paused}.backToTop.is-active{right:25px}.footer--bar{padding:0 40px;padding-top:30px}.footer--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.footer--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.footer--bar{padding:0}.footer--bar .widget-card-content{font-size:18px}.footer--bar .widget-card-description{font-size:14px}}.heading-title{font-size:16px;font-weight:700}.widget_links{font-size:14px;color:var(--farallon-text-light)}.widget_links .blogroll{padding:5px 0;display:flex;flex-wrap:wrap}.widget_links .blogroll li{margin-right:15px;margin-bottom:15px}.widget_links .blogroll li a:hover{color:var(--farallon-hover-color);text-decoration:underline}.widget--category{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;padding-top:15px}.widget--category--item{display:flex;flex-direction:column;position:relative;height:100px}.widget--category--image{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.widget--category--title{font-size:14px;font-weight:700;color:#fff;position:relative}.widget--category--meta{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center}.widget--category--meta:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.1));border-radius:5px}.widget--category--meta:hover:before{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}@media(max-width:768px){.widget--category{grid-template-columns:repeat(2,1fr)}}@media(max-width:414px){.widget--category{grid-template-columns:repeat(1,1fr)}}.site--header{padding:20px 80px;position:relative;display:flex;align-items:center}.site--header .svgIcon{margin-left:auto;fill:var(--farallon-text-gray-lightest);position:relative;cursor:pointer}.site--header .avatar{height:48px;width:48px;border:3px var(--farallon-background-white) solid;border-radius:100%;transition:.5s ease-in-out}.site--header .avatar,.site--header.is-active .avatar{box-shadow:0 2px 4px 0 var(--farallon-border-color)}.site--header__center{position:absolute;left:50%;transform:translateX(-50%);height:39px;top:25px;z-index:1;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),0 10px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5);border-radius:999rem;overflow:hidden}.site--header__center ul{display:flex;align-items:center;height:39px;box-sizing:border-box;padding:5px 30px}.site--header__center ul li{padding:0 15px;flex:0 0 auto;position:relative}.site--header__center ul li.current-menu-item a,.site--header__center ul li a:hover{color:var(--farallon-hover-color)}.site--header__center .inner{display:flex;flex-direction:column;transition:transform .5s}.site--header__center .inner .search--area{height:39px;display:flex;justify-content:center;align-items:center}.site--header__center .inner .search--area .search-field{background-color:transparent;border:0;font-size:14px}.site--header__center .inner .search--area .search-submit{background-color:#fff;border:0;display:none}.site--header__center .inner.search--active{transform:translateY(-39px)}.site--url{display:flex;align-items:center;font-size:18px;font-weight:700}.site--url .avatar{margin-right:10px}.u-xs-show{display:none}@media(max-width:820px){.site--header{padding-left:40px;padding-right:40px;padding-top:59px}.site--header__center{left:0;right:0;transform:translateZ(0);border-radius:0;top:0;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),3px -8px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05)}.site--header__center ul{overflow-x:auto;padding-left:40px;padding-right:40px}.site--header__center ul li{flex:0 0 auto}.site--header__center .inner .search--area,.site--header__center .inner .search--area .search-field{width:100%}}@media(max-width:768px){.site--header{padding-left:3.5%;padding-right:3.5%;padding-bottom:0}.site--header .avatar{width:40px;height:40px}.site--header__center ul{padding-left:20px;padding-right:20px}.u-xs-show{display:inline}}@media(max-width:414px){.site--header__center ul{padding-left:0;padding-right:0}}.top--bar{padding:0 40px;padding-bottom:30px}.top--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.top--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.top--bar{padding:0}.top--bar .widget-card-content{font-size:18px}.top--bar .widget-card-description{font-size:14px}}.template--terms{padding:50px 80px;min-height:60vh}.template--terms .page--header{padding:0 0 40px;text-align:center}.tagCard{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;padding-top:20px}.tagCard--item{transition:.5s;padding:8px 15px;border:1px solid var(--farallon-border-color);border-radius:5px;overflow:hidden;position:relative;color:var(--farallon-text-gray)}.tagCard--item:hover{color:var(--farallon-hover-color)}.tagCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.tagCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-2px;color:var(--farallon-text-gray-lightest);font-size:40px;font-style:italic;font-weight:700;line-height:1}@media(max-width:920px){.tagCard{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.tagCard{grid-template-columns:repeat(2,1fr)}}.collectionCard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;padding-top:20px}.collectionCard--item{transition:.5s;padding:8px;border:1px solid var(--farallon-border-color);border-radius:5px;overflow:hidden;position:relative}.collectionCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.collectionCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-5px;color:var(--farallon-text-gray-lightest);font-size:60px;font-style:italic;font-weight:700;line-height:1}.collectionCard--image{height:150px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.collectionCard--meta{padding:5px}.collectionCard--title{font-weight:500;line-height:1;margin-bottom:8px}.collectionCard--description{line-height:1.2}.collectionCard--count,.collectionCard--description{font-size:12px;color:var(--farallon-text-gray)}@media(max-width:920px){.template--terms{padding:50px 20px}.collectionCard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.collectionCard{grid-template-columns:repeat(1,1fr)}}.post--item{padding:25px 40px;border-radius:5px;display:flex;align-items:center}.post--item:hover{background-color:rgba(234,243,255,.5);background-image:linear-gradient(12deg,#fff 50%,hsla(0,0%,100%,0));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--item__status{border-radius:5px;margin-top:10px;margin-bottom:10px}.post--item__status .avatar{border-radius:100%;margin-right:10px;width:36px;height:36px}.post--item__status header{display:flex;align-items:center;margin-bottom:10px}.post--item__status header a{color:var(--farallon-text-gray);display:flex;align-items:center;font-size:14px}.post--item__status header a:hover{color:var(--farallon-hover-color)}.post--item__status .description{margin-bottom:0}.post--item .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--item .post--title .sticky--post{font-size:12px;color:#fff;font-weight:400;background:linear-gradient(90deg,#8a63d2,#f81ce5);padding:3px 5px;border-radius:5px;line-height:1;display:inline-block;vertical-align:middle}.post--item .post--title:hover{color:var(--farallon-hover-color)}.post--item .post--title+.meta{margin-top:10px}.post--item .content{flex:1 1 auto}.post--item:last-child{border-bottom:0}.post--item .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--item .meta{font-size:14px;color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--item .meta,.post--item .meta time{display:flex;align-items:center}.post--item .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--item .meta svg:first-child{margin-left:0}.post--item .meta a:hover{text-decoration:underline}.post--item .cover--link{position:relative;width:150px;flex:0 0 auto;margin-left:20px;display:flex;align-items:center;height:100px;border-radius:5px;overflow:hidden}.post--item .cover--link:hover .cover{transform:scale(1.1)}.post--item .cover--link .marker--tips{left:auto;right:8px;top:8px}.post--item .cover{width:150px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px;aspect-ratio:150/100;transition:.5s}.nav-links{display:flex;align-items:center;justify-content:center}.nav-links .loadmore{border:1px solid var(--farallon-border-color);cursor:pointer;position:relative;padding:5px 30px;border-radius:8px;font-size:14px;color:var(--farallon-text-gray)}.nav-links .loadmore:hover{border-color:var(--farallon-hover-color);color:var(--farallon-hover-color)}.nav-links .page-numbers,.nav-links .post-page-numbers{padding:20px;position:relative}.nav-links .page-numbers:hover,.nav-links .post-page-numbers:hover{color:var(--farallon-hover-color)}.nav-links .page-numbers.current,.nav-links .post-page-numbers.current{font-size:20px;font-weight:700;cursor:not-allowed}.nav-links .page-numbers.current:after,.nav-links .post-page-numbers.current:after{border:12px solid transparent;background-clip:padding-box;content:"";filter:blur(36px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}.nav-links .page-numbers.dots,.nav-links .post-page-numbers.dots{color:var(--farallon-text-gray)}.nav-links__comment .page-numbers,.nav-links__comment .post-page-numbers{padding:10px;line-height:1;font-size:14px}.nav-links__comment .page-numbers.current,.nav-links__comment .post-page-numbers.current{font-size:16px}.nav-links__comment .page-numbers.current:after,.nav-links__comment .post-page-numbers.current:after{border:6px solid transparent;background-clip:padding-box;content:"";filter:blur(10px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}@media(max-width:820px){.post--item{padding:15px 25px}}@media(max-width:768px){.post--item{padding:15px 0}.post--item__status{padding:10px}.post--item__status .avatar{width:32px;height:32px}.post--item:hover{background-color:transparent}.post--item:not(.post--item__status) .description{min-height:2.6em;line-height:1.3em;font-size:14px;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}.post--item .cover--link{width:75px;height:75px;margin-left:10px}.post--item .cover{width:75px;height:75px;aspect-ratio:1/1}.post--item .post--title{font-size:18px}.post--item .meta{font-size:12px}}.post-navigation{overflow:hidden;padding-top:20px}.post-navigation.is-active .nav-links{transform:translateZ(0)}.post-navigation .nav-links{position:relative;transform:translate3d(0,150%,0);display:flex;justify-content:space-between;transition:.5s}.post-navigation .nav-links>div:only-child{text-align:center!important;width:100%}.post-navigation .nav-next,.post-navigation .nav-previous{padding:15px;background-color:var(--farallon-background-white);width:48%;box-sizing:border-box;text-align:right;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent}.post-navigation .nav-next a,.post-navigation .nav-previous a{display:flex;flex-direction:column}.post-navigation .nav-previous{text-align:left}.post-navigation .meta-nav{font-size:12px;text-transform:uppercase;color:var(--farallon-text-gray)}.post-navigation .post-title{font-size:14px;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-navigation .post-title:hover{color:var(--farallon-hover-color)}.post--cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px}.post--card{border:1px solid var(--farallon-border-color);padding:20px;border-radius:18px;display:flex;flex-direction:column}.post--card:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--card .cover--link{display:flex;align-items:center;position:relative}.post--card .cover{border-radius:10px;margin-bottom:12px;-o-object-fit:cover;object-fit:cover;aspect-ratio:60/36}.post--card .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--card .post--title:hover{color:var(--farallon-hover-color)}.post--card .post--title+.meta{margin-top:10px}.post--card .content{position:relative}.post--card .content .date{height:36px;width:36px;background-color:var(--farallon-background-white);border-radius:100%;position:absolute;font-weight:700;font-size:24px;line-height:36px;text-align:center;color:var(--farallon-text-gray);right:15px;top:-30px;box-shadow:0 0 0 5px var(--farallon-border-color-light)}.post--card .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--card .meta{font-size:14px;color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--card .meta,.post--card .meta time{display:flex;align-items:center}.post--card .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--card .meta svg:first-child{margin-left:0}.post--card .meta a:hover{text-decoration:underline}@media(max-width:414px){.post--cards{display:grid;grid-template-columns:repeat(1,1fr)}.post--card{padding:15px}}.farallon--toc{background-color:var(--farallon-background-gray);padding:12px 15px;border-radius:10px;font-size:14px;margin-bottom:15px;color:var(--farallon-text-light);line-height:1.4!important}.farallon--toc summary{cursor:pointer}.farallon--toc ul,.farallon--toc ul li{margin-bottom:0!important}.farallon--toc ul li{margin-left:20px!important}.farallon--toc ul li:before{padding-right:6px!important}.farallon--toc a{box-shadow:none!important}.farallon--toc a:hover{color:var(--farallon-hover-color)}.post--single{max-width:678px;margin-left:auto;margin-right:auto}.post--single__update{font-size:14px;color:var(--farallon-text-gray);margin-bottom:10px;margin-top:10px}.post--single__douban .db--nav{padding-top:10px}.post--single__douban .db--list .db--item{margin-right:12px}.post--single__title{font-size:32px;font-weight:700;line-height:1.5;margin-bottom:20px}.post--single__meta{font-size:14px}.post--single__copyright,.post--single__meta{color:var(--farallon-text-gray)}.post--single__action{display:flex;align-items:center;justify-content:center;padding:20px 0}.post--single__action .button--like svg{fill:var(--farallon-text-gray)}.post--single__action .button--like.is-active svg,.post--single__action .button--like:hover svg{fill:var(--farallon-hover-color)}.post--single__related{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.post--single__related__status{font-size:14px;background-color:var(--farallon-background-gray);border-radius:5px;padding:10px;border:1px solid var(--farallon-border-color-light)}.post--single__related__status:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__status a{color:var(--farallon-text-gray)}.post--single__related__status a p{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post--single__related__status .meta{font-size:12px;display:flex;align-items:center;margin-top:2px}.post--single__related__status .meta svg{fill:var(--farallon-text-gray);margin-right:5px}.post--single__related__item{padding:10px;border:1px solid var(--farallon-border-color);border-radius:10px;display:flex;flex-direction:column}.post--single__related__item .cover{border-radius:8px;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;width:100%}.post--single__related__item__title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--single__related__item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__item .meta{font-size:12px;color:var(--farallon-text-gray);line-height:1}@media(max-width:768px){.post--single__title{font-size:28px;margin-bottom:10px}}.author--card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;border-top:1px solid var(--farallon-border-color-light);margin-top:20px}.author--card .avatar{border-radius:100%}.author--card .author--name{font-weight:700;margin-top:10px;font-size:18px}.author--card .author--description{font-size:14px;color:var(--farallon-text-gray)}.author--card .author--sns{margin-top:12px;display:flex;align-items:center}.author--card .author--sns a{margin:0 10px 0 0}.author--card .author--sns a:last-child{margin-right:0}.author--card .author--sns svg{fill:var(--farallon-text-color);width:24px;height:24px}.author--card .author--sns svg:hover{fill:var(--farallon-hover-color)}.author--card .author--sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.author--card .author--sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.tag--list{display:flex;align-items:center;flex-wrap:wrap;padding:15px 0 5px}.tag--list a{margin-right:10px;margin-bottom:10px;background:#f0f0f0;font-size:14px;padding:2px 12px;border-radius:5px;color:var(--farallon-text-gray)}.tag--list a:hover{background-color:#e0e0e0}.button--like{border:0;background-color:transparent;cursor:pointer}.button--like.is-active svg{fill:var(--farallon-main-color)}.button--like.is-active .icon--active{display:block}.button--like .icon--active,.button--like .icon--block,.button--like.is-active .icon--default{display:none}.category--card{padding:15px 0;display:flex;align-items:center}.category--card__list{border-top:1px solid var(--farallon-border-color-light)}.category--card__image{margin-right:15px;width:64px;flex:0 0 auto;display:flex}.category--card__image img{border-radius:4px;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.category--card__content{flex:1 1 auto}.category--card:hover .category--card__title{color:var(--farallon-hover-color)}.category--card__title{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1}.category--card__description{font-size:14px;color:var(--farallon-text-gray);line-height:1.2}.category--card+.category--card{position:relative}.category--card+.category--card:before{position:absolute;left:15px;right:15px;top:0;height:1px;background-color:var(--farallon-border-color-light);content:""}@media(max-width:768px){.author--card{padding:20px 0}.category--card{padding:12px 0}.category--card__image{width:48px}.category--card__image img{height:48px;width:48px}.category--card__title{font-size:16px}.category--card__description{font-size:12px}}.header--centered{text-align:center;padding-bottom:15px}.header--centered .post--single__title{margin-bottom:0}.graph{color:var(--farallon-text-color);word-break:break-all;font-size:16px}.graph table{border:1px solid var(--farallon-border-color);border-collapse:collapse;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:12px;color:var(--farallon-text-light)}.graph table thead tr{background-color:#f5f5f5}.graph table tr{background-color:#fff}.graph table tr:hover>td{background-color:#f5f5f5;background-clip:padding-box}.graph table td,.graph table th{border-bottom:1px solid var(--farallon-border-color);border-right:1px solid var(--farallon-border-color);transition:background-color .25s ease;height:40px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;margin:0;padding:0 10px}.graph pre{word-break:break-all;white-space:break-spaces;background-color:var(--farallon-background-gray);padding:10px;border-radius:5px;font-size:14px}.graph--mixtapeEmbed{margin-bottom:25px;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed a{text-decoration:none!important;box-shadow:none!important}.graph--mixtapeEmbed a:hover{color:inherit!important}.graph--mixtapeEmbed .mixtapeImage{width:120px;height:120px;background-size:cover;flex:0 0 auto;margin-left:30px;border-radius:0 4px 4px 0}.graph--mixtapeEmbed .mixtapeContent{padding:0 20px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:14px;line-height:1.6;color:var(--farallon-text-light)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{font-weight:700;line-height:1.3;margin-bottom:5px}.graph--mixtapeEmbed .mixtapeContent .markup--strong:hover{color:var(--farallon-hover-color)}.graph p{margin-bottom:25px;-webkit-hyphens:auto;hyphens:auto}.graph p:last-child{margin-bottom:0}.graph blockquote{color:var(--farallon-text-light);border-color:var(--farallon-border-color-light);margin-left:-3.5%;margin-right:-3.5%;margin-bottom:35px;background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));padding:30px;border-radius:10px}.graph blockquote p:last-child{margin-bottom:0}.graph a{text-decoration:none;box-shadow:inset 0 -3px 0 var(--farallon-main-color);transition:.2s}.graph a[href*=gif],.graph a[href*=gif]:hover,.graph a[href*=jpeg],.graph a[href*=JPEG],.graph a[href*=jpeg]:hover,.graph a[href*=JPEG]:hover,.graph a[href*=jpg],.graph a[href*=JPG],.graph a[href*=jpg]:hover,.graph a[href*=JPG]:hover,.graph a[href*=png],.graph a[href*=PNG],.graph a[href*=png]:hover,.graph a[href*=PNG]:hover{box-shadow:none}.graph a:hover{box-shadow:inset 0 -5px 0 var(--farallon-hover-color)}.graph h2,.graph h3{margin-bottom:15px;margin-top:30px;font-size:24px;font-weight:700;color:var(--farallon-text-gray);line-height:1.3;position:relative}.graph h2+h4,.graph h3+h4{margin-top:15px}.graph h2 :before,.graph h3 :before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--farallon-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.graph h2:target,.graph h3:target{color:var(--farallon-hover-color)}.graph h4{font-size:20px;font-weight:700;color:var(--farallon-gray-lightest);margin-bottom:10px;margin-top:30px;line-height:1.3}.graph hr{border:0;text-align:center;font-size:32px;height:auto;margin-top:0;margin-bottom:15px}.graph hr:before{content:"...";letter-spacing:.6em;text-indent:.6em}.graph b,.graph strong{font-weight:700}.graph ol,.graph ul{margin-bottom:25px;padding-left:15px}.graph ol li,.graph ul li{margin-left:25px;margin-bottom:5px}.graph ol li:before,.graph ul li:before{content:"•";box-sizing:border-box;font-size:18px;margin-left:-35px;padding-right:10px;display:inline-block;text-align:right;width:32px;color:var(--farallon-hover-color)}.graph ol{counter-reset:a}.graph ol>li:before{content:counter(a);counter-increment:a;font-size:12px;font-weight:700;align-items:center;background-color:rgba(195,218,254,.43);border:0 solid #999;border-radius:9999px;box-sizing:border-box;color:var(--farallon-hover-color);display:inline-flex;height:19px;justify-content:center;margin-left:-24px!important;margin-right:10px;margin-top:4px;transform:translateY(-1px);width:30px;padding:0}.colonel--figure,.grap--figure,.wp-caption{margin:0 -50px 25px;position:relative;max-width:calc(100% + 100px);line-height:1}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:4px}.colonel--figure .imageCaption,.colonel--figure .wp-caption-text,.grap--figure .imageCaption,.grap--figure .wp-caption-text,.wp-caption .imageCaption,.wp-caption .wp-caption-text{font-size:12px;text-align:center;position:absolute;bottom:12px;left:12px;color:#fff;background-color:hsla(0,0%,7%,.8);border-radius:5px;padding:8px 10px}@media(max-width:820px){.graph blockquote{margin-left:0;margin-right:0;padding-top:20px;background-position:left 10px top 0;margin-bottom:15px}.graph h2,.graph h3{font-size:20px}.graph ul{padding-left:0}.graph ul li{line-height:1.6}.graph--mixtapeEmbed{margin-bottom:25px;padding:15px 0;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed .mixtapeImage{display:none}.graph--mixtapeEmbed .mixtapeContent{padding:0 15px}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:12px;line-height:1.4;color:var(--farallon-text-gray)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{line-height:1.3;margin-bottom:5px;font-size:16px}.graph p{margin-bottom:15px}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 20px;margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:0}}.aligncenter{margin-left:auto;margin-right:auto;display:block}.comment-form label{display:block;margin-bottom:.5rem;font-size:14px;cursor:pointer;line-height:1.4}.comment-form label .required{color:red}.comment-form input,.comment-form textarea{width:100%;resize:none;border-radius:5px;box-sizing:border-box;border:1px solid #999;padding:8px 15px;font-size:14px}.comment-form .submit{background-color:#000;color:#fff;border:0;font-size:14px;cursor:pointer;padding:8px 30px;border-radius:5px;width:auto}.comment-form .submit:hover{background-color:var(--farallon-text-light)}.comment-form p{margin-bottom:15px}.comment-form p:last-of-type{margin-bottom:0}.comment-form .comment-notes,.comment-form .logged-in-as{font-size:12px;color:var(--farallon-text-gray)}.comment-reply-title{font-weight:700;font-size:18px;display:flex;align-items:center}.comment-reply-title small{margin-left:auto;font-weight:400;font-size:14px}.commentlist{border-top:1px solid var(--farallon-border-color-light);list-style:none;padding-top:10px}.commentlist .comment{padding:0}.commentlist .comment-respond{margin-top:20px;padding:20px;background-color:var(--farallon-background-gray);border-radius:5px}@keyframes b{0%{background-color:#fff}to{background-color:#fffee0}}.comment:last-child>.comment-body{border-bottom:0}.comment.parent{border-bottom:1px solid var(--farallon-border-color-light)}.comment.parent:last-child{border-bottom:0}.comment-body{padding:25px 0}.comment-body__fresh{animation:b 1.5s ease-in-out infinite alternate;border-radius:5px}.comment-body .avatar{transition:box-shadow .5s}.comment-body:hover .avatar{box-shadow:0 0 3px 0 var(--farallon-hover-color)}.comment--avatar{flex:0 0 auto;margin-right:10px;display:flex}.comment--author{flex:1 1 auto}.comment--author,.comment--author .url{display:flex;align-items:center}.comment--author .friend--icon{margin-left:5px;width:16px;height:16px}.comment--author__tip{margin-left:5px;font-size:12px;color:var(--farallon-background-white);background-color:var(--farallon-main-color);line-height:1.1;padding:2px 5px;border-radius:3px}.comment--author .comment-reply-link{margin-left:auto}.comment--author .comment-reply-link svg{fill:var(--farallon-text-gray);width:15px;height:15px}.comment--author .comment-reply-link:hover svg{fill:var(--farallon-hover-color)}.comment--author a{color:var(--farallon-main-color)}.comment--author a:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--meta{display:flex;align-items:center;flex:1 1 auto}.comment--time{color:var(--farallon-text-light)}.comment-meta .avatar{border-radius:100%}.comment-content{color:var(--farallon-text-light)}.comment-content a{text-decoration:underline}.comment-content a:hover{color:var(--farallon-hover-color)}.children{margin-left:0;padding-bottom:10px}.children .avatar{width:32px;height:32px}.children .comment-body{border-bottom:0;padding:15px 0}.children .comment-content{font-size:14px}.parent>.children{margin-left:50px}.comment-meta{margin-bottom:10px;font-size:14px;display:flex;align-items:center}.comment-meta .comment-metadata{margin-left:auto}.comment-reply-link{font-size:12px}.no--comment{text-align:center;padding:50px 0;color:var(--farallon-text-light)}.comments--title{margin-top:30px;font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center}.comments--title svg{width:24px;height:24px;margin-right:5px;position:relative;transform:translate3d(0,1px,0);fill:var(--farallon-text-color)}.comment-respond{padding-top:30px}.comment-form-cookies-consent #wp-comment-cookies-consent{display:none}.comment-form-cookies-consent label{font-size:14px;color:var(--farallon-text-gray);display:flex;align-items:center;position:relative}.comment-form-cookies-consent label:before{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:100%;height:16px;margin-right:6px;vertical-align:middle;width:16px;content:"";flex:0 0 auto}.comment-form-cookies-consent input:checked+label:after{background-color:var(--farallon-main-color);border-radius:100%;content:"";position:absolute;left:1px;height:12px;margin:2px;width:12px;flex:0 0 auto}.post--share{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:35px 0 15px;font-size:14px;color:var(--farallon-text-gray);line-height:1.2}.post--share svg{height:16px;width:16px;fill:var(--farallon-text-gray);margin-right:4px;flex:0 0 auto}.post--share .text{flex:0 0 auto}.post--share .link{margin-left:5px;border-bottom:1px dotted var(--farallon-hover-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment--parent__link{margin-right:5px;color:var(--farallon-main-color);text-decoration:none!important;display:flex;align-items:center}.comment--parent__link:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--parent__link .friend--icon{margin-left:5px;width:16px;height:16px}.pingback{padding:25px 0;border-bottom:1px solid var(--farallon-border-color-light)}.pingback:last-child{border-bottom:0}.pingback .pingback-content{display:flex;align-items:center;font-size:14px;color:var(--farallon-text-light)}.pingback .pingback-content svg{fill:currentColor;margin-right:6px}.pingback .pingback-content a:hover{color:var(--farallon-hover-color);text-decoration:underline}.archive-header{padding-top:30px;padding-left:120px;padding-right:120px;display:flex;align-items:center}.archive-header .archive-header-image{height:72px;width:72px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-right:15px}.archive-header h1{font-size:24px;font-weight:700;line-height:1;margin-bottom:5px}.archive-header .taxonomy-description{font-size:18px;color:var(--farallon-text-gray)}.archive-header+.site--main{padding-top:30px}.archive-header__search{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}.archive-header__search .search-form{border:1px solid var(--farallon-border-color);border-radius:999rem;padding:5px}.archive-header__search .search-form .search-field{border:0;background-color:transparent;padding:0 15px;font-size:14px;width:250px}.archive-header__search .search-form .search-submit{border-radius:999rem;border:0;background:gredient(to right,#007cf0,#00dfd8);font-size:14px;color:var(--farallon-text-gray);padding:8px 18px}@media(max-width:768px){.archive-header{padding-left:3.5%;padding-right:3.5%}.archive-header h1{font-size:20px}.archive-header .taxonomy-description{font-size:16px}.archive-header+.site--main{padding-top:20px}}.page--archive{padding:20px 80px 30px}.archive--title__year{font-size:24px;font-weight:700}.archive--list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:20px 0}.archive--list .archive--item{border:1px solid var(--farallon-border-color-light);padding:15px;border-radius:10px}.archive--list .archive--item .archive--title{line-height:1.4;font-size:14px}.archive--list .archive--item .archive--meta{font-size:12px;color:var(--farallon-text-gray)}.archive--list .archive--item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.archive--list .archive--item:hover .archive--title{color:var(--farallon-hover-color)}@media(max-width:820px){.page--archive{padding-left:40px;padding-right:40px}.archive--list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page--archive{padding-left:3.5%;padding-right:3.5%}}@media(max-width:414px){.page--archive{padding-left:3.5%;padding-right:3.5%}.archive--list{grid-template-columns:repeat(1,1fr)}}.link-title{font-size:18px;text-align:center;font-weight:700;line-height:1.2;margin-top:30px}.link-description{font-size:14px;color:var(--farallon-text-gray);text-align:center}.template--map{padding:50px 0}.template--map .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.footer-map{border:0;margin-top:40px}.template--links .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.template--linksWrap{padding:50px}.link-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;list-style:none;padding-top:15px}.link-item{border-radius:10px;padding:15px}.link-item .sitename{font-size:12px;color:var(--farallon-text-gray);display:flex;flex-direction:column;line-height:1.5}.link-item .sitename strong{font-size:16px;color:var(--farallon-text-color);margin-bottom:10px}.link-item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.markerPro--post{padding-top:30px;padding-bottom:30px}.marker--tips{position:absolute;background-color:rgba(0,0,0,.3);color:#fff;top:10px;left:10px;font-size:12px;border-radius:999rem;padding:1px 8px}.template--about{padding-top:20px;padding-left:80px;padding-right:80px}.about--list{padding:30px 0}.about--list .about--item{display:flex}.about--list .about--item .date{padding:30px 3rem 30px 0;text-align:right;width:25%;position:relative}.about--list .about--item .date:before{position:absolute;top:38px;width:15px;height:15px;border-radius:50%;background-color:#eee;content:"";right:-8px}.about--list .about--item .date:after{position:absolute;top:40px;width:11px;height:11px;border-radius:50%;background-color:#fff;content:"";right:-6px}.about--list .about--item__content{padding-left:30px;padding-top:30px;border-left:1px solid var(--farallon-border-color)}.about--list .about--item__content .title{font-size:16px;font-weight:700}.about--list .about--item__content p{margin-bottom:10px;font-size:14px;color:var(--farallon-text-gray)}.template--douban{padding:50px 75px}.doulist-item{background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-color:var(--farallon-border-color);color:var(--farallon-text-gray)}.u-hide{display:none}.template--404{padding:0 80px 80px}.template--404 .error--text{font-size:120px;text-align:center;color:var(--farallon-text-gray)}.error--posts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.post--error{border:1px solid var(--farallon-border-color);padding:15px;border-radius:10px}.post--error .post--title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px}.post--error .meta{font-size:12px;color:var(--farallon-text-gray-lightest);flex-wrap:wrap}.post--error .meta,.post--error .meta time{display:flex;align-items:center}.post--error .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--error .meta svg:first-child{margin-left:0}.post--error .meta a:hover{text-decoration:underline}.related--posts{font-size:14px}.related--posts__title{font-size:16px;font-weight:700;margin-bottom:10px}.status--archive{padding:50px 80px}.overlay,.status--archive .status--header{display:flex;align-items:center}.overlay{position:fixed;top:0;bottom:0;right:0;left:0;background-color:var(--farallon-background-white-opacity);justify-content:center;z-index:100}.overlay-img-wrap{position:relative;opacity:0;transition:opacity .5s;display:flex;align-items:center}.overlay-img-wrap.is-finieshed{opacity:1}.zoomImgClose{border:0;color:var(--farallon-text-light);background-color:var(--farallon-background-gray);height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;right:10px;top:10px;cursor:pointer}.zoomImgClose svg{transition:transform .5s;fill:var(--farallon-text-light)}.zoomImgClose:hover svg{transform:rotate(90deg)}.zoomNav{display:flex;justify-content:center}.mfp-arrow-left{opacity:.65;left:0;width:90px;height:110px;background-color:transparent;color:var(--farallon-text-light)}.mfp-arrow-left svg{fill:currentColor}.mfp-arrow-left{position:absolute;left:10px;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;background-color:var(--farallon-background-gray);cursor:pointer;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;color:var(--text-gray-light)}.mfp-arrow-left svg{transform:rotate(180deg)}.mfp-arrow-left.disabled{opacity:.4;cursor:not-allowed}.mfp-arrow-right{border:0;color:var(--farallon-text-light);position:absolute;right:10px;background-color:var(--farallon-background-gray);cursor:pointer;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow-right.disabled{opacity:.4;cursor:not-allowed}.image--nav{width:120px;display:flex;flex-direction:column;margin-left:50px;transform:rotate(90deg) translateX(4%);text-align:right;pointer-events:none;font-size:100px;max-height:80vh;color:var(--farallon-text-light);font-style:italic;white-space:nowrap}@media(max-width:800px){.overlay{flex-direction:column}.image--nav{transform:rotate(0deg) translateX(0);width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;flex-direction:row;justify-content:center;font-size:24px;margin-top:30px}.image--nav img{width:64px}}.notice--wrapper{background-color:rgba(0,0,0,.9);color:#fff;font-size:12px;max-width:800px;padding:10px 15px;border-radius:8px;position:fixed;z-index:1000;top:15px;left:50%;transform:translateX(-50%);transition:transform .5s}@media(max-width:768px){.notice--wrapper{width:80%}}.share--action{text-align:center;font-size:12px;color:var(--farallon-text-light)}.share--action span{text-decoration:underline;cursor:pointer}.u-cursorPointer{cursor:pointer}#cancel-comment-reply-link{font-size:12px;color:var(--farallon-text-light)}#cancel-comment-reply-link:hover{color:var(--farallon-text-color)}.screen-reader-text{position:absolute;left:-9999px;top:-9999px}.dot:before{content:"·";margin-left:5px;margin-right:5px}.u-textAlignCenter{text-align:center}.u-overflowYHidden{overflow-y:hidden} \ No newline at end of file +:root{--farallon-main-color:#4370f5;--farallon-hover-color:#3a5f9a;--farallon-text-color:rgba(0,0,0,.84);--farallon-text-light:rgba(0,0,0,.68);--farallon-text-gray:rgba(0,0,0,.6);--farallon-text-gray-lightest:rgba(0,0,0,.5);--farallon-background-white:#fff;--farallon-background-gray:#fafafa;--farallon-background-opacity:0.9;--farallon-background-white-opacity:rgba(255,255,255,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(0,0,0,.1);--farallon-border-color-light:rgba(0,0,0,.05);--block-separator-color:#244654;--article-target-color:#283c50;--farallon-text-size-small:14px;--farallon-text-size-normal:16px;--farallon-text-size-smallest:12px}@media(prefers-color-scheme:dark){.auto{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.auto .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.auto .comment-form .submit{background-color:#3f3f46}.auto .comment-form .submit:hover{background-color:#52525b}.auto .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.auto .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.auto .post--item .post--title,.auto .post--single__title{color:#f4f4f5}.auto .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.auto .main:after{display:none}.auto .archive--list .archive--item:hover,.auto .graph blockquote,.auto .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item,.auto .post--card,.auto .post--item,.auto .post--single__related__item,.auto .post--single__related__status{position:relative}.auto .link-item:hover,.auto .post--card:hover,.auto .post--item:hover,.auto .post--single__related__item:hover,.auto .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item:hover:after,.auto .post--card:hover:after,.auto .post--item:hover:after,.auto .post--single__related__item:hover:after,.auto .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.auto .nav-links .page-numbers.current:after,.auto .nav-links .post-page-numbers.current:after{background-image:none}.auto .doulist-item{background-color:rgba(63,63,70,.15)}.auto .comment-form input,.auto .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}}.dark{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.dark .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.dark .doulist-item{background:rgba(63,63,70,.15)}.dark .comment-form .submit{background-color:#3f3f46}.dark .comment-form .submit:hover{background-color:#52525b}.dark .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.dark .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.dark .post--item .post--title,.dark .post--single__title{color:#f4f4f5}.dark .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.dark .main:after{display:none}.dark .archive--list .archive--item:hover,.dark .graph blockquote,.dark .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item,.dark .post--card,.dark .post--item,.dark .post--single__related__item,.dark .post--single__related__status{position:relative}.dark .link-item:hover,.dark .post--card:hover,.dark .post--item:hover,.dark .post--single__related__item:hover,.dark .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item:hover:after,.dark .post--card:hover:after,.dark .post--item:hover:after,.dark .post--single__related__item:hover:after,.dark .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.dark .nav-links .page-numbers.current:after,.dark .nav-links .post-page-numbers.current:after{background-image:none}.dark .comment-form input,.dark .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.woff2) format("woff2"),url(../fonts/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Bold.woff2) format("woff2"),url(../fonts/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Light.woff2) format("woff2"),url(../fonts/OpenSans-Light.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Medium.woff2) format("woff2"),url(../fonts/OpenSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{scroll-behavior:smooth}body{letter-spacing:0;font-weight:400;font-style:normal;font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--farallon-text-size-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:var(--farallon-text-color);line-height:1.8;background-color:var(--farallon-background-gray);word-break:break-all}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin-top:0;margin-bottom:0}button,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--farallon-text-size-normal);color:var(--farallon-text-color)}.main{background-color:var(--farallon-background-white);max-width:1000px;margin-left:auto;margin-right:auto;min-height:100vh;position:relative}.main:after{aspect-ratio:1/3;background-image:linear-gradient(90deg,var(--farallon-griedent-start),var(--farallon-griedent-end));border:0;border-radius:9999px;bottom:calc(100% - 100px);filter:blur(44px);opacity:.2;position:absolute;right:0;left:0;content:""}.site--main{padding:50px 80px}.site--main__map{padding-left:0;padding-right:0}.site--main .markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:20px}@media(max-width:820px){.site--main{padding:40px}}@media(max-width:768px){.site--main{padding:3.5%}}.site--footer{font-size:var(--farallon-text-size-small);padding:20px 80px;border-top:1px dotted var(--farallon-border-color);color:var(--farallon-text-light)}.site--footer__content{display:flex;align-items:center}.site--footer__info{display:none;text-align:center;color:var(--farallon-text-light)}.site--footer__info a{text-decoration:underline}.site--footer__info a:hover{color:var(--farallon-hover-color)}.site--footer__info.active{display:block}.site--footer .copyright{margin-left:auto;display:flex;align-items:center}.site--footer .copyright svg{fill:var(--farallon-text-light);margin-left:8px;cursor:pointer}.site--footer .copyright svg:hover{fill:var(--farallon-hover-color)}.site--footer nav ul{display:flex;align-items:center}.site--footer nav ul li{margin-right:10px}.site--footer nav ul li a:hover{text-decoration:underline}.site--footer__sns{display:flex;align-items:center}.site--footer__sns a{margin:0 12px 0 0;display:flex}.site--footer__sns svg{fill:var(--farallon-text-color);width:18px;height:18px}.site--footer__sns svg:hover{fill:var(--farallon-hover-color)}.site--footer__sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.site--footer__sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.fixed--theme{position:fixed;right:10px;top:40%;display:flex;flex-direction:column;height:-moz-max-content;height:max-content;box-shadow:0 0 0 1px var(--farallon-border-color);background-color:var(--farallon-background-white);border-radius:999rem;width:-moz-max-content;width:max-content;padding:3px}.fixed--theme span{width:32px;height:32px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--farallon-text-gray-lightest);margin-bottom:5px}.fixed--theme span.is-active,.fixed--theme span:hover{color:var(--farallon-text-color)}.fixed--theme span.is-active{background-color:var(--farallon-background-gray)}.fixed--theme span:last-child{margin-bottom:0}@media(max-width:768px){.site--footer__content{flex-direction:column;justify-content:center;align-items:center;padding-right:3.5%;padding-left:3.5%}.site--footer__content .copyright{margin-left:0}.site--footer__content nav{margin-bottom:10px}.fixed--theme{top:auto;bottom:100px}}@keyframes a{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.backToTop{position:fixed;bottom:25px;right:-25px;cursor:pointer;background-color:var(--border-color);z-index:10;transition:all .3s ease}.backToTop .svgIcon{width:17px;height:17px;fill:var(--farallon-main-color);animation:a 1s ease-in infinite alternate}.backToTop:hover .svgIcon{fill:var(--farallon-hover-color);animation-play-state:paused}.backToTop.is-active{right:25px}.footer--bar{padding:0 40px;padding-top:30px}.footer--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.footer--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.footer--bar{padding:0}.footer--bar .widget-card-content{font-size:18px}.footer--bar .widget-card-description{font-size:14px}}.heading-title{font-size:16px;font-weight:700}.widget_links{font-size:var(--farallon-text-size-small);color:var(--farallon-text-light)}.widget_links .blogroll{padding:5px 0;display:flex;flex-wrap:wrap}.widget_links .blogroll li{margin-right:15px;margin-bottom:15px}.widget_links .blogroll li a:hover{color:var(--farallon-hover-color);text-decoration:underline}.widget--category{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;padding-top:15px}.widget--category--item{display:flex;flex-direction:column;position:relative;height:100px}.widget--category--image{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.widget--category--title{font-size:14px;font-weight:700;color:#fff;position:relative}.widget--category--meta{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center}.widget--category--meta:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.1));border-radius:5px}.widget--category--meta:hover:before{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}@media(max-width:768px){.widget--category{grid-template-columns:repeat(2,1fr)}}@media(max-width:414px){.widget--category{grid-template-columns:repeat(1,1fr)}}.site--header{padding:20px 80px;position:relative;display:flex;align-items:center}.site--header .svgIcon{margin-left:auto;fill:var(--farallon-text-gray-lightest);position:relative;cursor:pointer}.site--header .avatar{height:48px;width:48px;border:3px var(--farallon-background-white) solid;border-radius:100%;transition:.5s ease-in-out}.site--header .avatar,.site--header.is-active .avatar{box-shadow:0 2px 4px 0 var(--farallon-border-color)}.site--header__center{position:absolute;left:50%;transform:translateX(-50%);height:39px;top:25px;z-index:1;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),0 10px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5);border-radius:999rem;overflow:hidden}.site--header__center ul{display:flex;align-items:center;height:39px;box-sizing:border-box;padding:5px 30px}.site--header__center ul li{padding:0 15px;flex:0 0 auto;position:relative}.site--header__center ul li.current-menu-item a,.site--header__center ul li a:hover{color:var(--farallon-hover-color)}.site--header__center .inner{display:flex;flex-direction:column;transition:transform .5s}.site--header__center .inner .search--area{height:39px;display:flex;justify-content:center;align-items:center}.site--header__center .inner .search--area .search-field{background-color:transparent;border:0;font-size:14px}.site--header__center .inner .search--area .search-submit{background-color:#fff;border:0;display:none}.site--header__center .inner.search--active{transform:translateY(-39px)}.site--url{display:flex;align-items:center;font-size:18px;font-weight:700}.site--url .avatar{margin-right:10px}.u-xs-show{display:none}@media(max-width:820px){.site--header{padding-left:40px;padding-right:40px;padding-top:59px}.site--header__center{left:0;right:0;transform:translateZ(0);border-radius:0;top:0;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),3px -8px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05)}.site--header__center ul{overflow-x:auto;padding-left:40px;padding-right:40px}.site--header__center ul li{flex:0 0 auto}.site--header__center .inner .search--area,.site--header__center .inner .search--area .search-field{width:100%}}@media(max-width:768px){.site--header{padding-left:3.5%;padding-right:3.5%;padding-bottom:0}.site--header .avatar{width:40px;height:40px}.site--header__center ul{padding-left:20px;padding-right:20px}.u-xs-show{display:inline}}@media(max-width:414px){.site--header__center ul{padding-left:0;padding-right:0}}.top--bar{padding:0 40px;padding-bottom:30px}.top--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.top--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.top--bar{padding:0}.top--bar .widget-card-content{font-size:18px}.top--bar .widget-card-description{font-size:14px}}.template--terms{padding:50px 80px;min-height:60vh}.template--terms .page--header{padding:0 0 40px;text-align:center}.tagCard{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;padding-top:20px}.tagCard--item{transition:.5s;padding:8px 15px;border:1px solid var(--farallon-border-color);border-radius:5px;overflow:hidden;position:relative;color:var(--farallon-text-gray)}.tagCard--item:hover{color:var(--farallon-hover-color)}.tagCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.tagCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-2px;color:var(--farallon-text-gray-lightest);font-size:40px;font-style:italic;font-weight:700;line-height:1}@media(max-width:920px){.tagCard{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.tagCard{grid-template-columns:repeat(2,1fr)}}.collectionCard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;padding-top:20px;overflow:hidden;position:relative}.collectionCard--item{transition:.5s;padding:8px;border:1px solid var(--farallon-border-color);border-radius:5px}.collectionCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.collectionCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-5px;color:var(--farallon-text-gray-lightest);font-size:60px;font-style:italic;font-weight:700;line-height:1}.collectionCard--image{height:150px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.collectionCard--meta{padding:5px}.collectionCard--title{font-weight:500;line-height:1;margin-bottom:8px}.collectionCard--description{line-height:1.2}.collectionCard--count,.collectionCard--description{font-size:12px;color:var(--farallon-text-gray)}@media(max-width:920px){.template--terms{padding:50px 20px}.collectionCard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.collectionCard{grid-template-columns:repeat(1,1fr)}}.post--item{padding:25px 40px;border-radius:5px;display:flex;align-items:center}.post--item:hover{background-color:rgba(234,243,255,.5);background-image:linear-gradient(12deg,#fff 50%,hsla(0,0%,100%,0));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--item__status{border-radius:5px;margin-top:10px;margin-bottom:10px}.post--item__status .avatar{border-radius:100%;margin-right:10px;width:36px;height:36px}.post--item__status header{display:flex;align-items:center;margin-bottom:10px}.post--item__status header a{color:var(--farallon-text-gray);display:flex;align-items:center;font-size:var(--farallon-text-size-small)}.post--item__status header a:hover{color:var(--farallon-hover-color)}.post--item__status .description{margin-bottom:0}.post--item .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--item .post--title .sticky--post{font-size:12px;color:#fff;font-weight:400;background:linear-gradient(90deg,#8a63d2,#f81ce5);padding:3px 5px;border-radius:5px;line-height:1;display:inline-block;vertical-align:middle}.post--item .post--title:hover{color:var(--farallon-hover-color)}.post--item .post--title+.meta{margin-top:10px}.post--item .content{flex:1 1 auto}.post--item:last-child{border-bottom:0}.post--item .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--item .meta{font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--item .meta,.post--item .meta time{display:flex;align-items:center}.post--item .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--item .meta svg:first-child{margin-left:0}.post--item .meta a:hover{text-decoration:underline}.post--item .cover--link{position:relative;width:150px;flex:0 0 auto;margin-left:20px;display:flex;align-items:center;height:100px;border-radius:5px;overflow:hidden}.post--item .cover--link:hover .cover{transform:scale(1.1)}.post--item .cover--link .marker--tips{left:auto;right:8px;top:8px}.post--item .cover{width:150px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px;aspect-ratio:150/100;transition:.5s}.nav-links{display:flex;align-items:center;justify-content:center}.nav-links .loadmore{border:1px solid var(--farallon-border-color);cursor:pointer;position:relative;padding:5px 30px;border-radius:8px;font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray)}.nav-links .loadmore:hover{border-color:var(--farallon-hover-color);color:var(--farallon-hover-color)}.nav-links .page-numbers,.nav-links .post-page-numbers{padding:20px;position:relative}.nav-links .page-numbers:hover,.nav-links .post-page-numbers:hover{color:var(--farallon-hover-color)}.nav-links .page-numbers.current,.nav-links .post-page-numbers.current{font-size:20px;font-weight:700;cursor:not-allowed}.nav-links .page-numbers.current:after,.nav-links .post-page-numbers.current:after{border:12px solid transparent;background-clip:padding-box;content:"";filter:blur(36px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}.nav-links .page-numbers.dots,.nav-links .post-page-numbers.dots{color:var(--farallon-text-gray)}.nav-links__comment .page-numbers,.nav-links__comment .post-page-numbers{padding:10px;line-height:1;font-size:var(--farallon-text-size-small)}.nav-links__comment .page-numbers.current,.nav-links__comment .post-page-numbers.current{font-size:16px}.nav-links__comment .page-numbers.current:after,.nav-links__comment .post-page-numbers.current:after{border:6px solid transparent;background-clip:padding-box;content:"";filter:blur(10px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}@media(max-width:820px){.post--item{padding:15px 25px}}@media(max-width:768px){.post--item{padding:15px 0}.post--item__status{padding:10px}.post--item__status .avatar{width:32px;height:32px}.post--item:hover{background-color:transparent}.post--item:not(.post--item__status) .description{min-height:2.6em;line-height:1.3em;font-size:14px;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}.post--item .cover--link{width:75px;height:75px;margin-left:10px}.post--item .cover{width:75px;height:75px;aspect-ratio:1/1}.post--item .post--title{font-size:18px}.post--item .meta{font-size:12px}}.post-navigation{overflow:hidden;padding-top:20px}.post-navigation.is-active .nav-links{transform:translateZ(0)}.post-navigation .nav-links{position:relative;transform:translate3d(0,150%,0);display:flex;justify-content:space-between;transition:.5s}.post-navigation .nav-links>div:only-child{text-align:center!important;width:100%}.post-navigation .nav-next,.post-navigation .nav-previous{padding:15px;background-color:var(--farallon-background-white);width:48%;box-sizing:border-box;text-align:right;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent}.post-navigation .nav-next a,.post-navigation .nav-previous a{display:flex;flex-direction:column}.post-navigation .nav-previous{text-align:left}.post-navigation .meta-nav{font-size:var(--farallon-text-size-smallest);text-transform:uppercase;color:var(--farallon-text-gray)}.post-navigation .post-title{font-size:14px;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-navigation .post-title:hover{color:var(--farallon-hover-color)}.post--cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px}.post--card{border:1px solid var(--farallon-border-color);padding:20px;border-radius:18px;display:flex;flex-direction:column}.post--card:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--card .cover--link{display:flex;align-items:center;position:relative}.post--card .cover{border-radius:10px;margin-bottom:12px;-o-object-fit:cover;object-fit:cover;aspect-ratio:60/36}.post--card .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--card .post--title:hover{color:var(--farallon-hover-color)}.post--card .post--title+.meta{margin-top:10px}.post--card .content{position:relative}.post--card .content .date{height:36px;width:36px;background-color:var(--farallon-background-white);border-radius:100%;position:absolute;font-weight:700;font-size:24px;line-height:36px;text-align:center;color:var(--farallon-text-gray);right:15px;top:-30px;box-shadow:0 0 0 5px var(--farallon-border-color-light)}.post--card .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--card .meta{font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--card .meta,.post--card .meta time{display:flex;align-items:center}.post--card .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--card .meta svg:first-child{margin-left:0}.post--card .meta a:hover{text-decoration:underline}@media(max-width:414px){.post--cards{display:grid;grid-template-columns:repeat(1,1fr)}.post--card{padding:15px}}.farallon--toc{background-color:var(--farallon-background-gray);padding:12px 15px;border-radius:10px;font-size:var(--farallon-text-size-small);margin-bottom:15px;color:var(--farallon-text-light);line-height:1.4!important}.farallon--toc summary{cursor:pointer}.farallon--toc ul,.farallon--toc ul li{margin-bottom:0!important}.farallon--toc ul li{margin-left:20px!important}.farallon--toc ul li:before{padding-right:6px!important}.farallon--toc a{box-shadow:none!important}.farallon--toc a:hover{color:var(--farallon-hover-color)}.post--single{max-width:678px;margin-left:auto;margin-right:auto}.post--single__update{font-size:14px;color:var(--farallon-text-gray);margin-bottom:10px;margin-top:10px}.post--single__douban .db--nav{padding-top:10px}.post--single__douban .db--list .db--item{margin-right:12px}.post--single__title{font-size:32px;font-weight:700;line-height:1.5;margin-bottom:20px}.post--single__meta{font-size:14px}.post--single__copyright,.post--single__meta{color:var(--farallon-text-gray)}.post--single__action{display:flex;align-items:center;justify-content:center;padding:20px 0}.post--single__action .button--like svg{fill:var(--farallon-text-gray)}.post--single__action .button--like.is-active svg,.post--single__action .button--like:hover svg{fill:var(--farallon-hover-color)}.post--single__related{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.post--single__related__status{font-size:14px;background-color:var(--farallon-background-gray);border-radius:5px;padding:10px;border:1px solid var(--farallon-border-color-light)}.post--single__related__status:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__status a{color:var(--farallon-text-gray)}.post--single__related__status a p{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post--single__related__status .meta{font-size:12px;display:flex;align-items:center;margin-top:2px}.post--single__related__status .meta svg{fill:var(--farallon-text-gray);margin-right:5px}.post--single__related__item{padding:10px;border:1px solid var(--farallon-border-color);border-radius:10px;display:flex;flex-direction:column}.post--single__related__item .cover{border-radius:8px;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;width:100%}.post--single__related__item__title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--single__related__item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__item .meta{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray);line-height:1}@media(max-width:768px){.post--single__title{font-size:28px;margin-bottom:10px}}.author--card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;border-top:1px solid var(--farallon-border-color-light);margin-top:20px}.author--card .avatar{border-radius:100%}.author--card .author--name{font-weight:700;margin-top:10px;font-size:18px}.author--card .author--description{font-size:14px;color:var(--farallon-text-gray)}.author--card .author--sns{margin-top:12px;display:flex;align-items:center}.author--card .author--sns a{margin:0 10px 0 0}.author--card .author--sns a:last-child{margin-right:0}.author--card .author--sns svg{fill:var(--farallon-text-color);width:24px;height:24px}.author--card .author--sns svg:hover{fill:var(--farallon-hover-color)}.author--card .author--sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.author--card .author--sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.tag--list{display:flex;align-items:center;flex-wrap:wrap;padding:15px 0 5px}.tag--list a{margin-right:10px;margin-bottom:10px;background:#f0f0f0;font-size:14px;padding:2px 12px;border-radius:5px;color:var(--farallon-text-gray)}.tag--list a:hover{background-color:#e0e0e0}.button--like{border:0;background-color:transparent;cursor:pointer}.button--like.is-active svg{fill:var(--farallon-main-color)}.button--like.is-active .icon--active{display:block}.button--like .icon--active,.button--like .icon--block,.button--like.is-active .icon--default{display:none}.category--card{padding:15px 0;display:flex;align-items:center}.category--card__list{border-top:1px solid var(--farallon-border-color-light)}.category--card__image{margin-right:15px;width:64px;flex:0 0 auto;display:flex}.category--card__image img{border-radius:4px;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.category--card__content{flex:1 1 auto}.category--card:hover .category--card__title{color:var(--farallon-hover-color)}.category--card__title{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1}.category--card__description{font-size:var(--farallon-text-size-normal);color:var(--farallon-text-gray);line-height:1.2}.category--card+.category--card{position:relative}.category--card+.category--card:before{position:absolute;left:15px;right:15px;top:0;height:1px;background-color:var(--farallon-border-color-light);content:""}@media(max-width:768px){.author--card{padding:20px 0}.category--card{padding:12px 0}.category--card__image{width:48px}.category--card__image img{height:48px;width:48px}.category--card__title{font-size:16px}.category--card__description{font-size:12px}}.header--centered{text-align:center;padding-bottom:15px}.header--centered .post--single__title{margin-bottom:0}.graph{color:var(--farallon-text-color);word-break:break-all;font-size:var(--farallon-text-size-normal)}.graph table{border:1px solid var(--farallon-border-color);border-collapse:collapse;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}.graph table thead tr{background-color:#f5f5f5}.graph table tr{background-color:#fff}.graph table tr:hover>td{background-color:#f5f5f5;background-clip:padding-box}.graph table td,.graph table th{border-bottom:1px solid var(--farallon-border-color);border-right:1px solid var(--farallon-border-color);transition:background-color .25s ease;height:40px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;margin:0;padding:0 10px}.graph pre{word-break:break-all;white-space:break-spaces;background-color:var(--farallon-background-gray);padding:10px;border-radius:5px;font-size:var(--farallon-text-size-small)}.graph--mixtapeEmbed{margin-bottom:25px;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed a{text-decoration:none!important;box-shadow:none!important}.graph--mixtapeEmbed a:hover{color:inherit!important}.graph--mixtapeEmbed .mixtapeImage{width:120px;height:120px;background-size:cover;flex:0 0 auto;margin-left:30px;border-radius:0 4px 4px 0}.graph--mixtapeEmbed .mixtapeContent{padding:0 20px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:var(--farallon-text-size-small);line-height:1.6;color:var(--farallon-text-light)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{font-weight:700;line-height:1.3;margin-bottom:5px}.graph--mixtapeEmbed .mixtapeContent .markup--strong:hover{color:var(--farallon-hover-color)}.graph p{margin-bottom:25px;-webkit-hyphens:auto;hyphens:auto}.graph p:last-child{margin-bottom:0}.graph blockquote{color:var(--farallon-text-light);border-color:var(--farallon-border-color-light);margin-left:-3.5%;margin-right:-3.5%;margin-bottom:35px;background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));padding:30px;border-radius:10px}.graph blockquote p:last-child{margin-bottom:0}.graph a{text-decoration:none;box-shadow:inset 0 -3px 0 var(--farallon-main-color);transition:.2s}.graph a[href*=gif],.graph a[href*=gif]:hover,.graph a[href*=jpeg],.graph a[href*=JPEG],.graph a[href*=jpeg]:hover,.graph a[href*=JPEG]:hover,.graph a[href*=jpg],.graph a[href*=JPG],.graph a[href*=jpg]:hover,.graph a[href*=JPG]:hover,.graph a[href*=png],.graph a[href*=PNG],.graph a[href*=png]:hover,.graph a[href*=PNG]:hover{box-shadow:none}.graph a:hover{box-shadow:inset 0 -5px 0 var(--farallon-hover-color)}.graph h2,.graph h3{margin-bottom:15px;margin-top:30px;font-size:24px;font-weight:700;color:var(--farallon-text-gray);line-height:1.3;position:relative}.graph h2+h4,.graph h3+h4{margin-top:15px}.graph h2 :before,.graph h3 :before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--farallon-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.graph h2:target,.graph h3:target{color:var(--farallon-hover-color)}.graph h4{font-size:20px;font-weight:700;color:var(--farallon-gray-lightest);margin-bottom:10px;margin-top:30px;line-height:1.3}.graph hr{border:0;text-align:center;font-size:32px;height:auto;margin-top:0;margin-bottom:15px}.graph hr:before{content:"...";letter-spacing:.6em;text-indent:.6em}.graph b,.graph strong{font-weight:700}.graph ol,.graph ul{margin-bottom:25px;padding-left:15px}.graph ol li,.graph ul li{margin-left:25px;margin-bottom:5px}.graph ol li:before,.graph ul li:before{content:"•";box-sizing:border-box;font-size:18px;margin-left:-35px;padding-right:10px;display:inline-block;text-align:right;width:32px;color:var(--farallon-hover-color)}.graph ol{counter-reset:a}.graph ol>li:before{content:counter(a);counter-increment:a;font-size:var(--farallon-text-size-smallest);font-weight:700;align-items:center;background-color:rgba(195,218,254,.43);border:0 solid #999;border-radius:9999px;box-sizing:border-box;color:var(--farallon-hover-color);display:inline-flex;height:19px;justify-content:center;margin-left:-24px!important;margin-right:10px;margin-top:4px;transform:translateY(-1px);width:30px;padding:0}.colonel--figure,.grap--figure,.wp-caption{margin:0 -50px 25px;position:relative;max-width:calc(100% + 100px);line-height:1}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:4px}.colonel--figure .imageCaption,.colonel--figure .wp-caption-text,.grap--figure .imageCaption,.grap--figure .wp-caption-text,.wp-caption .imageCaption,.wp-caption .wp-caption-text{font-size:12px;text-align:center;position:absolute;bottom:12px;left:12px;color:#fff;background-color:hsla(0,0%,7%,.8);border-radius:5px;padding:8px 10px}@media(max-width:820px){.graph blockquote{margin-left:0;margin-right:0;padding-top:20px;background-position:left 10px top 0;margin-bottom:15px}.graph h2,.graph h3{font-size:20px}.graph ul{padding-left:0}.graph ul li{line-height:1.6}.graph--mixtapeEmbed{margin-bottom:25px;padding:15px 0;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed .mixtapeImage{display:none}.graph--mixtapeEmbed .mixtapeContent{padding:0 15px}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:12px;line-height:1.4;color:var(--farallon-text-gray)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{line-height:1.3;margin-bottom:5px;font-size:16px}.graph p{margin-bottom:15px}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 20px;margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:0}}.aligncenter{margin-left:auto;margin-right:auto;display:block}.comment-form label{display:block;margin-bottom:.5rem;font-size:14px;cursor:pointer;line-height:1.4}.comment-form label .required{color:red}.comment-form input,.comment-form textarea{width:100%;resize:none;border-radius:5px;box-sizing:border-box;border:1px solid var(--farallon-border-color);padding:8px 15px;font-size:14px}.comment-form .submit{background-color:#000;color:#fff;border:0;font-size:14px;cursor:pointer;padding:8px 30px;border-radius:5px;width:auto}.comment-form .submit:hover{background-color:var(--farallon-text-light)}.comment-form p{margin-bottom:15px}.comment-form p:last-of-type{margin-bottom:0}.comment-form .comment-notes,.comment-form .logged-in-as{font-size:12px;color:var(--farallon-text-gray)}.comment-reply-title{font-weight:700;font-size:18px;display:flex;align-items:center}.comment-reply-title small{margin-left:auto;font-weight:400;font-size:14px}.commentlist{border-top:1px solid var(--farallon-border-color-light);list-style:none;padding-top:10px}.commentlist .comment{padding:0}.commentlist .comment-respond{margin-top:20px;padding:20px;background-color:var(--farallon-background-gray);border-radius:5px}@keyframes b{0%{background-color:#fff}to{background-color:#fffee0}}.comment:last-child>.comment-body{border-bottom:0}.comment.parent{border-bottom:1px solid var(--farallon-border-color-light)}.comment.parent:last-child{border-bottom:0}.comment-body{padding:25px 0}.comment-body__fresh{animation:b 1.5s ease-in-out infinite alternate;border-radius:5px}.comment-body .avatar{transition:box-shadow .5s}.comment-body:hover .avatar{box-shadow:0 0 3px 0 var(--farallon-hover-color)}.comment--avatar{flex:0 0 auto;margin-right:10px;display:flex}.comment--author{flex:1 1 auto}.comment--author,.comment--author .url{display:flex;align-items:center}.comment--author .friend--icon{margin-left:5px;width:16px;height:16px}.comment--author__tip{margin-left:5px;font-size:12px;color:var(--farallon-background-white);background-color:var(--farallon-main-color);line-height:1.1;padding:2px 5px;border-radius:3px}.comment--author .comment-reply-link{margin-left:auto}.comment--author .comment-reply-link svg{fill:var(--farallon-text-gray);width:15px;height:15px}.comment--author .comment-reply-link:hover svg{fill:var(--farallon-hover-color)}.comment--author a{color:var(--farallon-main-color)}.comment--author a:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--meta{display:flex;align-items:center;flex:1 1 auto}.comment--time{color:var(--farallon-text-light)}.comment-meta .avatar{border-radius:100%}.comment-content{color:var(--farallon-text-light)}.comment-content a{text-decoration:underline}.comment-content a:hover{color:var(--farallon-hover-color)}.children{margin-left:0;padding-bottom:10px}.children .avatar{width:32px;height:32px}.children .comment-body{border-bottom:0;padding:15px 0}.children .comment-content{font-size:14px}.parent>.children{margin-left:50px}.comment-meta{margin-bottom:10px;font-size:14px;display:flex;align-items:center}.comment-meta .comment-metadata{margin-left:auto}.comment-reply-link{font-size:12px}.no--comment{text-align:center;padding:50px 0;color:var(--farallon-text-light)}.comments--title{margin-top:30px;font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center}.comments--title svg{width:24px;height:24px;margin-right:5px;position:relative;transform:translate3d(0,1px,0);fill:var(--farallon-text-color)}.comment-respond{padding-top:30px}.comment-form-cookies-consent #wp-comment-cookies-consent{display:none}.comment-form-cookies-consent label{font-size:14px;color:var(--farallon-text-gray);display:flex;align-items:center;position:relative}.comment-form-cookies-consent label:before{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:100%;height:16px;margin-right:6px;vertical-align:middle;width:16px;content:"";flex:0 0 auto}.comment-form-cookies-consent input:checked+label:after{background-color:var(--farallon-main-color);border-radius:100%;content:"";position:absolute;left:1px;height:12px;margin:2px;width:12px;flex:0 0 auto}.post--share{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:35px 0 15px;font-size:14px;color:var(--farallon-text-gray);line-height:1.2}.post--share svg{height:16px;width:16px;fill:var(--farallon-text-gray);margin-right:4px;flex:0 0 auto}.post--share .text{flex:0 0 auto}.post--share .link{margin-left:5px;border-bottom:1px dotted var(--farallon-hover-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment--parent__link{margin-right:5px;color:var(--farallon-main-color);text-decoration:none!important;display:flex;align-items:center}.comment--parent__link:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--parent__link .friend--icon{margin-left:5px;width:16px;height:16px}.pingback{padding:25px 0;border-bottom:1px solid var(--farallon-border-color-light)}.pingback:last-child{border-bottom:0}.pingback .pingback-content{display:flex;align-items:center;font-size:14px;color:var(--farallon-text-light)}.pingback .pingback-content svg{fill:currentColor;margin-right:6px}.pingback .pingback-content a:hover{color:var(--farallon-hover-color);text-decoration:underline}.archive-header{padding-top:30px;padding-left:120px;padding-right:120px;display:flex;align-items:center}.archive-header .archive-header-image{height:72px;width:72px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-right:15px}.archive-header h1{font-size:24px;font-weight:700;line-height:1;margin-bottom:5px}.archive-header .taxonomy-description{font-size:18px;color:var(--farallon-text-gray)}.archive-header+.site--main{padding-top:30px}.archive-header__search{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}.archive-header__search .search-form{border:1px solid var(--farallon-border-color);border-radius:999rem;padding:5px}.archive-header__search .search-form .search-field{border:0;background-color:transparent;padding:0 15px;font-size:14px;width:250px}.archive-header__search .search-form .search-submit{border-radius:999rem;border:0;background:gredient(to right,#007cf0,#00dfd8);font-size:14px;color:var(--farallon-text-gray);padding:8px 18px}@media(max-width:768px){.archive-header{padding-left:3.5%;padding-right:3.5%}.archive-header h1{font-size:20px}.archive-header .taxonomy-description{font-size:16px}.archive-header+.site--main{padding-top:20px}}.page--archive{padding:20px 80px 30px}.archive--title__year{font-size:24px;font-weight:700}.archive--list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:20px 0}.archive--list .archive--item{border:1px solid var(--farallon-border-color-light);padding:15px;border-radius:10px}.archive--list .archive--item .archive--title{line-height:1.4;font-size:14px}.archive--list .archive--item .archive--meta{font-size:12px;color:var(--farallon-text-gray)}.archive--list .archive--item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.archive--list .archive--item:hover .archive--title{color:var(--farallon-hover-color)}@media(max-width:820px){.page--archive{padding-left:40px;padding-right:40px}.archive--list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page--archive{padding-left:3.5%;padding-right:3.5%}}@media(max-width:414px){.page--archive{padding-left:3.5%;padding-right:3.5%}.archive--list{grid-template-columns:repeat(1,1fr)}}.link-title{font-size:18px;text-align:center;font-weight:700;line-height:1.2;margin-top:30px}.link-description{font-size:14px;color:var(--farallon-text-gray);text-align:center}.template--map{padding:50px 0}.template--map .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.footer-map{border:0;margin-top:40px}.template--links .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.template--linksWrap{padding:50px}.link-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;list-style:none;padding-top:15px}.link-item{border-radius:10px;padding:15px}.link-item .sitename{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray);display:flex;flex-direction:column;line-height:1.5}.link-item .sitename strong{font-size:var(--farallon-text-size-noral);color:var(--farallon-text-color);margin-bottom:10px}.link-item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.markerPro--post{padding-top:30px;padding-bottom:30px}.marker--tips{position:absolute;background-color:rgba(0,0,0,.3);color:#fff;top:10px;left:10px;font-size:12px;border-radius:999rem;padding:1px 8px}.template--about{padding-top:20px;padding-left:80px;padding-right:80px}.about--list{padding:30px 0}.about--list .about--item{display:flex}.about--list .about--item .date{padding:30px 3rem 30px 0;text-align:right;width:25%;position:relative}.about--list .about--item .date:before{position:absolute;top:38px;width:15px;height:15px;border-radius:50%;background-color:#eee;content:"";right:-8px}.about--list .about--item .date:after{position:absolute;top:40px;width:11px;height:11px;border-radius:50%;background-color:#fff;content:"";right:-6px}.about--list .about--item__content{padding-left:30px;padding-top:30px;border-left:1px solid var(--farallon-border-color)}.about--list .about--item__content .title{font-size:16px;font-weight:700}.about--list .about--item__content p{margin-bottom:10px;font-size:14px;color:var(--farallon-text-gray)}.template--douban{padding:50px 75px}.doulist-item{background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-color:var(--farallon-border-color);color:var(--farallon-text-gray)}.u-hide{display:none}.template--404{padding:0 80px 80px}.template--404 .error--text{font-size:120px;text-align:center;color:var(--farallon-text-gray)}.error--posts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.post--error{border:1px solid var(--farallon-border-color);padding:15px;border-radius:10px}.post--error .post--title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px}.post--error .meta{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray-lightest);flex-wrap:wrap}.post--error .meta,.post--error .meta time{display:flex;align-items:center}.post--error .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--error .meta svg:first-child{margin-left:0}.post--error .meta a:hover{text-decoration:underline}.related--posts{font-size:var(--farallon-text-size-small)}.related--posts__title{font-size:16px;font-weight:700;margin-bottom:10px}.status--archive{padding:50px 80px}.overlay,.status--archive .status--header{display:flex;align-items:center}.overlay{position:fixed;top:0;bottom:0;right:0;left:0;background-color:var(--farallon-background-white-opacity);justify-content:center;z-index:100}.overlay-img-wrap{position:relative;opacity:0;transition:opacity .5s;display:flex;align-items:center}.overlay-img-wrap.is-finieshed{opacity:1}.zoomImgClose{border:0;color:var(--farallon-text-light);background-color:var(--farallon-background-gray);height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;right:10px;top:10px;cursor:pointer}.zoomImgClose svg{transition:transform .5s;fill:var(--farallon-text-light)}.zoomImgClose:hover svg{transform:rotate(90deg)}.zoomNav{display:flex;justify-content:center}.mfp-arrow-left{opacity:.65;left:0;width:90px;height:110px;background-color:transparent;color:var(--farallon-text-light)}.mfp-arrow-left svg{fill:currentColor}.mfp-arrow-left{position:absolute;left:10px;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;background-color:var(--farallon-background-gray);cursor:pointer;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;color:var(--text-gray-light)}.mfp-arrow-left svg{transform:rotate(180deg)}.mfp-arrow-left.disabled{opacity:.4;cursor:not-allowed}.mfp-arrow-right{border:0;color:var(--farallon-text-light);position:absolute;right:10px;background-color:var(--farallon-background-gray);cursor:pointer;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow-right.disabled{opacity:.4;cursor:not-allowed}.image--nav{width:120px;display:flex;flex-direction:column;margin-left:50px;transform:rotate(90deg) translateX(4%);text-align:right;pointer-events:none;font-size:100px;max-height:80vh;color:var(--farallon-text-light);font-style:italic;white-space:nowrap}@media(max-width:800px){.overlay{flex-direction:column}.image--nav{transform:rotate(0deg) translateX(0);width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;flex-direction:row;justify-content:center;font-size:24px;margin-top:30px}.image--nav img{width:64px}}.notice--wrapper{background-color:rgba(0,0,0,.9);color:#fff;font-size:var(--farallon-text-size-smallest);max-width:800px;padding:10px 15px;border-radius:8px;position:fixed;z-index:1000;top:15px;left:50%;transform:translateX(-50%);transition:transform .5s}@media(max-width:768px){.notice--wrapper{width:80%}}.share--action{text-align:center;font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}.share--action span{text-decoration:underline;cursor:pointer}.u-cursorPointer{cursor:pointer}#cancel-comment-reply-link{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}#cancel-comment-reply-link:hover{color:var(--farallon-text-color)}.screen-reader-text{position:absolute;left:-9999px;top:-9999px}.dot:before{content:"·";margin-left:5px;margin-right:5px}.u-textAlignCenter{text-align:center}.u-overflowYHidden{overflow-y:hidden} \ No newline at end of file diff --git a/scss/app.scss b/scss/app.scss index 6d82d1c..9e31325 100755 --- a/scss/app.scss +++ b/scss/app.scss @@ -15,7 +15,7 @@ body { style: normal; family: 'Open Sans', PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif; - size: 16px; + size: var(--farallon-text-size-normal); } text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; @@ -25,11 +25,6 @@ body { line-height: 1.8; background-color: var(--farallon-background-gray); word-break: break-all; - // background-color: rgb(23, 23, 26); - // background-image: url(../images/gradient-dark.svg); - // background-position: top center; - // background-repeat: no-repeat; - // background-size: 100% auto; } h1, @@ -72,7 +67,7 @@ textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'Open Sans', PingFang SC, Hiragino Sans GB, Microsoft YaHei, STHeiti, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif; - font-size: 16px; + font-size: var(--farallon-text-size-normal); color: var(--farallon-text-color); } @@ -83,6 +78,7 @@ textarea { margin-right: auto; min-height: 100vh; position: relative; + &::after { aspect-ratio: 1/3; background-image: linear-gradient( @@ -159,8 +155,7 @@ textarea { .notice--wrapper { background-color: rgba(0, 0, 0, 0.9); color: #fff; - font-size: 12px; - + font-size: var(--farallon-text-size-smallest); max-width: 800px; padding: 10px 15px; border-radius: 8px; @@ -169,12 +164,7 @@ textarea { top: 15px; left: 50%; transform: translateX(-50%); - //transform: translateY(-100px); transition: 0.5s transform; - // &.is-active { - //transform: translateX(-50%); - // transform: translateY(0); - // } } @media (max-width: 768px) { @@ -185,7 +175,7 @@ textarea { .share--action { text-align: center; - font-size: 12px; + font-size: var(--farallon-text-size-smallest); color: var(--farallon-text-light); span { text-decoration: underline; @@ -198,8 +188,9 @@ textarea { } #cancel-comment-reply-link { - font-size: 12px; + font-size: var(--farallon-text-size-smallest); color: var(--farallon-text-light); + &:hover { color: var(--farallon-text-color); } diff --git a/scss/modules/comment.scss b/scss/modules/comment.scss index a734b3d..c12df4d 100755 --- a/scss/modules/comment.scss +++ b/scss/modules/comment.scss @@ -15,7 +15,7 @@ resize: none; border-radius: 5px; box-sizing: border-box; - border: 1px solid #999; + border: 1px solid var(--farallon-border-color); padding: 8px 15px; font-size: 14px; } diff --git a/scss/modules/graph.scss b/scss/modules/graph.scss index 8293615..e9a8076 100755 --- a/scss/modules/graph.scss +++ b/scss/modules/graph.scss @@ -19,7 +19,7 @@ margin-bottom: 20px; margin-left: auto; margin-right: auto; - font-size: 12px; + font-size: var(--farallon-text-size-smallest); color: var(--farallon-text-light); thead { tr { @@ -57,7 +57,7 @@ background-color: var(--farallon-background-gray); padding: 10px; border-radius: 5px; - font-size: 14px; + font-size: var(--farallon-text-size-small); } &--mixtapeEmbed { @@ -87,7 +87,7 @@ justify-content: center; .markup--em { font-style: normal; - font-size: 14px; + font-size: var(--farallon-text-size-small); line-height: 1.6; color: var(--farallon-text-light); } @@ -102,7 +102,7 @@ } display: flex; } - font-size: 16px; + font-size: var(--farallon-text-size-normal); p { margin-bottom: 25px; hyphens: auto; @@ -243,7 +243,7 @@ & > li:before { content: counter(item); counter-increment: item; - font-size: 12px; + font-size: var(--farallon-text-size-smallest); font-weight: 700; align-items: center; background-color: rgba(195, 218, 254, 0.43); diff --git a/scss/modules/post.scss b/scss/modules/post.scss index 67e4e30..d93aac9 100755 --- a/scss/modules/post.scss +++ b/scss/modules/post.scss @@ -1,6 +1,5 @@ .post--item { padding: 25px 40px; - //border-bottom: 1px solid #eee; border-radius: 5px; &:hover { background-color: rgba(234, 243, 255, 0.5); @@ -24,13 +23,12 @@ color: var(--farallon-text-gray); display: flex; align-items: center; - font-size: 14px; + font-size: var(--farallon-text-size-small); &:hover { color: var(--farallon-hover-color); } } } - //background-color: #fafafa; border-radius: 5px; margin-top: 10px; margin-bottom: 10px; @@ -75,7 +73,7 @@ // text-align: justify; } .meta { - font-size: 14px; + font-size: var(--farallon-text-size-small); color: var(--farallon-text-gray-lightest); display: flex; align-items: center; @@ -145,7 +143,7 @@ position: relative; padding: 5px 30px; border-radius: 8px; - font-size: 14px; + font-size: var(--farallon-text-size-small); color: var(--farallon-text-gray); &:hover { border-color: var(--farallon-hover-color); @@ -190,7 +188,7 @@ .post-page-numbers { padding: 10px; line-height: 1; - font-size: 14px; + font-size: var(--farallon-text-size-small); &.current { font-size: 16px; &:after { @@ -266,12 +264,6 @@ } .post-navigation { - // position: fixed; - // bottom: 100px; - // right: 10px; - // transform: translate3d(120%, 0, 0); - // transition: 0.5s; - // line-height: 1.5; &.is-active { .nav-links { transform: translate3d(0, 0, 0); @@ -296,35 +288,23 @@ .nav-next { padding: 15px; background-color: var(--farallon-background-white); - //background-color: #f8f8f8; width: 48%; box-sizing: border-box; - //width: 220px; a { display: flex; flex-direction: column; } - // margin-bottom: 10px; - //border-radius: 5px; text-align: right; - // background-image: linear-gradient(#fff, #fff), - // linear-gradient( - // calc(-0.8954254633948191rad), - // #8a63d2 0, - // #f81ce5 20%, - // rgba(121, 40, 202, 0) 80% - // ); background-origin: border-box; background-clip: padding-box, border-box; border: 1px solid transparent; - //box-shadow: 0 -3px 5px -1px #ebebeb; } .nav-previous { text-align: left; } .meta-nav { - font-size: 12px; + font-size: var(--farallon-text-size-smallest); text-transform: uppercase; color: var(--farallon-text-gray); } @@ -414,12 +394,10 @@ font-size: 15px; color: var(--farallon-text-light); line-height: 1.6; - //padding: 5px; - // letter-spacing: 0.2px; - //text-align: justify; } + .meta { - font-size: 14px; + font-size: var(--farallon-text-size-small); color: var(--farallon-text-gray-lightest); display: flex; align-items: center; @@ -460,7 +438,7 @@ background-color: var(--farallon-background-gray); padding: 12px 15px; border-radius: 10px; - font-size: 14px; + font-size: var(--farallon-text-size-small); margin-bottom: 15px; color: var(--farallon-text-light); summary { diff --git a/scss/modules/related.scss b/scss/modules/related.scss index a29856c..93c08fc 100755 --- a/scss/modules/related.scss +++ b/scss/modules/related.scss @@ -1,5 +1,5 @@ .related--posts { - font-size: 14px; + font-size: var(--farallon-text-size-small); &__title { font-size: 16px; font-weight: bold; diff --git a/scss/modules/search.scss b/scss/modules/search.scss index 6c4ae5f..a60c44b 100755 --- a/scss/modules/search.scss +++ b/scss/modules/search.scss @@ -1,3 +1,3 @@ .search { - font-size: 14px; + font-size: var(--farallon-text-size-small); } diff --git a/scss/modules/status.scss b/scss/modules/status.scss index 8fd1181..0ec58ab 100644 --- a/scss/modules/status.scss +++ b/scss/modules/status.scss @@ -1,5 +1,6 @@ .status--archive { padding: 50px 80px; + .status--header { display: flex; align-items: center; diff --git a/scss/modules/variable.scss b/scss/modules/variable.scss index f6ec194..2af97be 100755 --- a/scss/modules/variable.scss +++ b/scss/modules/variable.scss @@ -19,6 +19,10 @@ --block-separator-color: #244654; --article-target-color: #283c50; + + --farallon-text-size-small: 14px; + --farallon-text-size-normal: 16px; + --farallon-text-size-smallest: 12px; } @media (prefers-color-scheme: dark) { diff --git a/scss/modules/zoom.scss b/scss/modules/zoom.scss index e673850..db454b3 100644 --- a/scss/modules/zoom.scss +++ b/scss/modules/zoom.scss @@ -9,12 +9,14 @@ justify-content: center; align-items: center; z-index: 100; + &-img-wrap { position: relative; opacity: 0; transition: opacity 0.5s; display: flex; align-items: center; + &.is-finieshed { opacity: 1; } @@ -35,10 +37,12 @@ right: 10px; top: 10px; cursor: pointer; + svg { transition: 0.5s transform; fill: var(--farallon-text-light); } + &:hover { svg { transform: rotate(90deg); @@ -66,6 +70,7 @@ background-color: rgba(0, 0, 0, 0); color: var(--farallon-text-light); cursor: pointer; + svg { transform: rotate(180deg); fill: currentColor; @@ -90,9 +95,11 @@ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 0; color: var(--text-gray-light); + svg { transform: rotate(180deg); } + &.disabled { opacity: 0.4; cursor: not-allowed; @@ -117,6 +124,7 @@ justify-content: center; border-radius: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + &.disabled { opacity: 0.4; cursor: not-allowed; @@ -153,6 +161,7 @@ justify-content: center; font-size: 24px; margin-top: 30px; + img { width: 64px; } diff --git a/scss/templates/404.scss b/scss/templates/404.scss index ee1c4b3..474459d 100755 --- a/scss/templates/404.scss +++ b/scss/templates/404.scss @@ -24,12 +24,11 @@ margin-bottom: 10px; } .meta { - font-size: 12px; + font-size: var(--farallon-text-size-smallest); color: var(--farallon-text-gray-lightest); display: flex; align-items: center; flex-wrap: wrap; - // margin-top: 2px; time { display: flex; align-items: center; diff --git a/scss/templates/archive.scss b/scss/templates/archive.scss index 543675e..4639992 100755 --- a/scss/templates/archive.scss +++ b/scss/templates/archive.scss @@ -35,10 +35,12 @@ align-items: center; justify-content: center; padding-bottom: 20px; + .search-form { border: 1px solid var(--farallon-border-color); border-radius: 999rem; padding: 5px; + .search-field { border: 0; background-color: rgba(0, 0, 0, 0); @@ -46,6 +48,7 @@ font-size: 14px; width: 250px; } + .search-submit { border-radius: 999rem; border: 0; @@ -62,6 +65,7 @@ .archive-header { padding-left: 3.5%; padding-right: 3.5%; + h1 { font-size: 20px; } @@ -92,18 +96,23 @@ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; + padding: 20px 0; + .archive--item { border: 1px solid var(--farallon-border-color-light); padding: 15px; border-radius: 10px; + .archive--title { line-height: 1.4; font-size: 14px; } + .archive--meta { font-size: 12px; color: var(--farallon-text-gray); } + &:hover { background-color: #fafafa; background: linear-gradient( @@ -116,7 +125,6 @@ } } } - padding: 20px 0; } @media (max-width: 820px) { @@ -124,6 +132,7 @@ padding-left: 40px; padding-right: 40px; } + .archive--list { grid-template-columns: repeat(2, 1fr); } @@ -141,6 +150,7 @@ padding-left: 3.5%; padding-right: 3.5%; } + .archive--list { grid-template-columns: repeat(1, 1fr); } diff --git a/scss/templates/footer.scss b/scss/templates/footer.scss index d58cbe0..bf26210 100755 --- a/scss/templates/footer.scss +++ b/scss/templates/footer.scss @@ -1,22 +1,27 @@ .site--footer { - font-size: 14px; + font-size: var(--farallon-text-size-small); padding: 20px 80px; border-top: 1px dotted var(--farallon-border-color); color: var(--farallon-text-light); + &__content { display: flex; align-items: center; } + &__info { display: none; text-align: center; color: var(--farallon-text-light); + a { text-decoration: underline; + &:hover { color: var(--farallon-hover-color); } } + &.active { display: block; } @@ -25,25 +30,26 @@ margin-left: auto; display: flex; align-items: center; + svg { fill: var(--farallon-text-light); margin-left: 8px; cursor: pointer; + &:hover { fill: var(--farallon-hover-color); } } - // &::after { - // content: 'a bigfa theme'; - // margin-left: 3px; - // } } + nav { ul { display: flex; align-items: center; + li { margin-right: 10px; + a { &:hover { text-decoration: underline; @@ -56,20 +62,25 @@ &__sns { display: flex; align-items: center; + a { margin: 0 12px 0 0; display: flex; } + svg { fill: var(--farallon-text-color); + width: 18px; + height: 18px; + &:hover { fill: var(--farallon-hover-color); } - width: 18px; - height: 18px; + &.sns { fill: none; stroke: var(--farallon-text-color); + &:hover { stroke: var(--farallon-hover-color); fill: none; @@ -99,16 +110,10 @@ display: flex; align-items: center; justify-content: center; - svg { - //fill: rgba(0, 0, 0, 0.67); - } color: var(--farallon-text-gray-lightest); &:hover { color: var(--farallon-text-color); - svg { - // fill: rgba(0, 0, 0, 0.87); - } } &.is-active { @@ -117,6 +122,7 @@ } margin-bottom: 5px; + &:last-child { margin-bottom: 0; } @@ -130,6 +136,7 @@ align-items: center; padding-right: 3.5%; padding-left: 3.5%; + .copyright { margin-left: 0; } @@ -144,6 +151,7 @@ bottom: 100px; } } + @keyframes toTop { 0% { transform: translateY(0); @@ -152,6 +160,7 @@ transform: translateY(-50%); } } + .backToTop { .svgIcon { width: 17px; @@ -159,19 +168,23 @@ fill: var(--farallon-main-color); animation: toTop 1s ease-in infinite alternate; } + &:hover { .svgIcon { fill: var(--farallon-hover-color); animation-play-state: paused; } } + position: fixed; bottom: 25px; right: -25px; cursor: pointer; + &.is-active { right: 25px; } + background-color: var(--border-color); z-index: 10; transition: all 0.3s ease; @@ -179,6 +192,8 @@ .footer--bar { padding: 0 40px; + padding-top: 30px; + .widget-card-content { font-size: 24px; font-weight: bold; @@ -187,16 +202,14 @@ .widget-card-description { color: var(--farallon-text-gray); - // margin-bottom: 15px; font-size: 18px; } - - padding-top: 30px; } @media (max-width: 414px) { .footer--bar { padding: 0 0px; + .widget-card-content { font-size: 18px; } @@ -213,15 +226,18 @@ } .widget_links { - font-size: 14px; + font-size: var(--farallon-text-size-small); color: var(--farallon-text-light); + .blogroll { padding: 5px 0; display: flex; flex-wrap: wrap; + li { margin-right: 15px; margin-bottom: 15px; + a { &:hover { color: var(--farallon-hover-color); @@ -237,6 +253,7 @@ grid-template-columns: repeat(3, 1fr); grid-gap: 12px; padding-top: 15px; + &--item { display: flex; flex-direction: column; @@ -256,7 +273,6 @@ font-weight: bold; color: #fff; position: relative; - // margin-top: 10px; } &--meta { @@ -268,6 +284,7 @@ display: flex; align-items: center; justify-content: center; + &::before { content: ''; position: absolute; @@ -278,6 +295,7 @@ background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%); border-radius: 5px; } + &:hover { &::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%); diff --git a/scss/templates/header.scss b/scss/templates/header.scss index 4c49ca1..3a46bd4 100755 --- a/scss/templates/header.scss +++ b/scss/templates/header.scss @@ -1,12 +1,13 @@ .site--header { - //text-align: center; padding: 20px 80px; + .svgIcon { margin-left: auto; fill: var(--farallon-text-gray-lightest); position: relative; cursor: pointer; } + .avatar { height: 48px; width: 48px; @@ -15,16 +16,17 @@ border-radius: 100%; transition: 0.5s ease-in-out; } + &.is-active { .avatar { - //height: 40px; - //width: 40px; box-shadow: 0 2px 4px 0 var(--farallon-border-color); } } + position: relative; display: flex; align-items: center; + &__center { position: absolute; left: 50%; @@ -39,23 +41,26 @@ border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 999rem; overflow: hidden; + ul { display: flex; align-items: center; height: 39px; box-sizing: border-box; padding: 5px 30px; - //border: 1px solid rgba(0, 0, 0, 0.05); li { padding: 0 15px; flex: 0 0 auto; + a { &:hover { color: var(--farallon-hover-color); } } + position: relative; + &.current-menu-item { a { color: var(--farallon-hover-color); @@ -66,26 +71,30 @@ .inner { display: flex; flex-direction: column; + .search--area { height: 39px; display: flex; justify-content: center; align-items: center; + .search-field { background-color: rgba(0, 0, 0, 0); border: 0; font-size: 14px; } + .search-submit { background-color: #fff; border: 0; display: none; } - // background-color: #f33; } + &.search--active { transform: translate(0px, -39px); } + transition: 0.5s transform; } } @@ -96,6 +105,7 @@ align-items: center; font-size: 18px; font-weight: bold; + .avatar { margin-right: 10px; } @@ -122,16 +132,18 @@ ul { overflow-x: auto; + padding-left: 40px; + padding-right: 40px; + li { flex: 0 0 auto; } - padding-left: 40px; - padding-right: 40px; } .inner { .search--area { width: 100%; + .search-field { width: 100%; } @@ -158,8 +170,6 @@ padding-right: 20px; } } - - //display: none; } .u-xs-show { @@ -180,6 +190,8 @@ .top--bar { padding: 0 40px; + padding-bottom: 30px; + .widget-card-content { font-size: 24px; font-weight: bold; @@ -188,16 +200,14 @@ .widget-card-description { color: var(--farallon-text-gray); - // margin-bottom: 15px; font-size: 18px; } - - padding-bottom: 30px; } @media (max-width: 414px) { .top--bar { padding: 0 0px; + .widget-card-content { font-size: 18px; } diff --git a/scss/templates/map.scss b/scss/templates/map.scss index 1325fc8..508d41b 100755 --- a/scss/templates/map.scss +++ b/scss/templates/map.scss @@ -1,5 +1,6 @@ .template--map { padding: 50px 0 50px; + .hero--title { background-clip: text; -webkit-background-clip: text; @@ -43,18 +44,21 @@ .link-item { border-radius: 10px; padding: 15px; + .sitename { - font-size: 12px; + font-size: var(--farallon-text-size-smallest); color: var(--farallon-text-gray); display: flex; flex-direction: column; line-height: 1.5; + strong { - font-size: 16px; + font-size: var(--farallon-text-size-noral); color: var(--farallon-text-color); margin-bottom: 10px; } } + &:hover { background-color: #fafafa; background: linear-gradient( diff --git a/scss/templates/single.scss b/scss/templates/single.scss index ae4efa4..177c0ff 100755 --- a/scss/templates/single.scss +++ b/scss/templates/single.scss @@ -14,14 +14,12 @@ .db--nav { padding-top: 10px; } + .db--list { .db--item { margin-right: 12px; } } - .post--single__title { - // text-align: center; - } } &__title { @@ -45,10 +43,12 @@ align-items: center; justify-content: center; padding: 20px 0; + .button--like { svg { fill: var(--farallon-text-gray); } + &:hover, &.is-active { svg { @@ -69,6 +69,7 @@ border-radius: 5px; padding: 10px; border: 1px solid var(--farallon-border-color-light); + &:hover { background-color: #fafafa; background: linear-gradient( @@ -77,6 +78,7 @@ rgba(234, 243, 255, 0.5) 100% ); } + a { color: var(--farallon-text-gray); p { @@ -88,11 +90,13 @@ text-overflow: ellipsis; } } + .meta { font-size: 12px; display: flex; align-items: center; margin-top: 2px; + svg { fill: var(--farallon-text-gray); margin-right: 5px; @@ -106,18 +110,21 @@ border-radius: 10px; display: flex; flex-direction: column; + .cover { border-radius: 8px; aspect-ratio: 2/1; object-fit: cover; width: 100%; } + &__title { font-size: 14px; font-weight: bold; line-height: 1.4; margin-bottom: 5px; } + &:hover { background-color: #fafafa; background: linear-gradient( @@ -126,8 +133,9 @@ rgba(234, 243, 255, 0.5) 100% ); } + .meta { - font-size: 12px; + font-size: var(--farallon-text-size-smallest); color: var(--farallon-text-gray); line-height: 1; } @@ -152,9 +160,11 @@ padding: 30px 0; border-top: 1px solid var(--farallon-border-color-light); margin-top: 20px; + .avatar { border-radius: 100%; } + .author--name { font-weight: bold; margin-top: 10px; @@ -170,22 +180,27 @@ margin-top: 12px; display: flex; align-items: center; + a { margin: 0 10px 0 0; &:last-child { margin-right: 0; } } + svg { fill: var(--farallon-text-color); + width: 24px; + height: 24px; + &:hover { fill: var(--farallon-hover-color); } - width: 24px; - height: 24px; + &.sns { fill: none; stroke: var(--farallon-text-color); + &:hover { stroke: var(--farallon-hover-color); fill: none; @@ -200,6 +215,7 @@ align-items: center; flex-wrap: wrap; padding: 15px 0 5px; + a { margin-right: 10px; margin-bottom: 10px; @@ -208,6 +224,7 @@ padding: 2px 12px; border-radius: 5px; color: var(--farallon-text-gray); + &:hover { background-color: #e0e0e0; } @@ -218,17 +235,21 @@ border: 0; background-color: rgba(0, 0, 0, 0); cursor: pointer; + &.is-active { svg { fill: var(--farallon-main-color); } + .icon--active { display: block; } + .icon--default { display: none; } } + .icon--active { display: none; } @@ -242,44 +263,50 @@ padding: 15px 0; display: flex; align-items: center; + &__list { border-top: 1px solid var(--farallon-border-color-light); } + &__image { img { border-radius: 4px; height: 64px; object-fit: cover; width: 64px; - // border: 1px solid var(--farallon-border-color); } margin-right: 15px; width: 64px; flex: 0 0 auto; display: flex; } + &__content { flex: 1 1 auto; } + &:hover { .category--card__title { color: var(--farallon-hover-color); } } + &__title { font-size: 18px; font-weight: bold; margin-bottom: 10px; line-height: 1; } + &__description { - font-size: 14px; + font-size: var(--farallon-text-size-normal); color: var(--farallon-text-gray); line-height: 1.2; } & + & { position: relative; + &::before { position: absolute; left: 15px; @@ -296,8 +323,10 @@ .author--card { padding: 20px 0; } + .category--card { padding: 12px 0; + &__image { width: 48px; img { @@ -305,9 +334,11 @@ width: 48px; } } + &__title { font-size: 16px; } + &__description { font-size: 12px; } @@ -316,8 +347,9 @@ .header--centered { text-align: center; + padding-bottom: 15px; + .post--single__title { margin-bottom: 0px; } - padding-bottom: 15px; } diff --git a/scss/templates/term.scss b/scss/templates/term.scss index 655c7bf..cc19079 100755 --- a/scss/templates/term.scss +++ b/scss/templates/term.scss @@ -1,10 +1,11 @@ .template--terms { padding: 50px 80px; + min-height: 60vh; + .page--header { padding: 0px 0 40px; text-align: center; } - min-height: 60vh; } .tagCard { @@ -12,21 +13,25 @@ grid-template-columns: repeat(5, 1fr); grid-gap: 15px; padding-top: 20px; + &--item { transition: 0.5s; padding: 8px 15px; border: 1px solid var(--farallon-border-color); border-radius: 5px; + overflow: hidden; + position: relative; + color: var(--farallon-text-gray); + &:hover { .collectionCard--title { color: var(--farallon-hover-color); text-decoration: underline; } + color: var(--farallon-hover-color); } - overflow: hidden; - position: relative; - color: var(--farallon-text-gray); + &::after { position: absolute; content: attr(data-count); @@ -59,19 +64,22 @@ grid-template-columns: repeat(3, 1fr); grid-gap: 15px; padding-top: 20px; + overflow: hidden; + position: relative; + &--item { transition: 0.5s; padding: 8px; border: 1px solid var(--farallon-border-color); border-radius: 5px; + &:hover { .collectionCard--title { color: var(--farallon-hover-color); text-decoration: underline; } } - overflow: hidden; - position: relative; + &::after { position: absolute; content: attr(data-count); @@ -119,6 +127,7 @@ .template--terms { padding: 50px 20px; } + .collectionCard { grid-template-columns: repeat(2, 1fr); } From 42889bb9b51d48eacbc92951306a07b0112c5e41 Mon Sep 17 00:00:00 2001 From: bigfa Date: Sat, 28 Dec 2024 12:04:43 +0800 Subject: [PATCH 3/3] feat:add a config for showing image count of the post --- README.md | 1 + README_CN.md | 1 + build/css/app.min.css | 2 +- functions.php | 6 ++ languages/farallon.pot | 137 ++++++++++++++++++++----------------- languages/zh_CN.mo | Bin 9577 -> 9700 bytes languages/zh_CN.po | 8 +++ modules/setting.php | 6 ++ scss/modules/post.scss | 16 +++++ template-parts/content.php | 6 ++ 10 files changed, 118 insertions(+), 65 deletions(-) diff --git a/README.md b/README.md index 8bcf0de..9c2a6a7 100755 --- a/README.md +++ b/README.md @@ -15,6 +15,7 @@ latest version : `0.8.0` ### 0.8.0 - style enhancement +- add a config for showing image count of the post ### 0.7.9 diff --git a/README_CN.md b/README_CN.md index 5e84ca9..8b7ce36 100755 --- a/README_CN.md +++ b/README_CN.md @@ -13,6 +13,7 @@ ### 0.8.0 - 样式改进 +- 增加一个是否显示文章图片数的设置 ### 0.7.9 diff --git a/build/css/app.min.css b/build/css/app.min.css index 325585a..9954dc9 100755 --- a/build/css/app.min.css +++ b/build/css/app.min.css @@ -1 +1 @@ -:root{--farallon-main-color:#4370f5;--farallon-hover-color:#3a5f9a;--farallon-text-color:rgba(0,0,0,.84);--farallon-text-light:rgba(0,0,0,.68);--farallon-text-gray:rgba(0,0,0,.6);--farallon-text-gray-lightest:rgba(0,0,0,.5);--farallon-background-white:#fff;--farallon-background-gray:#fafafa;--farallon-background-opacity:0.9;--farallon-background-white-opacity:rgba(255,255,255,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(0,0,0,.1);--farallon-border-color-light:rgba(0,0,0,.05);--block-separator-color:#244654;--article-target-color:#283c50;--farallon-text-size-small:14px;--farallon-text-size-normal:16px;--farallon-text-size-smallest:12px}@media(prefers-color-scheme:dark){.auto{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.auto .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.auto .comment-form .submit{background-color:#3f3f46}.auto .comment-form .submit:hover{background-color:#52525b}.auto .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.auto .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.auto .post--item .post--title,.auto .post--single__title{color:#f4f4f5}.auto .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.auto .main:after{display:none}.auto .archive--list .archive--item:hover,.auto .graph blockquote,.auto .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item,.auto .post--card,.auto .post--item,.auto .post--single__related__item,.auto .post--single__related__status{position:relative}.auto .link-item:hover,.auto .post--card:hover,.auto .post--item:hover,.auto .post--single__related__item:hover,.auto .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item:hover:after,.auto .post--card:hover:after,.auto .post--item:hover:after,.auto .post--single__related__item:hover:after,.auto .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.auto .nav-links .page-numbers.current:after,.auto .nav-links .post-page-numbers.current:after{background-image:none}.auto .doulist-item{background-color:rgba(63,63,70,.15)}.auto .comment-form input,.auto .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}}.dark{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.dark .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.dark .doulist-item{background:rgba(63,63,70,.15)}.dark .comment-form .submit{background-color:#3f3f46}.dark .comment-form .submit:hover{background-color:#52525b}.dark .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.dark .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.dark .post--item .post--title,.dark .post--single__title{color:#f4f4f5}.dark .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.dark .main:after{display:none}.dark .archive--list .archive--item:hover,.dark .graph blockquote,.dark .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item,.dark .post--card,.dark .post--item,.dark .post--single__related__item,.dark .post--single__related__status{position:relative}.dark .link-item:hover,.dark .post--card:hover,.dark .post--item:hover,.dark .post--single__related__item:hover,.dark .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item:hover:after,.dark .post--card:hover:after,.dark .post--item:hover:after,.dark .post--single__related__item:hover:after,.dark .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.dark .nav-links .page-numbers.current:after,.dark .nav-links .post-page-numbers.current:after{background-image:none}.dark .comment-form input,.dark .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.woff2) format("woff2"),url(../fonts/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Bold.woff2) format("woff2"),url(../fonts/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Light.woff2) format("woff2"),url(../fonts/OpenSans-Light.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Medium.woff2) format("woff2"),url(../fonts/OpenSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{scroll-behavior:smooth}body{letter-spacing:0;font-weight:400;font-style:normal;font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--farallon-text-size-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:var(--farallon-text-color);line-height:1.8;background-color:var(--farallon-background-gray);word-break:break-all}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin-top:0;margin-bottom:0}button,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--farallon-text-size-normal);color:var(--farallon-text-color)}.main{background-color:var(--farallon-background-white);max-width:1000px;margin-left:auto;margin-right:auto;min-height:100vh;position:relative}.main:after{aspect-ratio:1/3;background-image:linear-gradient(90deg,var(--farallon-griedent-start),var(--farallon-griedent-end));border:0;border-radius:9999px;bottom:calc(100% - 100px);filter:blur(44px);opacity:.2;position:absolute;right:0;left:0;content:""}.site--main{padding:50px 80px}.site--main__map{padding-left:0;padding-right:0}.site--main .markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:20px}@media(max-width:820px){.site--main{padding:40px}}@media(max-width:768px){.site--main{padding:3.5%}}.site--footer{font-size:var(--farallon-text-size-small);padding:20px 80px;border-top:1px dotted var(--farallon-border-color);color:var(--farallon-text-light)}.site--footer__content{display:flex;align-items:center}.site--footer__info{display:none;text-align:center;color:var(--farallon-text-light)}.site--footer__info a{text-decoration:underline}.site--footer__info a:hover{color:var(--farallon-hover-color)}.site--footer__info.active{display:block}.site--footer .copyright{margin-left:auto;display:flex;align-items:center}.site--footer .copyright svg{fill:var(--farallon-text-light);margin-left:8px;cursor:pointer}.site--footer .copyright svg:hover{fill:var(--farallon-hover-color)}.site--footer nav ul{display:flex;align-items:center}.site--footer nav ul li{margin-right:10px}.site--footer nav ul li a:hover{text-decoration:underline}.site--footer__sns{display:flex;align-items:center}.site--footer__sns a{margin:0 12px 0 0;display:flex}.site--footer__sns svg{fill:var(--farallon-text-color);width:18px;height:18px}.site--footer__sns svg:hover{fill:var(--farallon-hover-color)}.site--footer__sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.site--footer__sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.fixed--theme{position:fixed;right:10px;top:40%;display:flex;flex-direction:column;height:-moz-max-content;height:max-content;box-shadow:0 0 0 1px var(--farallon-border-color);background-color:var(--farallon-background-white);border-radius:999rem;width:-moz-max-content;width:max-content;padding:3px}.fixed--theme span{width:32px;height:32px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--farallon-text-gray-lightest);margin-bottom:5px}.fixed--theme span.is-active,.fixed--theme span:hover{color:var(--farallon-text-color)}.fixed--theme span.is-active{background-color:var(--farallon-background-gray)}.fixed--theme span:last-child{margin-bottom:0}@media(max-width:768px){.site--footer__content{flex-direction:column;justify-content:center;align-items:center;padding-right:3.5%;padding-left:3.5%}.site--footer__content .copyright{margin-left:0}.site--footer__content nav{margin-bottom:10px}.fixed--theme{top:auto;bottom:100px}}@keyframes a{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.backToTop{position:fixed;bottom:25px;right:-25px;cursor:pointer;background-color:var(--border-color);z-index:10;transition:all .3s ease}.backToTop .svgIcon{width:17px;height:17px;fill:var(--farallon-main-color);animation:a 1s ease-in infinite alternate}.backToTop:hover .svgIcon{fill:var(--farallon-hover-color);animation-play-state:paused}.backToTop.is-active{right:25px}.footer--bar{padding:0 40px;padding-top:30px}.footer--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.footer--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.footer--bar{padding:0}.footer--bar .widget-card-content{font-size:18px}.footer--bar .widget-card-description{font-size:14px}}.heading-title{font-size:16px;font-weight:700}.widget_links{font-size:var(--farallon-text-size-small);color:var(--farallon-text-light)}.widget_links .blogroll{padding:5px 0;display:flex;flex-wrap:wrap}.widget_links .blogroll li{margin-right:15px;margin-bottom:15px}.widget_links .blogroll li a:hover{color:var(--farallon-hover-color);text-decoration:underline}.widget--category{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;padding-top:15px}.widget--category--item{display:flex;flex-direction:column;position:relative;height:100px}.widget--category--image{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.widget--category--title{font-size:14px;font-weight:700;color:#fff;position:relative}.widget--category--meta{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center}.widget--category--meta:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.1));border-radius:5px}.widget--category--meta:hover:before{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}@media(max-width:768px){.widget--category{grid-template-columns:repeat(2,1fr)}}@media(max-width:414px){.widget--category{grid-template-columns:repeat(1,1fr)}}.site--header{padding:20px 80px;position:relative;display:flex;align-items:center}.site--header .svgIcon{margin-left:auto;fill:var(--farallon-text-gray-lightest);position:relative;cursor:pointer}.site--header .avatar{height:48px;width:48px;border:3px var(--farallon-background-white) solid;border-radius:100%;transition:.5s ease-in-out}.site--header .avatar,.site--header.is-active .avatar{box-shadow:0 2px 4px 0 var(--farallon-border-color)}.site--header__center{position:absolute;left:50%;transform:translateX(-50%);height:39px;top:25px;z-index:1;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),0 10px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5);border-radius:999rem;overflow:hidden}.site--header__center ul{display:flex;align-items:center;height:39px;box-sizing:border-box;padding:5px 30px}.site--header__center ul li{padding:0 15px;flex:0 0 auto;position:relative}.site--header__center ul li.current-menu-item a,.site--header__center ul li a:hover{color:var(--farallon-hover-color)}.site--header__center .inner{display:flex;flex-direction:column;transition:transform .5s}.site--header__center .inner .search--area{height:39px;display:flex;justify-content:center;align-items:center}.site--header__center .inner .search--area .search-field{background-color:transparent;border:0;font-size:14px}.site--header__center .inner .search--area .search-submit{background-color:#fff;border:0;display:none}.site--header__center .inner.search--active{transform:translateY(-39px)}.site--url{display:flex;align-items:center;font-size:18px;font-weight:700}.site--url .avatar{margin-right:10px}.u-xs-show{display:none}@media(max-width:820px){.site--header{padding-left:40px;padding-right:40px;padding-top:59px}.site--header__center{left:0;right:0;transform:translateZ(0);border-radius:0;top:0;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),3px -8px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05)}.site--header__center ul{overflow-x:auto;padding-left:40px;padding-right:40px}.site--header__center ul li{flex:0 0 auto}.site--header__center .inner .search--area,.site--header__center .inner .search--area .search-field{width:100%}}@media(max-width:768px){.site--header{padding-left:3.5%;padding-right:3.5%;padding-bottom:0}.site--header .avatar{width:40px;height:40px}.site--header__center ul{padding-left:20px;padding-right:20px}.u-xs-show{display:inline}}@media(max-width:414px){.site--header__center ul{padding-left:0;padding-right:0}}.top--bar{padding:0 40px;padding-bottom:30px}.top--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.top--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.top--bar{padding:0}.top--bar .widget-card-content{font-size:18px}.top--bar .widget-card-description{font-size:14px}}.template--terms{padding:50px 80px;min-height:60vh}.template--terms .page--header{padding:0 0 40px;text-align:center}.tagCard{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;padding-top:20px}.tagCard--item{transition:.5s;padding:8px 15px;border:1px solid var(--farallon-border-color);border-radius:5px;overflow:hidden;position:relative;color:var(--farallon-text-gray)}.tagCard--item:hover{color:var(--farallon-hover-color)}.tagCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.tagCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-2px;color:var(--farallon-text-gray-lightest);font-size:40px;font-style:italic;font-weight:700;line-height:1}@media(max-width:920px){.tagCard{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.tagCard{grid-template-columns:repeat(2,1fr)}}.collectionCard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;padding-top:20px;overflow:hidden;position:relative}.collectionCard--item{transition:.5s;padding:8px;border:1px solid var(--farallon-border-color);border-radius:5px}.collectionCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.collectionCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-5px;color:var(--farallon-text-gray-lightest);font-size:60px;font-style:italic;font-weight:700;line-height:1}.collectionCard--image{height:150px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.collectionCard--meta{padding:5px}.collectionCard--title{font-weight:500;line-height:1;margin-bottom:8px}.collectionCard--description{line-height:1.2}.collectionCard--count,.collectionCard--description{font-size:12px;color:var(--farallon-text-gray)}@media(max-width:920px){.template--terms{padding:50px 20px}.collectionCard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.collectionCard{grid-template-columns:repeat(1,1fr)}}.post--item{padding:25px 40px;border-radius:5px;display:flex;align-items:center}.post--item:hover{background-color:rgba(234,243,255,.5);background-image:linear-gradient(12deg,#fff 50%,hsla(0,0%,100%,0));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--item__status{border-radius:5px;margin-top:10px;margin-bottom:10px}.post--item__status .avatar{border-radius:100%;margin-right:10px;width:36px;height:36px}.post--item__status header{display:flex;align-items:center;margin-bottom:10px}.post--item__status header a{color:var(--farallon-text-gray);display:flex;align-items:center;font-size:var(--farallon-text-size-small)}.post--item__status header a:hover{color:var(--farallon-hover-color)}.post--item__status .description{margin-bottom:0}.post--item .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--item .post--title .sticky--post{font-size:12px;color:#fff;font-weight:400;background:linear-gradient(90deg,#8a63d2,#f81ce5);padding:3px 5px;border-radius:5px;line-height:1;display:inline-block;vertical-align:middle}.post--item .post--title:hover{color:var(--farallon-hover-color)}.post--item .post--title+.meta{margin-top:10px}.post--item .content{flex:1 1 auto}.post--item:last-child{border-bottom:0}.post--item .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--item .meta{font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--item .meta,.post--item .meta time{display:flex;align-items:center}.post--item .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--item .meta svg:first-child{margin-left:0}.post--item .meta a:hover{text-decoration:underline}.post--item .cover--link{position:relative;width:150px;flex:0 0 auto;margin-left:20px;display:flex;align-items:center;height:100px;border-radius:5px;overflow:hidden}.post--item .cover--link:hover .cover{transform:scale(1.1)}.post--item .cover--link .marker--tips{left:auto;right:8px;top:8px}.post--item .cover{width:150px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px;aspect-ratio:150/100;transition:.5s}.nav-links{display:flex;align-items:center;justify-content:center}.nav-links .loadmore{border:1px solid var(--farallon-border-color);cursor:pointer;position:relative;padding:5px 30px;border-radius:8px;font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray)}.nav-links .loadmore:hover{border-color:var(--farallon-hover-color);color:var(--farallon-hover-color)}.nav-links .page-numbers,.nav-links .post-page-numbers{padding:20px;position:relative}.nav-links .page-numbers:hover,.nav-links .post-page-numbers:hover{color:var(--farallon-hover-color)}.nav-links .page-numbers.current,.nav-links .post-page-numbers.current{font-size:20px;font-weight:700;cursor:not-allowed}.nav-links .page-numbers.current:after,.nav-links .post-page-numbers.current:after{border:12px solid transparent;background-clip:padding-box;content:"";filter:blur(36px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}.nav-links .page-numbers.dots,.nav-links .post-page-numbers.dots{color:var(--farallon-text-gray)}.nav-links__comment .page-numbers,.nav-links__comment .post-page-numbers{padding:10px;line-height:1;font-size:var(--farallon-text-size-small)}.nav-links__comment .page-numbers.current,.nav-links__comment .post-page-numbers.current{font-size:16px}.nav-links__comment .page-numbers.current:after,.nav-links__comment .post-page-numbers.current:after{border:6px solid transparent;background-clip:padding-box;content:"";filter:blur(10px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}@media(max-width:820px){.post--item{padding:15px 25px}}@media(max-width:768px){.post--item{padding:15px 0}.post--item__status{padding:10px}.post--item__status .avatar{width:32px;height:32px}.post--item:hover{background-color:transparent}.post--item:not(.post--item__status) .description{min-height:2.6em;line-height:1.3em;font-size:14px;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}.post--item .cover--link{width:75px;height:75px;margin-left:10px}.post--item .cover{width:75px;height:75px;aspect-ratio:1/1}.post--item .post--title{font-size:18px}.post--item .meta{font-size:12px}}.post-navigation{overflow:hidden;padding-top:20px}.post-navigation.is-active .nav-links{transform:translateZ(0)}.post-navigation .nav-links{position:relative;transform:translate3d(0,150%,0);display:flex;justify-content:space-between;transition:.5s}.post-navigation .nav-links>div:only-child{text-align:center!important;width:100%}.post-navigation .nav-next,.post-navigation .nav-previous{padding:15px;background-color:var(--farallon-background-white);width:48%;box-sizing:border-box;text-align:right;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent}.post-navigation .nav-next a,.post-navigation .nav-previous a{display:flex;flex-direction:column}.post-navigation .nav-previous{text-align:left}.post-navigation .meta-nav{font-size:var(--farallon-text-size-smallest);text-transform:uppercase;color:var(--farallon-text-gray)}.post-navigation .post-title{font-size:14px;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-navigation .post-title:hover{color:var(--farallon-hover-color)}.post--cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px}.post--card{border:1px solid var(--farallon-border-color);padding:20px;border-radius:18px;display:flex;flex-direction:column}.post--card:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--card .cover--link{display:flex;align-items:center;position:relative}.post--card .cover{border-radius:10px;margin-bottom:12px;-o-object-fit:cover;object-fit:cover;aspect-ratio:60/36}.post--card .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--card .post--title:hover{color:var(--farallon-hover-color)}.post--card .post--title+.meta{margin-top:10px}.post--card .content{position:relative}.post--card .content .date{height:36px;width:36px;background-color:var(--farallon-background-white);border-radius:100%;position:absolute;font-weight:700;font-size:24px;line-height:36px;text-align:center;color:var(--farallon-text-gray);right:15px;top:-30px;box-shadow:0 0 0 5px var(--farallon-border-color-light)}.post--card .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--card .meta{font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--card .meta,.post--card .meta time{display:flex;align-items:center}.post--card .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--card .meta svg:first-child{margin-left:0}.post--card .meta a:hover{text-decoration:underline}@media(max-width:414px){.post--cards{display:grid;grid-template-columns:repeat(1,1fr)}.post--card{padding:15px}}.farallon--toc{background-color:var(--farallon-background-gray);padding:12px 15px;border-radius:10px;font-size:var(--farallon-text-size-small);margin-bottom:15px;color:var(--farallon-text-light);line-height:1.4!important}.farallon--toc summary{cursor:pointer}.farallon--toc ul,.farallon--toc ul li{margin-bottom:0!important}.farallon--toc ul li{margin-left:20px!important}.farallon--toc ul li:before{padding-right:6px!important}.farallon--toc a{box-shadow:none!important}.farallon--toc a:hover{color:var(--farallon-hover-color)}.post--single{max-width:678px;margin-left:auto;margin-right:auto}.post--single__update{font-size:14px;color:var(--farallon-text-gray);margin-bottom:10px;margin-top:10px}.post--single__douban .db--nav{padding-top:10px}.post--single__douban .db--list .db--item{margin-right:12px}.post--single__title{font-size:32px;font-weight:700;line-height:1.5;margin-bottom:20px}.post--single__meta{font-size:14px}.post--single__copyright,.post--single__meta{color:var(--farallon-text-gray)}.post--single__action{display:flex;align-items:center;justify-content:center;padding:20px 0}.post--single__action .button--like svg{fill:var(--farallon-text-gray)}.post--single__action .button--like.is-active svg,.post--single__action .button--like:hover svg{fill:var(--farallon-hover-color)}.post--single__related{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.post--single__related__status{font-size:14px;background-color:var(--farallon-background-gray);border-radius:5px;padding:10px;border:1px solid var(--farallon-border-color-light)}.post--single__related__status:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__status a{color:var(--farallon-text-gray)}.post--single__related__status a p{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post--single__related__status .meta{font-size:12px;display:flex;align-items:center;margin-top:2px}.post--single__related__status .meta svg{fill:var(--farallon-text-gray);margin-right:5px}.post--single__related__item{padding:10px;border:1px solid var(--farallon-border-color);border-radius:10px;display:flex;flex-direction:column}.post--single__related__item .cover{border-radius:8px;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;width:100%}.post--single__related__item__title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--single__related__item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__item .meta{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray);line-height:1}@media(max-width:768px){.post--single__title{font-size:28px;margin-bottom:10px}}.author--card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;border-top:1px solid var(--farallon-border-color-light);margin-top:20px}.author--card .avatar{border-radius:100%}.author--card .author--name{font-weight:700;margin-top:10px;font-size:18px}.author--card .author--description{font-size:14px;color:var(--farallon-text-gray)}.author--card .author--sns{margin-top:12px;display:flex;align-items:center}.author--card .author--sns a{margin:0 10px 0 0}.author--card .author--sns a:last-child{margin-right:0}.author--card .author--sns svg{fill:var(--farallon-text-color);width:24px;height:24px}.author--card .author--sns svg:hover{fill:var(--farallon-hover-color)}.author--card .author--sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.author--card .author--sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.tag--list{display:flex;align-items:center;flex-wrap:wrap;padding:15px 0 5px}.tag--list a{margin-right:10px;margin-bottom:10px;background:#f0f0f0;font-size:14px;padding:2px 12px;border-radius:5px;color:var(--farallon-text-gray)}.tag--list a:hover{background-color:#e0e0e0}.button--like{border:0;background-color:transparent;cursor:pointer}.button--like.is-active svg{fill:var(--farallon-main-color)}.button--like.is-active .icon--active{display:block}.button--like .icon--active,.button--like .icon--block,.button--like.is-active .icon--default{display:none}.category--card{padding:15px 0;display:flex;align-items:center}.category--card__list{border-top:1px solid var(--farallon-border-color-light)}.category--card__image{margin-right:15px;width:64px;flex:0 0 auto;display:flex}.category--card__image img{border-radius:4px;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.category--card__content{flex:1 1 auto}.category--card:hover .category--card__title{color:var(--farallon-hover-color)}.category--card__title{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1}.category--card__description{font-size:var(--farallon-text-size-normal);color:var(--farallon-text-gray);line-height:1.2}.category--card+.category--card{position:relative}.category--card+.category--card:before{position:absolute;left:15px;right:15px;top:0;height:1px;background-color:var(--farallon-border-color-light);content:""}@media(max-width:768px){.author--card{padding:20px 0}.category--card{padding:12px 0}.category--card__image{width:48px}.category--card__image img{height:48px;width:48px}.category--card__title{font-size:16px}.category--card__description{font-size:12px}}.header--centered{text-align:center;padding-bottom:15px}.header--centered .post--single__title{margin-bottom:0}.graph{color:var(--farallon-text-color);word-break:break-all;font-size:var(--farallon-text-size-normal)}.graph table{border:1px solid var(--farallon-border-color);border-collapse:collapse;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}.graph table thead tr{background-color:#f5f5f5}.graph table tr{background-color:#fff}.graph table tr:hover>td{background-color:#f5f5f5;background-clip:padding-box}.graph table td,.graph table th{border-bottom:1px solid var(--farallon-border-color);border-right:1px solid var(--farallon-border-color);transition:background-color .25s ease;height:40px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;margin:0;padding:0 10px}.graph pre{word-break:break-all;white-space:break-spaces;background-color:var(--farallon-background-gray);padding:10px;border-radius:5px;font-size:var(--farallon-text-size-small)}.graph--mixtapeEmbed{margin-bottom:25px;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed a{text-decoration:none!important;box-shadow:none!important}.graph--mixtapeEmbed a:hover{color:inherit!important}.graph--mixtapeEmbed .mixtapeImage{width:120px;height:120px;background-size:cover;flex:0 0 auto;margin-left:30px;border-radius:0 4px 4px 0}.graph--mixtapeEmbed .mixtapeContent{padding:0 20px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:var(--farallon-text-size-small);line-height:1.6;color:var(--farallon-text-light)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{font-weight:700;line-height:1.3;margin-bottom:5px}.graph--mixtapeEmbed .mixtapeContent .markup--strong:hover{color:var(--farallon-hover-color)}.graph p{margin-bottom:25px;-webkit-hyphens:auto;hyphens:auto}.graph p:last-child{margin-bottom:0}.graph blockquote{color:var(--farallon-text-light);border-color:var(--farallon-border-color-light);margin-left:-3.5%;margin-right:-3.5%;margin-bottom:35px;background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));padding:30px;border-radius:10px}.graph blockquote p:last-child{margin-bottom:0}.graph a{text-decoration:none;box-shadow:inset 0 -3px 0 var(--farallon-main-color);transition:.2s}.graph a[href*=gif],.graph a[href*=gif]:hover,.graph a[href*=jpeg],.graph a[href*=JPEG],.graph a[href*=jpeg]:hover,.graph a[href*=JPEG]:hover,.graph a[href*=jpg],.graph a[href*=JPG],.graph a[href*=jpg]:hover,.graph a[href*=JPG]:hover,.graph a[href*=png],.graph a[href*=PNG],.graph a[href*=png]:hover,.graph a[href*=PNG]:hover{box-shadow:none}.graph a:hover{box-shadow:inset 0 -5px 0 var(--farallon-hover-color)}.graph h2,.graph h3{margin-bottom:15px;margin-top:30px;font-size:24px;font-weight:700;color:var(--farallon-text-gray);line-height:1.3;position:relative}.graph h2+h4,.graph h3+h4{margin-top:15px}.graph h2 :before,.graph h3 :before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--farallon-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.graph h2:target,.graph h3:target{color:var(--farallon-hover-color)}.graph h4{font-size:20px;font-weight:700;color:var(--farallon-gray-lightest);margin-bottom:10px;margin-top:30px;line-height:1.3}.graph hr{border:0;text-align:center;font-size:32px;height:auto;margin-top:0;margin-bottom:15px}.graph hr:before{content:"...";letter-spacing:.6em;text-indent:.6em}.graph b,.graph strong{font-weight:700}.graph ol,.graph ul{margin-bottom:25px;padding-left:15px}.graph ol li,.graph ul li{margin-left:25px;margin-bottom:5px}.graph ol li:before,.graph ul li:before{content:"•";box-sizing:border-box;font-size:18px;margin-left:-35px;padding-right:10px;display:inline-block;text-align:right;width:32px;color:var(--farallon-hover-color)}.graph ol{counter-reset:a}.graph ol>li:before{content:counter(a);counter-increment:a;font-size:var(--farallon-text-size-smallest);font-weight:700;align-items:center;background-color:rgba(195,218,254,.43);border:0 solid #999;border-radius:9999px;box-sizing:border-box;color:var(--farallon-hover-color);display:inline-flex;height:19px;justify-content:center;margin-left:-24px!important;margin-right:10px;margin-top:4px;transform:translateY(-1px);width:30px;padding:0}.colonel--figure,.grap--figure,.wp-caption{margin:0 -50px 25px;position:relative;max-width:calc(100% + 100px);line-height:1}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:4px}.colonel--figure .imageCaption,.colonel--figure .wp-caption-text,.grap--figure .imageCaption,.grap--figure .wp-caption-text,.wp-caption .imageCaption,.wp-caption .wp-caption-text{font-size:12px;text-align:center;position:absolute;bottom:12px;left:12px;color:#fff;background-color:hsla(0,0%,7%,.8);border-radius:5px;padding:8px 10px}@media(max-width:820px){.graph blockquote{margin-left:0;margin-right:0;padding-top:20px;background-position:left 10px top 0;margin-bottom:15px}.graph h2,.graph h3{font-size:20px}.graph ul{padding-left:0}.graph ul li{line-height:1.6}.graph--mixtapeEmbed{margin-bottom:25px;padding:15px 0;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed .mixtapeImage{display:none}.graph--mixtapeEmbed .mixtapeContent{padding:0 15px}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:12px;line-height:1.4;color:var(--farallon-text-gray)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{line-height:1.3;margin-bottom:5px;font-size:16px}.graph p{margin-bottom:15px}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 20px;margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:0}}.aligncenter{margin-left:auto;margin-right:auto;display:block}.comment-form label{display:block;margin-bottom:.5rem;font-size:14px;cursor:pointer;line-height:1.4}.comment-form label .required{color:red}.comment-form input,.comment-form textarea{width:100%;resize:none;border-radius:5px;box-sizing:border-box;border:1px solid var(--farallon-border-color);padding:8px 15px;font-size:14px}.comment-form .submit{background-color:#000;color:#fff;border:0;font-size:14px;cursor:pointer;padding:8px 30px;border-radius:5px;width:auto}.comment-form .submit:hover{background-color:var(--farallon-text-light)}.comment-form p{margin-bottom:15px}.comment-form p:last-of-type{margin-bottom:0}.comment-form .comment-notes,.comment-form .logged-in-as{font-size:12px;color:var(--farallon-text-gray)}.comment-reply-title{font-weight:700;font-size:18px;display:flex;align-items:center}.comment-reply-title small{margin-left:auto;font-weight:400;font-size:14px}.commentlist{border-top:1px solid var(--farallon-border-color-light);list-style:none;padding-top:10px}.commentlist .comment{padding:0}.commentlist .comment-respond{margin-top:20px;padding:20px;background-color:var(--farallon-background-gray);border-radius:5px}@keyframes b{0%{background-color:#fff}to{background-color:#fffee0}}.comment:last-child>.comment-body{border-bottom:0}.comment.parent{border-bottom:1px solid var(--farallon-border-color-light)}.comment.parent:last-child{border-bottom:0}.comment-body{padding:25px 0}.comment-body__fresh{animation:b 1.5s ease-in-out infinite alternate;border-radius:5px}.comment-body .avatar{transition:box-shadow .5s}.comment-body:hover .avatar{box-shadow:0 0 3px 0 var(--farallon-hover-color)}.comment--avatar{flex:0 0 auto;margin-right:10px;display:flex}.comment--author{flex:1 1 auto}.comment--author,.comment--author .url{display:flex;align-items:center}.comment--author .friend--icon{margin-left:5px;width:16px;height:16px}.comment--author__tip{margin-left:5px;font-size:12px;color:var(--farallon-background-white);background-color:var(--farallon-main-color);line-height:1.1;padding:2px 5px;border-radius:3px}.comment--author .comment-reply-link{margin-left:auto}.comment--author .comment-reply-link svg{fill:var(--farallon-text-gray);width:15px;height:15px}.comment--author .comment-reply-link:hover svg{fill:var(--farallon-hover-color)}.comment--author a{color:var(--farallon-main-color)}.comment--author a:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--meta{display:flex;align-items:center;flex:1 1 auto}.comment--time{color:var(--farallon-text-light)}.comment-meta .avatar{border-radius:100%}.comment-content{color:var(--farallon-text-light)}.comment-content a{text-decoration:underline}.comment-content a:hover{color:var(--farallon-hover-color)}.children{margin-left:0;padding-bottom:10px}.children .avatar{width:32px;height:32px}.children .comment-body{border-bottom:0;padding:15px 0}.children .comment-content{font-size:14px}.parent>.children{margin-left:50px}.comment-meta{margin-bottom:10px;font-size:14px;display:flex;align-items:center}.comment-meta .comment-metadata{margin-left:auto}.comment-reply-link{font-size:12px}.no--comment{text-align:center;padding:50px 0;color:var(--farallon-text-light)}.comments--title{margin-top:30px;font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center}.comments--title svg{width:24px;height:24px;margin-right:5px;position:relative;transform:translate3d(0,1px,0);fill:var(--farallon-text-color)}.comment-respond{padding-top:30px}.comment-form-cookies-consent #wp-comment-cookies-consent{display:none}.comment-form-cookies-consent label{font-size:14px;color:var(--farallon-text-gray);display:flex;align-items:center;position:relative}.comment-form-cookies-consent label:before{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:100%;height:16px;margin-right:6px;vertical-align:middle;width:16px;content:"";flex:0 0 auto}.comment-form-cookies-consent input:checked+label:after{background-color:var(--farallon-main-color);border-radius:100%;content:"";position:absolute;left:1px;height:12px;margin:2px;width:12px;flex:0 0 auto}.post--share{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:35px 0 15px;font-size:14px;color:var(--farallon-text-gray);line-height:1.2}.post--share svg{height:16px;width:16px;fill:var(--farallon-text-gray);margin-right:4px;flex:0 0 auto}.post--share .text{flex:0 0 auto}.post--share .link{margin-left:5px;border-bottom:1px dotted var(--farallon-hover-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment--parent__link{margin-right:5px;color:var(--farallon-main-color);text-decoration:none!important;display:flex;align-items:center}.comment--parent__link:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--parent__link .friend--icon{margin-left:5px;width:16px;height:16px}.pingback{padding:25px 0;border-bottom:1px solid var(--farallon-border-color-light)}.pingback:last-child{border-bottom:0}.pingback .pingback-content{display:flex;align-items:center;font-size:14px;color:var(--farallon-text-light)}.pingback .pingback-content svg{fill:currentColor;margin-right:6px}.pingback .pingback-content a:hover{color:var(--farallon-hover-color);text-decoration:underline}.archive-header{padding-top:30px;padding-left:120px;padding-right:120px;display:flex;align-items:center}.archive-header .archive-header-image{height:72px;width:72px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-right:15px}.archive-header h1{font-size:24px;font-weight:700;line-height:1;margin-bottom:5px}.archive-header .taxonomy-description{font-size:18px;color:var(--farallon-text-gray)}.archive-header+.site--main{padding-top:30px}.archive-header__search{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}.archive-header__search .search-form{border:1px solid var(--farallon-border-color);border-radius:999rem;padding:5px}.archive-header__search .search-form .search-field{border:0;background-color:transparent;padding:0 15px;font-size:14px;width:250px}.archive-header__search .search-form .search-submit{border-radius:999rem;border:0;background:gredient(to right,#007cf0,#00dfd8);font-size:14px;color:var(--farallon-text-gray);padding:8px 18px}@media(max-width:768px){.archive-header{padding-left:3.5%;padding-right:3.5%}.archive-header h1{font-size:20px}.archive-header .taxonomy-description{font-size:16px}.archive-header+.site--main{padding-top:20px}}.page--archive{padding:20px 80px 30px}.archive--title__year{font-size:24px;font-weight:700}.archive--list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:20px 0}.archive--list .archive--item{border:1px solid var(--farallon-border-color-light);padding:15px;border-radius:10px}.archive--list .archive--item .archive--title{line-height:1.4;font-size:14px}.archive--list .archive--item .archive--meta{font-size:12px;color:var(--farallon-text-gray)}.archive--list .archive--item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.archive--list .archive--item:hover .archive--title{color:var(--farallon-hover-color)}@media(max-width:820px){.page--archive{padding-left:40px;padding-right:40px}.archive--list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page--archive{padding-left:3.5%;padding-right:3.5%}}@media(max-width:414px){.page--archive{padding-left:3.5%;padding-right:3.5%}.archive--list{grid-template-columns:repeat(1,1fr)}}.link-title{font-size:18px;text-align:center;font-weight:700;line-height:1.2;margin-top:30px}.link-description{font-size:14px;color:var(--farallon-text-gray);text-align:center}.template--map{padding:50px 0}.template--map .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.footer-map{border:0;margin-top:40px}.template--links .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.template--linksWrap{padding:50px}.link-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;list-style:none;padding-top:15px}.link-item{border-radius:10px;padding:15px}.link-item .sitename{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray);display:flex;flex-direction:column;line-height:1.5}.link-item .sitename strong{font-size:var(--farallon-text-size-noral);color:var(--farallon-text-color);margin-bottom:10px}.link-item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.markerPro--post{padding-top:30px;padding-bottom:30px}.marker--tips{position:absolute;background-color:rgba(0,0,0,.3);color:#fff;top:10px;left:10px;font-size:12px;border-radius:999rem;padding:1px 8px}.template--about{padding-top:20px;padding-left:80px;padding-right:80px}.about--list{padding:30px 0}.about--list .about--item{display:flex}.about--list .about--item .date{padding:30px 3rem 30px 0;text-align:right;width:25%;position:relative}.about--list .about--item .date:before{position:absolute;top:38px;width:15px;height:15px;border-radius:50%;background-color:#eee;content:"";right:-8px}.about--list .about--item .date:after{position:absolute;top:40px;width:11px;height:11px;border-radius:50%;background-color:#fff;content:"";right:-6px}.about--list .about--item__content{padding-left:30px;padding-top:30px;border-left:1px solid var(--farallon-border-color)}.about--list .about--item__content .title{font-size:16px;font-weight:700}.about--list .about--item__content p{margin-bottom:10px;font-size:14px;color:var(--farallon-text-gray)}.template--douban{padding:50px 75px}.doulist-item{background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-color:var(--farallon-border-color);color:var(--farallon-text-gray)}.u-hide{display:none}.template--404{padding:0 80px 80px}.template--404 .error--text{font-size:120px;text-align:center;color:var(--farallon-text-gray)}.error--posts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.post--error{border:1px solid var(--farallon-border-color);padding:15px;border-radius:10px}.post--error .post--title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px}.post--error .meta{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray-lightest);flex-wrap:wrap}.post--error .meta,.post--error .meta time{display:flex;align-items:center}.post--error .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--error .meta svg:first-child{margin-left:0}.post--error .meta a:hover{text-decoration:underline}.related--posts{font-size:var(--farallon-text-size-small)}.related--posts__title{font-size:16px;font-weight:700;margin-bottom:10px}.status--archive{padding:50px 80px}.overlay,.status--archive .status--header{display:flex;align-items:center}.overlay{position:fixed;top:0;bottom:0;right:0;left:0;background-color:var(--farallon-background-white-opacity);justify-content:center;z-index:100}.overlay-img-wrap{position:relative;opacity:0;transition:opacity .5s;display:flex;align-items:center}.overlay-img-wrap.is-finieshed{opacity:1}.zoomImgClose{border:0;color:var(--farallon-text-light);background-color:var(--farallon-background-gray);height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;right:10px;top:10px;cursor:pointer}.zoomImgClose svg{transition:transform .5s;fill:var(--farallon-text-light)}.zoomImgClose:hover svg{transform:rotate(90deg)}.zoomNav{display:flex;justify-content:center}.mfp-arrow-left{opacity:.65;left:0;width:90px;height:110px;background-color:transparent;color:var(--farallon-text-light)}.mfp-arrow-left svg{fill:currentColor}.mfp-arrow-left{position:absolute;left:10px;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;background-color:var(--farallon-background-gray);cursor:pointer;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;color:var(--text-gray-light)}.mfp-arrow-left svg{transform:rotate(180deg)}.mfp-arrow-left.disabled{opacity:.4;cursor:not-allowed}.mfp-arrow-right{border:0;color:var(--farallon-text-light);position:absolute;right:10px;background-color:var(--farallon-background-gray);cursor:pointer;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow-right.disabled{opacity:.4;cursor:not-allowed}.image--nav{width:120px;display:flex;flex-direction:column;margin-left:50px;transform:rotate(90deg) translateX(4%);text-align:right;pointer-events:none;font-size:100px;max-height:80vh;color:var(--farallon-text-light);font-style:italic;white-space:nowrap}@media(max-width:800px){.overlay{flex-direction:column}.image--nav{transform:rotate(0deg) translateX(0);width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;flex-direction:row;justify-content:center;font-size:24px;margin-top:30px}.image--nav img{width:64px}}.notice--wrapper{background-color:rgba(0,0,0,.9);color:#fff;font-size:var(--farallon-text-size-smallest);max-width:800px;padding:10px 15px;border-radius:8px;position:fixed;z-index:1000;top:15px;left:50%;transform:translateX(-50%);transition:transform .5s}@media(max-width:768px){.notice--wrapper{width:80%}}.share--action{text-align:center;font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}.share--action span{text-decoration:underline;cursor:pointer}.u-cursorPointer{cursor:pointer}#cancel-comment-reply-link{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}#cancel-comment-reply-link:hover{color:var(--farallon-text-color)}.screen-reader-text{position:absolute;left:-9999px;top:-9999px}.dot:before{content:"·";margin-left:5px;margin-right:5px}.u-textAlignCenter{text-align:center}.u-overflowYHidden{overflow-y:hidden} \ No newline at end of file +:root{--farallon-main-color:#4370f5;--farallon-hover-color:#3a5f9a;--farallon-text-color:rgba(0,0,0,.84);--farallon-text-light:rgba(0,0,0,.68);--farallon-text-gray:rgba(0,0,0,.6);--farallon-text-gray-lightest:rgba(0,0,0,.5);--farallon-background-white:#fff;--farallon-background-gray:#fafafa;--farallon-background-opacity:0.9;--farallon-background-white-opacity:rgba(255,255,255,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(0,0,0,.1);--farallon-border-color-light:rgba(0,0,0,.05);--block-separator-color:#244654;--article-target-color:#283c50;--farallon-text-size-small:14px;--farallon-text-size-normal:16px;--farallon-text-size-smallest:12px}@media(prefers-color-scheme:dark){.auto{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.auto .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.auto .comment-form .submit{background-color:#3f3f46}.auto .comment-form .submit:hover{background-color:#52525b}.auto .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.auto .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.auto .post--item .post--title,.auto .post--single__title{color:#f4f4f5}.auto .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.auto .main:after{display:none}.auto .archive--list .archive--item:hover,.auto .graph blockquote,.auto .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item,.auto .post--card,.auto .post--item,.auto .post--single__related__item,.auto .post--single__related__status{position:relative}.auto .link-item:hover,.auto .post--card:hover,.auto .post--item:hover,.auto .post--single__related__item:hover,.auto .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.auto .link-item:hover:after,.auto .post--card:hover:after,.auto .post--item:hover:after,.auto .post--single__related__item:hover:after,.auto .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.auto .nav-links .page-numbers.current:after,.auto .nav-links .post-page-numbers.current:after{background-image:none}.auto .doulist-item{background-color:rgba(63,63,70,.15)}.auto .comment-form input,.auto .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}}.dark{--farallon-main-color:#fdba74;--farallon-hover-color:#ffedd5;--farallon-text-color:#a1a1aa;--farallon-text-light:#a1a1aa;--farallon-text-gray:#71717a;--farallon-text-gray-lightest:hsla(240,4%,46%,.95);--farallon-background-white:#1e1e1e;--farallon-background-gray:#000;--farallon-background-white-opacity:rgba(30,30,30,var(--farallon-background-opacity));--farallon-griedent-start:#007cf0;--farallon-griedent-end:#00dfd8;--farallon-border-color:rgba(63,63,70,.6);--farallon-border-color-light:rgba(63,63,70,.4)}.dark .site--header__center{background-color:rgba(39,39,42,.9);border-color:rgba(0,0,0,.5);-webkit-backdrop-filter:saturate(180%) blur(5px);backdrop-filter:saturate(180%) blur(5px);--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent);color:#e4e4e7}.dark .doulist-item{background:rgba(63,63,70,.15)}.dark .comment-form .submit{background-color:#3f3f46}.dark .comment-form .submit:hover{background-color:#52525b}.dark .tag--list a{background-color:#27272a;color:#71717a;--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 0 transparent,var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.dark .tag--list a:hover{--tw-ring-shadow:0 0 0 1px hsla(0,0%,100%,.2)}.dark .post--item .post--title,.dark .post--single__title{color:#f4f4f5}.dark .main{box-shadow:0 0 0 1px hsla(240,5%,84%,.2)}.dark .main:after{display:none}.dark .archive--list .archive--item:hover,.dark .graph blockquote,.dark .graph ol li:before{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item,.dark .post--card,.dark .post--item,.dark .post--single__related__item,.dark .post--single__related__status{position:relative}.dark .link-item:hover,.dark .post--card:hover,.dark .post--item:hover,.dark .post--single__related__item:hover,.dark .post--single__related__status:hover{background:linear-gradient(180deg,#1e1e1e,#121212)}.dark .link-item:hover:after,.dark .post--card:hover:after,.dark .post--item:hover:after,.dark .post--single__related__item:hover:after,.dark .post--single__related__status:hover:after{content:"";pointer-events:none;position:absolute;inset:0;border-radius:12px;border:1px solid #333}.dark .nav-links .page-numbers.current:after,.dark .nav-links .post-page-numbers.current:after{background-image:none}.dark .comment-form input,.dark .comment-form textarea{background-color:rgba(63,63,70,.15);border-color:#3f3f46}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.woff2) format("woff2"),url(../fonts/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Bold.woff2) format("woff2"),url(../fonts/OpenSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Light.woff2) format("woff2"),url(../fonts/OpenSans-Light.woff) format("woff");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Medium.woff2) format("woff2"),url(../fonts/OpenSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{scroll-behavior:smooth}body{letter-spacing:0;font-weight:400;font-style:normal;font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--farallon-text-size-normal);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on;color:var(--farallon-text-color);line-height:1.8;background-color:var(--farallon-background-gray);word-break:break-all}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:0;font-weight:400}ol,ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}p{margin-top:0;margin-bottom:0}button,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Open Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;font-size:var(--farallon-text-size-normal);color:var(--farallon-text-color)}.main{background-color:var(--farallon-background-white);max-width:1000px;margin-left:auto;margin-right:auto;min-height:100vh;position:relative}.main:after{aspect-ratio:1/3;background-image:linear-gradient(90deg,var(--farallon-griedent-start),var(--farallon-griedent-end));border:0;border-radius:9999px;bottom:calc(100% - 100px);filter:blur(44px);opacity:.2;position:absolute;right:0;left:0;content:""}.site--main{padding:50px 80px}.site--main__map{padding-left:0;padding-right:0}.site--main .markerPro--posts{grid-template-columns:repeat(2,1fr);grid-gap:20px}@media(max-width:820px){.site--main{padding:40px}}@media(max-width:768px){.site--main{padding:3.5%}}.site--footer{font-size:var(--farallon-text-size-small);padding:20px 80px;border-top:1px dotted var(--farallon-border-color);color:var(--farallon-text-light)}.site--footer__content{display:flex;align-items:center}.site--footer__info{display:none;text-align:center;color:var(--farallon-text-light)}.site--footer__info a{text-decoration:underline}.site--footer__info a:hover{color:var(--farallon-hover-color)}.site--footer__info.active{display:block}.site--footer .copyright{margin-left:auto;display:flex;align-items:center}.site--footer .copyright svg{fill:var(--farallon-text-light);margin-left:8px;cursor:pointer}.site--footer .copyright svg:hover{fill:var(--farallon-hover-color)}.site--footer nav ul{display:flex;align-items:center}.site--footer nav ul li{margin-right:10px}.site--footer nav ul li a:hover{text-decoration:underline}.site--footer__sns{display:flex;align-items:center}.site--footer__sns a{margin:0 12px 0 0;display:flex}.site--footer__sns svg{fill:var(--farallon-text-color);width:18px;height:18px}.site--footer__sns svg:hover{fill:var(--farallon-hover-color)}.site--footer__sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.site--footer__sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.fixed--theme{position:fixed;right:10px;top:40%;display:flex;flex-direction:column;height:-moz-max-content;height:max-content;box-shadow:0 0 0 1px var(--farallon-border-color);background-color:var(--farallon-background-white);border-radius:999rem;width:-moz-max-content;width:max-content;padding:3px}.fixed--theme span{width:32px;height:32px;cursor:pointer;border-radius:100%;display:flex;align-items:center;justify-content:center;color:var(--farallon-text-gray-lightest);margin-bottom:5px}.fixed--theme span.is-active,.fixed--theme span:hover{color:var(--farallon-text-color)}.fixed--theme span.is-active{background-color:var(--farallon-background-gray)}.fixed--theme span:last-child{margin-bottom:0}@media(max-width:768px){.site--footer__content{flex-direction:column;justify-content:center;align-items:center;padding-right:3.5%;padding-left:3.5%}.site--footer__content .copyright{margin-left:0}.site--footer__content nav{margin-bottom:10px}.fixed--theme{top:auto;bottom:100px}}@keyframes a{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.backToTop{position:fixed;bottom:25px;right:-25px;cursor:pointer;background-color:var(--border-color);z-index:10;transition:all .3s ease}.backToTop .svgIcon{width:17px;height:17px;fill:var(--farallon-main-color);animation:a 1s ease-in infinite alternate}.backToTop:hover .svgIcon{fill:var(--farallon-hover-color);animation-play-state:paused}.backToTop.is-active{right:25px}.footer--bar{padding:0 40px;padding-top:30px}.footer--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.footer--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.footer--bar{padding:0}.footer--bar .widget-card-content{font-size:18px}.footer--bar .widget-card-description{font-size:14px}}.heading-title{font-size:16px;font-weight:700}.widget_links{font-size:var(--farallon-text-size-small);color:var(--farallon-text-light)}.widget_links .blogroll{padding:5px 0;display:flex;flex-wrap:wrap}.widget_links .blogroll li{margin-right:15px;margin-bottom:15px}.widget_links .blogroll li a:hover{color:var(--farallon-hover-color);text-decoration:underline}.widget--category{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;padding-top:15px}.widget--category--item{display:flex;flex-direction:column;position:relative;height:100px}.widget--category--image{width:100%;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.widget--category--title{font-size:14px;font-weight:700;color:#fff;position:relative}.widget--category--meta{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center}.widget--category--meta:before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.1));border-radius:5px}.widget--category--meta:hover:before{background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.5))}@media(max-width:768px){.widget--category{grid-template-columns:repeat(2,1fr)}}@media(max-width:414px){.widget--category{grid-template-columns:repeat(1,1fr)}}.site--header{padding:20px 80px;position:relative;display:flex;align-items:center}.site--header .svgIcon{margin-left:auto;fill:var(--farallon-text-gray-lightest);position:relative;cursor:pointer}.site--header .avatar{height:48px;width:48px;border:3px var(--farallon-background-white) solid;border-radius:100%;transition:.5s ease-in-out}.site--header .avatar,.site--header.is-active .avatar{box-shadow:0 2px 4px 0 var(--farallon-border-color)}.site--header__center{position:absolute;left:50%;transform:translateX(-50%);height:39px;top:25px;z-index:1;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),0 10px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.5);border-radius:999rem;overflow:hidden}.site--header__center ul{display:flex;align-items:center;height:39px;box-sizing:border-box;padding:5px 30px}.site--header__center ul li{padding:0 15px;flex:0 0 auto;position:relative}.site--header__center ul li.current-menu-item a,.site--header__center ul li a:hover{color:var(--farallon-hover-color)}.site--header__center .inner{display:flex;flex-direction:column;transition:transform .5s}.site--header__center .inner .search--area{height:39px;display:flex;justify-content:center;align-items:center}.site--header__center .inner .search--area .search-field{background-color:transparent;border:0;font-size:14px}.site--header__center .inner .search--area .search-submit{background-color:#fff;border:0;display:none}.site--header__center .inner.search--active{transform:translateY(-39px)}.site--url{display:flex;align-items:center;font-size:18px;font-weight:700}.site--url .avatar{margin-right:10px}.u-xs-show{display:none}@media(max-width:820px){.site--header{padding-left:40px;padding-right:40px;padding-top:59px}.site--header__center{left:0;right:0;transform:translateZ(0);border-radius:0;top:0;box-shadow:0 0 #fff,0 0 0 1px hsla(240,5%,96%,.1),3px -8px 15px -3px rgba(39,39,42,.05),0 4px 6px -4px rgba(39,39,42,.05)}.site--header__center ul{overflow-x:auto;padding-left:40px;padding-right:40px}.site--header__center ul li{flex:0 0 auto}.site--header__center .inner .search--area,.site--header__center .inner .search--area .search-field{width:100%}}@media(max-width:768px){.site--header{padding-left:3.5%;padding-right:3.5%;padding-bottom:0}.site--header .avatar{width:40px;height:40px}.site--header__center ul{padding-left:20px;padding-right:20px}.u-xs-show{display:inline}}@media(max-width:414px){.site--header__center ul{padding-left:0;padding-right:0}}.top--bar{padding:0 40px;padding-bottom:30px}.top--bar .widget-card-content{font-size:24px;font-weight:700;line-height:1.2}.top--bar .widget-card-description{color:var(--farallon-text-gray);font-size:18px}@media(max-width:414px){.top--bar{padding:0}.top--bar .widget-card-content{font-size:18px}.top--bar .widget-card-description{font-size:14px}}.template--terms{padding:50px 80px;min-height:60vh}.template--terms .page--header{padding:0 0 40px;text-align:center}.tagCard{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:15px;padding-top:20px}.tagCard--item{transition:.5s;padding:8px 15px;border:1px solid var(--farallon-border-color);border-radius:5px;overflow:hidden;position:relative;color:var(--farallon-text-gray)}.tagCard--item:hover{color:var(--farallon-hover-color)}.tagCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.tagCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-2px;color:var(--farallon-text-gray-lightest);font-size:40px;font-style:italic;font-weight:700;line-height:1}@media(max-width:920px){.tagCard{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.tagCard{grid-template-columns:repeat(2,1fr)}}.collectionCard{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;padding-top:20px;overflow:hidden;position:relative}.collectionCard--item{transition:.5s;padding:8px;border:1px solid var(--farallon-border-color);border-radius:5px}.collectionCard--item:hover .collectionCard--title{color:var(--farallon-hover-color);text-decoration:underline}.collectionCard--item:after{position:absolute;content:attr(data-count);opacity:.15;bottom:-8px;right:-5px;color:var(--farallon-text-gray-lightest);font-size:60px;font-style:italic;font-weight:700;line-height:1}.collectionCard--image{height:150px;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:3px}.collectionCard--meta{padding:5px}.collectionCard--title{font-weight:500;line-height:1;margin-bottom:8px}.collectionCard--description{line-height:1.2}.collectionCard--count,.collectionCard--description{font-size:12px;color:var(--farallon-text-gray)}@media(max-width:920px){.template--terms{padding:50px 20px}.collectionCard{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.collectionCard{grid-template-columns:repeat(1,1fr)}}.post--item{padding:25px 40px;border-radius:5px;display:flex;align-items:center}.post--item:hover{background-color:rgba(234,243,255,.5);background-image:linear-gradient(12deg,#fff 50%,hsla(0,0%,100%,0));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--item__status{border-radius:5px;margin-top:10px;margin-bottom:10px}.post--item__status .avatar{border-radius:100%;margin-right:10px;width:36px;height:36px}.post--item__status header{display:flex;align-items:center;margin-bottom:10px}.post--item__status header a{color:var(--farallon-text-gray);display:flex;align-items:center;font-size:var(--farallon-text-size-small)}.post--item__status header a:hover{color:var(--farallon-hover-color)}.post--item__status .description{margin-bottom:0}.post--item .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--item .post--title .sticky--post{font-size:12px;color:#fff;font-weight:400;background:linear-gradient(90deg,#8a63d2,#f81ce5);padding:3px 5px;border-radius:5px;line-height:1;display:inline-block;vertical-align:middle}.post--item .post--title:hover{color:var(--farallon-hover-color)}.post--item .post--title+.meta{margin-top:10px}.post--item .content{flex:1 1 auto}.post--item:last-child{border-bottom:0}.post--item .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--item .meta{font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--item .meta,.post--item .meta time{display:flex;align-items:center}.post--item .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--item .meta svg:first-child{margin-left:0}.post--item .meta a:hover{text-decoration:underline}.post--item .cover--link{position:relative;width:150px;flex:0 0 auto;margin-left:20px;display:flex;align-items:center;height:100px;border-radius:5px;overflow:hidden}.post--item .cover--link:hover .cover{transform:scale(1.1)}.post--item .cover--link .marker--tips{left:auto;right:8px;top:8px}.post--item .cover--link .cover--count{position:absolute;bottom:8px;left:8px;background-color:rgba(0,0,0,.5);color:hsla(0,0%,100%,.95);padding:0 5px;border-radius:5px;font-size:12px;display:flex;align-items:center;font-weight:700}.post--item .cover--link .cover--count svg{margin-right:5px}.post--item .cover{width:150px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:5px;aspect-ratio:150/100;transition:.5s}.nav-links{display:flex;align-items:center;justify-content:center}.nav-links .loadmore{border:1px solid var(--farallon-border-color);cursor:pointer;position:relative;padding:5px 30px;border-radius:8px;font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray)}.nav-links .loadmore:hover{border-color:var(--farallon-hover-color);color:var(--farallon-hover-color)}.nav-links .page-numbers,.nav-links .post-page-numbers{padding:20px;position:relative}.nav-links .page-numbers:hover,.nav-links .post-page-numbers:hover{color:var(--farallon-hover-color)}.nav-links .page-numbers.current,.nav-links .post-page-numbers.current{font-size:20px;font-weight:700;cursor:not-allowed}.nav-links .page-numbers.current:after,.nav-links .post-page-numbers.current:after{border:12px solid transparent;background-clip:padding-box;content:"";filter:blur(36px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}.nav-links .page-numbers.dots,.nav-links .post-page-numbers.dots{color:var(--farallon-text-gray)}.nav-links__comment .page-numbers,.nav-links__comment .post-page-numbers{padding:10px;line-height:1;font-size:var(--farallon-text-size-small)}.nav-links__comment .page-numbers.current,.nav-links__comment .post-page-numbers.current{font-size:16px}.nav-links__comment .page-numbers.current:after,.nav-links__comment .post-page-numbers.current:after{border:6px solid transparent;background-clip:padding-box;content:"";filter:blur(10px);height:50%;opacity:.8;position:absolute;width:50%;background-image:linear-gradient(165deg,#007cf0,#00dfd8);left:0}@media(max-width:820px){.post--item{padding:15px 25px}}@media(max-width:768px){.post--item{padding:15px 0}.post--item__status{padding:10px}.post--item__status .avatar{width:32px;height:32px}.post--item:hover{background-color:transparent}.post--item:not(.post--item__status) .description{min-height:2.6em;line-height:1.3em;font-size:14px;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}.post--item .cover--link{width:75px;height:75px;margin-left:10px}.post--item .cover{width:75px;height:75px;aspect-ratio:1/1}.post--item .post--title{font-size:18px}.post--item .meta{font-size:12px}}.post-navigation{overflow:hidden;padding-top:20px}.post-navigation.is-active .nav-links{transform:translateZ(0)}.post-navigation .nav-links{position:relative;transform:translate3d(0,150%,0);display:flex;justify-content:space-between;transition:.5s}.post-navigation .nav-links>div:only-child{text-align:center!important;width:100%}.post-navigation .nav-next,.post-navigation .nav-previous{padding:15px;background-color:var(--farallon-background-white);width:48%;box-sizing:border-box;text-align:right;background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent}.post-navigation .nav-next a,.post-navigation .nav-previous a{display:flex;flex-direction:column}.post-navigation .nav-previous{text-align:left}.post-navigation .meta-nav{font-size:var(--farallon-text-size-smallest);text-transform:uppercase;color:var(--farallon-text-gray)}.post-navigation .post-title{font-size:14px;min-height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-navigation .post-title:hover{color:var(--farallon-hover-color)}.post--cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;padding-bottom:20px}.post--card{border:1px solid var(--farallon-border-color);padding:20px;border-radius:18px;display:flex;flex-direction:column}.post--card:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-radius:18px;transform:none;transform-origin:50% 50% 0}.post--card .cover--link{display:flex;align-items:center;position:relative}.post--card .cover{border-radius:10px;margin-bottom:12px;-o-object-fit:cover;object-fit:cover;aspect-ratio:60/36}.post--card .post--title{font-size:20px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--card .post--title:hover{color:var(--farallon-hover-color)}.post--card .post--title+.meta{margin-top:10px}.post--card .content{position:relative}.post--card .content .date{height:36px;width:36px;background-color:var(--farallon-background-white);border-radius:100%;position:absolute;font-weight:700;font-size:24px;line-height:36px;text-align:center;color:var(--farallon-text-gray);right:15px;top:-30px;box-shadow:0 0 0 5px var(--farallon-border-color-light)}.post--card .description{font-size:15px;color:var(--farallon-text-light);line-height:1.6}.post--card .meta{font-size:var(--farallon-text-size-small);color:var(--farallon-text-gray-lightest);flex-wrap:wrap;margin-top:2px}.post--card .meta,.post--card .meta time{display:flex;align-items:center}.post--card .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--card .meta svg:first-child{margin-left:0}.post--card .meta a:hover{text-decoration:underline}@media(max-width:414px){.post--cards{display:grid;grid-template-columns:repeat(1,1fr)}.post--card{padding:15px}}.farallon--toc{background-color:var(--farallon-background-gray);padding:12px 15px;border-radius:10px;font-size:var(--farallon-text-size-small);margin-bottom:15px;color:var(--farallon-text-light);line-height:1.4!important}.farallon--toc summary{cursor:pointer}.farallon--toc ul,.farallon--toc ul li{margin-bottom:0!important}.farallon--toc ul li{margin-left:20px!important}.farallon--toc ul li:before{padding-right:6px!important}.farallon--toc a{box-shadow:none!important}.farallon--toc a:hover{color:var(--farallon-hover-color)}.post--single{max-width:678px;margin-left:auto;margin-right:auto}.post--single__update{font-size:14px;color:var(--farallon-text-gray);margin-bottom:10px;margin-top:10px}.post--single__douban .db--nav{padding-top:10px}.post--single__douban .db--list .db--item{margin-right:12px}.post--single__title{font-size:32px;font-weight:700;line-height:1.5;margin-bottom:20px}.post--single__meta{font-size:14px}.post--single__copyright,.post--single__meta{color:var(--farallon-text-gray)}.post--single__action{display:flex;align-items:center;justify-content:center;padding:20px 0}.post--single__action .button--like svg{fill:var(--farallon-text-gray)}.post--single__action .button--like.is-active svg,.post--single__action .button--like:hover svg{fill:var(--farallon-hover-color)}.post--single__related{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.post--single__related__status{font-size:14px;background-color:var(--farallon-background-gray);border-radius:5px;padding:10px;border:1px solid var(--farallon-border-color-light)}.post--single__related__status:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__status a{color:var(--farallon-text-gray)}.post--single__related__status a p{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.post--single__related__status .meta{font-size:12px;display:flex;align-items:center;margin-top:2px}.post--single__related__status .meta svg{fill:var(--farallon-text-gray);margin-right:5px}.post--single__related__item{padding:10px;border:1px solid var(--farallon-border-color);border-radius:10px;display:flex;flex-direction:column}.post--single__related__item .cover{border-radius:8px;aspect-ratio:2/1;-o-object-fit:cover;object-fit:cover;width:100%}.post--single__related__item__title{font-size:14px;font-weight:700;line-height:1.4;margin-bottom:5px}.post--single__related__item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.post--single__related__item .meta{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray);line-height:1}@media(max-width:768px){.post--single__title{font-size:28px;margin-bottom:10px}}.author--card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px 0;border-top:1px solid var(--farallon-border-color-light);margin-top:20px}.author--card .avatar{border-radius:100%}.author--card .author--name{font-weight:700;margin-top:10px;font-size:18px}.author--card .author--description{font-size:14px;color:var(--farallon-text-gray)}.author--card .author--sns{margin-top:12px;display:flex;align-items:center}.author--card .author--sns a{margin:0 10px 0 0}.author--card .author--sns a:last-child{margin-right:0}.author--card .author--sns svg{fill:var(--farallon-text-color);width:24px;height:24px}.author--card .author--sns svg:hover{fill:var(--farallon-hover-color)}.author--card .author--sns svg.sns{fill:none;stroke:var(--farallon-text-color)}.author--card .author--sns svg.sns:hover{stroke:var(--farallon-hover-color);fill:none}.tag--list{display:flex;align-items:center;flex-wrap:wrap;padding:15px 0 5px}.tag--list a{margin-right:10px;margin-bottom:10px;background:#f0f0f0;font-size:14px;padding:2px 12px;border-radius:5px;color:var(--farallon-text-gray)}.tag--list a:hover{background-color:#e0e0e0}.button--like{border:0;background-color:transparent;cursor:pointer}.button--like.is-active svg{fill:var(--farallon-main-color)}.button--like.is-active .icon--active{display:block}.button--like .icon--active,.button--like .icon--block,.button--like.is-active .icon--default{display:none}.category--card{padding:15px 0;display:flex;align-items:center}.category--card__list{border-top:1px solid var(--farallon-border-color-light)}.category--card__image{margin-right:15px;width:64px;flex:0 0 auto;display:flex}.category--card__image img{border-radius:4px;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.category--card__content{flex:1 1 auto}.category--card:hover .category--card__title{color:var(--farallon-hover-color)}.category--card__title{font-size:18px;font-weight:700;margin-bottom:10px;line-height:1}.category--card__description{font-size:var(--farallon-text-size-normal);color:var(--farallon-text-gray);line-height:1.2}.category--card+.category--card{position:relative}.category--card+.category--card:before{position:absolute;left:15px;right:15px;top:0;height:1px;background-color:var(--farallon-border-color-light);content:""}@media(max-width:768px){.author--card{padding:20px 0}.category--card{padding:12px 0}.category--card__image{width:48px}.category--card__image img{height:48px;width:48px}.category--card__title{font-size:16px}.category--card__description{font-size:12px}}.header--centered{text-align:center;padding-bottom:15px}.header--centered .post--single__title{margin-bottom:0}.graph{color:var(--farallon-text-color);word-break:break-all;font-size:var(--farallon-text-size-normal)}.graph table{border:1px solid var(--farallon-border-color);border-collapse:collapse;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}.graph table thead tr{background-color:#f5f5f5}.graph table tr{background-color:#fff}.graph table tr:hover>td{background-color:#f5f5f5;background-clip:padding-box}.graph table td,.graph table th{border-bottom:1px solid var(--farallon-border-color);border-right:1px solid var(--farallon-border-color);transition:background-color .25s ease;height:40px;min-width:0;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;margin:0;padding:0 10px}.graph pre{word-break:break-all;white-space:break-spaces;background-color:var(--farallon-background-gray);padding:10px;border-radius:5px;font-size:var(--farallon-text-size-small)}.graph--mixtapeEmbed{margin-bottom:25px;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed a{text-decoration:none!important;box-shadow:none!important}.graph--mixtapeEmbed a:hover{color:inherit!important}.graph--mixtapeEmbed .mixtapeImage{width:120px;height:120px;background-size:cover;flex:0 0 auto;margin-left:30px;border-radius:0 4px 4px 0}.graph--mixtapeEmbed .mixtapeContent{padding:0 20px;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:var(--farallon-text-size-small);line-height:1.6;color:var(--farallon-text-light)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{font-weight:700;line-height:1.3;margin-bottom:5px}.graph--mixtapeEmbed .mixtapeContent .markup--strong:hover{color:var(--farallon-hover-color)}.graph p{margin-bottom:25px;-webkit-hyphens:auto;hyphens:auto}.graph p:last-child{margin-bottom:0}.graph blockquote{color:var(--farallon-text-light);border-color:var(--farallon-border-color-light);margin-left:-3.5%;margin-right:-3.5%;margin-bottom:35px;background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));padding:30px;border-radius:10px}.graph blockquote p:last-child{margin-bottom:0}.graph a{text-decoration:none;box-shadow:inset 0 -3px 0 var(--farallon-main-color);transition:.2s}.graph a[href*=gif],.graph a[href*=gif]:hover,.graph a[href*=jpeg],.graph a[href*=JPEG],.graph a[href*=jpeg]:hover,.graph a[href*=JPEG]:hover,.graph a[href*=jpg],.graph a[href*=JPG],.graph a[href*=jpg]:hover,.graph a[href*=JPG]:hover,.graph a[href*=png],.graph a[href*=PNG],.graph a[href*=png]:hover,.graph a[href*=PNG]:hover{box-shadow:none}.graph a:hover{box-shadow:inset 0 -5px 0 var(--farallon-hover-color)}.graph h2,.graph h3{margin-bottom:15px;margin-top:30px;font-size:24px;font-weight:700;color:var(--farallon-text-gray);line-height:1.3;position:relative}.graph h2+h4,.graph h3+h4{margin-top:15px}.graph h2 :before,.graph h3 :before{content:"";position:absolute;top:.5em;bottom:-2px;left:-10px;width:3.4em;z-index:-1;background:var(--farallon-hover-color);opacity:.3;transform:skew(-35deg);transition:opacity .2s ease;border-radius:3px 8px 10px 6px}.graph h2:target,.graph h3:target{color:var(--farallon-hover-color)}.graph h4{font-size:20px;font-weight:700;color:var(--farallon-gray-lightest);margin-bottom:10px;margin-top:30px;line-height:1.3}.graph hr{border:0;text-align:center;font-size:32px;height:auto;margin-top:0;margin-bottom:15px}.graph hr:before{content:"...";letter-spacing:.6em;text-indent:.6em}.graph b,.graph strong{font-weight:700}.graph ol,.graph ul{margin-bottom:25px;padding-left:15px}.graph ol li,.graph ul li{margin-left:25px;margin-bottom:5px}.graph ol li:before,.graph ul li:before{content:"•";box-sizing:border-box;font-size:18px;margin-left:-35px;padding-right:10px;display:inline-block;text-align:right;width:32px;color:var(--farallon-hover-color)}.graph ol{counter-reset:a}.graph ol>li:before{content:counter(a);counter-increment:a;font-size:var(--farallon-text-size-smallest);font-weight:700;align-items:center;background-color:rgba(195,218,254,.43);border:0 solid #999;border-radius:9999px;box-sizing:border-box;color:var(--farallon-hover-color);display:inline-flex;height:19px;justify-content:center;margin-left:-24px!important;margin-right:10px;margin-top:4px;transform:translateY(-1px);width:30px;padding:0}.colonel--figure,.grap--figure,.wp-caption{margin:0 -50px 25px;position:relative;max-width:calc(100% + 100px);line-height:1}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:4px}.colonel--figure .imageCaption,.colonel--figure .wp-caption-text,.grap--figure .imageCaption,.grap--figure .wp-caption-text,.wp-caption .imageCaption,.wp-caption .wp-caption-text{font-size:12px;text-align:center;position:absolute;bottom:12px;left:12px;color:#fff;background-color:hsla(0,0%,7%,.8);border-radius:5px;padding:8px 10px}@media(max-width:820px){.graph blockquote{margin-left:0;margin-right:0;padding-top:20px;background-position:left 10px top 0;margin-bottom:15px}.graph h2,.graph h3{font-size:20px}.graph ul{padding-left:0}.graph ul li{line-height:1.6}.graph--mixtapeEmbed{margin-bottom:25px;padding:15px 0;border:1px solid var(--farallon-border-color);border-radius:4px;display:flex}.graph--mixtapeEmbed .mixtapeImage{display:none}.graph--mixtapeEmbed .mixtapeContent{padding:0 15px}.graph--mixtapeEmbed .mixtapeContent .markup--em{font-style:normal;font-size:12px;line-height:1.4;color:var(--farallon-text-gray)}.graph--mixtapeEmbed .mixtapeContent .markup--strong{line-height:1.3;margin-bottom:5px;font-size:16px}.graph p{margin-bottom:15px}.colonel--figure,.grap--figure,.wp-caption{margin:0 0 20px;margin-left:-3.5%;margin-right:-3.5%;max-width:107%}.colonel--figure img,.grap--figure img,.wp-caption img{border-radius:0}}.aligncenter{margin-left:auto;margin-right:auto;display:block}.comment-form label{display:block;margin-bottom:.5rem;font-size:14px;cursor:pointer;line-height:1.4}.comment-form label .required{color:red}.comment-form input,.comment-form textarea{width:100%;resize:none;border-radius:5px;box-sizing:border-box;border:1px solid var(--farallon-border-color);padding:8px 15px;font-size:14px}.comment-form .submit{background-color:#000;color:#fff;border:0;font-size:14px;cursor:pointer;padding:8px 30px;border-radius:5px;width:auto}.comment-form .submit:hover{background-color:var(--farallon-text-light)}.comment-form p{margin-bottom:15px}.comment-form p:last-of-type{margin-bottom:0}.comment-form .comment-notes,.comment-form .logged-in-as{font-size:12px;color:var(--farallon-text-gray)}.comment-reply-title{font-weight:700;font-size:18px;display:flex;align-items:center}.comment-reply-title small{margin-left:auto;font-weight:400;font-size:14px}.commentlist{border-top:1px solid var(--farallon-border-color-light);list-style:none;padding-top:10px}.commentlist .comment{padding:0}.commentlist .comment-respond{margin-top:20px;padding:20px;background-color:var(--farallon-background-gray);border-radius:5px}@keyframes b{0%{background-color:#fff}to{background-color:#fffee0}}.comment:last-child>.comment-body{border-bottom:0}.comment.parent{border-bottom:1px solid var(--farallon-border-color-light)}.comment.parent:last-child{border-bottom:0}.comment-body{padding:25px 0}.comment-body__fresh{animation:b 1.5s ease-in-out infinite alternate;border-radius:5px}.comment-body .avatar{transition:box-shadow .5s}.comment-body:hover .avatar{box-shadow:0 0 3px 0 var(--farallon-hover-color)}.comment--avatar{flex:0 0 auto;margin-right:10px;display:flex}.comment--author{flex:1 1 auto}.comment--author,.comment--author .url{display:flex;align-items:center}.comment--author .friend--icon{margin-left:5px;width:16px;height:16px}.comment--author__tip{margin-left:5px;font-size:12px;color:var(--farallon-background-white);background-color:var(--farallon-main-color);line-height:1.1;padding:2px 5px;border-radius:3px}.comment--author .comment-reply-link{margin-left:auto}.comment--author .comment-reply-link svg{fill:var(--farallon-text-gray);width:15px;height:15px}.comment--author .comment-reply-link:hover svg{fill:var(--farallon-hover-color)}.comment--author a{color:var(--farallon-main-color)}.comment--author a:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--meta{display:flex;align-items:center;flex:1 1 auto}.comment--time{color:var(--farallon-text-light)}.comment-meta .avatar{border-radius:100%}.comment-content{color:var(--farallon-text-light)}.comment-content a{text-decoration:underline}.comment-content a:hover{color:var(--farallon-hover-color)}.children{margin-left:0;padding-bottom:10px}.children .avatar{width:32px;height:32px}.children .comment-body{border-bottom:0;padding:15px 0}.children .comment-content{font-size:14px}.parent>.children{margin-left:50px}.comment-meta{margin-bottom:10px;font-size:14px;display:flex;align-items:center}.comment-meta .comment-metadata{margin-left:auto}.comment-reply-link{font-size:12px}.no--comment{text-align:center;padding:50px 0;color:var(--farallon-text-light)}.comments--title{margin-top:30px;font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center}.comments--title svg{width:24px;height:24px;margin-right:5px;position:relative;transform:translate3d(0,1px,0);fill:var(--farallon-text-color)}.comment-respond{padding-top:30px}.comment-form-cookies-consent #wp-comment-cookies-consent{display:none}.comment-form-cookies-consent label{font-size:14px;color:var(--farallon-text-gray);display:flex;align-items:center;position:relative}.comment-form-cookies-consent label:before{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:100%;height:16px;margin-right:6px;vertical-align:middle;width:16px;content:"";flex:0 0 auto}.comment-form-cookies-consent input:checked+label:after{background-color:var(--farallon-main-color);border-radius:100%;content:"";position:absolute;left:1px;height:12px;margin:2px;width:12px;flex:0 0 auto}.post--share{cursor:pointer;display:flex;align-items:center;justify-content:center;padding:35px 0 15px;font-size:14px;color:var(--farallon-text-gray);line-height:1.2}.post--share svg{height:16px;width:16px;fill:var(--farallon-text-gray);margin-right:4px;flex:0 0 auto}.post--share .text{flex:0 0 auto}.post--share .link{margin-left:5px;border-bottom:1px dotted var(--farallon-hover-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment--parent__link{margin-right:5px;color:var(--farallon-main-color);text-decoration:none!important;display:flex;align-items:center}.comment--parent__link:hover{color:var(--farallon-hover-color);text-decoration:underline}.comment--parent__link .friend--icon{margin-left:5px;width:16px;height:16px}.pingback{padding:25px 0;border-bottom:1px solid var(--farallon-border-color-light)}.pingback:last-child{border-bottom:0}.pingback .pingback-content{display:flex;align-items:center;font-size:14px;color:var(--farallon-text-light)}.pingback .pingback-content svg{fill:currentColor;margin-right:6px}.pingback .pingback-content a:hover{color:var(--farallon-hover-color);text-decoration:underline}.archive-header{padding-top:30px;padding-left:120px;padding-right:120px;display:flex;align-items:center}.archive-header .archive-header-image{height:72px;width:72px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-right:15px}.archive-header h1{font-size:24px;font-weight:700;line-height:1;margin-bottom:5px}.archive-header .taxonomy-description{font-size:18px;color:var(--farallon-text-gray)}.archive-header+.site--main{padding-top:30px}.archive-header__search{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}.archive-header__search .search-form{border:1px solid var(--farallon-border-color);border-radius:999rem;padding:5px}.archive-header__search .search-form .search-field{border:0;background-color:transparent;padding:0 15px;font-size:14px;width:250px}.archive-header__search .search-form .search-submit{border-radius:999rem;border:0;background:gredient(to right,#007cf0,#00dfd8);font-size:14px;color:var(--farallon-text-gray);padding:8px 18px}@media(max-width:768px){.archive-header{padding-left:3.5%;padding-right:3.5%}.archive-header h1{font-size:20px}.archive-header .taxonomy-description{font-size:16px}.archive-header+.site--main{padding-top:20px}}.page--archive{padding:20px 80px 30px}.archive--title__year{font-size:24px;font-weight:700}.archive--list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:20px 0}.archive--list .archive--item{border:1px solid var(--farallon-border-color-light);padding:15px;border-radius:10px}.archive--list .archive--item .archive--title{line-height:1.4;font-size:14px}.archive--list .archive--item .archive--meta{font-size:12px;color:var(--farallon-text-gray)}.archive--list .archive--item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.archive--list .archive--item:hover .archive--title{color:var(--farallon-hover-color)}@media(max-width:820px){.page--archive{padding-left:40px;padding-right:40px}.archive--list{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page--archive{padding-left:3.5%;padding-right:3.5%}}@media(max-width:414px){.page--archive{padding-left:3.5%;padding-right:3.5%}.archive--list{grid-template-columns:repeat(1,1fr)}}.link-title{font-size:18px;text-align:center;font-weight:700;line-height:1.2;margin-top:30px}.link-description{font-size:14px;color:var(--farallon-text-gray);text-align:center}.template--map{padding:50px 0}.template--map .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.footer-map{border:0;margin-top:40px}.template--links .hero--title{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#007cf0,#00dfd8);text-align:center;font-size:26px;font-weight:700}.template--linksWrap{padding:50px}.link-items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;list-style:none;padding-top:15px}.link-item{border-radius:10px;padding:15px}.link-item .sitename{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray);display:flex;flex-direction:column;line-height:1.5}.link-item .sitename strong{font-size:var(--farallon-text-size-noral);color:var(--farallon-text-color);margin-bottom:10px}.link-item:hover{background-color:#fafafa;background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5))}.markerPro--post{padding-top:30px;padding-bottom:30px}.marker--tips{position:absolute;background-color:rgba(0,0,0,.3);color:#fff;top:10px;left:10px;font-size:12px;border-radius:999rem;padding:1px 8px}.template--about{padding-top:20px;padding-left:80px;padding-right:80px}.about--list{padding:30px 0}.about--list .about--item{display:flex}.about--list .about--item .date{padding:30px 3rem 30px 0;text-align:right;width:25%;position:relative}.about--list .about--item .date:before{position:absolute;top:38px;width:15px;height:15px;border-radius:50%;background-color:#eee;content:"";right:-8px}.about--list .about--item .date:after{position:absolute;top:40px;width:11px;height:11px;border-radius:50%;background-color:#fff;content:"";right:-6px}.about--list .about--item__content{padding-left:30px;padding-top:30px;border-left:1px solid var(--farallon-border-color)}.about--list .about--item__content .title{font-size:16px;font-weight:700}.about--list .about--item__content p{margin-bottom:10px;font-size:14px;color:var(--farallon-text-gray)}.template--douban{padding:50px 75px}.doulist-item{background:linear-gradient(90deg,rgba(255,233,244,.3),rgba(234,243,255,.5));border-color:var(--farallon-border-color);color:var(--farallon-text-gray)}.u-hide{display:none}.template--404{padding:0 80px 80px}.template--404 .error--text{font-size:120px;text-align:center;color:var(--farallon-text-gray)}.error--posts{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px}.post--error{border:1px solid var(--farallon-border-color);padding:15px;border-radius:10px}.post--error .post--title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px}.post--error .meta{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-gray-lightest);flex-wrap:wrap}.post--error .meta,.post--error .meta time{display:flex;align-items:center}.post--error .meta svg{margin-right:4px;fill:var(--farallon-text-gray-lightest);margin-left:10px}.post--error .meta svg:first-child{margin-left:0}.post--error .meta a:hover{text-decoration:underline}.related--posts{font-size:var(--farallon-text-size-small)}.related--posts__title{font-size:16px;font-weight:700;margin-bottom:10px}.status--archive{padding:50px 80px}.overlay,.status--archive .status--header{display:flex;align-items:center}.overlay{position:fixed;top:0;bottom:0;right:0;left:0;background-color:var(--farallon-background-white-opacity);justify-content:center;z-index:100}.overlay-img-wrap{position:relative;opacity:0;transition:opacity .5s;display:flex;align-items:center}.overlay-img-wrap.is-finieshed{opacity:1}.zoomImgClose{border:0;color:var(--farallon-text-light);background-color:var(--farallon-background-gray);height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;position:absolute;right:10px;top:10px;cursor:pointer}.zoomImgClose svg{transition:transform .5s;fill:var(--farallon-text-light)}.zoomImgClose:hover svg{transform:rotate(90deg)}.zoomNav{display:flex;justify-content:center}.mfp-arrow-left{opacity:.65;left:0;width:90px;height:110px;background-color:transparent;color:var(--farallon-text-light)}.mfp-arrow-left svg{fill:currentColor}.mfp-arrow-left{position:absolute;left:10px;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;background-color:var(--farallon-background-gray);cursor:pointer;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);border:0;color:var(--text-gray-light)}.mfp-arrow-left svg{transform:rotate(180deg)}.mfp-arrow-left.disabled{opacity:.4;cursor:not-allowed}.mfp-arrow-right{border:0;color:var(--farallon-text-light);position:absolute;right:10px;background-color:var(--farallon-background-gray);cursor:pointer;margin:0;top:50%;margin-top:-55px;padding:0;height:44px;width:44px;display:flex;align-items:center;justify-content:center;border-radius:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow-right.disabled{opacity:.4;cursor:not-allowed}.image--nav{width:120px;display:flex;flex-direction:column;margin-left:50px;transform:rotate(90deg) translateX(4%);text-align:right;pointer-events:none;font-size:100px;max-height:80vh;color:var(--farallon-text-light);font-style:italic;white-space:nowrap}@media(max-width:800px){.overlay{flex-direction:column}.image--nav{transform:rotate(0deg) translateX(0);width:100%;margin-left:0;overflow-x:auto;flex-wrap:nowrap;flex-direction:row;justify-content:center;font-size:24px;margin-top:30px}.image--nav img{width:64px}}.notice--wrapper{background-color:rgba(0,0,0,.9);color:#fff;font-size:var(--farallon-text-size-smallest);max-width:800px;padding:10px 15px;border-radius:8px;position:fixed;z-index:1000;top:15px;left:50%;transform:translateX(-50%);transition:transform .5s}@media(max-width:768px){.notice--wrapper{width:80%}}.share--action{text-align:center;font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}.share--action span{text-decoration:underline;cursor:pointer}.u-cursorPointer{cursor:pointer}#cancel-comment-reply-link{font-size:var(--farallon-text-size-smallest);color:var(--farallon-text-light)}#cancel-comment-reply-link:hover{color:var(--farallon-text-color)}.screen-reader-text{position:absolute;left:-9999px;top:-9999px}.dot:before{content:"·";margin-left:5px;margin-right:5px}.u-textAlignCenter{text-align:center}.u-overflowYHidden{overflow-y:hidden} \ No newline at end of file diff --git a/functions.php b/functions.php index 4360ac9..8852092 100755 --- a/functions.php +++ b/functions.php @@ -20,6 +20,12 @@ function farallon_setup() include_once('modules/shortcode.php'); include_once('modules/update.php'); +function farallon_get_post_image_count($post_id) +{ + $content = get_post_field('post_content', $post_id); + preg_match_all('//sim', $content, $strResult, PREG_PATTERN_ORDER); + return count($strResult[1]); +} function farallon_get_background_image($post_id, $width = null, $height = null) { diff --git a/languages/farallon.pot b/languages/farallon.pot index 3125ced..5e49f3f 100644 --- a/languages/farallon.pot +++ b/languages/farallon.pot @@ -2,14 +2,14 @@ # This file is distributed under the same license as the Farallon theme. msgid "" msgstr "" -"Project-Id-Version: Farallon 0.7.9\n" +"Project-Id-Version: Farallon 0.8.0\n" "Report-Msgid-Bugs-To: https://wordpress.org/support/theme/Farallon\n" "Last-Translator: FULL NAME \n" "Language-Team: LANGUAGE \n" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2024-12-11T06:10:37+00:00\n" +"POT-Creation-Date: 2024-12-28T04:01:56+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.11.0\n" "X-Domain: Farallon\n" @@ -43,11 +43,11 @@ msgstr "" msgid "This post has no comment yet" msgstr "" -#: functions.php:91 +#: functions.php:97 msgid "Add a menu" msgstr "" -#: functions.php:135 +#: functions.php:141 msgid "No links yet" msgstr "" @@ -73,7 +73,7 @@ msgid "Use Card Template" msgstr "" #: modules/base.php:173 -#: modules/setting.php:426 +#: modules/setting.php:432 msgid "Table of content" msgstr "" @@ -378,243 +378,251 @@ msgid "Enable like info in homepage" msgstr "" #: modules/setting.php:360 +msgid "Image count" +msgstr "" + #: modules/setting.php:361 -msgid "Hide home cover" +msgid "Show image count of the post" msgstr "" #: modules/setting.php:366 +#: modules/setting.php:367 +msgid "Hide home cover" +msgstr "" + +#: modules/setting.php:372 msgid "Exclude status" msgstr "" -#: modules/setting.php:367 +#: modules/setting.php:373 msgid "Exclude post type status in homepage" msgstr "" -#: modules/setting.php:378 +#: modules/setting.php:384 msgid "Author bio" msgstr "" -#: modules/setting.php:379 +#: modules/setting.php:385 msgid "Enable author bio" msgstr "" -#: modules/setting.php:384 +#: modules/setting.php:390 msgid "Author sns icons" msgstr "" -#: modules/setting.php:385 +#: modules/setting.php:391 msgid "Show author sns icons, will not show when author bio is off." msgstr "" -#: modules/setting.php:390 +#: modules/setting.php:396 msgid "Related posts" msgstr "" -#: modules/setting.php:391 +#: modules/setting.php:397 msgid "Enable related posts" msgstr "" -#: modules/setting.php:396 +#: modules/setting.php:402 msgid "Post like" msgstr "" -#: modules/setting.php:397 +#: modules/setting.php:403 msgid "Enable post like" msgstr "" -#: modules/setting.php:402 +#: modules/setting.php:408 msgid "Post navigation" msgstr "" -#: modules/setting.php:403 +#: modules/setting.php:409 msgid "Enable post navigation" msgstr "" -#: modules/setting.php:408 +#: modules/setting.php:414 msgid "Copy link" msgstr "" -#: modules/setting.php:409 +#: modules/setting.php:415 msgid "Enable copy link" msgstr "" -#: modules/setting.php:414 +#: modules/setting.php:420 msgid "Category card" msgstr "" -#: modules/setting.php:415 +#: modules/setting.php:421 msgid "Show post category info after post." msgstr "" -#: modules/setting.php:420 +#: modules/setting.php:426 msgid "Show parent comment" msgstr "" -#: modules/setting.php:421 +#: modules/setting.php:427 msgid "Enable show parent comment" msgstr "" -#: modules/setting.php:427 +#: modules/setting.php:433 msgid "Enable table of content" msgstr "" -#: modules/setting.php:432 +#: modules/setting.php:438 msgid "Start heading" msgstr "" -#: modules/setting.php:433 +#: modules/setting.php:439 msgid "Start heading,default h3" msgstr "" -#: modules/setting.php:438 +#: modules/setting.php:444 msgid "Post Author" msgstr "" -#: modules/setting.php:439 +#: modules/setting.php:445 msgid "Show post author tip in comment" msgstr "" -#: modules/setting.php:444 +#: modules/setting.php:450 msgid "Disable comment link" msgstr "" -#: modules/setting.php:445 +#: modules/setting.php:451 msgid "Disable comment author url" msgstr "" -#: modules/setting.php:450 +#: modules/setting.php:456 msgid "No reply text" msgstr "" -#: modules/setting.php:451 +#: modules/setting.php:457 msgid "Text display when no comment in current post." msgstr "" -#: modules/setting.php:456 +#: modules/setting.php:462 msgid "Friend icon" msgstr "" -#: modules/setting.php:457 +#: modules/setting.php:463 msgid "Show icon when comment author url is in blogroll." msgstr "" -#: modules/setting.php:462 +#: modules/setting.php:468 msgid "Post image zoom" msgstr "" -#: modules/setting.php:463 +#: modules/setting.php:469 msgid "Zoom image when a tag link to image url." msgstr "" -#: modules/setting.php:468 +#: modules/setting.php:474 msgid "Post update time" msgstr "" -#: modules/setting.php:469 +#: modules/setting.php:475 msgid "Show the last update time of post." msgstr "" -#: modules/setting.php:480 +#: modules/setting.php:486 msgid "Footer SNS Icons" msgstr "" -#: modules/setting.php:481 +#: modules/setting.php:487 msgid "Show sns icons in footer, if this setting is on, the footer menu won',t be displayed." msgstr "" -#: modules/setting.php:486 +#: modules/setting.php:492 msgid "Telegram" msgstr "" -#: modules/setting.php:487 +#: modules/setting.php:493 msgid "Telegram link" msgstr "" -#: modules/setting.php:492 +#: modules/setting.php:498 msgid "Email" msgstr "" -#: modules/setting.php:493 +#: modules/setting.php:499 msgid "Your email address" msgstr "" -#: modules/setting.php:498 +#: modules/setting.php:504 msgid "Instagram" msgstr "" -#: modules/setting.php:499 +#: modules/setting.php:505 msgid "Instagram link" msgstr "" -#: modules/setting.php:504 +#: modules/setting.php:510 msgid "Twitter" msgstr "" -#: modules/setting.php:505 +#: modules/setting.php:511 msgid "Twitter link" msgstr "" -#: modules/setting.php:510 +#: modules/setting.php:516 msgid "RSS" msgstr "" -#: modules/setting.php:511 +#: modules/setting.php:517 msgid "RSS link" msgstr "" -#: modules/setting.php:516 +#: modules/setting.php:522 msgid "Github" msgstr "" -#: modules/setting.php:517 +#: modules/setting.php:523 msgid "Github link" msgstr "" -#: modules/setting.php:522 +#: modules/setting.php:528 msgid "Discord" msgstr "" -#: modules/setting.php:523 +#: modules/setting.php:529 msgid "Discord link" msgstr "" -#: modules/setting.php:528 +#: modules/setting.php:534 msgid "Mastodon" msgstr "" -#: modules/setting.php:529 +#: modules/setting.php:535 msgid "Mastodon link" msgstr "" -#: modules/setting.php:534 +#: modules/setting.php:540 msgid "Custom" msgstr "" -#: modules/setting.php:535 +#: modules/setting.php:541 msgid "Custom sns link,use html." msgstr "" -#: modules/setting.php:545 +#: modules/setting.php:551 msgid "CSS" msgstr "" -#: modules/setting.php:546 +#: modules/setting.php:552 msgid "Custom CSS" msgstr "" -#: modules/setting.php:551 +#: modules/setting.php:557 msgid "Javascript" msgstr "" -#: modules/setting.php:552 +#: modules/setting.php:558 msgid "Custom Javascript" msgstr "" -#: modules/setting.php:557 +#: modules/setting.php:563 msgid "Copyright" msgstr "" -#: modules/setting.php:558 +#: modules/setting.php:564 msgid "Custom footer content" msgstr "" @@ -634,6 +642,7 @@ msgstr "" msgid "Categories" msgstr "" +#: page.php:20 #: single.php:21 msgid "Updated on" msgstr "" diff --git a/languages/zh_CN.mo b/languages/zh_CN.mo index d53cb930360dd0ce215fc8126cf2fbc94b98e24f..a8b763a31bc36c7823f3ba9db90ce35b810ca085 100644 GIT binary patch delta 3562 zcmYk;2~d_r9LMohP=mw+RMa3q5bp!2#8EWG3^A{iGQ1K*MB`8qP183KMU+HE)F2hh zGdmpVaMDrBX(mf29cLWJ#%nwnYO2YZGR?-mzxVx9?eKp-yZb!P?moNwJTLVrw?=uc z2K!e!(k>#5h-u>7HS8J4fwVu!xu$pkIpq$aPJMBp?W)gb1)=eOzC!UGzG2hCisD>&r9(SV}yo74#hWQ(6CK~ZrYNrKiiaVn2 zk3lV6ywwjz%}jDI^RElXP~nf0um?`X=~#->upZMenT^4waqpo9vJW-ohfwz)M-AkZ z)t^H>;8oPr|BAY<1=FX2hO}Y+^&}BgXdr!1d=qjtKk6D2wR&SQ4K~TV{yGO9EaQa zbX3Q4QBz-ty1vNj%TNQ|YUSOi>psSodjF5wiSJMyUqm%<&C2ywzKg>eu@tB&9>TjP zN1!?wZKj!7cD}&MOU*T?JyxkQ{kuJO;xKA+ov`vL^Bg`w{S_;mp5A>__XmAQ<)J5vY#(pc)*8+U1i`*JWco7Fzjz)J%PD z<+J8xRC{%(nZ1X49UJkkYtsgM$f&_^REOQIoQQf~Q&8{!SbQ1ho8RI@%AF#8_b)kwuy_I*M+TV|={}kCi?rYQ%d9IVu8a1Y*3j@q{X0+KCHNZqvN8_wM4Yg^r(EA!% zeWAG$)$s;YKQ*X!_TeDC|6h>lOT|6p&voT-bwLVh?WUsYi;x@KZq$<8Ku!4r)WBQu z+4Rn&*&TaO-yhX+hB?R1&-3bWZn>RUXD2qH2C&o0hs_hHH9uozjZRM%gz6w1HGmj1 z4mDGQt(=T%Hx)q)F7l%6HZl_4!B^hgVdbYc;qU!BDS>*`IrI4&XbiN@X<-$B2lB#$fQsGpREG@gup z()thsh(h88Lc66QO(CNfT4|gQ@0X#(@>!_4%_MS(SVF0S$RXwunrrp%y1-~}!FMPF zZB?ZLLUXH~(w`VYXtBl+d`{gCLcfzr+7;crIp6$`CI2SzI-!?e>1|@0H|INKXa^|` zB_fDTL^9EkHj-&VY`2P4=F_-^SZQU!&UXEXHN-Q-3_@F8N&UP-BoS{BO0N)Yt2itm z5(y=JST|H8HV^gWk$awajhIj9`=FFSyg_Ux^f6MJ>BIY9k+Q{BZs0{S`ryqXQi+#{ z$%N8WB2pPkQ8-)wIr@?5O{}*QTT$PR=~hm|IhL=)5yS*yr`4^%=ZK}mK%z6j7u-EX z6jj6pg${U?Ttk{fW*RY)SZ9@?xQy^8<`F4`QcdlOpj`jJoEce}kr{ala|>#JZXNCy zn*CozWZtaEg4vmo`FRTpYW>?*1+=`grKIj)&F$*rb)_YDDi76ee=@-@%qq)P-QIAp XuB!Oov-KtAu3~(6o7$UEtNs1~nN&<6 delta 3446 zcmYk;drXye9LMpW97yG2dJvHW1iXWqm%K1-hC=2A5!5sRFJz`=keX7MJznreY9fdx zrfK~VTU+F5&Ma2V+R|p}T(-Gc>L{~KUAn2+TD?Ed`LgvJ-{i|?iWR7Z>_koI0BVBo zq55w^-S-&=@gk-%zPmw2Thxh*?8!xsVu+RV&3V|3`U=!UHlrrih>3U%d*k=W8r&W1 zfDw$Y3CAEqxp=b|dfelNlhKNEu{%z;@={bst8h40qdGi}>gX%;9BL=7ptklV>T~x| zkE}h*Recb(Bgt0I2(tf?R1Bmd3y0!-EX8@)f^#vM1HoZ&m8c1hrr%6WD9@ z@1quW6t(3iQTJU%E%X{{0e9lrf6XkweySo4^}!U>K!Z^OjY3Tz&*~>xeUZ5U)p0p$ zpeod(@^CCR;7~k|jP0U0kv%cVBh!maHqOFQ%)k(`cy|Fcq3h-Y)P!Q_U5_dWb=ZcX zo^dwn{v6aqickxgjd~;tP!p&?_2X?Mqi0f!gK)1ke1qDV^Qew5p|DD}s}! z`(lvC?Gms6`=J(4iT$w#HPH}iyc0;jp8JxFX85gn4%OjBWDM7eDfqXwC$Ve|oPpZ% zL8$w)t$qS(qSLHgjJj_z>JhK7`VH7Y-~SzC)Ioz^;oQ4cZo={Hm@#VRcX@lre^3KN z^4*hN%v4l+mX(K@<4^-nwQ`BM6a$R!R$E1txdnSrUvK4R)K<1w`K);f)$t#w1w63& zNIuLtb6rsFeUW41Mq*!_ikkRJ^z^}XWOQQ<>c;(cLo@mVqrOIGt$Yi0CL(xC=}<*u zIwqlZU<_)2@n!+4pAuvwH)KMREH0twHth@+& zQ?5i!-~j4uHK8Va6gA-!)_y95{nyGbP@#^0Lv{EU>gy3?7V0PshvOhCFGTHBxs|KU zTGWmnM12iEKpoakt^I4%IOnX~>XFg+^iS0H{w~hOB;F2kInKmWsEMSeg$Kw&O?-rv z^HA*tsQMD*IJjk~N3#X>Xqr&>HJe_GWlozvp=Q{MTFE`s2inn#-hiD@D+;3OQ_M`% zz@tzDO+@uG4aed_9D)a}{s-hydG0D1{#<*OuNw!T9>HSN7JI0H_LxV^k1&h+&rt*Z zZr-x?yJmpbtJ*uG`bk7hthZnGn6WkFqMmV~l{cYQv>VmI5vy-9kD+$xq?OO0I=+Zg z@CIrj*(@^?i%|WnMZE#5Rc3rwV-2;a4)>WyP;bBwk@M(IqE>Ll+Haco&4@nX&&QhG zPy?o!{ZJDejCv#HV2Wau)HYK2~o-+dJ?;ci9}m^i%b;J zXcZgH5m-;Gx3b_wx?#j-VkEJE(2-YKOYA2m5N{GnbBKg}T$U4$6H0oK?yM_~P4r&! z%i+t*5N+krSVin6^b%5fHjMv|t+E@e+(sdp8N_phUU;*Jxr9;)k*18LbbMa_AqL0{ zCbnC{9_&ucv+^^z)be%sBvC}XV|CiwJmNKC4AF<+1?(Op*3}ipC1%ej*Ov4?E+w8K rwpnE&t|20c3SttWbTD){t~@f-BiJJlnvqc7F?26=R3J1xqdxE-Mphf> diff --git a/languages/zh_CN.po b/languages/zh_CN.po index 416d8e5..2fea76e 100644 --- a/languages/zh_CN.po +++ b/languages/zh_CN.po @@ -341,6 +341,14 @@ msgstr "文章点赞" msgid "Enable like info in homepage" msgstr "首页展示文章点赞数量" +#: modules/setting.php:360 +msgid "Image count" +msgstr "文章图片数" + +#: modules/setting.php:361 +msgid "Show image count of the post" +msgstr "展示文章包含的图片数量" + #: modules/setting.php:333 modules/setting.php:334 msgid "Hide home cover" msgstr "隐藏首页缩略图" diff --git a/modules/setting.php b/modules/setting.php index 2f3c685..68ea7f2 100755 --- a/modules/setting.php +++ b/modules/setting.php @@ -354,6 +354,12 @@ function setting_switch($params) 'label' => __('Like info', 'Farallon'), 'description' => __('Enable like info in homepage', 'Farallon') ], + [ + 'type' => 'switch', + 'name' => 'home_image_count', + 'label' => __('Image count', 'Farallon'), + 'description' => __('Show image count of the post', 'Farallon') + ], [ 'type' => 'switch', 'name' => 'hide_home_cover', diff --git a/scss/modules/post.scss b/scss/modules/post.scss index d93aac9..85fa361 100755 --- a/scss/modules/post.scss +++ b/scss/modules/post.scss @@ -118,6 +118,22 @@ right: 8px; top: 8px; } + .cover--count { + position: absolute; + bottom: 8px; + left: 8px; + background-color: rgba(0, 0, 0, 0.5); + color: rgba(255, 255, 255, 0.95); + padding: 0px 5px; + border-radius: 5px; + font-size: 12px; + display: flex; + align-items: center; + font-weight: bold; + svg { + margin-right: 5px; + } + } } .cover { diff --git a/template-parts/content.php b/template-parts/content.php index cd32531..c9b6f45 100755 --- a/template-parts/content.php +++ b/template-parts/content.php @@ -42,6 +42,12 @@ <?php the_title(); ?> + get_setting('home_image_count') && farallon_get_post_image_count(get_the_ID()) > 1) : ?> +
+ + +
+ \ No newline at end of file