.site-header{position:fixed;top:0;left:0;right:0;height:80px;display:grid;grid-template-columns:120px 1fr 220px;align-items:center;padding:0 clamp(24px,5vw,96px);background:var(--bg);border-bottom:1px solid var(--border-faint);z-index:100}.site-header__brand{display:inline-flex;align-items:center;text-decoration:none}.site-header__nav{display:flex;justify-content:center;gap:clamp(28px,4vw,64px)}.site-header__nav-link{font-family:var(--font-cn);font-size:var(--size-sm);text-decoration:none;color:var(--fg-muted);border-bottom:2px solid transparent;padding-bottom:4px;letter-spacing:.08em;transition:color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.site-header__nav-link:hover{color:var(--color-gold-deep)}.site-header__nav-link.is-active{color:var(--color-gold-deep);border-bottom-color:var(--color-gold)}.site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}.site-header__menu-btn{display:none;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--fg)}.site-header__mobile-menu{position:absolute;top:80px;left:0;right:0;background:var(--bg);padding:var(--space-4) clamp(24px,5vw,96px);border-bottom:1px solid var(--border-faint);display:flex;flex-direction:column;gap:var(--space-4)}.site-header__mobile-link{font-family:var(--font-cn);font-size:var(--size-md);text-decoration:none;color:var(--fg)}.site-header__mobile-resume{margin-top:var(--space-4)}@media (max-width: 1024px){.site-header{grid-template-columns:120px 1fr auto}.site-header__nav{display:none}.site-header__menu-btn{display:block}}@media (max-width: 640px){.site-header__resume{display:none}}.xiang-logo{height:auto;display:block;transition:filter var(--dur-base) var(--ease-out)}.xiang-logo--small{width:64px}.xiang-logo--large{width:clamp(190px,15vw,260px)}[data-theme=dark] .xiang-logo{filter:invert(1) hue-rotate(180deg) brightness(1.2)}.theme-toggle{position:relative;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:transparent;cursor:pointer;color:var(--fg-muted);display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.theme-toggle:hover{border-color:var(--color-gold);color:var(--color-gold-deep);background:rgba(var(--accent-rgb),.06)}.theme-toggle__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6) rotate(-60deg);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out);pointer-events:none}.theme-toggle__icon[data-visible=true]{opacity:1;transform:scale(1) rotate(0)}.resume-button{display:inline-block;padding:6px 16px;border:1px solid var(--color-gold);color:var(--color-gold-deep);text-decoration:none;border-radius:var(--radius-md);font-size:var(--size-sm);font-family:var(--font-cn);letter-spacing:.12em;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.resume-button:hover{background:var(--color-gold);color:#fffaf0}.site-footer{border-top:1px solid var(--border);padding:var(--space-8) clamp(24px,5vw,96px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.site-footer__copyright{display:flex;align-items:center;gap:var(--space-2);font-size:var(--size-sm);color:var(--fg-muted)}.site-footer__tagline{font-family:var(--font-cn);font-size:var(--size-sm);color:var(--fg-subtle);letter-spacing:.1em}.site-footer__socials{display:flex;gap:var(--space-4)}.site-footer__social{font-size:var(--size-sm);color:var(--fg-muted);text-decoration:none;transition:color var(--dur-base) var(--ease-out)}.site-footer__social:hover{color:var(--color-gold-deep)}.hero{position:relative;width:100%;height:100vh;min-height:600px;overflow:hidden;display:flex;align-items:flex-start;padding-top:clamp(96px,13vh,140px);animation:fade-in 1.2s ease-out forwards;opacity:0}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to right,var(--color-paper) 0%,var(--color-paper) 25%,transparent 65%)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;animation:drift 36s ease-in-out infinite alternate}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:right center;transition:filter .3s ease}[data-theme=dark] .hero-bg img{filter:invert(.9) hue-rotate(180deg) brightness(.9) contrast(1.1)}.hero-content{position:relative;z-index:2;padding-left:10%;max-width:800px}.hero-logo-large{width:clamp(260px,20vw,340px);height:auto;margin-bottom:var(--space-6);animation:slide-up 1.4s cubic-bezier(.2,.7,.2,1) forwards;transform:translateY(12px);transition:filter .3s ease}[data-theme=dark] .hero-logo-large{filter:invert(1) hue-rotate(180deg) brightness(1.2)}.hero-title{font-family:var(--font-cn);font-size:clamp(var(--size-2xl),3vw,var(--size-4xl));font-weight:500;letter-spacing:.18em;line-height:1.35;margin-top:0;margin-bottom:var(--space-4);color:var(--fg);white-space:nowrap}.hero-subtitle-cn{font-family:var(--font-cn);font-size:var(--size-md);color:var(--fg-muted);letter-spacing:.26em;margin:0}.hero-subtitle-en{font-family:var(--font-en);font-size:var(--size-base);color:var(--fg-subtle);letter-spacing:.24em;text-transform:uppercase;margin:var(--space-2) 0 var(--space-6)}.hero-actions{display:flex;gap:var(--space-4);align-items:center}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-1.5%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(12px)}to{transform:translateY(0)}}@media (max-width: 767px){.hero:before{background:linear-gradient(to bottom,var(--color-paper) 0%,var(--color-paper) 45%,transparent 100%)}.hero-bg img{object-position:68% bottom;opacity:.82}.hero-content{padding-left:24px;padding-right:24px}.hero-logo-large{width:150px}.hero-title{font-size:var(--size-2xl)}}@media (prefers-reduced-motion: reduce){.hero,.hero-bg,.hero-logo-large{animation:none!important;opacity:1!important;transform:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;min-width:140px;padding:0 var(--space-5);border-radius:var(--radius-md);text-decoration:none;font-family:var(--font-cn);font-size:var(--size-sm);letter-spacing:.12em;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.btn--primary{background:var(--color-gold);border:1px solid var(--color-gold);color:#fffaf0}.btn--primary:hover{background:var(--color-gold-deep);border-color:var(--color-gold-deep)}.btn--secondary{background:#ffffff2e;border:1px solid var(--border-strong);color:var(--fg-muted)}.btn--secondary:hover{border-color:var(--color-gold);color:var(--color-gold-deep)}.about__grid{margin-top:var(--space-6);align-items:start}.about__figure{margin:0;position:relative}.about__image{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;object-position:center 20%;border:1px solid var(--color-gold-light);box-shadow:inset 0 0 0 6px var(--color-paper-warm),0 4px 20px #1a1a1a0d}.about__copy{display:flex;flex-direction:column;gap:var(--space-5)}.about__bio{margin:0;line-height:var(--leading-relaxed)}.about__bio--cn{font-family:var(--font-cn);font-size:var(--size-lg);color:var(--fg)}.about__bio--en{color:var(--fg-muted);font-size:var(--size-base)}.about__link{color:var(--color-gold-deep);text-decoration:none;border-bottom:1px solid var(--border-faint);transition:border-color var(--dur-base) var(--ease-out)}.about__link:hover{border-color:var(--color-gold)}.about__skills{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:var(--space-2) 0 0;padding:0}.about__skill{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:var(--size-sm);font-family:var(--font-utility);color:var(--fg-subtle)}@media (max-width: 767px){.about__image{aspect-ratio:4 / 3}}.section{padding:var(--space-10) 0;position:relative}.section--centered{text-align:center}.section--divided:before{content:"";display:block;width:32px;height:1px;background:var(--color-gold);margin:0 auto var(--space-8)}.container{max-width:var(--measure-page);margin:0 auto;padding:0 clamp(24px,5vw,96px)}.section-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.section-header__eyebrow{display:flex;align-items:center;gap:var(--space-2)}.section-header__eyebrow-en{font-family:var(--font-en);font-size:var(--size-sm);color:var(--color-gold-deep);letter-spacing:.24em;text-transform:uppercase}.section-header__eyebrow-sep{color:var(--border-strong)}.section-header__eyebrow-cn{font-family:var(--font-cn);font-size:var(--size-sm);color:var(--fg-muted);letter-spacing:.1em}.section-header__title{font-family:var(--font-cn);font-size:var(--size-3xl);font-weight:400;letter-spacing:.18em;margin:0;display:flex;align-items:center;gap:var(--space-3);color:var(--fg)}.gold-rule{height:1px;background-color:var(--color-gold);border:none}.stack{display:flex;flex-direction:column}.grid{display:grid}@media (max-width: 767px){.section{padding:var(--space-8) 0}.section-header__title{font-size:var(--size-2xl)}}.work__grid{margin-top:var(--space-6)}.work__card{display:block;text-decoration:none;color:inherit}.work__media{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;margin-bottom:var(--space-4);background:var(--bg-sunken);border:1px solid var(--border-faint);transition:border-color var(--dur-base) var(--ease-out)}.work__image{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.work__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#785a3200,#785a3214);opacity:0;transition:opacity var(--dur-base) var(--ease-out);pointer-events:none}.work__card:hover .work__image{transform:scale(1.04)}.work__card:hover .work__media-overlay{opacity:1}.work__card:hover .work__media{border-color:var(--color-gold-light)}.work__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.work__meta-text{display:flex;flex-direction:column;gap:var(--space-1)}.work__type{font-family:var(--font-cn);font-size:var(--size-xs);color:var(--color-gold-deep);letter-spacing:.1em;margin:0}.work__title{font-family:var(--font-cn);font-size:var(--size-lg);font-weight:500;margin:0;color:var(--fg)}.work__title-en{font-family:var(--font-en);font-size:var(--size-sm);color:var(--fg-muted);margin:0}.work__year{font-family:var(--font-utility);font-size:var(--size-sm);color:var(--fg-subtle);flex-shrink:0}.services__grid{margin-top:var(--space-6)}.services__card{position:relative;padding:var(--space-6);border:1px solid var(--border);background:transparent;display:flex;flex-direction:column;transition:border-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.services__card:hover{border-color:var(--color-gold);transform:translateY(-2px)}.services__icon{font-size:var(--size-3xl);color:var(--color-gold);line-height:1;margin-bottom:var(--space-3)}.services__title{font-family:var(--font-cn);font-size:var(--size-xl);font-weight:500;margin:0;color:var(--fg)}.services__title-en{font-family:var(--font-en);font-size:var(--size-sm);color:var(--fg-subtle);letter-spacing:.1em;text-transform:uppercase;margin:0 0 var(--space-3)}.services__description{font-family:var(--font-cn);color:var(--fg-muted);line-height:var(--leading-relaxed);margin:0}@media (max-width: 480px){.services__card{padding:var(--space-5)}}.blog__empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-9) 0;gap:var(--space-3)}.blog__empty-cn{font-family:var(--font-cn);font-size:var(--size-xl);letter-spacing:.24em;color:var(--fg-muted);margin:0}.blog__empty-en{font-family:var(--font-en);font-size:var(--size-sm);color:var(--fg-subtle);max-width:42ch;letter-spacing:.04em;margin:0}.contact__seal{display:flex;justify-content:center;margin-bottom:var(--space-6)}.contact__intro{font-family:var(--font-cn);font-size:var(--size-md);color:var(--fg-muted);letter-spacing:.12em;margin:var(--space-5) 0 var(--space-6)}.contact__email{position:relative;display:inline-block;font-family:var(--font-cn);font-size:clamp(var(--size-2xl),5vw,var(--size-4xl));color:var(--fg);text-decoration:none;letter-spacing:.04em;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-gold)}.contact__email:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:100%;background:var(--color-gold-deep);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-slow) var(--ease-out)}.contact__email:hover:after{transform:scaleX(1)}@media (max-width: 480px){.contact__email{word-break:break-all}}:root{--color-paper: #f6f0e7;--color-paper-warm: #fbf7ef;--color-paper-deep: #ede5d6;--color-ink: #252525;--color-ink-soft: #5f5a52;--color-ink-muted: #8a8175;--color-gold: #b99a6a;--color-gold-deep: #98784c;--color-gold-light: #d8c39c;--color-seal: #b84636;--color-line: rgba(154, 123, 82, .28);--color-mist: rgba(255, 255, 255, .56);--border-faint: rgba(154, 123, 82, .14);--border-strong: rgba(154, 123, 82, .45);--selection-bg: rgba(185, 154, 106, .22);--bg: var(--color-paper);--bg-raised: var(--color-paper-warm);--bg-sunken: var(--color-paper-deep);--fg: var(--color-ink);--fg-muted: var(--color-ink-soft);--fg-subtle: var(--color-ink-muted);--accent: var(--color-gold);--accent-hover: var(--color-gold-deep);--accent-rgb: 185, 154, 106;--border: var(--color-line);--font-cn: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--font-en: "Cormorant Garamond", "Cinzel", "Noto Serif", Georgia, serif;--font-utility: "Inter Tight", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: var(--font-cn);--font-sans: var(--font-utility);--size-xs: 12px;--size-sm: 14px;--size-base: 16px;--size-md: 18px;--size-lg: 21px;--size-xl: 26px;--size-2xl: 34px;--size-3xl: 44px;--size-4xl: 60px;--size-5xl: 84px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-caps: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--measure-prose: 62ch;--measure-wide: 78ch;--measure-page: 1080px;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 999px;--shadow-none: none;--shadow-hairline: 0 0 0 1px var(--border);--shadow-sm: 0 1px 2px rgba(26, 26, 26, .04);--shadow-md: 0 4px 16px rgba(26, 26, 26, .06), 0 1px 2px rgba(26, 26, 26, .04);--shadow-lg: 0 12px 40px rgba(26, 26, 26, .08);--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .22s;--dur-slow: .42s;--grain-opacity: .025}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-paper: #1a1815;--color-paper-warm: #232019;--color-paper-deep: #100f0d;--color-ink: #ece8df;--color-ink-soft: #b8b1a3;--color-ink-muted: #8a8478;--color-gold: #c9a974;--color-gold-deep: #b99a6a;--color-line: rgba(201, 169, 116, .22);--border-faint: rgba(201, 169, 116, .12);--border-strong: rgba(201, 169, 116, .36);--selection-bg: rgba(201, 169, 116, .24);--grain-opacity: .04}}[data-theme=dark]{--color-paper: #1a1815;--color-paper-warm: #232019;--color-paper-deep: #100f0d;--color-ink: #ece8df;--color-ink-soft: #b8b1a3;--color-ink-muted: #8a8478;--color-gold: #c9a974;--color-gold-deep: #b99a6a;--color-line: rgba(201, 169, 116, .22);--border-faint: rgba(201, 169, 116, .12);--border-strong: rgba(201, 169, 116, .36);--selection-bg: rgba(201, 169, 116, .24);--grain-opacity: .04}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--size-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--grain-opacity);z-index:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.9'/></svg>")}#root{position:relative;z-index:1}a{color:inherit}::selection{background:var(--selection-bg);color:var(--fg)}:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}