*,*:before,*:after{box-sizing:border-box}*{margin:0}body,h1,h2,h3,h4,h5,h6,p{padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}img,picture,video,canvas,svg{max-width:100%;height:auto}input,button,textarea,select{font:inherit}a{text-decoration-skip-ink:auto}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}pre{overflow-x:auto;white-space:pre}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:"Noto Serif SC";src:url(/fonts/NotoSerifSC-VariableFont_wght.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2A700-2B73F,U+2B740-2B81F,U+2B820-2CEAF,U+F900-FAFF,U+2F800-2FA1F}@font-face{font-family:Chinese Font;src:url(/fonts/fzlgq.TTF) format("truetype-variations");unicode-range:U+4E00-9FFF,U+3400-4DBF,U+20000-2A6DF,U+2A700-2B73F,U+2B740-2B81F,U+2B820-2CEAF,U+F900-FAFF,U+2F800-2FA1F}@font-face{font-family:agave-mono;src:url(/fonts/Agave-Regular.ttf)}body{-webkit-text-size-adjust:100%;font-family:var(--font-family-ysabeau);font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--color-text-primary);background-color:var(--color-bg-primary);padding:var(--space-4);max-width:960px;margin:0 auto}body>*:first-child{margin-top:0!important}body>*:last-child{margin-bottom:0!important}p,blockquote,ul,ol,dl,table,pre{margin:var(--space-15) 0}h1,h2,h3,h4,h5,h6{margin:var(--space-5) 0 var(--space-2);padding:0;font-weight:var(--font-weight-medium);-webkit-font-smoothing:antialiased}h1 tt,h1 code,h2 tt,h2 code,h3 tt,h3 code,h4 tt,h4 code,h5 tt,h5 code,h6 tt,h6 code{font-size:inherit}h1{font-weight:var(--font-weight-bold);text-align:center;font-size:var(--font-size-3xl);color:var(--color-primary)}h2{font-size:var(--font-size-2xl);border-bottom:1px solid var(--color-line-under-h2);color:var(--color-text-black)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-sm)}h6{color:var(--color-text-secondary);font-size:var(--font-size-sm)}body>h2:first-child,body>h1:first-child,body>h1:first-child+h2,body>h3:first-child,body>h4:first-child,body>h5:first-child,body>h6:first-child{margin-top:0;padding-top:0}a:first-child h1,a:first-child h2,a:first-child h3,a:first-child h4,a:first-child h5,a:first-child h6{margin-top:0;padding-top:0}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:var(--space-2)}a{color:var(--color-primary-hover);text-decoration:none}ms a:hover{text-decoration:underline}ul,ol{padding-left:var(--space-8)}ul li>:first-child,ol li>:first-child,ul li ul:first-of-type,ol li ol:first-of-type,ul li ol:first-of-type,ol li ul:first-of-type{margin-top:0}ul ul,ul ol,ol ol,ol ul{margin-bottom:0}dl{padding:0}dl dt{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-style:italic;padding:0;margin:var(--space-15) 0 var(--space-1)}dl dt:first-child{padding:0}dl dt>:first-child{margin-top:0}dl dt>:last-child{margin-bottom:0}dl dd{margin:0 0 var(--space-15);padding:0 var(--space-15)}dl dd>:first-child{margin-top:0}dl dd>:last-child{margin-bottom:0}pre,code{font-size:var(--font-size-xs);font-family:var(--font-family-mono)}code:not(pre code){margin:0;padding:2px;background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-light);border-radius:var(--radius-base);size:var(--font-size-sm);white-space:pre-wrap}pre{padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);overflow:auto}pre code{margin:0;padding:0;background:transparent;border:none;white-space:pre-wrap}kbd{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:var(--color-button-bg-end);background-image:linear-gradient(var(--color-button-bg-start),var(--color-button-bg-end));background-repeat:repeat-x;border-color:var(--color-button-bg-end) var(--color-button-border) var(--color-button-border) var(--color-button-bg-end);border-image:none;border-radius:var(--radius-sm);border-style:solid;border-width:1px;font-family:var(--font-family-sans);line-height:10px;padding:var(--space-1) var(--space-1)}pre.astro-code{padding:var(--space-2) var(--space-3);line-height:1.6;max-height:520px;overflow:auto;scrollbar-width:none;scrollbar-color:var(--color-scroll-bar-bg) transparent}pre.astro-code::-webkit-scrollbar{width:var(--space-1);height:var(--space-1)}pre.astro-code::-webkit-scrollbar-track{background:transparent}html.dark pre.astro-code,html.dark pre.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}blockquote{border-top:1px dotted var(--color-border-dotted);border-bottom:1px dotted var(--color-border-dotted);padding:0 var(--space-15);background-color:var(--color-bg-secondary);color:var(--color-text-secondary)}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{clear:both;margin:var(--space-15) 0;height:0px;overflow:hidden;border:none;background:transparent;border-bottom:4px solid var(--color-border-dark);padding:0}table th{font-weight:var(--font-weight-bold)}table th,table td{border:1px solid var(--color-border-medium);padding:var(--space-1) 13px}table tr{border-top:1px solid var(--color-border-medium);background-color:var(--color-text-inverse)}table tr:nth-child(2n){background-color:var(--color-bg-table-alt)}img{max-width:100%}.task-list{padding-left:var(--space-2);margin-bottom:0}.task-list li{margin-left:var(--space-5)}.task-list-item{list-style-type:none;padding-left:var(--space-2)}.task-list-item label{font-weight:var(--font-weight-normal)}.task-list-item.enabled label{cursor:pointer}.task-list-item+.task-list-item{margin-top:var(--space-3)}.task-list-item-checkbox{display:inline-block;margin-left:-var(--space-5);margin-right:var(--space-3);vertical-align:1px}@media (max-width: 640px){:root{--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}body{padding:var(--space-3)}ul,ol{padding-left:var(--space-6)}pre{padding:var(--space-1) var(--space-1);font-size:var(--font-size-xs)}table th,table td{padding:var(--space-1) var(--space-2)}}@media (max-width: 480px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}@media (max-width: 640px){body{font-size:var(--font-size-sm-mobile);line-height:var(--leading-relaxed-mobile);padding:var(--space-4-mobile)}h1{font-size:var(--font-size-3xl-mobile);margin:var(--space-5-mobile) 0 var(--space-2-mobile)}h2{font-size:var(--font-size-2xl-mobile);margin:var(--space-5-mobile) 0 var(--space-2-mobile)}h3{font-size:var(--font-size-lg-mobile)}h4{font-size:var(--font-size-h4-mobile)}h5,h6{font-size:var(--font-size-sm-mobile)}p,blockquote,ul,ol,dl,table,pre{margin:var(--space-15-mobile) 0}h1,h2,h3,h4,h5,h6{margin:var(--space-5-mobile) 0 var(--space-2-mobile)}h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{margin-top:var(--space-2-mobile)}ul,ol{padding-left:var(--space-6-mobile)}pre{padding:var(--space-1-mobile) var(--space-2-mobile);font-size:var(--font-size-xs-mobile)}code,tt{font-size:var(--font-size-xs-mobile)}blockquote{padding:0 var(--space-15-mobile)}table th,table td{padding:var(--space-1-mobile) var(--space-3-mobile)}hr{margin:var(--space-15-mobile) 0}dl dt{margin:var(--space-15-mobile) 0 var(--space-1-mobile)}dl dd{margin:0 0 var(--space-15-mobile);padding:0 var(--space-15-mobile)}.task-list li{margin-left:var(--space-5-mobile)}.task-list-item{padding-left:var(--space-2-mobile)}.task-list-item+.task-list-item{margin-top:var(--space-3-mobile)}.task-list-item-checkbox{margin-left:calc(-1 * var(--space-5-mobile));margin-right:var(--space-3-mobile)}}@media (max-width: 480px){body{padding:var(--space-3-mobile)}h1{font-size:var(--font-size-2xl-mobile)}h2{font-size:var(--font-size-xl-mobile)}ul,ol{padding-left:var(--space-5-mobile)}pre{padding:var(--space-1-mobile)}table th,table td{padding:var(--space-1-mobile) var(--space-2-mobile);font-size:var(--font-size-xs-mobile)}}.map-container{position:relative;width:100%;height:500px;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.single_img{display:block;width:70%;max-width:1000px;height:auto;margin:0 auto}.single_img_small{display:block;width:100%;max-width:1000px;height:400px;margin:0 auto;object-fit:contain}.bilibili-video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:var(--space-4)}.bilibili-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:var(--radius-xl)}.centered-guide-block{margin:0 auto;width:100%}.full_svg{width:80%;height:auto;max-width:100%;display:block;margin:0 auto;object-fit:contain}.responsive-iframe{height:600px;border:none}@media (min-width: 768px){.centered-guide-block{width:52%}.responsive-iframe{width:500px}}@media (max-width: 768px){.single_img{width:80%}.single_img_small{width:100%;height:350px}.bilibili-video-container{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);border-radius:0}.bilibili-video-container iframe{border-radius:0}.full_svg{width:95%}.responsive-iframe{width:100%}}@media (min-width: 1280px){.full_svg{max-width:1000px}}.copy-code{position:absolute;top:var(--space-2);right:var(--space-2);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-1);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.copy-success{color:var(--color-copy-success)!important}.copy-code:hover{background-color:var(--color-bg-secondary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.copy-code:active{transform:scale(.95)}pre{position:relative}@keyframes copy-success{0%{border-color:var(--color-border-medium)}50%{border-color:var(--color-copy-success);box-shadow:0 0 0 2px #22c55e33}to{border-color:var(--color-border-medium)}}.copy-success{animation:copy-success .6s ease}@media (max-width: 768px){.copy-code{display:none}}@media (hover: none) and (pointer: coarse){.copy-code{display:none}}.audio-player{border-top:1px dotted var(--color-border-dotted);border-bottom:1px dotted var(--color-border-dotted);padding:1.5rem;background-color:var(--color-bg-secondary);max-width:500px;width:100%;margin:1rem auto}.progress-container{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem}.progress-bar{flex:1;height:.25rem;background:var(--color-audioPlayer-progressBar);border-radius:.125rem;cursor:pointer;position:relative}.progress-fill{height:100%;background:var(--color-audioPlayer-progressFill);border-radius:.125rem;width:0%;transition:width .1s ease}.progress-handle{position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);cursor:grab;transition:left .1s ease}.progress-handle:active{cursor:grabbing}.progress-handle img{width:.75rem;height:.75rem;pointer-events:none;display:block;transform-origin:center center;transition:transform .2s ease}.progress-handle:hover img,.progress-handle.dragging img{transform:scale(1.3)}.current-time,.duration{font-size:1.4rem;font-family:Palatino,serif;color:var(--color-audioPlayer-body);min-width:2rem;text-align:center}.controls{display:flex;justify-content:center;align-items:center;gap:2rem}.controls button{border:none;background:transparent;color:var(--color-audioPlayer-body);cursor:pointer;font-weight:600;transition:transform .1s ease;padding:0}.controls button:hover{transform:scale(1.05)}.play-btn{width:2.25rem;height:2.25rem;font-size:1.2rem}.skip-btn{width:1.5rem;height:1.5rem;font-size:.7rem}.controls img{width:1.25rem;height:1.25rem;pointer-events:none}.play-btn img{width:1.5rem;height:1.5rem}.cv-layout{display:flex;gap:clamp(1rem,4vw,2rem);align-items:flex-start}.info-section{flex:3;min-width:0}.image-section{flex:0 0 clamp(8rem,24vw,11rem);text-align:center;margin-top:var(--space-4)}.image-section img{width:100%;height:auto;border-radius:clamp(.25rem,1vw,.5rem)}@media (max-width: 768px){.cv-layout{flex-direction:column;gap:clamp(1rem,3vw,1.5rem)}.image-section{flex:none;order:-1;max-width:clamp(6rem,40vw,10rem);align-self:center}}@media (min-width: 1280px){.cv-layout{max-width:60rem}}.layout[data-astro-cid-q6ucqdxn]{margin:0 auto;width:100%;max-width:1200px;padding:1rem}