:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64, 158, 255;--el-color-success-rgb:103, 194, 58;--el-color-warning-rgb:230, 162, 60;--el-color-danger-rgb:245, 108, 108;--el-color-error-rgb:245, 108, 108;--el-color-info-rgb:144, 147, 153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out,var(--el-transition-duration) padding-top ease-in-out,var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out,var(--el-transition-duration) padding-left ease-in-out,var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55,0,.1,1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:2s linear infinite rotating}.el-icon svg{width:1em;height:1em}@font-face{font-family:YanboSong;src:local("猫啃网烟波宋-B"),local("Swei B2 Sugar CJK SC"),local("B2SC-Bold"),url(/fonts/yanbo-song.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #f4f5f7;--surface: #ffffff;--text: #282a32;--brand: #985167;--accent: #4e6877;--font-display: "YanboSong", "Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--font-body: "PingFang SC", "PingFang TC", "Microsoft YaHei", sans-serif;--muted: color-mix(in srgb, var(--text) 74%, var(--surface));--subtle: color-mix(in srgb, var(--text) 68%, var(--surface));--line: color-mix(in srgb, var(--text) 15%, var(--surface));--line-strong: color-mix(in srgb, var(--text) 26%, var(--surface));--surface-soft: color-mix(in srgb, var(--bg) 68%, var(--surface));--surface-raised: color-mix(in srgb, var(--surface) 92%, var(--bg));--surface-blush: color-mix(in srgb, var(--brand) 3%, var(--surface));--brand-strong: color-mix(in srgb, var(--brand) 84%, var(--text));--brand-soft: color-mix(in srgb, var(--brand) 12%, var(--surface));--accent-soft: color-mix(in srgb, var(--accent) 14%, var(--surface));--on-brand: var(--surface);--on-accent: var(--surface);--glass: color-mix(in srgb, var(--surface) 22%, transparent);--glass-strong: color-mix(in srgb, var(--surface) 34%, transparent);--glass-border: color-mix(in srgb, var(--surface) 52%, transparent);--glass-highlight: color-mix(in srgb, var(--surface) 38%, transparent);--glass-depth: color-mix(in srgb, var(--accent) 8%, transparent);--glass-shadow-color: color-mix(in srgb, var(--text) 10%, transparent);--liquid-brand: color-mix(in srgb, var(--brand) 24%, var(--surface));--liquid-accent: color-mix(in srgb, var(--accent) 28%, var(--surface));--liquid-mist: color-mix(in srgb, var(--accent) 12%, var(--surface));--focus-ring: color-mix(in srgb, var(--brand) 24%, transparent);--shadow-soft: 0 16px 44px color-mix(in srgb, var(--text) 9%, transparent);--shadow-float: 0 26px 70px color-mix(in srgb, var(--text) 15%, transparent);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 72px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;--el-font-family: var(--font-body);--el-color-primary: var(--brand);--el-color-primary-light-3: color-mix(in srgb, var(--brand) 72%, var(--surface));--el-color-primary-light-5: color-mix(in srgb, var(--brand) 52%, var(--surface));--el-color-primary-light-7: color-mix(in srgb, var(--brand) 30%, var(--surface));--el-color-primary-light-8: color-mix(in srgb, var(--brand) 20%, var(--surface));--el-color-primary-light-9: var(--brand-soft);--el-color-primary-dark-2: var(--brand-strong);--el-border-color: var(--line);--el-border-color-light: var(--line);--el-text-color-primary: var(--text);--el-text-color-regular: var(--muted);--el-fill-color-blank: var(--surface);--el-bg-color: var(--surface)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:0;min-height:100vh;margin:0;color:var(--text);background:var(--bg);font-family:var(--font-body);font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:0;text-wrap:balance}a{color:inherit}::selection{color:var(--text);background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{border-radius:8px;background:var(--line-strong)}*::-webkit-scrollbar-thumb:hover{background:var(--subtle)}*::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--radius-sm)}.page-section{display:grid;gap:var(--space-5);max-width:1480px;margin:0 auto}body .el-button{border-radius:var(--radius-sm);font-weight:650}body .el-button--primary{--el-button-bg-color: var(--brand);--el-button-border-color: var(--brand);--el-button-hover-bg-color: var(--brand-strong);--el-button-hover-border-color: var(--brand-strong)}body .el-input__wrapper,body .el-select__wrapper,body .el-textarea__inner{border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 0 0 1px var(--line) inset}body .el-input__wrapper:hover,body .el-select__wrapper:hover,body .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--line-strong) inset}body .el-input__wrapper.is-focus,body .el-select__wrapper.is-focused,body .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--brand) inset,0 0 0 3px var(--focus-ring)}body .el-dialog{border-radius:var(--radius-md);background:var(--surface)}body .el-message,body .el-dropdown-menu,body .el-popper.is-light{border-radius:var(--radius-md)}body .el-button.is-circle.is-plain{border-color:var(--glass-border);background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 var(--glass-depth),0 10px 26px var(--glass-shadow-color);-webkit-backdrop-filter:blur(20px) saturate(1.28);backdrop-filter:blur(20px) saturate(1.28)}.liquid-glass{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--glass-border);background:var(--glass);box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 var(--glass-depth),0 18px 48px var(--glass-shadow-color);-webkit-backdrop-filter:blur(28px) saturate(1.34);backdrop-filter:blur(28px) saturate(1.34)}.liquid-glass:before{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:0;border-radius:inherit;pointer-events:none;content:"";background:linear-gradient(118deg,var(--glass-highlight),transparent 38%,transparent 72%,var(--glass-depth));opacity:.38}.liquid-glass:after{position:absolute;top:1px;right:1px;bottom:1px;left:1px;z-index:0;border:1px solid color-mix(in srgb,var(--surface) 36%,transparent);border-radius:inherit;box-shadow:inset 0 8px 18px color-mix(in srgb,var(--surface) 12%,transparent),inset 0 -10px 22px var(--glass-depth);pointer-events:none;content:"";opacity:.46}.liquid-glass>*{position:relative;z-index:1}.liquid-glass-strong{background:var(--glass-strong)}.liquid-glass-control{box-shadow:inset 0 1px 0 var(--glass-highlight),inset 0 -1px 0 var(--glass-depth),0 10px 28px var(--glass-shadow-color);-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3)}:where(.public-home,.knowledge-page,.journey-page,.about-page,.login-page,.mailbox-page,.admin-shell){position:relative;z-index:1;isolation:isolate;overflow-x:clip}.route-progress-bar{position:fixed;top:0;left:0;right:0;z-index:88;height:2px;pointer-events:none;transform-origin:left center;background:linear-gradient(90deg,var(--brand),var(--accent),var(--brand));box-shadow:0 0 10px color-mix(in srgb,var(--brand) 38%,transparent);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .26s ease}.route-stage.is-entering :is(.home-hero,.profile-band,.now-band,.work-band,.archive-band,.knowledge-intro,.note-results,.knowledge-article,.portfolio-heading,.portfolio-index,.detail-content,.project-neighbors,.journey-hero,.journey-content,.about-hero,.about-principles,.about-companion,.mailbox-layout,.login-panel){animation:route-page-enter .38s cubic-bezier(.22,1,.36,1)}@keyframes route-page-enter{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}:where([data-animate]).will-animate{transition:opacity .62s cubic-bezier(.16,1,.3,1) var(--reveal-delay, 0ms),transform .62s cubic-bezier(.16,1,.3,1) var(--reveal-delay, 0ms)!important}:where([data-animate]).will-animate:not(.is-visible){opacity:0!important;transform:translate3d(0,18px,0)!important}.paw-burst-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;pointer-events:none;overflow:hidden}.paw-burst-item{position:fixed;left:0;top:0;font-size:18px;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;animation:paw-burst-float .78s cubic-bezier(.16,1,.3,1) both}.is-petted{animation:companion-pet-bounce .42s cubic-bezier(.34,1.56,.64,1)}@keyframes paw-burst-float{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(0)}20%{opacity:1;transform:translate(calc(-50% + var(--paw-dx, 0px) * .35),calc(-50% + var(--paw-dy, -24px) * .35)) scale(var(--paw-scale, 1)) rotate(calc(var(--paw-rot, 0deg) * .5))}to{opacity:0;transform:translate(calc(-50% + var(--paw-dx, 0px)),calc(-50% + var(--paw-dy, -48px))) scale(.72) rotate(var(--paw-rot, 0deg))}}@keyframes companion-pet-bounce{0%{transform:scale(1)}35%{transform:translateY(-3px) scale(1.018)}70%{transform:translateY(1px) scale(.995)}to{transform:scale(1)}}.ui-sync-bar{position:relative;width:100%;height:3px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,var(--surface))}.ui-sync-bar:after{position:absolute;top:0;right:0;bottom:0;left:0;width:42%;border-radius:inherit;background:linear-gradient(90deg,transparent,var(--brand),var(--accent),transparent);content:"";animation:ui-sync-slide 1.1s cubic-bezier(.4,0,.2,1) infinite}.ui-shimmer{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,color-mix(in srgb,var(--text) 6%,var(--surface)) 20%,color-mix(in srgb,var(--brand) 10%,var(--surface)),color-mix(in srgb,var(--text) 6%,var(--surface)) 80%);background-size:220% 100%;animation:ui-shimmer-wave 1.5s ease-in-out infinite}.ui-refreshing{opacity:.74;transition:opacity .2s ease}@keyframes ui-sync-slide{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes ui-shimmer-wave{0%{background-position:100% 50%}to{background-position:-100% 50%}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.route-stage.is-entering :is(.home-hero,.profile-band,.now-band,.work-band,.archive-band,.knowledge-intro,.note-results,.knowledge-article,.portfolio-heading,.portfolio-index,.detail-content,.project-neighbors,.journey-hero,.journey-content,.about-hero,.about-principles,.about-companion,.mailbox-layout,.login-panel),.is-petted{animation:none!important;transform:none!important}:where([data-animate]).will-animate,:where([data-animate]).will-animate:not(.is-visible){opacity:1!important;transform:none!important;transition:none!important}}