.sakura-canvas[data-v-557890ad]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}#header .con[data-v-194c2e95]{display:flex;align-items:center;height:auto}.logo a[data-v-194c2e95]{display:flex;align-items:center;gap:.6rem}.flex-fill[data-v-194c2e95]{flex:1 1 auto}.nav ul[data-v-194c2e95]{display:flex;align-items:center;gap:1.6rem}.fade-enter-active[data-v-332c042d],.fade-leave-active[data-v-332c042d]{transition:opacity .18s ease}.fade-enter-from[data-v-332c042d],.fade-leave-to[data-v-332c042d]{opacity:0}:root{--pink: #ff7496;--pink-bright: #ff7496;--text-dark: #414f57;--text-strong: #313f47;--line: #c8cccf;--card-bg: rgba(255, 255, 255, .88);--card-bg-strong: rgba(255, 255, 255, .95)}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{height:100%;color:var(--text-dark);font-family:Source Sans Pro,Microsoft YaHei,Helvetica,Arial,sans-serif;font-size:14pt;font-weight:300;line-height:2;letter-spacing:.05em;background-color:#1a1b2f;background-image:url(/overlay.png),linear-gradient(60deg,#7a225a8c 5%,#0a3c6e8c),url(/bg.jpg);background-repeat:repeat,no-repeat,no-repeat;background-size:100px 100px,cover,cover;background-position:top left,center center,bottom center;background-attachment:fixed,fixed,fixed}a{color:inherit;text-decoration:none;transition:color .2s ease,border-color .2s ease}a:hover{color:var(--pink)}img{display:block;max-width:100%;border:0}ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-strong);line-height:1.5;margin:0 0 .75em;font-weight:400}h1{font-size:1.85em;letter-spacing:.12em;margin:0 0 .525em}h2{font-size:1.25em}h3{font-size:1em}@media screen and (max-width: 1680px){body{font-size:11pt}}@media screen and (max-width: 480px){body{font-size:10pt;line-height:1.75}}#app{position:relative;z-index:1;min-height:100%}.con{width:100%;max-width:930px;margin:0 auto;padding:0 1rem}#header{position:fixed;top:0;left:0;width:100%;z-index:999;padding:.9rem 0;transition:background-color .3s ease}#header.scrolled{background:#14162dbf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 8px #00000040}#header .con{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:.6rem}.logo .logo-avatar{width:2.6rem;height:2.6rem;border-radius:100%;border:1px solid rgba(255,255,255,.5);overflow:hidden}.logo .logo-avatar img{width:100%;height:100%;object-fit:cover;border-radius:100%}.logo a{color:#fff;font-size:1.35rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}.logo a:hover{color:var(--pink)}#header .nav ul{display:flex;align-items:center;gap:1.6rem}#header .nav a{color:#ffffffd9;font-size:1rem;letter-spacing:.15em;text-transform:uppercase;line-height:1.6}#header .nav a:hover,#header .nav a.router-link-active{color:var(--pink)}.search-btn{cursor:pointer;color:#ffffffd9;padding:.15rem .9rem;border:1px solid rgba(255,255,255,.55);border-radius:100%;font-size:.9rem;transition:.2s}.search-btn:hover{color:var(--pink);border-color:var(--pink)}.search{position:fixed;top:0;left:0;width:100%;height:100%;z-index:666;background:#0f1022eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;padding-top:8rem}.search.active{display:block}.search form{position:relative;padding:1rem;border:1px solid rgba(255,255,255,.2);border-radius:.375rem}.search-ipt{width:100%;height:3rem;padding:0 3.5rem 0 1rem;border:1px solid rgba(255,255,255,.35);outline:0;font-size:1.1rem;border-radius:.25rem;background:#ffffff14;color:#fff;font-family:inherit;letter-spacing:.1em}.search-ipt::placeholder{color:#ffffff80}.search-ipt:focus{border-color:var(--pink)}.search-close{position:absolute;right:1.4rem;top:1.4rem;background:none;border:none;font-size:1.6rem;color:#ffffffb3;cursor:pointer;line-height:1}.search-close:hover{color:var(--pink)}.search-hint{color:#ffffff8c;font-size:.875rem;padding:1rem 0 0;text-align:left}main{margin:7rem auto 3rem!important;min-height:calc(100vh - 12rem);width:100%;max-width:930px;padding:0 1rem}.card{background:var(--card-bg);border-radius:.5rem;padding:2.2rem 2.4rem;box-shadow:0 8px 30px #00000047;border:1px solid rgba(255,255,255,.6)}@media screen and (max-width: 767.9px){.card{padding:1.4rem 1.2rem}}.list-head{text-align:center;margin-bottom:1.5rem}.list-head .avatar{display:block;margin:0 auto 1em;width:6.5rem;height:6.5rem;border-radius:100%;border:2px solid rgba(255,255,255,.7);overflow:hidden;box-shadow:0 0 0 1px var(--line),0 6px 18px #0003}.list-head .avatar img{width:100%;height:100%;object-fit:cover}.list-head h1{font-size:2em;letter-spacing:.22em;text-transform:uppercase;color:var(--text-strong)}.list-head .slogan{color:var(--text-dark);font-size:1rem;letter-spacing:.35em;margin-top:.25rem}.row ul{padding:0}.row li{margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(200,204,207,.6);list-style:none}.row li:last-child{border-bottom:0}.row li h2 a{color:var(--text-strong);font-size:1.3rem;line-height:1.45;letter-spacing:.03em}.row li h2 a:hover{color:var(--pink)}.row li p{color:var(--text-dark);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0 .6rem;font-size:.95rem;line-height:1.8}.list-meta,.list-meta a{color:var(--text-dark);font-size:.8rem;letter-spacing:.05em;opacity:.85}.list-meta a:hover{color:var(--pink);opacity:1}.item-meta{position:relative;display:inline-block;margin:0 12px 0 0;padding:0 12px 0 0}.item-meta:after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-radius:10px;background-color:var(--line);transform:translate(50%,-50%)}.cat-tag{display:inline-block;padding:0 .6rem;margin-right:.5rem;border:1px solid var(--line);border-radius:100px;font-size:.75rem;line-height:1.6;color:var(--text-dark)}.cat-tag:hover{color:var(--pink);border-color:var(--pink)}.pagelist{text-align:center;clear:both;margin:1.75rem 0}.pagelist .btn{display:inline-block;margin:0 .2rem;padding:.25rem .75rem;background-color:transparent;border:1px solid var(--line);border-radius:100px;color:var(--text-dark);font-size:.85rem;font-family:inherit;cursor:pointer;line-height:1.9;transition:.2s}.pagelist .btn:hover{border-color:var(--pink);color:var(--pink)}.pagelist .btn.btn-blue{background-color:var(--pink);border-color:var(--pink);color:#fff}.pagelist .btn:disabled{opacity:.4;cursor:not-allowed}.mbs{color:var(--text-dark);font-size:.8rem;letter-spacing:.05em;margin-bottom:1rem;opacity:.85}.mbs a:hover{color:var(--pink)}.art-title{font-size:1.9em;letter-spacing:.08em;color:var(--text-strong);text-align:center;line-height:1.5}.art-meta{text-align:center;color:var(--text-dark);font-size:.8rem;opacity:.85;margin-top:.5rem;padding-bottom:1.1rem;border-bottom:1px solid rgba(200,204,207,.6)}.post{margin:1.6rem 0;color:var(--text-dark);font-size:1rem;line-height:1.95;word-wrap:break-word}.post p{margin-bottom:1rem}.post h2,.post h3,.post h4,.post h5,.post h6{border-bottom:1px solid rgba(200,204,207,.6);margin:1.6rem 0 1rem;padding-bottom:.3rem;color:var(--text-strong)}.post ul{list-style:disc;margin:0 0 1rem 1.5rem}.post ol{list-style:decimal;margin:0 0 1rem 1.5rem}.post li{margin-bottom:.25rem}.post blockquote{border-left:.25rem solid var(--pink);padding:.75rem 1rem;background:#ff749614;margin-bottom:1rem;color:var(--text-dark)}.post pre{background:#f6f8fa;border:1px solid var(--line);border-radius:.375rem;padding:.9rem 1.1rem;margin:0 0 1rem;overflow-x:auto;font-size:.85rem;line-height:1.7;color:#333;font-family:Consolas,Courier New,monospace}.post code{background:#f6f8fa;border-radius:.25rem;padding:.1rem .35rem;font-family:Consolas,Courier New,monospace;font-size:.875em;color:#c7254e}.post pre code{background:none;padding:0;color:#333}.post img{border-radius:.25rem;margin:.5rem 0}.post table{width:100%;border-collapse:collapse;margin-bottom:1rem;font-size:.9rem}.post table th,.post table td{border:1px solid var(--line);padding:.45rem .6rem;text-align:left}.post table th{background:#ff74961a}.pagetp{margin-top:2rem}.pagetp .btn{display:inline-block;padding:.35rem 1.2rem;background-color:transparent;border:1px solid var(--line);border-radius:100px;color:var(--text-dark);font-size:.85rem;line-height:2;transition:.2s}.pagetp .btn:hover{border-color:var(--pink);color:var(--pink)}.pagetp .btn-blue{border-color:var(--text-dark)}.pagetp .btn-blue:hover{border-color:var(--pink);color:var(--pink)}.about-card{text-align:center}.about-avatar{display:block;margin:0 auto 1.2em;width:7rem;height:7rem;border-radius:100%;border:2px solid rgba(255,255,255,.7);overflow:hidden;box-shadow:0 0 0 1px var(--line),0 6px 18px #0003}.about-avatar img{width:100%;height:100%;object-fit:cover}.about-name{font-size:1.7em;letter-spacing:.2em;text-transform:uppercase;color:var(--text-strong)}.about-desc{color:var(--text-dark);font-size:.95rem;letter-spacing:.2em;margin:.3rem 0 1.2rem}.about-intro{color:var(--text-dark);line-height:2;font-size:.95rem;max-width:42em;margin:0 auto 1.5rem}.about-section{text-align:left;margin-bottom:1.5rem}.about-section h3{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.3rem;border-bottom:1px solid rgba(200,204,207,.6);letter-spacing:.15em;text-transform:uppercase;color:var(--text-strong)}.tech-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tags span{display:inline-block;padding:.15rem .9rem;background:transparent;border:1px solid var(--line);border-radius:100px;font-size:.8rem;color:var(--text-dark);letter-spacing:.05em}.tech-tags span:hover{border-color:var(--pink);color:var(--pink)}.about-section ul{color:var(--text-dark);font-size:.9rem;line-height:2.1}.about-links a{display:inline-block;margin:0 .5rem .5rem 0;color:var(--text-dark);border-bottom:1px dotted var(--line)}.about-links a:hover{color:var(--pink);border-color:var(--pink)}#site-footer{width:100%;padding:1.6em 1em 2em;color:#ffffffc7;text-align:center}#site-footer p{font-size:.9em;line-height:1.9;letter-spacing:.08em}#site-footer a{color:#ffffffd9;border-bottom:1px dotted rgba(255,255,255,.4)}#site-footer a:hover{color:var(--pink);border-color:var(--pink)}#site-footer .icp-logo{width:16px;display:inline-block;vertical-align:-3px;margin:0 5px}#site-footer .footer-sep{margin:0 .4em;opacity:.5}#go-to-top{width:3.125rem;height:3.125rem;text-align:center;line-height:3.125rem;cursor:pointer;position:fixed;right:1.875rem;bottom:1.875rem;background:#ff7496e6;color:#fff;opacity:.9;display:none;border-radius:100%;z-index:999;box-shadow:0 4px 14px #0000004d}#go-to-top:hover{opacity:1;background:var(--pink)}#go-to-top:before{font-size:20px;content:"↑"}#go-to-top.active{display:block}.empty{text-align:center;padding:3rem 0;color:var(--text-dark);opacity:.7}@media screen and (max-width: 767.9px){h1{font-size:1.5em}.list-head h1{font-size:1.6em}.art-title{font-size:1.4em}.row li h2 a{font-size:1.1rem}#header .logo a{font-size:1.1rem;letter-spacing:.1em}#header .nav ul{gap:1rem}#header .nav a{font-size:.9rem;letter-spacing:.08em}.logo .logo-avatar{width:2.2rem;height:2.2rem}}