*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light;--bg-color:oklch(98.2% .012 22);--card-bg:oklch(99.4% .008 20);--card-bg-rgb:252,250,249;--text-color:oklch(23% .038 22);--secondary-text:oklch(47% .028 24);--accent:oklch(58% .15 22);--accent-bright:oklch(72% .12 25);--accent-deep:oklch(40% .12 18);--accent-muted:color-mix(in oklch,var(--accent) 14%,transparent);--accent-rgb:235,102,108;--highlight:oklch(83% .06 32);--highlight-soft:color-mix(in oklch,var(--highlight) 28%,transparent);--gradient-primary:linear-gradient(135deg in oklch,var(--accent-deep) 0%,var(--accent) 48%,var(--accent-bright) 100%);--gradient-primary-soft:linear-gradient(135deg in oklch,color-mix(in oklch,var(--accent-deep) 88%,transparent),color-mix(in oklch,var(--accent-bright) 82%,transparent));--header-bg:linear-gradient(160deg in oklch,oklch(13% .048 332),oklch(9.5% .04 328) 46%,oklch(7.5% .032 325));--footer-bg:linear-gradient(168deg in oklch,oklch(97.8% .016 24),oklch(94.5% .032 22) 45%,oklch(91% .052 23));--shadow-color:oklch(26% .022 22/.14);--shadow-hover:oklch(20% .024 20/.24);--shadow-section:0 24px 56px -12px oklch(22% .022 24/.18);--shadow-elevated-sm:0 4px 14px var(--shadow-color);--shadow-elevated-md:0 8px 22px var(--shadow-hover);--shadow-elevated-lg:0 14px 34px var(--shadow-hover);--border-color:oklch(44% .035 22/.14);--nav-scrolled-surface:color-mix(in oklch,var(--card-bg) 95%,oklch(97.5% .01 22));--nav-scrolled-shadow:0 4px 24px var(--shadow-color);--nav-scrolled-divider:color-mix(in oklch,var(--accent-deep) 18%,transparent);--surface-drawer:color-mix(in oklch,var(--card-bg) 97%,#fff);--surface-drawer-shadow:-5px 0 18px var(--shadow-color);--chrome-on-hero-bg:color-mix(in oklch,#fff 13%,transparent);--chrome-on-hero-border:color-mix(in oklch,#fff 24%,transparent);--chrome-on-hero-bg-hover:color-mix(in oklch,#fff 21%,transparent);--chrome-on-hero-border-hover:color-mix(in oklch,#fff 30%,transparent);--text-on-accent:oklch(99.2% .006 20);--text-on-dark-pure:oklch(100% 0 0);--surface-article-nav:color-mix(in oklch,var(--card-bg) 90%,transparent);--theme-switch-track:oklch(91% .012 22);--theme-switch-track-active:oklch(38% .12 18);--theme-switch-knob:oklch(99.4% .008 20);--theme-switch-knob-on:oklch(24% .025 24);--theme-switch-knob-shadow:0 2px 8px oklch(22% .022 24/.22);--theme-sun-core:oklch(89% .06 32);--theme-moon-ring:color-mix(in oklch,#fff 82%,var(--border-color));--text-nav-logo:clamp(1.55rem,2.65vw,1.85rem);--layout-max-width:1200px;--layout-article-max:900px;--border-radius:14px;--radius-card:12px;--radius-sm:6px;--transition-speed:.3s;--ease-out-quart:cubic-bezier(.25,1,.5,1);--ease-out-quint:cubic-bezier(.22,1,.36,1);--ease-out-expo:cubic-bezier(.16,1,.3,1);--duration-instant:.1s;--duration-fast:165ms;--duration-normal:.26s;--duration-moderate:.4s;--duration-entrance:.72s;--scrollbar-track:oklch(90% .012 22);--scrollbar-thumb:oklch(52% .14 22);--scrollbar-thumb-hover:oklch(44% .13 20);--scroll-indicator-color:oklch(42% .09 22);--scroll-indicator-shadow:oklch(100% 0 0/.45);--font-sans:"DM Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-display:"Syne","PingFang SC","Microsoft YaHei",sans-serif;--text-xs:.8125rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:clamp(1.85rem,4.2vw,2.85rem);--text-hero:clamp(3.05rem,12vw,6.35rem);--leading-none:1.05;--leading-tight:1.18;--leading-snug:1.38;--leading-body:1.65;--leading-relaxed:1.75;--tracking-tighter:-.045em;--tracking-tight:-.022em;--tracking-normal:0;--tracking-wide:.07em;--tracking-wider:.11em;--measure-prose:65ch;--measure-tight:40ch;--breakpoint-xs:380px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:900px;--breakpoint-xl:1024px;--touch-target-min:44px;--text-shadow-hero-title:0 4px 28px oklch(0% 0 0/.45);--text-shadow-hero-title-strong:0 4px 32px oklch(0% 0 0/.55);--text-shadow-hero-sub:0 2px 18px oklch(0% 0 0/.35);--text-shadow-hero-sub-strong:0 2px 20px oklch(0% 0 0/.45);--text-shadow-hero-body:0 1px 12px oklch(0% 0 0/.2);--text-shadow-hero-body-strong:0 2px 14px oklch(0% 0 0/.35);--text-shadow-ui-soft:0 2px 4px oklch(0% 0 0/.3);--text-shadow-hero-name-on-hero:0 2px 12px oklch(100% 0 0/.6),0 1px 4px oklch(100% 0 0/.4);--text-shadow-hero-tagline-on-hero:0 1px 8px oklch(100% 0 0/.5);--text-shadow-hero-body-on-hero:0 1px 6px oklch(100% 0 0/.45);--text-shadow-hero-on-light-title:0 1px 2px oklch(100% 0 0/.88),0 2px 18px oklch(22% .04 22/.22);--text-shadow-hero-on-light-sub:0 1px 2px oklch(100% 0 0/.82),0 1px 12px oklch(24% .035 22/.16);--text-shadow-hero-on-light-body:0 1px 2px oklch(100% 0 0/.78),0 1px 8px oklch(26% .03 22/.12);--hero-body-text-on-light:var(--secondary-text);--hero-body-text:color-mix(in oklch,var(--text-on-dark-pure) 76%,transparent);--hero-body-text-strong:color-mix(in oklch,var(--text-on-dark-pure) 88%,transparent);--explore-button-bg:color-mix(in oklch,var(--text-on-dark-pure) 55%,transparent);--text-emphasis-ink:oklch(24% .04 18);--code-block-bg:oklch(18% .032 22);--code-block-fg:oklch(93% .02 22);--border-subtle:color-mix(in oklch,#000 5%,transparent);--cta-glass-bg:color-mix(in oklch,oklch(99.2% .01 20) 14%,transparent);--cta-glass-border:color-mix(in oklch,oklch(92% .02 22) 55%,transparent);--cta-glass-hover-bg:color-mix(in oklch,#fff 30%,transparent);--cta-glass-bg-on-dark:color-mix(in oklch,#fff 15%,transparent);--cta-glass-border-on-dark:color-mix(in oklch,#fff 20%,transparent);--cta-glass-hover-on-dark:color-mix(in oklch,#fff 20%,transparent);--shadow-footer-block:0 5px 30px oklch(0% 0 0/.5);--shadow-header-underline:0 5px 20px oklch(0% 0 0/.5);--contact-chip-bg:color-mix(in oklch,oklch(98% .012 22) 16%,transparent);--contact-chip-border:color-mix(in oklch,oklch(90% .02 24) 35%,transparent);--contact-chip-hover-bg:color-mix(in oklch,#fff 30%,transparent);--contact-chip-shadow-hover:var(--shadow-elevated-sm);--contact-chip-shimmer-mid:color-mix(in oklch,#fff 20%,transparent);--contact-chip-bg-dark:color-mix(in oklch,#fff 12%,transparent);--contact-chip-hover-bg-dark:color-mix(in oklch,#fff 18%,transparent);--contact-chip-shadow-hover-dark:var(--shadow-elevated-md);--article-item-border-hover:color-mix(in oklch,var(--accent) 42%,transparent)}.dark-theme{color-scheme:dark;--bg-color:oklch(16% .018 28);--card-bg:oklch(21% .022 26);--card-bg-rgb:44,40,38;--text-color:oklch(94% .012 26);--secondary-text:oklch(72% .024 24);--accent:oklch(80% .11 22);--accent-bright:oklch(86% .09 24);--accent-deep:oklch(72% .12 20);--accent-muted:color-mix(in oklch,var(--accent) 18%,transparent);--accent-rgb:255,176,172;--highlight:oklch(68% .055 32);--highlight-soft:color-mix(in oklch,var(--highlight) 22%,transparent);--gradient-primary:linear-gradient(135deg in oklch,oklch(72% .12 20),oklch(80% .11 22),oklch(86% .09 24));--gradient-primary-soft:linear-gradient(135deg in oklch,color-mix(in oklch,var(--accent-deep) 88%,transparent),color-mix(in oklch,var(--accent-bright) 85%,transparent));--header-bg:linear-gradient(160deg in oklch,oklch(9% .042 332),oklch(12.5% .044 328) 50%,oklch(7.5% .034 325));--footer-bg:linear-gradient(168deg in oklch,oklch(10% .04 330),oklch(7% .032 326));--shadow-color:oklch(5% .024 26/.5);--shadow-hover:oklch(8% .028 24/.62);--shadow-section:0 22px 52px -14px oklch(5% .024 26/.55);--shadow-elevated-sm:0 4px 16px var(--shadow-color);--shadow-elevated-md:0 8px 26px var(--shadow-hover);--shadow-elevated-lg:0 14px 38px var(--shadow-hover);--border-color:oklch(92% .014 24/.1);--nav-scrolled-surface:color-mix(in oklch,var(--card-bg) 93%,#000);--nav-scrolled-shadow:0 4px 28px oklch(0% 0 0/.45);--nav-scrolled-divider:color-mix(in oklch,#fff 8%,transparent);--surface-drawer:color-mix(in oklch,var(--card-bg) 96%,#000);--surface-drawer-shadow:-5px 0 20px oklch(0% 0 0/.35);--chrome-on-hero-bg:color-mix(in oklch,var(--card-bg) 52%,transparent);--chrome-on-hero-border:color-mix(in oklch,#fff 14%,transparent);--chrome-on-hero-bg-hover:color-mix(in oklch,var(--card-bg) 72%,transparent);--chrome-on-hero-border-hover:color-mix(in oklch,#fff 20%,transparent);--text-on-accent:oklch(97.5% .015 26);--surface-article-nav:color-mix(in oklch,var(--card-bg) 88%,transparent);--theme-switch-track:oklch(30% .02 26);--theme-switch-track-active:oklch(48% .12 22);--theme-switch-knob:oklch(22% .02 24);--theme-switch-knob-on:oklch(18% .018 26);--theme-switch-knob-shadow:0 2px 10px oklch(0% 0 0/.45);--theme-sun-core:oklch(84% .055 32);--theme-moon-ring:color-mix(in oklch,oklch(75% .012 26) 70%,var(--border-color));--scrollbar-track:oklch(17% .018 26);--scrollbar-thumb:oklch(55% .12 22);--scrollbar-thumb-hover:oklch(62% .11 24);--scroll-indicator-color:color-mix(in oklch,#fff 72%,var(--secondary-text));--scroll-indicator-shadow:oklch(4% .022 26/.55);--tech-tag-muted:oklch(82% .04 24);--leading-body:1.72;--border-subtle:color-mix(in oklch,#fff 6%,transparent);--border-section-on-dark:color-mix(in oklch,var(--text-on-dark-pure) 3%,transparent);--code-block-bg:color-mix(in oklch,var(--card-bg) 72%,#000);--code-block-fg:oklch(91% .018 26);--article-item-border-hover:color-mix(in oklch,var(--accent) 50%,transparent)}html{font-size:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:400;line-height:var(--leading-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:var(--text-color);isolation:isolate;min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}[role=button],a,button,summary{-webkit-tap-highlight-color:color-mix(in oklch,var(--accent) 22%,transparent)}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.55'/%3E%3C/svg%3E");content:"";inset:0;mix-blend-mode:multiply;opacity:.028;pointer-events:none;position:fixed;z-index:0}.dark-theme body:before{mix-blend-mode:soft-light;opacity:.06}.font-display{font-family:var(--font-display)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom in oklch,var(--accent-deep),var(--accent-bright));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:var(--accent-deep);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--accent-bright)}:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}:focus:not(:focus-visible){outline:none}::-moz-selection{background-color:color-mix(in oklch,var(--accent) 30%,transparent);color:var(--text-color)}::selection{background-color:color-mix(in oklch,var(--accent) 30%,transparent);color:var(--text-color)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-moderate) var(--ease-out-quint)}.fade-enter-from,.fade-leave-to{opacity:0}*,:after,:before{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.scroll-down-indicator .chevron,.scroll-down-indicator .chevron:after,.scroll-down-indicator .chevron:before{animation-duration:1.4s!important;animation-iteration-count:infinite!important}.scroll-reveal{opacity:1!important;transform:none!important}}@media(prefers-contrast:more){:root{--shadow-color:oklch(20% .022 22/.32);--shadow-hover:oklch(18% .024 20/.48);--border-color:oklch(35% .04 22/.28)}.dark-theme{--shadow-color:oklch(95% .012 26/.22);--shadow-hover:oklch(96% .01 24/.32);--border-color:oklch(92% .012 24/.22)}.contact-link,.skill-tag{border:2px solid}}.transform-gpu{transform:translateZ(0);will-change:transform}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.loading-shimmer{animation:shimmer 1.5s linear infinite;background:linear-gradient(to right,var(--card-bg) 8%,oklch(90% .01 22) 18%,var(--card-bg) 33%);background-size:800px 104px}.dark-theme .loading-shimmer{background:linear-gradient(to right,var(--card-bg) 8%,oklch(28% .018 26) 18%,var(--card-bg) 33%)}@font-face{font-family:iconfont;src:url(iconfont.woff2?t=1746759224452) format("woff2"),url(iconfont.woff?t=1746759224452) format("woff"),url(iconfont.ttf?t=1746759224452) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-xiangshang:before{content:""}.icon-phone:before{content:""}.icon-email:before{content:""}.icon-github:before{content:""}.icon-chaiquan:before{content:""}.entry-content{background-color:var(--card-bg);color:var(--text-color);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0 auto;max-width:min(48rem,var(--measure-prose));padding:1.25rem max(1.25rem,env(safe-area-inset-right,0px)) 1.25rem max(1.25rem,env(safe-area-inset-left,0px));word-wrap:break-word}.tech-summary-box{background-color:color-mix(in oklch,var(--card-bg) 92%,var(--accent-muted));border-left:4px solid var(--accent-deep);border-radius:var(--border-radius);margin-bottom:2rem;padding:1rem 1.25rem}.tech-summary-box strong{color:var(--text-color);display:block;font-size:var(--text-md);font-weight:700;line-height:var(--leading-snug);margin-bottom:.5rem}.tech-summary-box p{color:var(--secondary-text);font-size:var(--text-sm);line-height:var(--leading-body);margin:0}.entry-content h2{border-bottom:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);margin-bottom:.75em;margin-top:2.25em;padding-bottom:.5rem}.entry-content h3{color:var(--text-color);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug);margin-bottom:.65em;margin-top:1.75em}.entry-content p{margin-bottom:1.5em;text-align:justify;text-justify:inter-ideograph}.entry-content strong{color:var(--text-color);font-weight:700}.entry-content a{border-bottom:1px dashed color-mix(in oklch,var(--accent-deep) 55%,transparent);color:var(--accent-deep);text-decoration:none;transition:color .2s ease,border-color .2s ease}.entry-content a:hover{border-bottom-color:var(--accent-bright);border-bottom-style:solid;color:var(--accent-bright)}.entry-content ol,.entry-content ul{margin-bottom:1.5em;padding-left:1.35rem}.entry-content li{line-height:var(--leading-relaxed);margin-bottom:.5em}.entry-content pre{background:var(--code-block-bg);border-radius:var(--border-radius);box-shadow:0 4px 12px var(--shadow-color);color:var(--code-block-fg);line-height:var(--leading-snug);margin:1.5em 0;overflow-x:auto;padding:1.25rem}.entry-content code,.entry-content pre{font-family:Menlo,Monaco,Consolas,monospace;font-size:var(--text-sm)}.entry-content li code,.entry-content p code{background-color:color-mix(in oklch,var(--accent-muted) 40%,var(--card-bg));border-radius:4px;color:var(--accent-deep);margin:0 2px;padding:.15em .4em}.entry-content blockquote{background-color:color-mix(in oklch,var(--card-bg) 88%,var(--secondary-text));border-left:4px solid color-mix(in oklch,var(--accent) 35%,var(--border-color));color:var(--secondary-text);font-style:italic;line-height:var(--leading-body);margin:1.5em 0;padding:.75rem 1.25rem}.dark-theme .entry-content{background-color:transparent}.dark-theme .tech-summary-box{background-color:color-mix(in oklch,var(--card-bg) 96%,var(--accent-muted));border-left-color:var(--accent-bright)}.dark-theme .entry-content li code,.dark-theme .entry-content p code{background-color:color-mix(in oklch,var(--card-bg) 75%,var(--accent));color:var(--accent-bright)}