:root{--width:780px;--font-scale:1.125rem;--background-color:#fff;--heading-color:#222;--text-color:#222;--link-color:#222;--visited-color:#222;--code-background-color:#f0f0f0;--code-color:#222;--blockquote-color:#222;--gray-color:#666;--header-bg:#ffffff66}@media(prefers-color-scheme:dark){:root{--width:780px;--font-scale:1.125rem;--background-color:#202020;--heading-color:#fff;--text-color:#d8d8d8;--link-color:#fff;--visited-color:#fff;--code-background-color:#3c3d40;--code-color:#d8d8d8;--blockquote-color:#d8d8d8;--gray-color:#a9a9a9;--header-bg:#00000066}}html{scroll-behavior:smooth;height:100%}body{height:100%;margin:auto;max-width:var(--width);padding-top:70px;background-color:var(--background-color);color:var(--text-color);font-family:"Noto Sans SC",sans-serif;font-size:var(--font-scale);font-weight:400;line-height:1.7;text-align:left;word-break:break-all;overflow-wrap:break-word;word-wrap:break-word;flex-direction:column;justify-content:flex-start}main,main p{box-sizing:border-box;word-break:break-all}.friend-name,.friends-header h1,.friends-note h3,.post-header h1,b,h1,h2,h3,h4,h5,h6{color:var(--heading-color);display:inherit;scroll-margin-top:70px}.intro,.post-header a,.post-header p,time{color:var(--gray-color);font-style:normal;margin:0}a{color:var(--link-color);cursor:pointer;text-decoration:none;border-bottom:1px solid transparent}#search-button:hover,#search-modal-close:hover,.friends-note a:hover,.nav a:hover,.post-navigation a:hover,.search-result-item h3 a:hover,a:hover{text-decoration:underline}.nav a:hover,.post-navigation a:hover{color:var(--link-color)}.title:hover{color:var(--text-color);text-decoration:none}.friends-note a,main a{text-decoration:none}.post-content p a:hover{border-radius:4px}.post-content p a:not(:has(:is(img,svg)))::before,.post-content p a:not(:has(img))::before{content:"";display:inline-block;width:1.125rem;height:1.125rem;background-image:url('/img/link.svg');background-size:contain;background-repeat:no-repeat;vertical-align:middle;margin-right:2px}@media(prefers-color-scheme:dark){.post-content p a:not(:has(:is(img,svg)))::before,.post-content p a:not(:has(img))::before{background-image:url('/img/link-light.svg')}}footer,footer a{color:#666;font-size:12px}#author-name{transition:opacity .2s ease-in-out,color .2s ease-in-out}footer span p{margin:0!important}#header{position:fixed;top:0;left:0;width:100%;height:50px;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{max-width:var(--width);height:100%;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-content h1{flex:1;margin:0;font-size:1em}.header-content .nav{order:2}.header-content .search-container{order:3;margin-left:10px}.nav ul{list-style:none;margin:0;padding:0;display:flex}.nav li{margin-left:20px}.nav a{display:block;padding:20px 0;color:var(--text-color);font-weight:500;transition:color .3s ease;text-decoration:none}footer-nav a{font-size:1.2em;margin-right:8px}.main-container{padding-top:70px}.blog-posts{padding:0}ul.posts{list-style-type:none;padding:unset}ul.posts li{display:flex;margin:3px 0}ul.posts li span{flex:0 0 115px}ul.posts li a:visited{color:var(--visited-color)}.post-item{display:flex;justify-content:space-between;margin-bottom:10px}.post-item a{flex:1;text-decoration:none}.post-item time{margin-left:10px;white-space:nowrap}.post-header{padding-bottom:20px;padding-top:20px;font-size:.9em}.post-header h1{margin:0;font-size:1.5em}.post-title,.site-title{transition:opacity .3s ease}.post-title{position:absolute;opacity:0;pointer-events:none}.scrolled .site-title{opacity:0}.scrolled .post-title{opacity:1;pointer-events:auto}.tags{margin-top:30px;color:var(--gray-color)}.tags a{margin:0 5px 0 2px;color:#888}.home{min-height:100vh;display:flex;flex-direction:column}.post-header-tag{display:inline-block;padding:0 6px;margin-top:10px;border-radius:4px;color:var(--blockquote-color);background-color:var(--code-background-color);font-size:14px;text-decoration:none;white-space:nowrap;transition:background-color .3s ease}.post-content img{border-radius:4px}.post-cover{width:100%}.post-header-tag:hover{background-color:#e0e0e0;color:#333;text-decoration:none}.post-header-tag:active{background-color:#d0d0d0}code,pre{font-family:"Google Sans Code",sans-serif;font-size:.9rem;color:var(--code-color);background-color:var(--code-background-color);border-radius:4px;white-space:pre-wrap}pre{padding:5px 12px;overflow:auto}code{padding:2px 3px}pre code{padding:3px 0}blockquote{margin:1.5em 0;padding:10px 20px;border-left:5px solid var(--gray-color);background:0 0;background-color:var(--code-background-color);border-radius:0;color:var(--text-color);font-weight:400;line-height:1.6}@media(prefers-color-scheme:dark){blockquote{background-color:rgba(255,255,255,.05)}}blockquote p{margin:0}blockquote footer{text-align:right;font-size:.9em;color:var(--gray-color);margin-top:10px}table{width:100%;margin:20px 0;border-collapse:collapse;overflow:hidden}td,th{padding:12px;text-align:left;border:1px solid #ddd;color:var(--text-color);transition:background-color .3s,transform .3s}th{position:sticky;top:0;z-index:10}.friends-page{padding:20px 0}.friends-header{margin-bottom:30px;text-align:center}.friends-header p{font-size:1em;color:var(--gray-color)}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-bottom:40px}.friend-card{overflow:hidden;background:#fff;border:1px solid #eee;border-radius:4px}.friend-card:hover{border-color:#ddd}.friend-card a{height:100%;display:block;text-decoration:none;color:inherit}.friend-content{display:flex;align-items:center;padding:15px;background-color:#f5f5f5}.friend-avatar{flex:0 0 50px;height:50px;margin-right:15px;display:flex;align-items:center;justify-content:center}.friend-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#eee;color:var(--text-color);font-size:1em;font-weight:400;display:flex;align-items:center;justify-content:center}.friend-info{flex:1;min-width:0}.friend-name{margin:0 0 5px 0;font-size:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-description{padding:5px 15px 15px;margin:0;color:var(--gray-color);font-size:.9em;line-height:1.4}.no-friends{padding:30px 0;text-align:center;color:var(--gray-color)}.friends-note{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:4px;font-size:.9em}.friends-note ul{margin:10px 0;padding-left:15px}.friends-note li{margin-bottom:8px;color:var(--text-color)}.search-container{display:flex;align-items:center}#search-button{padding:8px;background:0;border:0;margin-top:2px;cursor:pointer;color:var(--text-color);transition:color .3s ease}.search-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);backdrop-filter:blur(5px)}.search-modal-content{margin:10% auto;padding:0;width:80%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;background-color:var(--background-color);border:0;border-radius:4px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.search-modal-header{padding:20px;border-bottom:1px solid #eee;display:flex}#search-modal-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}#search-modal-close{margin-left:10px;padding:0 10px;background:0;border:0;font-size:28px;color:#999;cursor:pointer}.search-modal-results{flex:1;padding:20px;overflow-y:auto}.search-result-item{padding:15px 0;border-bottom:1px solid #eee}.search-result-item:last-child{border-bottom:0}.search-result-item h3{margin:0 0 8px 0;font-size:18px}.search-result-item h3 a{color:var(--link-color);text-decoration:none}.search-result-item p{margin:0;color:var(--gray-color);font-size:14px;line-height:1.5}.search-empty,.search-error,.search-loading{padding:40px 20px;text-align:center;color:var(--gray-color)}mark{padding:2px 4px;background-color:#ffeb3b;border-radius:4px}hr{border:0;border-top:1px dashed}img{max-width:100%;height:auto}sub{font-size:12px;color:#777}@media(max-width:779px){body{padding:0 20px}ul.blog-posts li a{margin-left:0;word-break:break-all}pre{max-height:400px}td,th{display:block;width:100%}th{position:static}tr{display:flex;flex-direction:column;margin-bottom:10px}.post-title,.site-title{position:static}.site-title{pointer-events:auto!important}.scrolled .site-title{opacity:1!important}pre{max-height:400px}}@media(min-width:780px){body{padding:0}}@media(max-width:779px){.friends-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.header-content{text-align:center}.header-content .nav{margin:15px 0;order:2}.header-content .nav ul{justify-content:center}.header-content .search-container{margin:0;order:3}.nav li{margin:0 10px}.search-modal-content{width:95%;margin:5% auto}.search-modal-header{padding:15px}#search-modal-input{padding:10px;font-size:14px}.post-title{display:none}}@media(max-width:480px){.friends-grid{grid-template-columns:1fr}.friend-content{padding:12px}.friend-avatar{flex:0 0 40px;height:40px;margin-right:12px}.avatar-placeholder,.friend-avatar img{width:35px;height:35px}.friend-name{font-size:1em}.friend-description{padding:0 12px 12px;font-size:.85em}}#search-tip{display:none}mark{padding:2px 4px;background-color:#ffeb3b;border-radius:4px}.floating-search-tip{position:fixed;bottom:20px;right:20px;color:#fff;background-color:#00000088;padding:10px 15px;border-radius:4px;font-size:14px;z-index:999;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.floating-search-tip kbd{background:#2d2d2d;padding:2px 6px;border-radius:3px}.twikoo{margin-top:50px;padding-top:20px;border-top:#00000066 solid 1px}.glass-card{background:rgba(255,255,255,.1);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.1),inset 0 0 0 0 rgba(255,255,255,0);position:relative;overflow:hidden}.glass-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent)}.glass-card::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.8),transparent,rgba(255,255,255,.3))}.article-image-wrapper{position:relative;display:inline-block;overflow:hidden}.article-image-wrapper img{display:block;max-width:100%;height:auto}.image-info-overlay{position:absolute;bottom:0;left:0;right:0;padding-left:10px;padding-bottom:2px;padding-top:2px;border-radius:0 0 4px 4px;color:#fff;backdrop-filter:blur(5px);box-sizing:border-box;transform:translateY(100%);transition:opacity .3s ease-out,transform .3s ease-out}.article-image-wrapper.is-hovering .image-info-overlay{opacity:1;transform:translateY(0)}.image-info-overlay p{margin:5px 0;line-height:1;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.9rem;color:#fff}