/*
Theme Name: 当代史网站保存计划
Theme URI: https://saveprchistory.com/
Author: saveprchistory.com
Description: 可编辑的中国当代史网络资料保存计划主页。
Version: 1.1.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: saveprchistory
*/
:root{--sph-paper:#f4f0e8;--sph-ink:#302b26;--sph-muted:#70685e;--sph-line:#d9d0c3;--sph-brown:#514235}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--sph-paper);color:var(--sph-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.85}
a{color:inherit;text-underline-offset:4px}
a:hover{color:#806446}
a:focus-visible{outline:2px solid #95764f;outline-offset:5px}
.wp-site-blocks{padding:0}.sph-main{margin:0!important;padding:0!important;width:100%;max-width:none!important}
.sph-main>.wp-block-post-content{margin:0!important;padding:0!important;width:100%;max-width:none!important}
.sph-main>.wp-block-post-content>.sph-page{margin:0!important;width:100%;max-width:none!important}
.sph-page>*{margin-block:0}.sph-page .sph-container{width:min(1160px,calc(100% - 88px));max-width:1160px;margin-inline:auto!important}
.sph-page p{margin:0 0 16px}.sph-page h1,.sph-page h2,.sph-page h3{font-family:"Songti SC","Noto Serif CJK SC",serif;font-weight:600;line-height:1.5;color:var(--sph-ink)}
.sph-page h1{font-size:clamp(29px,3.35vw,46px);letter-spacing:.055em;margin:0 0 22px}
.sph-page h2{font-size:28px;letter-spacing:.035em;margin:0 0 18px}
.sph-page h3{font-size:21px;letter-spacing:.025em;margin:0 0 12px}
.sph-page .sph-small{font-size:12px;line-height:1.8;color:var(--sph-muted)}
.sph-banner{position:relative;isolation:isolate;max-width:none!important;width:100%;margin:0!important;overflow:hidden;background:var(--sph-paper)}
.sph-banner .sph-banner-image{display:block;margin:0!important;width:100%;line-height:0}
.sph-banner-image img{display:block;width:100%;height:auto;aspect-ratio:4/1}
.sph-banner::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(26,23,20,.77) 0%,rgba(35,29,24,.42) 21%,rgba(39,31,24,.09) 42%,transparent 61%)}
.sph-banner::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 56%,rgba(244,240,232,.12) 66%,rgba(244,240,232,.72) 85%,#f4f0e8 100%)}
.sph-masthead{position:absolute;z-index:3;top:26px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sph-nav{display:flex;align-items:center;gap:25px}.sph-nav p{margin:0!important;line-height:1.5;font-size:13px}
.sph-nav a{color:#f6f0e8;text-decoration:none}.sph-nav a:hover{color:white;text-decoration:underline}
.sph-banner-logo{width:clamp(230px,29vw,390px);margin:0!important;flex-shrink:0;line-height:0}
.sph-banner-logo img{width:100%;height:auto;display:block}
.sph-intro{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:70px;align-items:center;padding:34px 0 36px}
.sph-intro-copy>p{max-width:48em;color:var(--sph-muted);font-size:15px;line-height:1.95}
.sph-intro-copy>.sph-lead{font-size:18px;line-height:1.9;color:#4b4238}
.sph-intro-action p{margin:0 0 12px}.sph-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 22px;background:var(--sph-brown);color:#fffaf3;border:1px solid var(--sph-brown);border-radius:2px;text-decoration:none;white-space:nowrap;font-size:15px}
.sph-button:hover{background:#382f26;color:white}.sph-intro-action .sph-small{margin:0}
.sph-overview{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;border-top:1px solid var(--sph-line);border-bottom:1px solid var(--sph-line);padding:26px 0 25px}
.sph-count{display:flex;align-items:baseline;gap:18px;margin-bottom:4px!important}.sph-count strong{font-size:37px;line-height:1.35;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.02em}.sph-count span{font-size:13px;color:var(--sph-muted)}
.sph-overview .sph-small{margin:0}.sph-overview h2{font-size:18px;margin:3px 0 10px}.sph-source-list{font-size:14px;line-height:1.8;margin-bottom:10px!important}
.sph-collection{padding:45px 0 39px}.sph-section-intro{max-width:67em;font-size:14px;color:var(--sph-muted);line-height:1.9;margin-bottom:26px!important}
.sph-catalog{display:grid;grid-template-columns:1fr 1fr;column-gap:42px;row-gap:0}
.sph-record{display:grid;grid-template-columns:124px minmax(0,1fr);gap:22px;padding:25px 0;border-top:1px solid var(--sph-line);align-items:start}
.sph-thumbnail{width:124px;margin:1px 0 0!important;line-height:0;border:1px solid #d7cec0;background:#e9e3da;overflow:hidden}
.sph-thumbnail img{display:block;width:100%;height:172px;object-fit:cover;object-position:center top}
.sph-record h3{font-size:19px;margin:0 0 10px}.sph-record-title{font-size:13px;line-height:1.8;margin-bottom:10px!important}.sph-record-title a{text-decoration:none}.sph-record-title a:hover{text-decoration:underline}
.sph-record-description{font-size:13px;color:var(--sph-muted);line-height:1.9;margin-bottom:12px!important}
.sph-record-source{font-size:11px;color:#84786a;line-height:1.8;margin:0!important}
.sph-reading{border-top:1px solid var(--sph-line);padding:35px 0 37px}.sph-reading h2{font-size:25px;margin-bottom:24px}
.sph-guidelines{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.sph-guideline h3{font-size:17px;margin-bottom:10px}.sph-guideline p{font-size:13px;line-height:1.95;color:var(--sph-muted);margin:0}
.sph-use-note{font-size:12px;line-height:1.9;color:var(--sph-muted);margin:26px 0 0!important;padding-top:20px;border-top:1px solid var(--sph-line)}
.sph-site-footer{width:min(1160px,calc(100% - 88px));max-width:1160px!important;margin-inline:auto!important;border-top:1px solid var(--sph-line);padding:20px 0 25px;font-size:12px;color:var(--sph-muted)}.sph-site-footer p{margin:0}
.sph-skip{position:absolute;left:12px;top:-100px;z-index:10;background:#fff;padding:6px 12px}.sph-skip:focus{top:12px}
.sph-site-header{max-width:1160px;margin:auto;padding:22px 0;border-bottom:1px solid var(--sph-line)}.sph-site-header .wp-block-site-logo{background:#3e332a;padding:8px 12px}.sph-site-header .wp-block-site-logo img{width:218px;height:auto}.sph-default-content{padding:40px 0}
@media(min-width:1600px){.sph-masthead{left:max(44px,calc((100vw - 1450px)/2));right:max(44px,calc((100vw - 1450px)/2));top:34px}}
@media(max-width:980px){.sph-intro{gap:34px;grid-template-columns:minmax(0,1fr) 185px}.sph-button{padding:12px 18px;gap:22px}.sph-catalog{column-gap:28px}.sph-record{grid-template-columns:98px minmax(0,1fr);gap:17px}.sph-thumbnail{width:98px}.sph-thumbnail img{height:146px}.sph-overview{gap:34px;grid-template-columns:230px minmax(0,1fr)}.sph-nav{gap:19px}.sph-masthead{top:20px}}
@media(max-width:700px){.sph-page .sph-container,.sph-site-footer{width:calc(100% - 40px)}.sph-masthead{top:14px;left:20px;right:20px;align-items:flex-start}.sph-banner-logo{width:clamp(170px,44vw,240px)}.sph-nav{gap:12px}.sph-nav p{font-size:11px}.sph-nav p:first-child,.sph-nav p:nth-child(2){display:none}.sph-banner-image img{width:100%;min-height:140px;object-fit:cover;object-position:center}.sph-intro{display:block;padding:28px 0 30px}.sph-page h1{font-size:29px;letter-spacing:.025em;margin-bottom:18px}.sph-intro-copy>.sph-lead{font-size:16px}.sph-intro-copy>p{font-size:14px}.sph-intro-action{margin-top:21px}.sph-intro-action p{display:inline-block;vertical-align:middle;margin:0 16px 0 0}.sph-overview{grid-template-columns:1fr;gap:20px;padding:23px 0}.sph-overview-count{max-width:410px}.sph-count strong{font-size:33px}.sph-catalog{grid-template-columns:1fr}.sph-collection{padding:33px 0 29px}.sph-page h2{font-size:25px}.sph-record{grid-template-columns:100px minmax(0,1fr);gap:18px;padding:23px 0}.sph-thumbnail{width:100px}.sph-thumbnail img{height:144px}.sph-record h3{font-size:18px}.sph-guidelines{grid-template-columns:1fr;gap:22px}.sph-guideline h3{font-size:18px}.sph-reading{padding:28px 0}.sph-reading h2{font-size:24px}.sph-overview h2{font-size:18px}.sph-use-note{margin-top:23px!important}.sph-site-footer{padding:18px 0 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.sph-banner-image img{height:clamp(320px,32vw,560px);aspect-ratio:auto;object-fit:cover;object-position:left center}
.sph-drawer-shell{position:fixed;z-index:100;top:0;left:0;width:100%;background:rgba(48,39,31,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(242,228,207,.12);box-shadow:0 6px 22px rgba(38,29,22,.1);transform:translateY(-108%);visibility:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),visibility 0s .42s}
.sph-drawer-shell.is-visible{transform:translateY(0);visibility:visible;transition:transform .42s cubic-bezier(.22,1,.36,1),visibility 0s}
.sph-drawer{max-width:1450px;margin:0 auto;padding:17px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sph-drawer .sph-banner-logo{width:clamp(230px,24vw,320px)}
.sph-drawer .sph-nav p{margin:0;font-size:13px}
@media(max-width:700px){.sph-banner-image img{height:190px;min-height:0;object-position:left center}.sph-drawer{padding:13px 20px;gap:14px}.sph-drawer .sph-banner-logo{width:170px}.sph-drawer .sph-nav p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.sph-drawer-shell,.sph-drawer-shell.is-visible{transition:none}}
/* Keep WordPress's inherited block spacing out of the explicit grids. */
.sph-page .wp-block-group,.sph-drawer .wp-block-group{margin-block-start:0!important}
@media(max-width:700px){.sph-page .sph-intro-action{margin-block-start:21px!important}}