
:root{--header-height-large:100px;--header-height-small:60px;--header-bg:rgba(249,249,249,1);}
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height-large);display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box;z-index:999;transition:background-color 0.4s ease,height 0.4s ease,box-shadow 0.4s ease;}
.site-header .brand{display:flex;align-items:center;gap:14px;color:#fff;transition:color 0.4s ease;}
.site-header .brand .logo{height:72px;transition:height 0.4s ease,filter 0.4s ease;}
.site-header .site-title{font-weight:700;font-size:1.2rem;text-decoration:none;color:inherit;}
.site-header .site-nav a{margin-left:18px;text-decoration:none;color:inherit;font-weight:600;}
.site-header.scrolled{background:var(--header-bg);box-shadow:0 6px 18px rgba(0,0,0,0.06);}
.site-header.scrolled .brand{color:#000;}
.site-header.scrolled .brand .logo{height:40px;}
body{margin:0;padding-top:var(--header-height-large);transition:padding-top 0.4s ease;}
.about-watermark{position:relative;padding:40px 20px;min-height:70vh;background-color:#fff;}
.about-watermark::before{content:'';position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:60%;opacity:0.06;pointer-events:none;z-index:0;}
.about-content{position:relative;z-index:1;max-width:900px;margin:0 auto;font-family:system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;color:#222;line-height:1.6;}
.founder-photo{max-width:180px;border-radius:8px;float:right;margin:0 0 20px 20px;box-shadow:0 6px 20px rgba(0,0,0,0.08);}
@media(max-width:700px){.founder-photo{float:none;display:block;margin:0 auto 20px;}}
