/*
Theme Name: 字故事
Theme URI: https://www.zigushi.com/
Author: 字故事
Description: 宣纸与墨色之间，一字一世界，一字一故事。轻量、响应式的原创汉字内容主题。
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zigushi
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{--paper:#f8f5ee;--paper-light:#fffdf8;--ink:#292b27;--muted:#77776e;--line:#dedbd1;--accent:#97624c;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","STSong","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--width:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0 0 1.75em}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.5}::selection{background:#e4d9c4}.site{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;width:100%}.container{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:#fff;padding:10px 18px;z-index:100}.skip-link:focus{top:12px}.site-header{padding:30px 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:24px}.wordmark{display:flex;align-items:center;gap:13px}.wordmark-name{font-family:var(--serif);font-size:27px;letter-spacing:.14em;line-height:1.2}.wordmark-en{font-size:10px;letter-spacing:.24em;color:var(--muted);border-left:1px solid var(--line);padding-left:13px}.site-nav{display:flex;gap:30px;font-size:14px}.site-nav a{padding:5px 0;position:relative}.site-nav a[aria-current="page"]::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent)}
.home-hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;min-height:500px;gap:40px;padding:62px 0 82px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;letter-spacing:.2em;margin-bottom:26px}.eyebrow::before{content:"";width:28px;height:1px;background:var(--accent)}.hero-title{font-size:clamp(36px,4.5vw,59px);line-height:1.7;letter-spacing:.08em;margin:0 0 22px}.hero-description{font-size:15px;color:var(--muted);margin-bottom:30px}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{transition:transform .2s}.text-link:hover span{transform:translateX(4px)}.hero-art{position:relative;display:grid;place-items:center;aspect-ratio:1;max-width:320px;justify-self:end;width:100%;border:1px solid var(--line);border-radius:50%;color:#33382f}.hero-art::before{content:"";position:absolute;width:calc(100% - 24px);height:calc(100% - 24px);border:1px solid #e8e4d9;border-radius:50%}.hero-character{font-family:var(--serif);font-size:clamp(120px,15vw,190px);line-height:1;transform:translateY(-3%)}.hero-seal{position:absolute;right:10px;bottom:35px;width:36px;height:42px;display:grid;place-items:center;border:1px solid var(--accent);color:var(--accent);font-family:var(--serif);font-size:15px;background:var(--paper);letter-spacing:2px;line-height:1.2;padding-left:2px}
.latest-section{padding:0 0 70px}.section-heading{border-top:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-top:26px;margin-bottom:26px}.section-heading h2{font-size:23px;letter-spacing:.06em;margin:0}.section-heading>a{font-size:13px;color:var(--muted)}.empty-note{padding:28px 0 40px;color:var(--muted);font-family:var(--serif);font-size:18px;letter-spacing:.1em}.home-empty{border-top:1px solid var(--line);padding:35px 0 85px;color:var(--muted);font-family:var(--serif);font-size:17px;letter-spacing:.12em}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 30px}.post-card{min-width:0}.post-image{display:block;margin-bottom:18px;overflow:hidden;background:#eeebe1;aspect-ratio:4/3}.post-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.post-image:hover img{transform:scale(1.025)}.post-meta{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 14px;margin-bottom:10px}.post-category{color:var(--accent)}.post-card h2{font-size:23px;line-height:1.65;margin-bottom:12px;overflow-wrap:anywhere}.post-excerpt{font-size:14px;color:#6e7067;line-height:1.9;margin-bottom:14px}.post-read-more{font-size:12px;color:var(--muted)}.archive-header{padding:55px 0 38px;max-width:760px}.archive-header h1{font-size:42px;letter-spacing:.08em;margin-bottom:13px}.archive-description{color:var(--muted);font-size:15px}.archive-description p:last-child{margin-bottom:0}.archive-content{padding-bottom:80px}.pagination{margin-top:48px}.nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.page-numbers{padding:5px 13px;border:1px solid var(--line);font-size:14px}.page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.article-wrap{max-width:790px;margin:0 auto;padding:50px 0 75px}.article-header{margin-bottom:38px;padding-bottom:28px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(30px,4vw,46px);line-height:1.55;letter-spacing:.03em;margin:14px 0 18px;overflow-wrap:anywhere}.article-header .post-meta{margin:0}.article-thumbnail{margin-bottom:35px}.entry-content{font-size:17px;line-height:2.05;overflow-wrap:anywhere}.entry-content p{margin-bottom:1.5em}.entry-content h2{font-size:29px;margin:1.65em 0 .7em}.entry-content h3{font-size:23px;margin:1.5em 0 .65em}.entry-content a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.entry-content ul,.entry-content ol{padding-left:1.6em;margin-bottom:1.5em}.entry-content li+li{margin-top:.35em}.entry-content blockquote{border-left:3px solid var(--accent);padding:8px 0 8px 24px;margin:1.75em 0;color:#62675b;font-family:var(--serif);font-size:1.1em}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content pre{overflow:auto;padding:20px;background:#eeebe2;line-height:1.6;font-size:14px}.entry-content code{font-size:.9em}.entry-content table{width:100%;border-collapse:collapse;font-size:15px}.entry-content td,.entry-content th{padding:10px 14px;border:1px solid var(--line);text-align:left}.entry-content th{background:#eeebe2}.entry-content .wp-block-table{overflow-x:auto}.entry-content figcaption{font-size:13px;line-height:1.7;color:var(--muted);text-align:center;margin-top:10px}.entry-content .wp-block-separator{border:0;border-top:1px solid var(--line);margin:2.5em auto}.entry-content .wp-block-button__link{background:var(--ink);color:var(--paper);text-decoration:none;border-radius:3px}.entry-content .aligncenter{margin-inline:auto}.entry-content .alignleft{float:left;margin:0 24px 18px 0}.entry-content .alignright{float:right;margin:0 0 18px 24px}.entry-content::after{content:"";display:table;clear:both}.article-footer{margin-top:40px;padding-top:25px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.article-tags a{display:inline-block;margin:0 12px 8px 0}.article-nav{margin-top:25px}.article-nav .nav-links{justify-content:space-between;gap:20px}.article-nav .nav-previous,.article-nav .nav-next{max-width:46%}.article-nav .nav-next{text-align:right}.nav-label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.post-page-links{font-size:14px;margin-top:25px}.site-footer .container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0 30px;font-size:12px;color:var(--muted)}.site-footer p{margin:0}.site-footer .footer-motto{font-family:var(--serif);letter-spacing:.12em}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
@media(min-width:1000px){.entry-content .alignwide{max-width:940px;width:calc(100% + 150px);margin-left:-75px}.entry-content .alignfull{max-width:1120px;width:calc(100% + 300px);margin-left:-150px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.home-hero{min-height:420px;padding:45px 0 60px;grid-template-columns:1.5fr .5fr;gap:24px}.hero-art{max-width:200px}.hero-character{font-size:110px}.hero-seal{right:-7px;bottom:12px;width:29px;height:35px;font-size:12px}.hero-title{font-size:38px;letter-spacing:.02em}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-wrap{padding-top:35px}.entry-content{font-size:16px}}
@media(max-width:560px){.container{width:calc(100% - 40px)}.site-header{padding:23px 0 10px}.header-inner{padding-bottom:20px}.wordmark-name{font-size:24px}.wordmark-en{display:none}.site-nav{gap:22px;font-size:13px}.home-hero{display:block;min-height:auto;padding:46px 0 48px;position:relative}.eyebrow{font-size:11px;margin-bottom:20px}.hero-title{font-size:37px;line-height:1.65;letter-spacing:.025em}.hero-description{max-width:280px;font-size:14px;margin-bottom:25px}.hero-art{display:none}.home-empty{padding:28px 0 60px;font-size:15px}.latest-section{padding-bottom:45px}.section-heading h2{font-size:21px}.post-grid{grid-template-columns:1fr;gap:30px}.post-card{padding-bottom:25px;border-bottom:1px solid var(--line)}.post-card:last-child{border-bottom:0}.post-card h2{font-size:23px}.archive-header{padding:34px 0 28px}.archive-header h1{font-size:34px}.archive-content{padding-bottom:45px}.article-header{margin-bottom:28px;padding-bottom:22px}.article-header h1{font-size:30px}.entry-content h2{font-size:25px}.entry-content h3{font-size:21px}.entry-content blockquote{padding-left:18px}.entry-content .alignleft,.entry-content .alignright{float:none;margin:0 0 1.5em}.article-nav .nav-links{display:block}.article-nav .nav-previous,.article-nav .nav-next{max-width:100%;text-align:left;margin-bottom:18px}.site-footer .container{display:block;padding:22px 0}.footer-motto{margin-top:6px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.wordmark{flex-shrink:0;white-space:nowrap}.site-nav{white-space:nowrap}
@media(max-width:560px){.site-nav{gap:16px}}
/* Keep the content width steady when navigating between short and long pages. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}