html:has(.personal-site){scrollbar-color:#535d50 #000;color-scheme:dark;background:#000;scroll-padding-top:2rem;font-size:16px}body:has(.personal-site){background:#000}.personal-site{--personal-bg:#000;--personal-text:#dcded8;--personal-muted:#a3aaa0;--personal-accent:#bbcdb1;--personal-line:#262c26;--personal-surface:#111411;--aw-color-primary:var(--personal-accent);--aw-color-text-heading:var(--personal-text);--aw-color-text-default:var(--personal-text);--aw-color-text-muted:var(--personal-muted);--aw-color-bg-page:var(--personal-bg);font-family:var(--font-inter), "PingFang SC", "Microsoft YaHei", sans-serif;background:var(--personal-bg);color:var(--personal-text);caret-color:var(--personal-accent);color-scheme:dark;flex-direction:column;min-height:100svh;line-height:1.8;display:flex}.personal-site .reading-content .astro-code,.personal-site .reading-content .astro-code span{background-color:var(--personal-surface)!important}.personal-site ::selection{background:var(--personal-accent);color:var(--personal-bg)}.personal-site :focus-visible{outline:2px solid var(--personal-accent);outline-offset:6px}.personal-site main{flex:1}.personal-site main:focus{outline:none}.personal-site a{text-underline-offset:6px}.personal-site a:hover{color:var(--personal-accent)}.personal-site svg[astro-icon]{flex:none;width:16px;height:16px}.personal-site h1,.section-heading h2{font-family:var(--font-personal-display), "Songti SC", serif;font-weight:400}.personal-container{width:min(880px,100% - 96px);margin-inline:auto}.personal-skip{z-index:100;background:var(--personal-bg);padding:8px 20px;position:absolute;inset:12px auto auto 12px;transform:translateY(-180%)}.personal-skip:focus{transform:translateY(0)}.personal-header{justify-content:space-between;align-items:center;gap:32px;min-height:112px;display:flex}.personal-brand{min-height:44px;color:var(--personal-text);font-family:var(--font-personal-display), "Songti SC", serif;letter-spacing:.08em;white-space:nowrap;align-items:center;font-size:20px;display:inline-flex}.personal-header nav{color:var(--personal-muted);align-items:center;gap:28px;font-size:14px;display:flex}.personal-header nav>a{align-items:center;min-height:44px;display:inline-flex}.personal-header nav>a[aria-current=page]{color:var(--personal-text);text-decoration:underline;text-decoration-color:var(--personal-accent);text-decoration-thickness:1px}.personal-intro{padding-block:84px 88px}.intro-copy h1{letter-spacing:.035em;text-wrap:balance;margin:0;font-size:clamp(34px,4.2vw,46px);font-weight:400;line-height:1.6}.intro-title-break{display:none}.intro-description{max-width:65ch;color:var(--personal-muted);margin-top:24px;font-size:16px;line-height:2}.intro-actions{margin-top:22px}.personal-link{min-height:44px;color:var(--personal-accent);align-items:center;gap:12px;font-size:14px;display:inline-flex;position:relative}.personal-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .18s cubic-bezier(.16,1,.3,1);position:absolute;inset:auto 28px 6px 0;transform:scaleX(0)}.personal-link:hover:after,.personal-link:focus-visible:after{transform:scaleX(1)}.personal-writing{padding-block:12px 68px;scroll-margin-top:28px}.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:.025em;font-size:24px}.section-heading p{color:var(--personal-muted);margin-top:8px;font-size:13px}.personal-note{color:var(--personal-muted);font-size:13px}.personal-page{padding-block:70px 100px}.personal-page h1{letter-spacing:.025em;text-wrap:balance;font-size:clamp(30px,4vw,40px);font-weight:400;line-height:1.6}.page-description{color:var(--personal-muted);margin-top:20px;font-size:16px}.personal-about{min-height:70svh}.about-text{max-width:65ch;margin-block:44px 28px}.about-text p{margin-bottom:24px;font-size:16px;line-height:2.1}.about-text .personal-note{color:var(--personal-muted);margin-top:36px;font-size:13px}.personal-footer{border-top:1px solid var(--personal-line);color:var(--personal-muted);justify-content:space-between;gap:30px;padding-block:26px;font-size:12px;display:flex}.personal-footer>div{align-items:center;gap:28px;display:flex}.personal-footer a{align-items:center;gap:4px;min-height:44px;display:inline-flex}.personal-footer p{padding-block:10px}.personal-page-header{margin-bottom:38px}.personal-page-header>p{max-width:65ch;color:var(--personal-muted);margin-top:18px}.template-notice{color:var(--personal-muted);padding:14px 0;font-size:13px;line-height:1.9}.personal-breadcrumbs{color:var(--personal-muted);flex-wrap:wrap;gap:12px;margin-bottom:34px;font-size:13px;display:flex}.personal-pagination{border-top:1px solid var(--personal-line);justify-content:space-between;gap:24px;margin-top:36px;padding-top:24px;font-size:14px;display:flex}.personal-pagination a{padding-block:8px;display:inline-block}.personal-pagination span{color:var(--personal-muted)}@media (width<=760px){.personal-container{width:calc(100% - 48px)}.personal-header{gap:16px;min-height:88px}.personal-header nav{gap:18px;font-size:13px}.personal-brand{letter-spacing:.04em;font-size:17px}.personal-intro{padding-block:50px 60px}.intro-copy h1{font-size:clamp(30px,8.8vw,40px);line-height:1.7}.intro-title-break{display:inline}.intro-description{margin-top:22px;font-size:14px;line-height:2.1}.section-heading{align-items:flex-start;gap:14px}.section-heading h2{font-size:22px}.section-heading p{font-size:12px}.section-heading .personal-link{white-space:nowrap;gap:8px;font-size:12px}.personal-writing{padding-block:10px 42px}.personal-page{padding-block:38px 70px}.personal-footer{padding-block:24px;display:block}.personal-footer>div{justify-content:space-between;gap:16px}}@media (width<=359px){.personal-header nav{gap:10px}.personal-brand{font-size:15px}}@media (prefers-reduced-motion:reduce){.personal-site *,.personal-site :before,.personal-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}