:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f0e8;--background-deep:#ebe5d9;--foreground:#4b5048;--foreground-strong:#1d231e;--surface:#fbf9f4;--surface-elevated:#fffdf8;--surface-subtle:#ebe5d9;--muted-foreground:#85877d;--border:#d9d3c7;--border-strong:#bcb5a8;--primary:#d65e46;--primary-soft:#f8dfd6;--secondary:#73816d;--secondary-soft:#e0e7dc;--success:#64826a;--shadow-sm:0 4px 16px #3c362b0e;--shadow-md:0 18px 40px #3c362b1a;--radius-sm:8px;--content-width:1180px;--header-height:78px;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", ui-serif, Georgia, serif;--sans:"Avenir Next", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#171916;--background-deep:#20231e;--foreground:#c6c6b9;--foreground-strong:#f3f0e7;--surface:#1d201b;--surface-elevated:#242820;--surface-subtle:#292d25;--muted-foreground:#96998c;--border:#363b31;--border-strong:#555b4e;--primary:#ec866f;--primary-soft:#402a25;--secondary:#a9bda2;--secondary-soft:#29382c;--success:#a4c49b;--shadow-sm:0 4px 18px #0000002e;--shadow-md:0 20px 45px #00000047}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--primary);color:#fffaf3;padding:10px 14px;transition:top .16s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:16px}.site-header{z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--background) 94%, transparent);transition:box-shadow .18s,background-color .18s;position:sticky;top:0}.site-header--scrolled{background:color-mix(in srgb, var(--background) 84%, transparent);box-shadow:0 5px 24px color-mix(in srgb, var(--foreground-strong) 6%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{align-items:center;gap:11px;min-width:205px;display:inline-flex}.brand__mark{border:1px solid var(--primary);background:var(--surface-subtle);color:#0000;border-radius:50%;place-items:center;width:38px;height:38px;font-size:0;display:grid;overflow:hidden;transform:rotate(-7deg)}.brand__mark img{object-fit:cover;width:100%;height:100%;transform:rotate(7deg)scale(1.08)}.brand strong,.brand small{line-height:1.1;display:block}.brand strong{color:var(--foreground-strong);font-family:var(--serif);font-size:1.02rem}.brand small{color:var(--muted-foreground);font-family:var(--sans);letter-spacing:.14em;margin-top:4px;font-size:.53rem;font-weight:800}.desktop-nav{align-items:center;gap:4px;display:flex}.desktop-nav a{color:var(--muted-foreground);border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:.86rem;font-weight:700;transition:color .16s,background-color .16s;display:inline-flex}.desktop-nav a:hover,.desktop-nav a.is-active{background:var(--surface-subtle);color:var(--primary)}.nav-index{color:var(--border-strong);font-size:.64rem;font-weight:800}.site-header__actions{align-items:center;gap:9px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--foreground);border-radius:50%;place-items:center;transition:color .16s,border-color .16s,transform .16s;display:inline-grid}.icon-button:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.site-header .mobile-menu-button{display:none}.mobile-menu-backdrop{z-index:30;background:#1919147a;justify-content:end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu{background:var(--surface-elevated);width:min(88vw,360px);height:100%;box-shadow:var(--shadow-md);padding:22px}.mobile-menu__head{color:var(--foreground-strong);font-family:var(--serif);justify-content:space-between;align-items:center;font-weight:700;display:flex}.mobile-menu nav{gap:5px;margin-top:46px;display:grid}.mobile-menu nav a{min-height:54px;color:var(--muted-foreground);font-family:var(--serif);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 13px;font-size:1.2rem;font-weight:700;display:flex}.mobile-menu nav a span{align-items:center;gap:11px;display:flex}.mobile-menu nav a small{color:var(--primary);font-family:var(--sans);font-size:.65rem}.mobile-menu nav a:hover,.mobile-menu nav a.is-active{background:var(--primary-soft);color:var(--primary)}.mobile-menu__hint{color:var(--muted-foreground);margin:54px 13px 0;font-size:.86rem}.site-footer{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 42%, transparent);margin-top:80px}.site-footer__inner{grid-template-columns:minmax(0,1.5fr) auto auto;align-items:center;gap:clamp(26px,5vw,74px);padding:34px 0 36px;display:grid}.footer-note{display:block}.footer-note__mark{display:none}.footer-brand{color:var(--foreground-strong);font-family:var(--serif);font-size:1.02rem;font-weight:800}.site-footer p{max-width:390px;color:var(--muted-foreground);margin:7px 0 0;font-size:.8rem;line-height:1.65}.site-footer__links{color:var(--muted-foreground);flex-wrap:wrap;gap:15px;font-size:.8rem;display:flex}.site-footer__links a{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:8px 12px;transition:color .16s,border-color .16s,background-color .16s,transform .16s;display:inline-flex}.site-footer__links a:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);transform:translateY(-1px)}.site-footer__meta{border-left:1px solid var(--border);color:var(--muted-foreground);text-align:right;gap:3px;padding-left:22px;font-size:.7rem;line-height:1.5;display:grid}.home-intro{padding:66px 0 30px}.home-intro__top,.home-intro__bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.home-intro__top{border-bottom:1px solid var(--border);padding-bottom:28px}.kicker span{color:var(--muted-foreground)}.home-intro__main{grid-template-columns:minmax(0,1fr) 310px;align-items:end;gap:clamp(42px,10vw,145px);padding:70px 0 76px;display:grid}.home-intro h1{max-width:760px;color:var(--foreground-strong);letter-spacing:-.09em;margin:0;font-size:clamp(3.5rem,7vw,7.2rem);line-height:.93}.home-intro h1 .title-line{white-space:nowrap}.home-intro h1 em{color:var(--primary);font-style:normal}.home-intro__copy>p{max-width:470px;color:var(--muted-foreground);margin:28px 0 0;font-size:1.02rem;line-height:1.9}.button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-weight:750;line-height:1;transition:transform .18s,background-color .18s,color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.home-intro__aside{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:5px;padding:28px 24px 25px;position:relative}.aside-stamp{border:1px solid var(--primary);width:34px;height:34px;color:var(--primary);border-radius:50%;place-items:center;margin-bottom:46px;font-size:.72rem;font-weight:800;display:grid}.aside-label{color:var(--muted-foreground);letter-spacing:.12em;margin:0 0 13px;font-size:.64rem;font-weight:800}.aside-quote{color:var(--foreground-strong);font-family:var(--serif);margin:0;font-size:1.35rem;line-height:1.55}.aside-signature{color:var(--muted-foreground);text-align:right;margin-top:30px;font-size:.76rem}.home-profile{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) 270px;align-items:center;gap:30px;padding:28px 0;display:grid}.profile-identity{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:26px;display:grid}.profile-avatar{border:1px solid var(--border-strong);background:var(--surface-subtle);width:112px;height:112px;box-shadow:0 0 0 6px var(--background), 0 0 0 7px var(--border);border-radius:50%;overflow:hidden}.profile-avatar .image-placeholder{border-radius:50%}.profile-avatar .image-placeholder__label{white-space:nowrap;font-size:.52rem;bottom:9px;right:50%;transform:translate(50%)}.profile-copy__head{justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-copy__head .kicker{margin:0}.profile-copy h2{color:var(--foreground-strong);margin:8px 0 0;font-size:2rem;line-height:1.05}.profile-copy>p:not(.kicker){max-width:540px;color:var(--muted-foreground);margin:9px 0 0;font-size:.84rem}.profile-meta{border-left:1px solid var(--border);color:var(--muted-foreground);align-content:center;align-self:stretch;gap:3px;padding-left:25px;font-size:.68rem;display:grid}.profile-meta__label{color:var(--primary);letter-spacing:.12em;margin:0 0 11px;font-size:.6rem;font-weight:800}.profile-meta strong{color:var(--foreground-strong);margin-bottom:8px;font-size:.78rem;font-weight:700}.profile-meta a{color:var(--foreground-strong);margin-bottom:8px;font-size:.78rem;font-weight:700;display:inline-block}.profile-meta a:hover{color:var(--primary)}.home-intro__bottom{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:17px;font-size:.73rem}.home-intro__bottom span:first-child{color:var(--primary);align-items:center;gap:7px;font-weight:750;display:inline-flex}.home-section{padding:74px 0}.home-section:nth-of-type(odd){background:color-mix(in srgb, var(--background-deep) 38%, transparent)}.section-rule{border-bottom:1px solid var(--border);color:var(--muted-foreground);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;padding-bottom:17px;font-size:.7rem;font-weight:800;display:flex}.section-rule a{color:var(--primary);letter-spacing:0;align-items:center;gap:5px;display:inline-flex}.favorite-list{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(36px,7vw,105px);padding-top:44px;display:grid}.favorite-list__intro h2{max-width:360px;color:var(--foreground-strong);letter-spacing:-.07em;margin:20px 0 16px;font-size:clamp(2.25rem,4.5vw,3.7rem);line-height:1}.favorite-list__intro h2 em{color:var(--primary);font-style:normal}.favorite-list__intro>p:not(.section-number){max-width:340px;color:var(--muted-foreground);margin:0;line-height:1.85}.favorite-list__items{gap:13px;display:grid}.favorite-line{isolation:isolate;border:1px solid var(--border-strong);background-color:var(--surface-subtle);color:#fffaf3;height:242px;box-shadow:var(--shadow-sm);background-position:50%;background-size:cover;align-items:stretch;transition:transform .24s,box-shadow .24s,border-color .24s,background-size .5s;display:flex;position:relative;overflow:hidden}.favorite-line:before{z-index:-1;content:"";background:linear-gradient(90deg,#1116121a 0%,#1116126b 47%,#111612e6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.favorite-line:after{z-index:-1;content:"";pointer-events:none;border:1px solid #fffaf34d;position:absolute;top:12px;bottom:12px;left:12px;right:12px}.favorite-line--placeholder{background-color:var(--primary-soft);background-image:linear-gradient(135deg, color-mix(in srgb, var(--primary) 16%, transparent) 25%, transparent 25%, transparent 50%, color-mix(in srgb, var(--primary) 9%, transparent) 50%, color-mix(in srgb, var(--primary) 9%, transparent) 75%, transparent 75%);background-size:32px 32px}.favorite-line--placeholder:before{background:linear-gradient(90deg, color-mix(in srgb, var(--foreground-strong) 28%, transparent), color-mix(in srgb, var(--foreground-strong) 58%, transparent) 56%, color-mix(in srgb, var(--foreground-strong) 86%, transparent))}@media (hover:hover) and (pointer:fine){.favorite-line:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background-size:108%;transform:translate(8px)}}.favorite-line__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.favorite-line__index{z-index:1;color:var(--primary);font-family:var(--serif);align-self:flex-start;margin:20px 0 0 20px;font-size:1.45rem;font-weight:800;position:relative}.favorite-line__content{z-index:1;text-align:right;align-self:flex-start;min-width:0;max-width:62%;margin:27px 30px 0 auto;position:relative}.favorite-line--1 .favorite-line__content{align-self:flex-end;margin:0 30px 28px auto}.favorite-line__meta{color:#fffaf3b8;letter-spacing:.1em;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;font-size:.61rem;font-weight:800;display:flex}.favorite-line__meta span:last-child{color:#fffaf3e6}.favorite-line h3{color:#fffaf3;font-family:var(--serif);letter-spacing:-.07em;margin:13px 0 2px;font-size:clamp(2rem,4.2vw,4rem);line-height:.98}.favorite-line__content p{color:#fffaf3bf;font-family:var(--serif);margin:0;font-size:.86rem}.home-skills{background:var(--surface-subtle)}.home-skills__grid{grid-template-columns:.85fr 1.15fr;gap:80px;padding-top:36px;display:grid}.home-skills__grid h2{max-width:450px;color:var(--foreground-strong);letter-spacing:-.055em;margin:20px 0 15px;font-size:clamp(2rem,4vw,3.1rem);line-height:1.1}.home-skills__grid p:not(.section-number){max-width:380px;color:var(--muted-foreground);margin:0}.home-development{background:var(--surface-subtle)}.skill-list{border-top:1px solid var(--border)}.skill-row{border-bottom:1px solid var(--border);grid-template-columns:38px 1fr 1.25fr;align-items:center;gap:12px;min-height:58px;display:grid}.skill-row__index{color:var(--primary);font-size:.68rem;font-weight:800}.skill-row strong{color:var(--foreground-strong);font-family:var(--serif);font-size:1.08rem}.skill-row>span:last-child{color:var(--muted-foreground);font-size:.76rem}.development-projects{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:clamp(35px,7vw,105px);padding-top:43px;display:grid}.development-projects__intro{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:18px;display:grid}.development-projects__number{color:var(--primary);font-family:var(--serif);font-size:2.7rem;line-height:1}.development-projects__intro h2{color:var(--foreground-strong);letter-spacing:-.07em;margin:16px 0 13px;font-size:clamp(2.1rem,4vw,3.35rem);line-height:1.02}.development-projects__intro>div:last-child>p:not(.kicker){color:var(--muted-foreground);margin:0;line-height:1.8}.project-list{border-top:1px solid var(--border)}.project-row{border-bottom:1px solid var(--border);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:19px;min-height:145px;transition:padding .22s,background-color .22s,border-color .22s;display:grid}.project-row:hover{border-color:var(--primary);background:var(--surface-elevated);padding:0 14px}.project-row__index{color:var(--primary);align-self:start;padding-top:28px;font-size:.68rem;font-weight:800}.project-row__eyebrow{color:var(--muted-foreground);letter-spacing:.1em;font-size:.6rem;font-weight:800}.project-row h3{color:var(--foreground-strong);font-family:var(--serif);letter-spacing:-.04em;margin:9px 0 5px;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.05}.project-row__body>p{max-width:520px;color:var(--muted-foreground);margin:0;font-size:.78rem;line-height:1.65}.project-row__tags{margin-top:13px;padding-bottom:10px}.project-row__tags .tag-list{justify-content:start}.home-closing{background:var(--foreground-strong);color:var(--background);padding:125px 0 115px}.home-closing .kicker{color:var(--primary)}.home-closing h2{letter-spacing:-.09em;max-width:700px;margin:28px 0 0;font-size:clamp(3.1rem,8vw,7.5rem);line-height:.92;position:relative}.home-closing h2 em{color:var(--primary);font-style:normal}.tag-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--border);min-height:24px;color:var(--muted-foreground);border-radius:999px;align-items:center;padding:3px 8px;font-size:.68rem;line-height:1;display:inline-flex}.image-placeholder{background:linear-gradient(135deg, var(--surface-subtle), var(--secondary-soft));min-height:100%;color:var(--secondary);place-items:center;display:grid;position:relative;overflow:hidden}.image-placeholder:before,.image-placeholder:after{border:1px solid color-mix(in srgb, var(--secondary) 30%, transparent);content:"";border-radius:50%;position:absolute}.image-placeholder:before{aspect-ratio:1;width:78%;transform:translate(-28%,-28%)}.image-placeholder:after{aspect-ratio:1;width:45%;transform:translate(48%,35%)}.image-placeholder__mark{z-index:1;border:1px solid color-mix(in srgb, var(--secondary) 45%, transparent);background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.image-placeholder__label{color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800;position:absolute;bottom:10px;right:12px}.responsive-image{overflow:hidden}.loading-screen{min-height:60vh;color:var(--muted-foreground);place-items:center;display:grid}.loading-screen span{align-items:center;gap:8px;display:inline-flex}.loading-dot{background:var(--primary);border-radius:50%;width:7px;height:7px}.not-found{text-align:center;align-content:center;justify-items:center;min-height:65vh;padding:40px 0;display:grid}.not-found__code{color:var(--primary);font-family:var(--serif);margin:0;font-size:clamp(5rem,16vw,10rem);line-height:.8}.not-found h1{color:var(--foreground-strong);margin:30px 0 7px;font-size:2rem}.not-found p:not(.not-found__code){max-width:450px;color:var(--muted-foreground);margin:0 0 24px}@media (max-width:1050px){.home-intro__main{gap:48px}.favorite-list,.development-projects{gap:42px}.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__meta{text-align:left}}@media (max-width:760px){.desktop-nav{display:none}.site-header .mobile-menu-button{display:inline-grid}.home-intro h1 .title-line{white-space:normal}.home-intro{padding-top:43px}.home-intro__main,.home-skills__grid,.favorite-list,.development-projects{grid-template-columns:1fr;gap:34px}.home-intro h1{font-size:clamp(3rem,13vw,5.4rem)}.home-intro__aside{max-width:390px}.home-intro__main{padding:54px 0 58px}.home-profile{grid-template-columns:1fr;align-items:start;gap:24px}.profile-identity{grid-template-columns:74px minmax(0,1fr);align-items:start;gap:16px}.profile-avatar{width:74px;height:74px}.profile-meta{border-top:1px solid var(--border);border-left:0;padding:15px 0 0}.profile-copy h2{font-size:1.65rem}.home-intro__bottom{justify-content:flex-start;padding-top:16px;padding-bottom:3px}.skill-row{grid-template-columns:30px 1fr;gap:8px;min-height:67px}.skill-row>span:last-child{grid-column:2;margin-top:-16px}.home-section{padding:58px 0}.favorite-list{gap:28px;padding-top:34px}.favorite-list__intro h2,.favorite-list__intro>p:not(.section-number){max-width:470px}.favorite-line{height:230px}.favorite-line__content{max-width:74%;margin:20px 17px 0 auto}.favorite-line--1 .favorite-line__content{margin:0 17px 22px auto}.development-projects{gap:28px;padding-top:34px}.development-projects__intro{grid-template-columns:48px minmax(0,1fr);gap:14px}.development-projects__number{font-size:2.2rem}.project-row{grid-template-columns:40px minmax(0,1fr);gap:13px;min-height:0;padding:20px 0}.project-row:hover{padding:20px 9px}.project-row__index{padding-top:5px}.site-footer{margin-top:48px}.site-footer__inner{grid-template-columns:1fr;gap:18px}.site-footer__meta{text-align:left}}@media (max-width:390px){.page-container{width:min(calc(100% - 30px), var(--content-width))}.brand{min-width:0}.brand small{display:none}.favorite-line{height:220px}.favorite-line__index{margin:15px 0 0 15px}.favorite-line__content{max-width:76%;margin:17px 15px 0 auto}.favorite-line--1 .favorite-line__content{margin:0 15px 20px auto}.favorite-line__meta{max-width:150px;font-size:.55rem;line-height:1.7;display:block}.favorite-line__meta span{display:block}.favorite-line h3{margin-top:9px;font-size:clamp(1.7rem,10vw,2.5rem)}.project-row h3{font-size:1.45rem}}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:var(--background);min-width:320px;color:var(--foreground);font-family:var(--sans);letter-spacing:.01em;margin:0;font-size:15px;line-height:1.7;transition:background-color .18s,color .18s}body,button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:700}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}::selection{background:var(--primary);color:#fffaf3}.app-shell{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;overflow:clip}.page-container{width:min(calc(100% - 64px), var(--content-width));margin:0 auto}.kicker{color:var(--primary);font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800;line-height:1.4}.section-number{color:var(--primary);font-family:var(--serif);font-size:2.4rem;line-height:1}@media (max-width:760px){.page-container{width:min(calc(100% - 36px), var(--content-width))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}