:root{--vt-c-white: #ffffff}:root{--color-background: var(--vt-c-white);--green: #48bb78}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0}body{min-height:100vh}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInleft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInright{0%{transform:translate(100%)}to{transform:translate(0)}}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--color-words);overflow:hidden;height:100%;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow:hidden;margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bgSecondary)}#app{height:100%}a{text-decoration:none;color:inherit;transition:all .3s ease}a:hover{color:var(--color-primary);text-decoration:none}p{font-size:1rem;line-height:1.75;margin-bottom:1rem;color:var(--color-words)}span{font-size:inherit;color:var(--color-wordsLight)}h1,h2,h3,h4,h5,h6{font-weight:650;letter-spacing:-.025em;line-height:1.22;margin-bottom:1rem;color:var(--color-words)}h1{font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:1.35rem}h4{font-size:1.125rem}h5,h6{font-size:1rem}button{border:0;background:transparent;color:var(--color-words);cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:.625rem 1rem;transition:all .3s ease;border-radius:.75rem;min-height:2.5rem}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}input,textarea,select{font-family:inherit;font-size:.9375rem;background:#ffffffb8;color:var(--color-words);border:1px solid var(--color-border);border-radius:.75rem;padding:.7rem .85rem;transition:all .3s ease;min-height:2.75rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #0062411f}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-wordsLighter);font-size:14px}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}@media (max-width: 639px){html{font-size:15px}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}p{font-size:1rem}span{font-size:inherit}button{font-size:14px;padding:6px 12px;min-height:28px}input,textarea,select{font-size:14px;padding:6px 10px;min-height:28px}}@media (min-width: 640px) and (max-width: 767px){html{font-size:15px}h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:8px}::-webkit-scrollbar-thumb{background:#68698147;border-radius:8px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-wordsLighter)}::selection{background:var(--sb-mint);color:var(--color-words)}::-moz-selection{background:var(--sb-mint);color:var(--color-words)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.container{max-width:1280px;margin:0 auto;padding:0 16px}@media (max-width: 639px){.container{padding:0 12px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:24px}.p-6{padding:32px}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in-left{animation:slideInleft .3s ease-out}.slide-in-right{animation:slideInright .3s ease-out}@media (max-width: 839px){html,body,#app{min-height:100%}}.app-shell[data-v-c5cb32a4]{--rail-width: clamp(320px, 29vw, 460px);position:relative;width:100%;height:100%;background:#fff}.brand-rail[data-v-c5cb32a4]{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;justify-content:space-between;width:var(--rail-width);padding:clamp(28px,4.5vh,52px) clamp(30px,3.4vw,54px) 28px;overflow:auto;color:var(--sb-ink);background:#fff;box-shadow:5px 0 18px #00000014}.rail-top[data-v-c5cb32a4]{display:grid;gap:clamp(24px,4vh,46px)}.brand[data-v-c5cb32a4]{display:inline-flex;align-items:center;gap:14px;width:max-content}.brand-mark[data-v-c5cb32a4]{display:grid;width:50px;height:50px;place-items:center;color:#fff;background:var(--sb-green);border-radius:50%;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.brand-mark svg[data-v-c5cb32a4]{width:42px;height:42px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.brand:hover .brand-mark[data-v-c5cb32a4]{transform:rotate(-8deg) scale(1.04)}.brand>span[data-v-c5cb32a4]:last-child{display:grid;gap:2px}.brand>span:last-child b[data-v-c5cb32a4]{color:var(--sb-green-dark);font-size:.98rem;letter-spacing:.06em}.brand>span:last-child small[data-v-c5cb32a4]{color:var(--sb-ink-faint);font-size:.62rem;font-weight:800;letter-spacing:.24em}.rail-navigation[data-v-c5cb32a4]{display:grid}.rail-navigation a[data-v-c5cb32a4]{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;color:var(--sb-ink-soft);transition:color .18s ease,padding .22s ease}.rail-navigation a[data-v-c5cb32a4]:before{position:absolute;top:50%;left:-16px;width:6px;height:6px;content:"";background:var(--sb-green);border-radius:50%;opacity:0;transform:translateY(-50%) scale(.5);transition:opacity .18s ease,transform .18s ease}.rail-navigation a span[data-v-c5cb32a4]{font-size:1.02rem;font-weight:700}.rail-navigation a i[data-v-c5cb32a4]{font-size:.58rem;font-style:normal;font-weight:800;letter-spacing:.16em;opacity:.48}.rail-navigation a[data-v-c5cb32a4]:hover,.rail-navigation a.router-link-exact-active[data-v-c5cb32a4]{color:var(--sb-green);padding-left:5px}.rail-navigation a.router-link-exact-active[data-v-c5cb32a4]:before{opacity:1;transform:translateY(-50%) scale(1)}.rail-story[data-v-c5cb32a4]{margin:clamp(24px,4vh,48px) 0}.rail-illustration[data-v-c5cb32a4]{width:min(100%,230px);margin:0 0 18px -8px;color:var(--sb-green)}.rail-illustration svg[data-v-c5cb32a4]{width:100%;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.rail-illustration .steam[data-v-c5cb32a4]{animation:steam-c5cb32a4 3.4s ease-in-out infinite}.rail-illustration .steam-two[data-v-c5cb32a4]{animation-delay:-1.4s}.rail-story>p[data-v-c5cb32a4]{margin:0 0 9px;color:var(--sb-green);font-size:.7rem;font-weight:800;letter-spacing:.16em}.rail-story h2[data-v-c5cb32a4]{max-width:320px;margin:0;color:var(--sb-ink);font-size:clamp(1.4rem,2vw,2rem);font-weight:800;letter-spacing:-.035em;line-height:1.18}.rail-story>span[data-v-c5cb32a4]{display:block;max-width:310px;margin-top:11px;color:var(--sb-ink-soft);font-size:.86rem;line-height:1.7}.rail-action[data-v-c5cb32a4]{display:inline-flex;align-items:center;gap:8px;min-height:40px;margin-top:18px;padding:0 18px;color:#fff;font-size:.82rem;font-weight:700;background:var(--sb-green);border-radius:999px;transition:gap .18s ease,background .18s ease}.rail-action b[data-v-c5cb32a4]{font-size:.9rem}.rail-action[data-v-c5cb32a4]:hover{gap:12px;background:var(--sb-green-bright)}.rail-bottom[data-v-c5cb32a4]{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--sb-ink-faint);font-size:.68rem;font-weight:700;letter-spacing:.06em}.rail-bottom a[data-v-c5cb32a4]:hover{color:var(--sb-green)}.app-view[data-v-c5cb32a4]{width:calc(100% - var(--rail-width));height:100%;margin-left:var(--rail-width);overflow:hidden}.mobile-header[data-v-c5cb32a4],.mobile-menu[data-v-c5cb32a4]{display:none}@keyframes steam-c5cb32a4{0%,to{opacity:.25;transform:translateY(5px)}50%{opacity:1;transform:translateY(-5px)}}@media (max-height: 760px) and (min-width: 961px){.brand-rail[data-v-c5cb32a4]{padding-top:24px}.rail-top[data-v-c5cb32a4]{gap:20px}.rail-navigation a[data-v-c5cb32a4]{padding:7px 0}.rail-illustration[data-v-c5cb32a4]{display:none}.rail-story[data-v-c5cb32a4]{margin:20px 0}}@media (max-width: 960px){.app-shell[data-v-c5cb32a4]{--mobile-header: 68px}.brand-rail[data-v-c5cb32a4]{display:none}.mobile-header[data-v-c5cb32a4]{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;justify-content:space-between;height:var(--mobile-header);padding:0 20px;background:#fffffff0;border-bottom:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-brand[data-v-c5cb32a4]{display:inline-flex;align-items:center;gap:10px}.mobile-brand span[data-v-c5cb32a4]{display:grid;width:36px;height:36px;place-items:center;color:#fff;font-size:.92rem;font-weight:900;background:var(--sb-green);border-radius:50%}.mobile-brand b[data-v-c5cb32a4]{color:var(--sb-green-dark);font-size:.82rem;letter-spacing:.06em}.menu-button[data-v-c5cb32a4]{position:relative;width:44px;height:44px;padding:0;background:transparent;border:0;border-radius:50%;cursor:pointer}.menu-button i[data-v-c5cb32a4]{position:absolute;left:11px;width:22px;height:2px;background:var(--sb-ink);transition:transform .25s ease,top .25s ease}.menu-button i[data-v-c5cb32a4]:first-child{top:17px}.menu-button i[data-v-c5cb32a4]:last-child{top:25px}.menu-button.active i[data-v-c5cb32a4]:first-child{top:21px;transform:rotate(45deg)}.menu-button.active i[data-v-c5cb32a4]:last-child{top:21px;transform:rotate(-45deg)}.app-view[data-v-c5cb32a4]{width:100%;height:100%;margin-left:0;padding-top:var(--mobile-header)}.mobile-menu[data-v-c5cb32a4]{position:fixed;inset:var(--mobile-header) 0 0;z-index:50;display:grid;grid-template-columns:minmax(180px,.65fr) minmax(300px,1.35fr);gap:40px;padding:clamp(36px,7vw,78px);overflow:auto;color:#fff;background:var(--sb-green-dark)}.mobile-menu-copy[data-v-c5cb32a4]{align-self:end;padding-bottom:12px}.mobile-menu-copy small[data-v-c5cb32a4]{color:var(--sb-mint);font-size:.7rem;font-weight:800;letter-spacing:.18em}.mobile-menu-copy p[data-v-c5cb32a4]{max-width:290px;margin:12px 0 0;color:#ffffffad;font-size:1rem;line-height:1.7}.mobile-menu nav[data-v-c5cb32a4]{display:grid;align-content:center}.mobile-menu nav a[data-v-c5cb32a4]{display:grid;grid-template-columns:32px 1fr auto;align-items:baseline;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14)}.mobile-menu nav a span[data-v-c5cb32a4]{color:#ffffff59;font-size:.65rem;font-weight:800}.mobile-menu nav a b[data-v-c5cb32a4]{font-size:clamp(1.5rem,4vw,2.6rem);letter-spacing:-.04em}.mobile-menu nav a i[data-v-c5cb32a4]{color:#fff6;font-size:.6rem;font-style:normal;font-weight:800;letter-spacing:.16em}.mobile-menu nav a.router-link-exact-active b[data-v-c5cb32a4]{color:var(--sb-mint)}.menu-enter-active[data-v-c5cb32a4],.menu-leave-active[data-v-c5cb32a4]{transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1)}.menu-enter-from[data-v-c5cb32a4],.menu-leave-to[data-v-c5cb32a4]{opacity:0;transform:translateY(-14px)}}@media (max-width: 620px){.mobile-menu[data-v-c5cb32a4]{grid-template-columns:1fr;align-content:start;gap:28px;padding:32px 24px 54px}.mobile-menu-copy[data-v-c5cb32a4]{align-self:auto}.mobile-menu nav a[data-v-c5cb32a4]{padding:12px 0}.mobile-menu nav a b[data-v-c5cb32a4]{font-size:1.65rem}}@media (prefers-reduced-motion: reduce){.brand-rail *[data-v-c5cb32a4]{animation:none!important}}.to-top-container[data-v-5f878005]{position:fixed;bottom:24px;right:24px;z-index:9999;display:grid;place-items:center;width:46px;height:46px;color:var(--sb-green);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;box-shadow:0 12px 28px #00000024;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.to-top-container[data-v-5f878005]:hover{background:var(--sb-green);color:#fff;transform:translateY(-2px)}@media (max-width: 839px){.to-top-container[data-v-5f878005]{bottom:18px;right:16px}}:root{--sb-green: #006241;--sb-green-dark: #1e3932;--sb-green-bright: #00754a;--sb-mint: #d4e9e2;--sb-cream: #f2f0eb;--sb-ink: #1e3932;--sb-ink-soft: rgba(0, 0, 0, .56);--sb-ink-faint: rgba(0, 0, 0, .38);--sb-line: rgba(0, 0, 0, .1);--sb-shadow: 0 20px 60px rgba(30, 57, 50, .1);--gutter: 16px}@keyframes sbFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:sbFadeUp .7s cubic-bezier(.22,1,.36,1) both}.fade-up-1{animation-delay:.05s}.fade-up-2{animation-delay:.14s}.fade-up-3{animation-delay:.23s}.fade-up-4{animation-delay:.32s}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Avenir Next,Avenir,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--sb-ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--sb-mint)}.route-enter-active,.route-leave-active{transition:opacity .22s ease,transform .22s cubic-bezier(.22,1,.36,1)}.route-leave-active{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;pointer-events:none}.route-enter-from{opacity:0;transform:translate3d(0,8px,0)}.route-leave-to{opacity:0;transform:translate3d(0,-5px,0)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{background:#fff!important}.app-shell :is(.home-page,.work-page,.about-page,.music-page,.guestbook-page,.settings-page,.article-page,.journal-page){height:100%;overflow-y:auto;color:var(--sb-ink)!important;background:#fff!important}body.menu-open{overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#00000029;border-radius:10px;border:2px solid #fff}::-webkit-scrollbar-track{background:transparent}:root{--color-primary: #006241;--color-primaryLight: #00754a;--color-primaryDark: #1e3932;--color-secondary: #1e3932;--color-secondaryLight: #d4e9e2;--color-secondaryDark: #006241;--color-danger: #c8102e;--color-success: #1e3932;--color-warning: #cba258;--color-info: #00754a;--color-words: #1e3932;--color-wordsLight: rgba(0, 0, 0, .56);--color-wordsLighter: rgba(0, 0, 0, .38);--color-white: #ffffff;--color-bgPrimary: #ffffff;--color-bgSecondary: #f2f0eb;--color-bgDark: #1e3932;--color-bgCard: #ffffff;--color-border: rgba(0, 0, 0, .1);--color-borderLight: #e3ebe6;--custom-radius: 16px;--animation-duration: .3s}@keyframes _fadeIn_18y9k_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideInleft_18y9k_1{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes _slideInright_18y9k_1{0%{transform:translate(100%)}to{transform:translate(0)}}._loading_18y9k_52{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}