.footer{height:100px;width:100%;margin-top:1rem;padding:1rem 0;border-radius:var(--card-border-radius);text-align:center;background:linear-gradient(to bottom,var(--header-gradient-end),var(--header-gradient-start));box-shadow:var(--card-shadow);border:var(--card-border);z-index:1}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start}.footer__copy-right:hover,.footer-bottom__rss:hover{transform:scale(1.1);transition:all .3s;cursor:pointer}.search-modal{background:var(--card-background)!important;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);border:var(--card-border)}@media screen and (max-width: 1024px){.search-modal{min-width:90%}}.search-modal .search-icon:hover{cursor:pointer}.search-result__no-result{text-align:center;font-size:15px;color:var(--text-secondary)}.search-result__no-result:hover{cursor:pointer}.search-footer__logo{display:flex;flex-direction:row;align-items:baseline;justify-content:flex-end}.search-footer__text1{color:var(--text-secondary);margin-right:1rem}.search-footer__image{width:30px;height:30px}.search-footer__text2{font-size:1.375rem;font-weight:600}.search-result{overflow:auto;max-height:400px}.search-result-item{border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);margin:1rem 0 1rem 1rem;background-color:var(--card-background);border:var(--card-border);width:95%;padding:1px;transition:all .3s ease}.search-result-item:hover{transform:translateY(-2px);box-shadow:0 15px 40px -15px var(--shadow-color)}.search-result-article{display:flex;justify-content:flex-start;text-align:center}.search-result-article__left{max-width:40%;margin-right:1rem}.search-result-article__left img{width:100%;height:100%;border-radius:10px}.search-result-article__right{display:flex;flex-direction:column;justify-content:space-evenly}.search-result-article__title{font-size:20px;font-weight:600;line-height:1.5;margin:0 auto;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical;cursor:pointer;word-break:break-all}.search-result-article__introduce{font-size:1rem;line-height:1.5;margin:1rem;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical}.search-result__item-name{font-size:20px;font-weight:600;line-height:1.5;text-align:center;cursor:pointer}.search-result-friend-link__left{max-width:20%;margin-right:2rem}.search-result-friend-link__left img{width:100%;height:100%;border-radius:10px}.search-result-friend-link__right{display:flex;flex-direction:column;justify-content:space-evenly;width:80%}.search-result-friend-link__site-name{font-size:20px;font-weight:600;line-height:1.5;margin:0 auto;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical;cursor:pointer;word-break:break-all}.search-result-friend-link__list{display:flex;justify-content:flex-start}.header{position:relative;top:0px;left:0px;right:0px;height:200px;display:flex;justify-content:space-between;background:linear-gradient(to bottom,var(--header-gradient-start),var(--header-gradient-end));z-index:1}.header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background-image:url(/imgs/website/background-wave.svg);background-repeat:repeat-x;animation:wave-from-left 30s linear infinite}@keyframes wave-from-left{0%{background-position-x:0}to{background-position-x:100%}}@media screen and (max-width: 1024px){.header{background:none}}.header .title{font-size:30px;font-family:Kanit;text-decoration:none;margin-left:2rem}.header .title:hover{cursor:pointer}.n-menu-item{z-index:100}.n-menu-item:hover{transform:scale(1.1);transition:all .5s ease;text-decoration:underline}.icon-wrapper{color:var(--primary-color)}.left-side-bar{position:relative;min-width:20%;max-width:20%;display:flex;flex-direction:column;gap:5rem}.census{text-align:center}.census-title{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.census-body{margin-top:1rem;display:flex;flex-direction:column;background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);border:var(--card-border);padding:1rem;transition:all .3s ease}.census-body:hover{transform:translateY(-2px);box-shadow:0 15px 40px -15px var(--shadow-color)}.census-body>div{color:var(--text-secondary);margin:.5rem 0}.blog-notice{text-align:center}.blog-notice-title{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.blog-notice-body{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;font-size:1rem;line-height:1.5;color:var(--text-secondary);box-shadow:var(--card-shadow);border-radius:var(--card-border-radius);background:var(--card-background);border:var(--card-border);padding:1rem;transition:all .3s ease}.blog-notice-body:hover{transform:translateY(-2px);box-shadow:0 15px 40px -15px var(--shadow-color)}.article-summary{text-align:center}.article-summary-title{font-size:1.375rem;font-weight:700}.article-summary-body{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;font-size:1rem;line-height:1.5;color:#d06904f0;box-shadow:var(--card-shadow);border-radius:var(--card-border-radius)}.blogger_info{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.blogger_info .avator{width:50%}.blogger_info .avator :hover{transform:scale(1.1);transition:all .5s ease;cursor:pointer}.blogger_info .avator img{width:100%;height:100%;border-radius:1rem}.blogger_info .text{text-align:center}.blogger_info .text .title{font-size:1.375rem;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}.blogger_info .text .introduce{font-size:1rem;font-weight:400;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}.blogger_info .contact{display:flex;justify-content:space-around;align-items:flex-end}.blogger_info .contact .contact-item{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem;color:inherit;text-decoration:none}.contact-item:hover{transform:scale(1.1);transition:all .5s ease}.blog-content-nav-bar{height:800px;overflow-x:scroll}.blog-content-nav-bar-title{font-size:1.375rem;font-weight:700;text-align:center;margin:1rem}.navigation{font-size:1rem;margin:1rem;display:flex;flex-direction:column}.navigation-item{width:100%;text-align:left;display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;-webkit-box-orient:vertical}.navigation-item:before{content:"\1f4cc"}.navigation-item:active:before{content:"\2b1b"}.navigation-item:hover{cursor:pointer;background-color:#dadbdb}.right-side-bar{position:relative;max-width:20%}.page-body{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.router-view{min-width:60%}@media screen and (max-width: 1024px){.left-side-bar,.right-side-bar{display:none}.router-view{margin:0 2rem}}.page{display:flex;flex-direction:column;gap:3rem}:root{--primary-color: #4ECDC4;--primary-color-hover: #3DBDB5;--background-image: linear-gradient(135deg, #F0F7FF 0%, #E0F4FF 50%, #D0EFFF 100%);--card-shadow: 0 4px 12px rgba(0,0,0,.05);--card-border-radius: .75rem;--card-background: #fafafa;--card-border: 1px solid #e5e7eb;--text-primary: #2C3E50;--text-secondary: #5D6D7E;--header-gradient-start: #81D4FA;--header-gradient-end: #E0F4FF;--accent-color: #4ECDC4;--accent-color-hover: #3DBDB5;--spongebob-glow: #FFEB3B;--border-color: #B8E3F0;--shadow-color: #A5D6FF}html,body,#app{min-height:100%;min-width:100%;margin:0;padding:0;background:var(--background-image);font-family:Noto Sans SC,sans-serif;color:var(--text-primary)}*{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M4 4 L20 16 L12 16 L12 28 L4 4" fill="%23E6E6FA" stroke="%239370DB" stroke-width="2"/></svg>') 4 4,auto!important}.meteor-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.meteor{position:absolute;width:10px;height:100px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.8));animation:meteor-fall linear infinite;opacity:0}@keyframes meteor-fall{0%{transform:translateY(-100px) rotate(45deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(45deg);opacity:0}}.meteor:nth-child(1){left:10%;animation-duration:3s;animation-delay:0s}.meteor:nth-child(2){left:25%;animation-duration:4s;animation-delay:1s}.meteor:nth-child(3){left:40%;animation-duration:3.5s;animation-delay:2s}.meteor:nth-child(4){left:55%;animation-duration:4.5s;animation-delay:.5s}.meteor:nth-child(5){left:70%;animation-duration:3.2s;animation-delay:1.5s}.meteor:nth-child(6){left:85%;animation-duration:4.2s;animation-delay:2.5s}.card{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);border:var(--card-border);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #0000001a}.accent{color:var(--accent-color)}.accent-bg{background-color:var(--accent-color)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.border-accent{border-color:var(--border-color)}.shadow-accent{box-shadow:var(--card-shadow)}img,.n-image,.n-image__img,.n-image img,.picture,.article-image,.card img,.gallery-img{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M4 4 L20 16 L12 16 L12 28 L4 4" fill="%23E6E6FA" stroke="%239370DB" stroke-width="2"/></svg>') 4 4,auto!important}a,button,[role=button],.clickable,.card:hover,.tag-item:hover,.article-brief:hover,.n-button,.n-menu-item,.n-tag,img:hover,.n-image:hover,.n-image__img:hover,.n-image img:hover,.picture:hover,.article-image:hover,.card img:hover,.gallery-img:hover{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M4 4 L20 16 L12 16 L12 28 L4 4" fill="%23F0F0FF" stroke="%239370DB" stroke-width="2"/><path d="M6 6 L16 14 L10 14 L10 24 L6 6" fill="%23E6E6FA"/></svg>') 4 4,pointer!important}input,textarea,[contenteditable=true],.n-input,.n-input__input,.n-input__textarea{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><rect x="14" y="4" width="4" height="24" fill="%23E6E6FA" stroke="%239370DB" stroke-width="1" rx="2"/><rect x="10" y="8" width="12" height="2" fill="%239370DB"/><rect x="10" y="22" width="12" height="2" fill="%239370DB"/></svg>') 4 16,text!important}[disabled],.disabled,.n-button[disabled]{cursor:not-allowed!important}@media screen and (max-width: 768px){.meteor-container{display:none}}@media screen and (max-width: 768px){*{cursor:auto!important}}.rotate-icon{animation:rotate-y-keyframe 3s infinite}.breath{animation:breath-keyframe 6s infinite}@keyframes breath-keyframe{0%{scale:1}50%{scale:1.2}to{scale:1}}@keyframes rotate-y-keyframe{0%{transform:rotateY(0)}50%{transform:rotateY(40deg)}to{transform:rotateY(0)}}