:root{--darkslate-50:#f7f7f7;--darkslate-100:#e3e3e3;--darkslate-200:#c9c9c9;--darkslate-300:#9a9a9a;--darkslate-400:#383838;--darkslate-500:#171717;--darkslate-600:#141414;--darkslate-700:#111;--darkslate-800:#0e0e0e;--darkslate-900:#0b0b0b;--primary-100:#f9cdd3;--primary-200:#f3a3aa;--primary-300:#ec7981;--primary-400:#e64f59;--primary-500:#e63946;--primary-600:#cf2f3d;--primary-700:#b82534;--primary-800:#a01b2b;--primary-900:#891321}.yellow-theme{--primary-100:#fff9c4;--primary-200:#fff59d;--primary-300:#fff176;--primary-400:#ffee58;--primary-500:#ffeb3b;--primary-600:#fdd835;--primary-700:#fbc02d;--primary-800:#f9a825;--primary-900:#f57f17}.green-theme{--primary-100:#e8f5e9;--primary-200:#c8e6c9;--primary-300:#a5d6a7;--primary-400:#81c784;--primary-500:#66bb6a;--primary-600:#4caf50;--primary-700:#43a047;--primary-800:#388e3c;--primary-900:#2e7d32}.blue-theme{--primary-100:#bbdefb;--primary-200:#90caf9;--primary-300:#64b5f6;--primary-400:#42a5f5;--primary-500:#2196f3;--primary-600:#1e88e5;--primary-700:#1976d2;--primary-800:#1565c0;--primary-900:#0d47a1}.purple-theme{--primary-100:#e1bee7;--primary-200:#ce93d8;--primary-300:#ba68c8;--primary-400:#ab47bc;--primary-500:#9c27b0;--primary-600:#8e24aa;--primary-700:#7b1fa2;--primary-800:#6a1b9a;--primary-900:#4a148c}.style-glass{background:#060a12!important}.style-glass:before{background:radial-gradient(ellipse 80% 60% at 50% -10%, color-mix(in srgb, var(--primary-500) 18%, transparent) 0%, transparent 70%), linear-gradient(90deg, color-mix(in srgb, var(--primary-500) 7%, transparent) 1px, transparent 1px) center / 80px 80px, linear-gradient(color-mix(in srgb, var(--primary-500) 7%, transparent) 1px, transparent 1px) center / 80px 80px!important;opacity:1!important;-webkit-mask:none!important;mask:none!important}.style-glass .card{-webkit-backdrop-filter:blur(24px)saturate(160%);border-color:color-mix(in srgb, var(--primary-500) 14%, transparent)!important;background:#0c142866!important;border-radius:16px!important;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14,inset 0 -1px #0003!important}.style-glass .card:hover{border-color:color-mix(in srgb, var(--primary-500) 50%, transparent)!important;box-shadow:0 8px 40px #0009, 0 0 0 1px color-mix(in srgb, var(--primary-500) 20%, transparent), inset 0 1px 0 #ffffff1a!important}.style-glass .card *{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif!important}.style-glass #sound-toggle,.style-glass .style-btn-panel{-webkit-backdrop-filter:blur(24px);border-color:color-mix(in srgb, var(--primary-500) 14%, transparent)!important;background:#0c142880!important;border-radius:16px!important}.style-glass .card button:not(.theme-btn){-webkit-backdrop-filter:blur(16px);border-color:color-mix(in srgb, var(--primary-500) 22%, transparent)!important;color:#fff!important;background:#0c142880!important;border-radius:14px!important;box-shadow:0 2px 12px #0000004d,inset 0 1px #ffffff12!important}.style-glass .card button:not(.theme-btn):hover{border-color:color-mix(in srgb, var(--primary-500) 55%, transparent)!important}.style-sharp{background:#0a0a0a!important}.style-sharp:before{--line-color:#ffffff0f!important;--line-size:40px!important;-webkit-mask:none!important;mask:none!important}.style-sharp .card{background:#111!important;border:1px solid #fff3!important;border-radius:0!important;transition:box-shadow .1s,border-color .1s!important;box-shadow:4px 4px #ffffff0f!important}.style-sharp .card:hover{border-color:var(--primary-500)!important;box-shadow:4px 4px 0 var(--primary-500)!important}.style-sharp .card *,.style-sharp .bg-neutral-900{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important}.style-sharp .rounded-full{border-radius:0!important;padding:0 3px!important}.style-sharp #sound-toggle,.style-sharp .style-btn-panel{border-color:#fff3!important;border-radius:0!important;box-shadow:4px 4px #ffffff0f!important}.style-sharp .card button:not(.theme-btn){color:#fff!important;background:#111!important;border-color:#fff3!important;border-radius:0!important;box-shadow:3px 3px #ffffff0f!important}.style-sharp .card button:not(.theme-btn):hover{border-color:var(--primary-500)!important;box-shadow:3px 3px 0 var(--primary-500)!important}.style-neon{background:#020408!important}.style-neon:before{--line-size:60px!important;background:radial-gradient(ellipse 60% 40% at 50% 100%, color-mix(in srgb, var(--primary-500) 12%, transparent) 0%, transparent 70%), linear-gradient(90deg, color-mix(in srgb, var(--primary-500) 6%, transparent) 1px, transparent 1px) center / 60px 60px, linear-gradient(color-mix(in srgb, var(--primary-500) 6%, transparent) 1px, transparent 1px) center / 60px 60px!important;-webkit-mask:none!important;mask:none!important}.style-neon .card{border:1px solid color-mix(in srgb, var(--primary-500) 35%, transparent)!important;box-shadow:none!important;background:#080c14!important;border-radius:6px!important;transition:border-color .2s!important}.style-neon .card:hover{border-color:var(--primary-500)!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--primary-500) 15%, transparent)!important}.style-neon .card *{font-family:Trebuchet MS,Century Gothic,Gill Sans,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif!important}.style-neon h1,.style-neon h2,.style-neon h3,.style-neon h4,.style-neon h5,.style-neon h6{text-shadow:0 0 12px color-mix(in srgb, var(--primary-500) 60%, transparent);color:var(--primary-400)!important}.style-neon #sound-toggle,.style-neon .style-btn-panel{border-color:var(--primary-500)!important;box-shadow:0 0 8px color-mix(in srgb, var(--primary-500) 30%, transparent)!important;background:#020408e6!important;border-radius:4px!important}.style-neon .card button:not(.theme-btn){border-color:var(--primary-500)!important;color:var(--primary-400)!important;box-shadow:0 0 8px color-mix(in srgb, var(--primary-500) 25%, transparent)!important;background:#020408e6!important;border-radius:4px!important}.style-neon .card button:not(.theme-btn):hover{box-shadow:0 0 16px color-mix(in srgb, var(--primary-500) 50%, transparent), 0 0 32px color-mix(in srgb, var(--primary-500) 15%, transparent)!important}.style-glass .card svg{filter:brightness(1.05)saturate(1.2)}.style-sharp .card svg{filter:contrast(1.3)brightness(.85)grayscale(.25)}.style-neon .card svg{filter:brightness(.95)saturate(1.3)hue-rotate(-5deg)}.style-glass .theme-btn.active{box-shadow:0 0 0 2px #78b4ff33,0 0 0 3.5px #78b4ffb3!important}.style-sharp .theme-btn.active{box-shadow:0 0 0 2px #ffffff1a,0 0 0 3.5px #fff!important}.style-neon .theme-btn.active{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary-500) 20%, transparent), 0 0 0 3.5px var(--primary-500), 0 0 8px color-mix(in srgb, var(--primary-500) 40%, transparent)!important}.style-glass .bg-neutral-900{-webkit-backdrop-filter:blur(24px)!important;color:#fff!important;background:#0c142880!important;border-color:#78b4ff2e!important;border-radius:16px!important;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff14!important}.style-glass .bg-neutral-900:hover{background:#0c1428b3!important;border-color:#78b4ff59!important}.style-sharp .bg-neutral-900{color:#fff!important;background:#111!important;border-color:#fff3!important;border-radius:0!important;box-shadow:4px 4px #ffffff0f!important}.style-sharp .bg-neutral-900:hover{border-color:var(--primary-500)!important;box-shadow:4px 4px 0 var(--primary-500)!important}.style-neon .bg-neutral-900{color:var(--primary-400)!important;border-color:var(--primary-500)!important;background:#020408f2!important;border-radius:4px!important;box-shadow:0 0 8px #e639464d!important}.style-neon .bg-neutral-900:hover{box-shadow:0 0 16px #e6394680!important}html{overscroll-behavior:none;scrollbar-gutter:stable}body{min-height:100vh}body:before{--line-color:var(--darkslate-400);--line-size:80px;content:"";background:linear-gradient(90deg, var(--line-color) 1px, transparent 1px) center / var(--line-size) var(--line-size), linear-gradient(var(--line-color) 1px, transparent 1px) center / var(--line-size) var(--line-size);z-index:-1;width:101vw;height:100vh;position:fixed;top:0;left:50%;transform:translate(-50%);-webkit-mask:linear-gradient(-360deg,#0000 40%,#fff);mask:linear-gradient(-360deg,#0000 40%,#fff)}.switchboard{background-color:var(--darkslate-900);border-radius:20px;max-width:100%;padding:clamp(12px,4vw,40px)}.switchboard .star{border-radius:100%;width:1px;height:1px;transition:transform 10ms;position:relative}.switchboard .star:after,.switchboard .star:before{content:"";opacity:0;border-radius:inherit;transition:opacity 10ms;position:absolute;inset:0}.switchboard .star:before{background:var(--primary-500);box-shadow:0px 0px 2px 1px var(--primary-800)}.switchboard .star:after{box-shadow:0px 0px 1px 1px var(--primary-500), 0px 0px 2px 1px var(--primary-800);background:#fff}.switchboard .star[data-state=off]{background:var(--darkslate-300)}.switchboard .star[data-state=medium]:before,.switchboard .star[data-state=high]:after{opacity:1}:root{--ns-fill:var(--darkslate-500);--ns-rail:var(--darkslate-400);--ns-pad:1.625rem}.cards-custom .card--ns{padding:var(--ns-pad-y,var(--ns-pad)) var(--ns-pad-x,var(--ns-pad));min-width:var(--ns-min);min-height:var(--ns-min);background-color:var(--ns-fill)!important;box-shadow:none!important;border:0!important;border-radius:0!important}.cards-custom .card--ns:before{content:"";z-index:-20;border:var(--ns-border) solid transparent;border-image-source:var(--ns-image);border-image-slice:var(--ns-slice) fill;pointer-events:none;border-image-repeat:stretch;position:absolute;inset:0}.cards-custom .card--ns:hover{--ns-rail:var(--primary-500)}.card:not(:hover){transition-property:background-color,transform!important}.card:not(:hover):before,.card:not(:hover) :is(.ns-morph-outline,.ns-clip-outline){transition:none!important}@supports ((-webkit-mask-box-image:linear-gradient(#000, #000) 10 fill / 10px stretch
)){.cards-custom .card--ns{-webkit-mask-box-image:var(--ns-mask) var(--ns-slice) fill / var(--ns-border) stretch}.cards-custom .card--ns:before{z-index:2;background-color:var(--ns-rail);-webkit-mask-box-image:var(--ns-rail-mask) var(--ns-slice) fill / var(--ns-border) stretch;border-image-source:none;transition:background-color .15s ease-out}}body.ns-js-shape .card--ns{box-shadow:none!important;border-color:#0000!important;-webkit-mask-box-image-source:none!important}body.ns-js-shape .card--ns:before{opacity:0!important}.ns-morph-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.ns-morph-outline{fill:none;stroke:var(--ns-rail,var(--darkslate-400));stroke-width:2px;transition:stroke .15s ease-out}.card--ns.ns-clip-fallback:before{opacity:0}.ns-clip-outline{fill:none;stroke:var(--ns-rail,var(--darkslate-400));stroke-width:2px;transition:stroke .15s ease-out}.cards-custom #formatToggle{top:var(--ns-pad-y,var(--ns-pad));right:var(--ns-pad-x,var(--ns-pad))}@media (width>=1024px){.card.pad-lg{--ns-pad:clamp(1.125rem, 2.6vw, 1.875rem);padding:clamp(1.125rem,2.6vw,1.875rem)}}@supports ((-webkit-mask-box-image:linear-gradient(#000, #000) 10 fill / 10px stretch
)){.cards-custom .theme-btn{--sw-rotate:45deg;-webkit-mask-box-image:var(--sw-mask) var(--sw-slice) fill / var(--sw-border) stretch;position:relative;box-shadow:none!important;border-radius:0!important}.cards-custom .theme-btn:before{content:"";background:var(--sw-rail,var(--darkslate-400));-webkit-mask-box-image:var(--sw-rail-mask) var(--sw-slice) fill / var(--sw-border) stretch;position:absolute;inset:0}.cards-custom .theme-btn.active{--sw-rotate:0deg;--sw-rail:#fff}.cards-custom .btn--ns,.cards-custom .tt--ns,.cards-custom .chrome--ns{min-width:var(--bt-min);min-height:var(--bt-min);-webkit-mask-box-image:var(--bt-mask) var(--bt-slice) fill / var(--bt-border) stretch;position:relative;box-shadow:none!important;border:0!important;border-radius:0!important}.cards-custom .btn--ns:before,.cards-custom .tt--ns:before,.cards-custom .chrome--ns:before{content:"";z-index:2;pointer-events:none;background:var(--bt-rail,var(--primary-500));-webkit-mask-box-image:var(--bt-rail-mask) var(--bt-slice) fill / var(--bt-border) stretch;transition:background-color .15s ease-out;position:absolute;inset:0}.cards-custom .chrome--ns{--bt-rail:var(--darkslate-400)}.cards-custom .chrome--ns:hover{--bt-rail:var(--primary-500)}.cards-custom .tt--ns{justify-content:center;align-items:center;padding:.5rem .9rem;display:flex}.cards-custom .tt--ns:after{display:none}.cards-custom .btn-shell,.cards-custom .tt-shell{--bt-lift:drop-shadow(1px 1px 0 var(--primary-500));filter:var(--bt-lift) var(--bt-lift) var(--bt-lift)}.cards-custom .btn-shell:has(.btn--ns:active),.cards-custom .btn-shell--flat{filter:none}.cards-custom .btn-shell--flat .btn--ns:active{transform:none!important}.cards-custom .tt-shell{transform:translate(-50%,-7.5rem)}.cards-custom .tt-shell:before,.cards-custom .tt-shell:after{content:"";border:1.5px solid var(--primary-500);background:#000;border-radius:50%;position:absolute;left:50%}.cards-custom .tt-shell:before{width:11px;height:11px;bottom:-14px;transform:translate(-70%)}.cards-custom .tt-shell:after{width:6px;height:6px;bottom:-26px;transform:translate(-140%)}}@keyframes heart-pulse{0%,40%,80%,to{transform:scale(1)}20%{transform:scale(1.6)}60%{transform:scale(1.35)}}.heart-svg{transform-origin:50% 60%;display:inline-block}.heart-svg rect{fill:currentColor;transition:fill .2s}.heart-btn.is-active{color:#ef4444}.pixel-heart.beating,.heart-btn.is-firing .heart-svg{animation:.6s ease-in-out heart-pulse}.checkerboard,.dl-stage.bg-checker{background-image:linear-gradient(45deg, var(--darkslate-800) 25%, transparent 25%, transparent 75%, var(--darkslate-800) 75%), linear-gradient(45deg, var(--darkslate-800) 25%, var(--darkslate-900) 25%, var(--darkslate-900) 75%, var(--darkslate-800) 75%);background-position:0 0,12px 12px;background-size:24px 24px}:root{--cursor-default:url(/cursor-default.svg) 1 1, default;--cursor-text:url(/cursor-text.svg) 9 10, text;--cursor-pointer:url(/cursor-pointer.svg) 2 1, pointer;--cursor-not-allowed:url(/cursor-not-allowed.svg) 9 9, not-allowed;--cursor-rotate:url(/cursor-rotate.svg) 13 5, ew-resize}html{cursor:var(--cursor-default)}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=button],[type=submit]),textarea,[contenteditable=true],:where(p,li,blockquote,pre,code):not(a *,button *,[aria-hidden=true] *){cursor:var(--cursor-text)}a[href],button:not(:disabled),[role=button],summary,label[for],select,html .cursor-pointer{cursor:var(--cursor-pointer)}:disabled{cursor:var(--cursor-not-allowed)}:root{--font-chinese:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif}.accent{color:var(--primary-500)}.muted{color:var(--darkslate-300)}.eyebrow{color:var(--darkslate-300);letter-spacing:.06em;margin:0 0 8px;font-size:12px;line-height:1.6}.home-bento{color:#fff;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(1280px,100%);margin:auto;padding:16px;display:grid}.home-bento>.card{min-height:0}.home-bento>.profile-card,.home-bento>.skills-card,.home-bento>.experience-card,.home-bento>.portfolio-card{grid-column:1/-1}.profile-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.profile-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(36px,4vw,54px);line-height:1.2}.name-dot{color:var(--primary-500)}.profile-focus{color:var(--darkslate-200);margin:10px 0 0;font-size:13px}.profile-avatar{background:var(--darkslate-400);border:1px solid color-mix(in srgb, var(--primary-500) 40%, transparent);border-radius:24px;flex:none;width:96px;height:96px;position:relative;overflow:hidden}.profile-avatar span{color:var(--primary-500);place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.profile-avatar img{object-fit:cover;width:100%;height:100%;position:relative}.profile-intro{margin:16px 0 0;font-size:14px;line-height:1.8}.profile-summary{color:var(--darkslate-200);max-width:60ch;margin:8px 0 0;font-size:14px;line-height:1.8}.profile-links{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.profile-links a{border:1px solid var(--darkslate-400);border-radius:6px;padding:7px 12px;font-size:12px;transition:border-color .2s,color .2s}.profile-links a:hover{border-color:var(--primary-500);color:var(--primary-500)}.contact-details{color:var(--darkslate-300);flex-wrap:wrap;gap:4px 18px;margin-top:12px;font-size:11px;display:flex}.contact-details>span{align-items:center;gap:7px;display:inline-flex}.contact-details button{color:var(--primary-500);cursor:pointer;background:0 0;border:0;font-size:10px}.section-title{margin:0;font-size:23px;line-height:1.3}.internship-list{margin:17px 0 0;padding:0;list-style:none}.internship-list li{border-top:1px solid var(--darkslate-400);padding:16px 0}.internship-list li:first-child{border:0;padding-top:0}.internship-list li:last-child{padding-bottom:0}.internship-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 12px;display:flex}.internship-heading h3{margin:0;font-size:15px}.internship-heading time{color:var(--darkslate-300);white-space:nowrap;font-size:10px}.internship-team{color:var(--darkslate-300);margin:4px 0;font-size:11px}.internship-role{color:var(--primary-400);margin:4px 0;font-size:12px}.internship-summary{color:var(--darkslate-200);margin:6px 0 0;font-size:12px;line-height:1.7}.skills-top{justify-content:space-between;align-items:center;display:flex}.skills-top>span{font-size:36px}.skill-groups{flex-direction:column;gap:16px;margin:22px 0;display:flex}.skill-groups h3{color:var(--darkslate-200);margin:0 0 8px;font-size:12px}.skill-tags{flex-wrap:wrap;gap:6px;display:flex}.skill-tags span{background:color-mix(in srgb, var(--primary-500) 6%, var(--darkslate-600));border:1px solid color-mix(in srgb, var(--primary-500) 15%, var(--darkslate-400));color:var(--darkslate-100);border-radius:5px;padding:5px 8px;font-size:11px;line-height:1.5}.detail-button{text-align:left;border:1px solid var(--darkslate-400);width:100%;color:var(--primary-400);cursor:pointer;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;font-size:12px;display:flex}.portfolio-card a{justify-content:flex-end;height:100%;min-height:120px}.portfolio-label{z-index:1;position:relative}.portfolio-label h2{margin:0;font-size:38px;line-height:1.2}.portfolio-label>p:last-child{color:var(--darkslate-200);margin:8px 0 0;font-size:12px}.portfolio-card #playground-grid{opacity:.65}.clock-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.clock-heading button{color:var(--darkslate-300);border:1px solid var(--darkslate-400);cursor:pointer;background:0 0;border-radius:4px;padding:2px 5px;font-size:10px}.clock-heading .eyebrow{margin:0}.beijing-clock{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:5px;font-size:clamp(30px,3vw,42px);font-weight:700;line-height:1.4;display:block}.clock-caption{margin:0;font-size:11px}.clock-caption span{margin-left:10px}.clock-visitor{margin:8px 0 0;font-size:10px}.appearance-card{min-width:0}.appearance-card>.card{height:100%;min-height:115px}.home-bento>.travel-card{grid-column:1/-1}.travel-tile{justify-content:space-between;align-items:center;display:flex}.travel-mini{flex:none;width:100px;height:100px;margin-right:12px}#skills-dialog{color:#fff;background:var(--darkslate-500);border:1px solid var(--primary-500);border-radius:16px;width:min(720px,100vw - 32px);max-height:calc(100dvh - 48px);padding:28px;overflow-y:auto}#skills-dialog::backdrop{backdrop-filter:blur(5px);background:#000000bf}.skills-dialog-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.skills-dialog-heading h2{margin:0;font-size:26px}.skills-dialog-heading button{border:1px solid var(--darkslate-400);color:#fff;cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px}#skills-dialog>p{font-size:13px}.full-skills dt{color:var(--primary-400);margin-top:24px;font-size:15px;font-weight:700}.full-skills dd{color:var(--darkslate-200);margin:8px 0 0;font-size:14px;line-height:1.9}.travel-page{color:#fff;width:min(100%,960px);margin:auto;padding:24px}.travel-page-heading{margin-top:24px}.travel-page-heading h1{margin:0;font-size:40px}.travel-page-heading>p:last-child{font-size:14px}.travel-globe{width:100%;height:540px;overflow:hidden}.destination-list{flex-wrap:wrap;justify-content:center;gap:12px;padding:0;list-style:none;display:flex}.destination-list li{border:1px solid var(--darkslate-400);border-radius:6px;padding:8px 14px;font-size:13px}:focus-visible{outline:2px solid var(--primary-500);outline-offset:4px}.theme-btn:focus-visible{outline-offset:5px;outline:2px solid #fff}@media (width>=1280px){.home-bento{grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;height:860px;min-height:860px;padding:12px 36px 12px 12px}.home-bento>.profile-card{grid-area:1/1/6/9;padding:24px}.home-bento>.skills-card{grid-area:1/9/9/13}.home-bento>.experience-card{grid-area:6/1/11/6;padding:20px 24px}.home-bento>.portfolio-card{grid-area:6/6/9/9}.home-bento>.clock-card{grid-area:9/6/11/9;padding:10px 24px}.appearance-card{grid-area:9/9/11/13}.home-bento>.blog-card{grid-area:11/1/13/5}.home-bento>.guestbook-card{grid-area:11/5/13/9}.home-bento>.travel-card{grid-area:11/9/13/13}.profile-heading h1{font-size:48px;line-height:1.1}.profile-focus{margin-top:6px}.profile-avatar{width:88px;height:88px}.profile-intro{margin-top:10px;line-height:1.6}.profile-summary{max-width:none;line-height:1.6}.profile-links{margin-top:10px}.profile-links a{padding:5px 11px}.contact-details{margin-top:8px}.experience-card .eyebrow{margin-bottom:4px;line-height:16px}.experience-card .section-title{font-size:21px;line-height:24px}.internship-list{margin-top:8px}.internship-list li{padding:4px 0}.internship-heading h3{font-size:14px}.internship-heading time{font-size:10px}.internship-team{margin:2px 0;font-size:10px;line-height:1.5}.internship-role{margin:2px 0;font-size:11px;line-height:1.5}.internship-summary{margin-top:3px;font-size:11px;line-height:1.5}.skill-groups{gap:12px;margin:16px 0}.skill-groups h3{margin-bottom:6px}.skill-tags span{padding:4px 7px}.clock-visitor{display:none}.home-bento .travel-mini{width:76px;height:76px}}@media (width<=600px){.home-bento{grid-template-columns:minmax(0,1fr);padding:12px 52px 24px 12px}.profile-heading{gap:10px}.profile-avatar{border-radius:14px;width:58px;height:58px}.profile-heading h1{font-size:32px}.profile-focus{font-size:11px;line-height:1.7}.profile-summary{font-size:13px}.home-bento .card{padding:22px}.home-bento>.clock-card,.home-bento>.appearance-card,.home-bento>.blog-card,.home-bento>.guestbook-card{grid-column:1/-1}.skills-card{grid-row:auto}.travel-globe{width:540px;height:540px;position:relative;left:50%;transform:translate(-50%)}.travel-page{overflow:hidden}.contact-details{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.clock-date{margin:4px 0 0;font-size:10px;line-height:15px}@media (width>=1280px){.beijing-clock{font-size:36px;line-height:1.2}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}#grid-transition>div{background:var(--grid-cell)}#grid-transition{z-index:9999;pointer-events:none;background:#111;display:grid;position:fixed;inset:0;overflow:hidden}.back-to-top[data-astro-cid-vy5be4ad]{border:1px solid var(--darkslate-400);background:var(--darkslate-500);width:44px;height:44px;color:var(--darkslate-100);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:border-color .16s,color .16s;display:flex;box-shadow:0 4px 12px #0005}.back-to-top[data-astro-cid-vy5be4ad][hidden]{display:none}.back-to-top[data-astro-cid-vy5be4ad]:hover{border-color:var(--primary-500);color:var(--primary-400)}.back-to-top[data-astro-cid-vy5be4ad]:focus-visible{outline:2px solid var(--primary-500);outline-offset:4px}.style-neon .back-to-top[data-astro-cid-vy5be4ad]{border-color:var(--primary-500);color:var(--primary-400);box-shadow:0 0 8px color-mix(in srgb, var(--primary-500) 30%, transparent);background:#020408e6}.style-glass .back-to-top[data-astro-cid-vy5be4ad]{-webkit-backdrop-filter:blur(24px);border-color:color-mix(in srgb, var(--primary-500) 14%, transparent);background:#0c142880}@media (prefers-reduced-motion:reduce){.back-to-top[data-astro-cid-vy5be4ad]{transition:none}}body{min-height:100dvh;font-family:var(--font-satoshi), "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-cabinet-grotesk), "PingFang SC", "Microsoft YaHei", sans-serif}p{font-family:inherit}b{font-weight:700!important}@supports (view-transition-name:none){::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.22,1,.36,1)}}
