/* Guanfu / 观复: theme-scoped styles, no third-party assets. */

.guanfu-site{--paper:#edeae2;--ink:#222720;--muted:#62665b;--line:#22272030;--red:#b73825;--gold:#a48b50;--serif:"STKaiti","KaiTi","楷体","Noto Serif SC","Songti SC",serif;--reading:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--mono:"Cascadia Mono","Consolas",monospace}
.guanfu-site *{box-sizing:border-box}html[data-front-theme=guanfu]{scroll-behavior:smooth;scroll-padding-top:94px}.guanfu-site{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans)}.guanfu-site button, .guanfu-site a{-webkit-tap-highlight-color:transparent}.guanfu-site button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}.guanfu-site a{color:inherit;text-decoration:none}.guanfu-site button:focus-visible, .guanfu-site a:focus-visible{outline:2px solid var(--red);outline-offset:6px}.guanfu-site ::selection{background:var(--red);color:var(--paper)}.guanfu-site [hidden]{display:none!important}.guanfu-site svg{display:block}.guanfu-site section{position:relative;scroll-margin-top:20px}.guanfu-site p, .guanfu-site h1, .guanfu-site h2, .guanfu-site h3{margin:0}.guanfu-site:after{content:"";position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.guanfu-site .skip{position:fixed;z-index:100;left:20px;top:-80px;padding:12px;background:var(--paper)}.guanfu-site .skip:focus{top:12px}.guanfu-site .site-head{position:fixed;z-index:20;top:0;left:0;right:0;padding:0 4%;height:82px;display:flex;align-items:center;gap:30px;background:rgba(237,234,226,.95);border-bottom:1px solid var(--line)}.guanfu-site .brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.guanfu-site .brand-seal{width:32px;height:36px;background:var(--red);color:var(--paper);display:grid;place-items:center;font:24px var(--serif);border-radius:2px 1px 3px 1px;transform:rotate(-3deg)}.guanfu-site .brand-name{font:26px var(--serif);letter-spacing:3px}.guanfu-site .brand-domain{font:9px var(--mono);letter-spacing:.08em;color:var(--muted);margin-top:4px}.guanfu-site .head-nav{display:flex;gap:34px;margin-left:auto;margin-right:5vw}.guanfu-site .head-nav a{font:15px var(--serif);padding:12px 0;position:relative}.guanfu-site .head-nav a:before{content:"";position:absolute;bottom:5px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--red);opacity:0;transition:opacity .3s}.guanfu-site .head-nav a:hover:before, .guanfu-site .head-nav a[aria-current="location"]:before{opacity:1}.guanfu-site .motion-toggle{display:flex;align-items:center;gap:9px;border:0;border-left:1px solid var(--line);padding:6px 0 6px 23px;background:transparent;font-size:11px;min-height:40px}.guanfu-site .motion-light{width:6px;height:6px;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #b7382511;animation:gf-breathe 3s ease-in-out infinite}.guanfu-site .menu-toggle{display:none;background:none;border:0;padding:8px;font:12px var(--sans)}.guanfu-site .site-progress{position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--red);transform:scaleX(0);transform-origin:left}
.guanfu-site .chapter-rail{position:fixed;left:3.1%;top:45%;z-index:12;display:grid;gap:17px}.guanfu-site .chapter-rail a{font:9px var(--mono);color:#777b70;display:flex;align-items:center;gap:10px;min-height:25px}.guanfu-site .chapter-rail a:after{content:"";width:13px;height:1px;background:#b5b7ac;transition:width .3s}.guanfu-site .chapter-rail a[aria-current="location"]{color:var(--red)}.guanfu-site .chapter-rail a[aria-current="location"]:after{width:27px;background:var(--red)}.guanfu-site .wrap{width:min(1180px,82%);margin:auto}.guanfu-site .section-meta{font:10px/1.5 var(--mono);letter-spacing:.14em;text-transform:uppercase;display:flex;gap:16px;align-items:center;color:var(--muted)}.guanfu-site .section-meta .cn{font:13px var(--serif);letter-spacing:2px}.guanfu-site .section-meta:before{content:"";width:19px;height:1px;background:currentColor}.guanfu-site .red{color:var(--red)}
.guanfu-site .hero{min-height:max(830px,100svh);padding:145px 0 90px;overflow:hidden}.guanfu-site .hero:before{content:"";position:absolute;left:44%;top:82px;width:1px;height:100%;background:linear-gradient(var(--line),transparent 80%)}.guanfu-site .hero-layout{display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;min-height:590px;position:relative}.guanfu-site .hero-copy{position:relative;z-index:2;padding:34px 0 15px}.guanfu-site .hero-overline{font:12px var(--serif);letter-spacing:3px;color:var(--muted);display:flex;gap:12px;align-items:center}.guanfu-site .hero-overline:before{content:"";width:5px;height:5px;background:var(--red);border-radius:50%}.guanfu-site .hero h1{font:clamp(104px,12.3vw,184px)/1.04 var(--serif);letter-spacing:-.025em;display:flex;align-items:start;margin:38px 0 23px}.guanfu-site .hero h1>span:last-of-type{margin-top:54px;margin-left:-8px}.guanfu-site .title-seal{writing-mode:vertical-rl;background:var(--red);color:var(--paper);font:13px/1.15 var(--serif);letter-spacing:5px;padding:10px 6px 6px;margin:92px 0 0 16px;transform:rotate(3deg)}.guanfu-site .hero-subtitle{font:clamp(24px,2.5vw,34px)/1.6 var(--serif);letter-spacing:.08em}.guanfu-site .hero-description{font:13px/2 var(--sans);color:var(--muted);margin-top:18px;max-width:295px}.guanfu-site .text-link{display:inline-flex;align-items:center;gap:36px;font:13px var(--serif);letter-spacing:2px;padding:15px 0;border-bottom:1px solid var(--line);margin-top:30px}.guanfu-site .text-link span{display:inline-block;font:20px var(--mono);transition:transform .3s}.guanfu-site .text-link:hover span{transform:translate(4px,3px)}
.guanfu-site .cosmos{position:relative;width:112%;max-width:740px;aspect-ratio:1;margin-left:-4%;isolation:isolate}.guanfu-site .cosmos:before{content:"";position:absolute;inset:11%;background:radial-gradient(circle,#aa956418,transparent 69%);border-radius:50%}.guanfu-site .compass{position:absolute;inset:0;width:100%;height:100%;color:var(--ink);overflow:visible}.guanfu-site .compass .outer{fill:none;stroke:currentColor;stroke-width:.55;opacity:.4}.guanfu-site .compass .dotted{fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:1 8;opacity:.65}.guanfu-site .ring-spin{transform-origin:360px 360px;animation:gf-turn 160s linear infinite}.guanfu-site .ring-reverse{animation-direction:reverse;animation-duration:240s}.guanfu-site .trigram{font:11px var(--serif);fill:var(--ink)}.guanfu-site .taiji-fallback{position:absolute;left:22%;top:22%;width:56%;height:56%;opacity:.9}.guanfu-site .cosmos canvas{position:absolute;inset:0;width:100%;height:100%}.guanfu-site .cosmos.ready .taiji-fallback{visibility:hidden}.guanfu-site .cosmos-label{position:absolute;left:43%;top:2%;padding:0 9px;background:var(--paper);font:11px var(--serif);letter-spacing:4px;z-index:1}.guanfu-site .cosmos-label.bottom{left:41%;top:auto;bottom:1.5%;font:9px var(--mono);letter-spacing:.1em;color:var(--muted)}.guanfu-site .cosmos-side{position:absolute;right:0;top:37%;writing-mode:vertical-rl;letter-spacing:7px;font:12px var(--serif);color:var(--muted)}.guanfu-site .disturb{position:absolute;bottom:12%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:9px 16px;font:11px var(--serif);letter-spacing:2px;z-index:3;white-space:nowrap;transition:border-color .3s,color .3s}.guanfu-site .disturb:before{content:"";width:6px;height:6px;border:1px solid var(--red);border-radius:50%}.guanfu-site .disturb:hover{border-color:var(--red);color:var(--red)}.guanfu-site .hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:37px;padding-top:22px;border-top:1px solid var(--line);position:relative;z-index:2}.guanfu-site .hero-foot blockquote{margin:0;font:15px var(--serif);letter-spacing:3px}.guanfu-site .hero-foot cite{font:10px var(--sans);color:var(--muted);letter-spacing:0;margin-left:13px;font-style:normal}.guanfu-site .scroll-cue{display:flex;align-items:center;gap:16px;font:9px var(--mono);letter-spacing:.12em;color:var(--muted)}.guanfu-site .scroll-cue b{font:24px var(--serif);font-weight:400;animation:gf-float 2.5s ease-in-out infinite}
.guanfu-site .view-section{padding:115px 0 130px;border-top:1px solid var(--line)}.guanfu-site .view-heading{display:flex;align-items:end;justify-content:space-between;margin:37px 0 50px;gap:35px}.guanfu-site .display-title{font:clamp(42px,5.6vw,76px)/1.2 var(--serif);letter-spacing:.04em}.guanfu-site .view-heading p{font:13px/2 var(--sans);max-width:330px;color:var(--muted);padding-bottom:4px}.guanfu-site .concept-layout{display:grid;grid-template-columns:1fr 1.06fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:440px}.guanfu-site .concept-visual{position:relative;display:grid;place-items:center;border-right:1px solid var(--line);min-height:430px;overflow:hidden}.guanfu-site .concept-svg{width:84%;max-width:390px;aspect-ratio:1;overflow:visible}.guanfu-site .concept-svg .wave{fill:none;stroke:var(--ink);stroke-width:.7;transform-origin:200px 200px;transition:stroke .7s;animation:gf-wave 9s ease-in-out infinite}.guanfu-site .concept-svg .wave:nth-child(2){animation-delay:-1s;stroke:var(--gold)}.guanfu-site .concept-svg .wave:nth-child(3){animation-delay:-2s}.guanfu-site .concept-svg .wave:nth-child(4){animation-delay:-3s;stroke-dasharray:2 5}.guanfu-site .concept-svg .wave:nth-child(5){animation-delay:-4s}.guanfu-site .concept-orbit{transform-origin:200px 200px;animation:gf-turn 45s linear infinite}.guanfu-site .concept-core{fill:var(--ink);transition:fill .7s,stroke .7s;stroke:var(--ink);stroke-width:1}.guanfu-site .concept-word{fill:var(--paper);font:48px var(--serif);transition:fill .7s}.guanfu-site .concept-visual[data-mode="space"] .concept-core{fill:var(--paper)}.guanfu-site .concept-visual[data-mode="space"] .concept-word{fill:var(--ink)}.guanfu-site .concept-visual[data-mode="space"] .wave{stroke-dasharray:1 6;stroke:var(--red)}.guanfu-site .concept-visual[data-mode="wander"] .wave{animation-name:gf-wander;stroke:var(--gold)}.guanfu-site .concept-visual[data-mode="wander"] .concept-core{fill:var(--red);stroke:var(--red)}.guanfu-site .visual-caption{position:absolute;bottom:24px;left:30px;font:9px var(--mono);letter-spacing:.15em;color:var(--muted)}.guanfu-site .concept-content{padding:36px 0 40px 12%;display:flex;flex-direction:column;justify-content:center}.guanfu-site .concept-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line)}.guanfu-site .concept-tab{padding:12px 0 15px;background:none;border:0;font:17px var(--serif);color:var(--muted);position:relative}.guanfu-site .concept-tab[aria-selected="true"]{color:var(--red)}.guanfu-site .concept-tab[aria-selected="true"]:after{content:"";height:2px;width:100%;background:var(--red);position:absolute;left:0;bottom:-1px}.guanfu-site .concept-panel{margin-top:32px;min-height:215px;animation:gf-arrive .6s both}.guanfu-site .concept-panel blockquote{margin:0;font:27px/1.6 var(--serif);letter-spacing:2px}.guanfu-site .quote-source{display:block;font:10px/1.8 var(--sans);color:var(--muted);margin-top:9px;font-style:normal}.guanfu-site .concept-panel p{font:13px/2 var(--sans);color:var(--muted);margin-top:25px;max-width:345px}.guanfu-site .small-note{font:10px var(--sans);color:var(--muted);margin-top:15px}.guanfu-site .concept-index{display:flex;gap:8px;align-items:center;font:10px var(--mono);color:var(--gold);margin-top:22px}.guanfu-site .concept-index:after{content:"";width:40px;height:1px;background:var(--gold)}
.guanfu-site .interlude{background:#252b25;color:var(--paper);padding:108px 25px;isolation:isolate;overflow:hidden;text-align:center}.guanfu-site .interlude:before, .guanfu-site .interlude:after{content:"";position:absolute;left:50%;top:50%;width:730px;height:730px;border:1px solid #d8ccb51a;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.guanfu-site .interlude:after{width:520px;height:520px;border-style:dashed;opacity:.7}.guanfu-site .interlude-mark{font:12px var(--serif);letter-spacing:7px;color:#b5aa8d;margin-bottom:26px}.guanfu-site .interlude blockquote{font:clamp(24px,4.1vw,52px)/1.8 var(--serif);letter-spacing:.12em;margin:0}.guanfu-site .interlude blockquote em{color:#c8b57c;font-style:normal}.guanfu-site .interlude cite{font:11px var(--sans);color:#b6b9ac;font-style:normal;display:block;margin-top:25px}
.guanfu-site .notes-section{padding:118px 0 130px}.guanfu-site .notes-top{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-top:33px}.guanfu-site .notes-top p{font:13px/2 var(--sans);max-width:300px;color:var(--muted)}.guanfu-site .notes-layout{display:grid;grid-template-columns:.88fr 1.12fr;margin-top:57px;border-top:1px solid var(--line)}.guanfu-site .featured-note{display:block;text-align:left;border:0;background:none;padding:38px 45px 35px 0;border-right:1px solid var(--line);position:relative;overflow:hidden}.guanfu-site .featured-art{height:210px;position:relative;margin-bottom:26px;display:flex;align-items:center;justify-content:center;isolation:isolate}.guanfu-site .featured-art .big-word{font:150px var(--serif);letter-spacing:-.12em;transform:rotate(-7deg);opacity:.88;transition:transform .7s}.guanfu-site .featured-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid var(--red);border-radius:50%;z-index:-1;left:42%;top:10px}.guanfu-site .featured-art:after{content:"";position:absolute;width:160px;height:160px;border:1px solid var(--line);border-radius:50%;z-index:-1;left:14%;top:30px}.guanfu-site .featured-note:hover .big-word{transform:rotate(2deg)}.guanfu-site .note-meta{font:10px var(--mono);color:var(--red);letter-spacing:.08em}.guanfu-site .featured-note h3{font:28px/1.5 var(--serif);margin:13px 0}.guanfu-site .featured-note p{font:12px/2 var(--sans);color:var(--muted);max-width:330px}.guanfu-site .read-mark{font:12px var(--serif);margin-top:25px;display:block;letter-spacing:2px}.guanfu-site .note-list{padding-left:10%}.guanfu-site .note-row{display:grid;grid-template-columns:28px 1fr 25px;align-items:center;gap:15px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:38px 0;text-align:left}.guanfu-site .note-row:last-child{border-bottom:0}.guanfu-site .note-number{font:10px var(--mono);color:var(--red);align-self:start;padding-top:6px}.guanfu-site .note-row h3{font:24px/1.5 var(--serif);transition:color .3s}.guanfu-site .note-row p{font:11px/1.8 var(--sans);color:var(--muted);margin-top:10px}.guanfu-site .note-row .arrow{font:22px var(--serif);transition:transform .3s}.guanfu-site .note-row:hover h3{color:var(--red)}.guanfu-site .note-row:hover .arrow{transform:translate(4px,-4px)}.guanfu-site .notes-disclaimer{margin-top:20px;font:10px/1.8 var(--sans);color:var(--muted)}
.guanfu-site .creation-section{padding:90px 0 92px;background:#e2ded2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guanfu-site .creation-layout{display:grid;grid-template-columns:.87fr 1.13fr;gap:75px;align-items:center}.guanfu-site .creation-copy h2{font:44px/1.3 var(--serif);margin:25px 0}.guanfu-site .creation-copy p{font:13px/2 var(--sans);color:#555c50;max-width:345px}.guanfu-site .project-label{display:flex;gap:12px;align-items:center;font:10px var(--mono);letter-spacing:.1em;margin-top:25px;color:var(--red)}.guanfu-site .project-label:before{content:"";width:6px;height:6px;border:1px solid var(--red);transform:rotate(45deg)}.guanfu-site .system-map{position:relative;padding:0 0 12px}.guanfu-site .system-root{display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;text-align:left;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:17px 21px}.guanfu-site .system-root strong{font:21px var(--serif);font-weight:400;display:block}.guanfu-site .system-root small{font:9px var(--mono);letter-spacing:.07em;color:#bdc1b4;display:block;margin-top:6px}.guanfu-site .system-root .root-sign{font:31px var(--serif);color:#c8b57c}.guanfu-site .connections{height:55px;position:relative;width:100%;color:#77796d}.guanfu-site .connections svg{width:100%;height:100%;overflow:visible}.guanfu-site .map-line{stroke:currentColor;stroke-width:1;fill:none}.guanfu-site .map-pulse{stroke:var(--red);stroke-width:1.8;fill:none;stroke-dasharray:4 7;animation:gf-flow 4s linear infinite;opacity:0}.guanfu-site .system-map[data-active="all"] .map-pulse, .guanfu-site .system-map[data-active="blog"] .pulse-blog, .guanfu-site .system-map[data-active="studio"] .pulse-studio, .guanfu-site .system-map[data-active="lab"] .pulse-lab{opacity:1}.guanfu-site .site-nodes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guanfu-site .site-node{border:1px solid #22272042;padding:16px 8px 13px;background:transparent;transition:background .3s,border-color .3s;text-align:center}.guanfu-site .site-node[aria-pressed="true"]{border-color:var(--red);background:#edeae2}.guanfu-site .site-node strong{display:block;font:16px var(--serif);font-weight:400}.guanfu-site .site-node small{display:block;font:9px var(--mono);color:var(--muted);margin-top:4px}.guanfu-site .db-mark{width:38px;height:38px;margin:12px auto 6px;color:var(--gold)}.guanfu-site .db-caption{font:10px var(--sans);color:var(--muted)}.guanfu-site .map-description{display:grid;grid-template-columns:70px 1fr;gap:17px;padding-top:18px;margin-top:18px;border-top:1px solid var(--line);min-height:77px}.guanfu-site .map-description b{font:12px/1.8 var(--serif);color:var(--red);font-weight:400}.guanfu-site .map-description p{font:11px/1.9 var(--sans);color:var(--muted)}
.guanfu-site .colophon{padding:90px 0 28px}.guanfu-site .colophon-body{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-bottom:70px}.guanfu-site .colophon h2{font:39px/1.6 var(--serif);letter-spacing:2px}.guanfu-site .colophon p{font:12px/2 var(--sans);color:var(--muted);max-width:380px;margin-top:17px}.guanfu-site .signature{position:relative;font:95px/1.2 var(--serif);letter-spacing:-.05em;white-space:nowrap;transform:rotate(-6deg)}.guanfu-site .signature:after{content:"自 然";position:absolute;right:-14px;bottom:-8px;width:26px;writing-mode:vertical-rl;font:13px var(--serif);letter-spacing:3px;border:1px solid var(--red);color:var(--red);padding:4px}.guanfu-site .footer-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;font:9px var(--mono);letter-spacing:.08em;color:var(--muted)}.guanfu-site .footer-line a{padding:5px;font:11px var(--serif);color:var(--ink)}.guanfu-site .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes gf-turn{to{transform:rotate(360deg)}}@keyframes gf-breathe{50%{opacity:.35}}@keyframes gf-float{50%{transform:translateY(7px)}}@keyframes gf-wave{50%{transform:scale(.92) rotate(7deg)}}@keyframes gf-wander{50%{transform:translate(12px,-9px) rotate(17deg)}}@keyframes gf-flow{to{stroke-dashoffset:-44}}@keyframes gf-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.guanfu-site .hero-copy{animation:gf-arrive 1s .1s both}.guanfu-site .cosmos{animation:gf-arrive 1.3s .2s both}.guanfu-site .js-reveal{opacity:0;transform:translateY(25px);transition:opacity .85s,transform .85s}.guanfu-site .js-reveal.visible{opacity:1;transform:none}.guanfu-site.quiet *, .guanfu-site.quiet *:before, .guanfu-site.quiet *:after{animation-play-state:paused!important}html[data-front-theme=guanfu][data-guanfu-motion=quiet]{scroll-behavior:auto}.guanfu-site.quiet .motion-light{background:var(--muted);box-shadow:none}.guanfu-site.quiet .js-reveal{opacity:1;transform:none;transition:none}
@media(min-width:1600px){.guanfu-site .hero-layout{min-height:640px}.guanfu-site .hero-copy{padding-top:0}.guanfu-site .hero{display:flex;flex-direction:column;justify-content:center}.guanfu-site .cosmos{width:110%;margin-left:-3%}}
@media(max-width:1100px){.guanfu-site .wrap{width:84%;margin-left:10%}.guanfu-site .head-nav{margin-right:1vw;gap:25px}.guanfu-site .hero{min-height:780px;padding-top:130px}.guanfu-site .hero-layout{min-height:545px}.guanfu-site .hero h1{font-size:132px}.guanfu-site .hero-description{max-width:240px}.guanfu-site .cosmos{width:115%;margin-left:-9%}.guanfu-site .hero-foot{margin-top:30px}.guanfu-site .hero-foot blockquote{font-size:13px;letter-spacing:1px}.guanfu-site .creation-layout{gap:40px}.guanfu-site .chapter-rail{left:2%}.guanfu-site .concept-content{padding-left:9%}}
@media(max-width:800px){.guanfu-site .site-head{height:72px;padding:0 25px;gap:20px}.guanfu-site .brand-name{font-size:23px}.guanfu-site .brand-domain{font-size:8px}.guanfu-site .head-nav{gap:23px;margin-right:0}.guanfu-site .head-nav a{font-size:13px}.guanfu-site .motion-toggle{padding-left:16px}.guanfu-site .chapter-rail{display:none}.guanfu-site .wrap{width:calc(100% - 50px);margin:auto}.guanfu-site .hero{padding-top:117px;min-height:740px}.guanfu-site .hero:before{left:42%}.guanfu-site .hero h1{font-size:116px}.guanfu-site .hero h1>span:last-of-type{margin-top:37px}.guanfu-site .title-seal{margin:63px 0 0 10px;font-size:11px}.guanfu-site .hero-layout{grid-template-columns:.85fr 1.15fr;min-height:500px}.guanfu-site .hero-subtitle{font-size:23px}.guanfu-site .hero-description{font-size:11px}.guanfu-site .hero-overline{font-size:10px;letter-spacing:2px}.guanfu-site .hero-copy{padding-top:0}.guanfu-site .cosmos-side{display:none}.guanfu-site .disturb{bottom:5%;font-size:10px}.guanfu-site .hero-foot cite{display:block;margin:8px 0 0}.guanfu-site .view-section, .guanfu-site .notes-section{padding:85px 0}.guanfu-site .view-heading{align-items:start}.guanfu-site .display-title{font-size:49px}.guanfu-site .view-heading p{max-width:265px;font-size:12px}.guanfu-site .concept-content{padding:30px 0 30px 8%}.guanfu-site .concept-tabs{gap:24px}.guanfu-site .concept-panel blockquote{font-size:24px}.guanfu-site .concept-panel p{font-size:12px}.guanfu-site .concept-visual{min-height:395px}.guanfu-site .notes-top p{max-width:245px;font-size:12px}.guanfu-site .featured-note{padding-right:28px}.guanfu-site .featured-art .big-word{font-size:126px}.guanfu-site .note-list{padding-left:8%}.guanfu-site .note-row h3{font-size:21px}.guanfu-site .note-row{gap:8px;grid-template-columns:24px 1fr 20px}.guanfu-site .creation-layout{gap:30px;grid-template-columns:.85fr 1.15fr}.guanfu-site .creation-copy h2{font-size:37px}.guanfu-site .creation-copy p{font-size:12px}.guanfu-site .site-nodes{gap:7px}.guanfu-site .site-node strong{font-size:14px}.guanfu-site .colophon h2{font-size:33px}.guanfu-site .signature{font-size:77px}}
@media(max-width:600px){html[data-front-theme=guanfu]{scroll-padding-top:76px}.guanfu-site .site-head{height:68px;padding:0 20px;gap:16px}.guanfu-site .brand{gap:9px}.guanfu-site .brand-seal{width:27px;height:31px;font-size:21px}.guanfu-site .brand-name{font-size:22px}.guanfu-site .brand-domain{font-size:7px}.guanfu-site .motion-toggle{margin-left:auto;padding-left:0;border:0;font-size:10px;gap:7px}.guanfu-site .menu-toggle{display:block;padding:10px 0 10px 7px}.guanfu-site .head-nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:22px 26px;justify-content:space-between;margin:0}.guanfu-site .head-nav.open{display:flex}.guanfu-site .head-nav a{font-size:16px}.guanfu-site .wrap{width:calc(100% - 44px)}.guanfu-site .hero{min-height:0;padding:105px 0 35px}.guanfu-site .hero:before{display:none}.guanfu-site .hero-layout{display:block;min-height:0}.guanfu-site .hero-copy{padding:0 0 8px}.guanfu-site .hero-overline{font-size:11px}.guanfu-site .hero h1{font-size:118px;margin:25px 0 14px;line-height:.94}.guanfu-site .hero h1>span:last-of-type{margin-top:27px;margin-left:3px}.guanfu-site .title-seal{margin:47px 0 0 18px}.guanfu-site .hero-subtitle{font-size:26px}.guanfu-site .hero-description{max-width:260px;font-size:12px;line-height:1.9;margin-top:12px}.guanfu-site .hero .text-link{position:absolute;right:0;bottom:11px;writing-mode:vertical-rl;border:0;margin:0;font-size:11px;gap:15px;padding:10px 0}.guanfu-site .hero .text-link span{writing-mode:horizontal-tb}.guanfu-site .cosmos{width:112%;max-width:none;margin:7px 0 0 -6%}.guanfu-site .cosmos-label{font-size:9px;top:1.5%}.guanfu-site .cosmos-label.bottom{font-size:7px}.guanfu-site .disturb{bottom:10%;font-size:11px;padding:9px 13px}.guanfu-site .hero-foot{margin-top:5px;padding-top:17px;align-items:start}.guanfu-site .hero-foot blockquote{font-size:12px;letter-spacing:.5px;max-width:235px}.guanfu-site .hero-foot cite{font-size:9px}.guanfu-site .scroll-cue{font-size:7px;gap:7px;letter-spacing:0}.guanfu-site .scroll-cue b{font-size:20px}.guanfu-site .view-section, .guanfu-site .notes-section{padding:65px 0 75px}.guanfu-site .section-meta{font-size:9px}.guanfu-site .view-heading, .guanfu-site .notes-top{display:block;margin:27px 0 32px}.guanfu-site .display-title{font-size:46px}.guanfu-site .view-heading p, .guanfu-site .notes-top p{max-width:300px;margin-top:23px;font-size:12px}.guanfu-site .concept-layout{grid-template-columns:1fr}.guanfu-site .concept-visual{min-height:315px;height:315px;border-right:0;border-bottom:1px solid var(--line)}.guanfu-site .concept-svg{max-width:280px}.guanfu-site .visual-caption{bottom:15px;left:5px;font-size:8px}.guanfu-site .concept-content{padding:20px 0 30px}.guanfu-site .concept-tabs{justify-content:space-between;gap:24px}.guanfu-site .concept-tab{padding:12px 14px;font-size:20px}.guanfu-site .concept-panel{min-height:205px;margin-top:27px}.guanfu-site .concept-panel blockquote{font-size:29px}.guanfu-site .concept-panel p{max-width:none;font-size:13px;margin-top:20px}.guanfu-site .concept-index{margin-top:5px}.guanfu-site .interlude{padding:70px 22px}.guanfu-site .interlude-mark{font-size:10px}.guanfu-site .interlude blockquote{font-size:25px;letter-spacing:2px}.guanfu-site .interlude cite{font-size:10px}.guanfu-site .notes-layout{grid-template-columns:1fr;margin-top:30px}.guanfu-site .featured-note{border-right:0;border-bottom:1px solid var(--line);padding:25px 0 30px}.guanfu-site .featured-art{height:195px;margin-bottom:20px}.guanfu-site .featured-art .big-word{font-size:142px}.guanfu-site .featured-note h3{font-size:27px}.guanfu-site .featured-note p{font-size:12px}.guanfu-site .note-list{padding-left:0}.guanfu-site .note-row{padding:27px 0;grid-template-columns:26px 1fr 24px;gap:12px}.guanfu-site .note-row h3{font-size:23px}.guanfu-site .creation-section{padding:65px 0 55px}.guanfu-site .creation-layout{grid-template-columns:1fr;gap:37px}.guanfu-site .creation-copy h2{font-size:39px;margin:22px 0 17px}.guanfu-site .creation-copy p{max-width:none;font-size:13px}.guanfu-site .site-nodes{gap:12px}.guanfu-site .site-node strong{font-size:17px}.guanfu-site .colophon{padding:60px 0 24px}.guanfu-site .colophon-body{display:block;padding-bottom:40px}.guanfu-site .colophon h2{font-size:29px}.guanfu-site .colophon p{font-size:12px}.guanfu-site .signature{font-size:77px;text-align:right;width:fit-content;margin:30px 16px 0 auto}.guanfu-site .footer-line{font-size:8px;gap:12px;flex-wrap:wrap}.guanfu-site .footer-line .footer-domain{display:none}}
.guanfu-site .signature{display:block}
.guanfu-site.quiet *, .guanfu-site.quiet *:before, .guanfu-site.quiet *:after{transition:none!important}
.guanfu-site.quiet .featured-note:hover .big-word{transform:rotate(-7deg)}
.guanfu-site.quiet .text-link:hover span, .guanfu-site.quiet .note-row:hover .arrow{transform:none}
.guanfu-site.quiet .hero-copy, .guanfu-site.quiet .cosmos, .guanfu-site.quiet .concept-panel{animation:none!important;opacity:1;transform:none}
@media(max-width:600px){.guanfu-site .hero h1{font-size:clamp(100px,30vw,118px)}}
@media(max-width:360px){.guanfu-site .site-nodes{gap:8px}.guanfu-site .site-node strong{font-size:15px}.guanfu-site .site-node{padding-left:6px;padding-right:6px}}
@media(prefers-reduced-motion:reduce){html[data-front-theme=guanfu]:not(.motion-opt-in){scroll-behavior:auto}.guanfu-site:not(.motion-opt-in) *, .guanfu-site:not(.motion-opt-in) *:before, .guanfu-site:not(.motion-opt-in) *:after{animation:none!important;transition:none!important}.guanfu-site .js-reveal{opacity:1;transform:none}}

/* Integration with the shared front-page reset. */
.guanfu-site { min-height:100vh; overflow-wrap:anywhere; }
.guanfu-site main { max-width:none; margin:0; padding:0; }
.guanfu-site .hero { text-align:left; }
.guanfu-site .hero .hero-subtitle { color:var(--ink); margin:0; max-width:none; font-family:var(--serif); }
.guanfu-site .hero .hero-description { color:var(--muted); margin:18px 0 0; font-size:13px; }
.guanfu-site .brand-logo { max-width:100px; height:38px; object-fit:contain; }
.guanfu-site .preline { white-space:pre-line; }
.guanfu-site .hero h1.long-title { font-size:clamp(52px,7vw,104px); line-height:1.2; max-width:100%; flex-wrap:wrap; }
.guanfu-site .note-empty { padding:35px 0; color:var(--muted); border-bottom:1px solid var(--line); }
.guanfu-site .section-link { display:inline-flex; margin-top:22px; padding:8px 0; border-bottom:1px solid var(--line); font:13px var(--serif); }
.guanfu-site .work-links { display:grid; gap:14px; margin-top:24px; }
.guanfu-site .work-links a { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--line); }
.guanfu-site .chapter-rail a.active { color:var(--red); }
.guanfu-site .hero h1 .title-seal { flex-shrink:0; }
.guanfu-site .gf-content { padding:130px 0 75px; width:min(760px,calc(100% - 44px)); margin:auto; }
.guanfu-site .gf-content h1 { font:clamp(32px,5vw,55px)/1.4 var(--serif); margin:28px 0; }
.guanfu-site .gf-crumb { font:12px var(--serif); color:var(--muted); }
.guanfu-site .gf-content .post-meta { color:var(--muted); font:11px var(--sans); }
.guanfu-site .gf-prose { font:17px/2.15 var(--reading); overflow-wrap:anywhere; margin:35px 0; }
.guanfu-site .gf-prose p { margin:1.2em 0; }
.guanfu-site .gf-prose h2,.guanfu-site .gf-prose h3 { font-family:var(--serif); margin:1.8em 0 .7em; }
.guanfu-site .gf-prose img,.guanfu-site .gf-cover { max-width:100%; height:auto; display:block; margin:25px auto; }
.guanfu-site .gf-prose a { color:var(--red); text-decoration:underline; }
.guanfu-site .gf-prose pre { overflow:auto; padding:18px; background:#2227200a; font:13px/1.7 var(--mono); }
.guanfu-site .gf-prose blockquote { margin:25px 0; padding-left:20px; border-left:2px solid var(--red); color:var(--muted); }
.guanfu-site .gf-prose table { display:block; overflow:auto; border-collapse:collapse; max-width:100%; }
.guanfu-site .gf-prose td,.guanfu-site .gf-prose th { padding:8px 12px; border:1px solid var(--line); }
.guanfu-site .gf-list-item { display:block; padding:26px 0; border-bottom:1px solid var(--line); }
.guanfu-site .gf-list-item h2 { font:26px/1.5 var(--serif); }
.guanfu-site .gf-list-item p { margin-top:12px; color:var(--muted); }
.guanfu-site .gf-pagination { display:flex; gap:24px; margin-top:30px; font-size:12px; }
.guanfu-site .gf-pagination a { color:var(--red); }
.guanfu-site .footer-links { display:flex; flex-wrap:wrap; gap:14px 28px; margin:0 0 26px; font:14px var(--serif); }
.guanfu-site .footer-links a { padding:6px 0; }
.guanfu-site .footer-links a:hover,.guanfu-site .gf-list-item:hover h2 { color:var(--red); }
.guanfu-site .featured-image { position:relative; z-index:1; width:100%; height:100%; object-fit:cover; }
.guanfu-site .retry-link { border:0; border-bottom:1px solid currentColor; background:none; color:var(--red); margin-left:12px; padding:6px 0; }
.guanfu-site .retry-link:disabled { cursor:wait; opacity:.55; }
.guanfu-site .gf-summary { margin-top:24px; color:var(--muted); font:17px/1.9 var(--reading); }
.guanfu-site .brand { flex-shrink:1; min-width:0; max-width:38%; }
.guanfu-site .brand > div { min-width:0; }
.guanfu-site .brand-name,.guanfu-site .brand-domain { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.guanfu-site .brand-seal,.guanfu-site .brand-logo,.guanfu-site .motion-toggle,.guanfu-site .menu-toggle { flex-shrink:0; }
.guanfu-site .head-nav { flex-shrink:0; }
.guanfu-site .head-nav a,.guanfu-site .motion-toggle,.guanfu-site .menu-toggle { white-space:nowrap; }
.guanfu-site .signature { max-width:42%; white-space:normal; overflow-wrap:anywhere; }
.guanfu-site .signature.long-signature { font-size:clamp(30px,4vw,55px); transform:rotate(-3deg); }
.guanfu-site .colophon { overflow:hidden; }
.guanfu-site .hero-copy,.guanfu-site .concept-content,.guanfu-site .creation-copy,.guanfu-site .system-map { min-width:0; }
.guanfu-site .hero h1.long-title > span { margin:0; }
@media(max-width:600px){.guanfu-site .brand{max-width:48%}.guanfu-site .brand-logo{max-width:44px}.guanfu-site .signature{max-width:80%}.guanfu-site .hero h1.long-title{font-size:clamp(42px,12vw,68px)}.guanfu-site .hero h1.long-title .title-seal{margin:14px 0 0 12px}}
@media(max-width:600px){.guanfu-site .hero .hero-description{font-size:12px;margin-top:12px}.guanfu-site .gf-content{padding-top:105px}.guanfu-site .gf-prose{font-size:16px}.guanfu-site .head-nav.open{max-height:70vh;overflow-y:auto;flex-wrap:wrap}}