body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:bold;line-height:1.25;text-rendering:optimizeLegibility}h1{font-size:2rem}h2{margin-top:1rem;font-size:1.5rem}h3{margin-top:1.5rem;font-size:1.25rem}h4,h5,h6{margin-top:1rem;font-size:1rem}body{font-family:"Roboto",sans-serif;padding-top:56px;background-image:url("../img/backgrounds/backgrounds_picture.jpg");background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-color:rgba(255,255,255,0);background-blend-mode:overlay;color:#333}body[style*="background-color: rgba(0, 0, 0"]{color:rgba(255,255,255,0.9)}body[style*="background-color: rgba(255, 255, 255"]{color:rgba(0,0,0,0.9)}.content{mix-blend-mode:difference}body.page-about,body.page-关于{background-image:url("../img/backgrounds/about-天空倒影.png")}body.category-jottings,body.post-jottings{background-image:url("../img/backgrounds/jottings-picture.jpg")}body.category-notes,body.post-notes{background-image:url("../img/backgrounds/notes-Fate系列.png")}body.category-projects,body.post-projects{background-image:url("../img/backgrounds/project-围墙白花-夜空-晨曦.png")}body.category-sharing,body.post-sharing{background-image:url("../img/backgrounds/sharing_picture.png")}body img{align:middle;margin:5px auto auto auto;display:block;max-width:600px}p{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;line-height:1.65;font-family:"Roboto",sans-serif}ul,ol,dl{margin-top:1rem;margin-bottom:1rem;margin-left:1.5rem;font-family:"Roboto",sans-serif}ol li{margin-top:1rem;margin-bottom:1rem;margin-left:1.5rem}li{margin-bottom:1rem}dt{font-weight:bold}dd{margin-bottom:.5rem}a{color:#000;text-decoration:underline}a:hover{text-decoration:underline}blockquote{margin:10px 20px 10px;padding:0px 15px;border-left:0.25em solid #ccc;color:#999;line-height:1.5}table{border-collapse:collapse;margin-bottom:30px;width:100%}table,th,td{border:1px solid black}th,td{padding:15px;text-align:left}code,pre{font-family:"Source Code Pro",monospace}code{padding:.25em .5em;font-size:.8rem;background-color:rgba(245,245,245,0.65);border-radius:3px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}pre{display:block;margin-top:0;margin-bottom:1rem;padding:1rem;font-size:.8rem;line-height:1.4;white-space:pre;white-space:pre-wrap;word-break:break-all;word-wrap:break-word;background-color:rgba(245,245,245,0.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}pre code{padding:0;font-size:100%;color:inherit;background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.highlight{margin-bottom:1rem;border-radius:4px}.highlight pre{margin-bottom:0}.gist .gist-file{font-family:"Source Code Pro",monospace !important}.gist .markdown-body{padding:15px}.gist pre{padding:0;background-color:transparent}.gist .gist-file .gist-data{font-size:.8rem !important;line-height:1.4}.gist code{padding:0;color:inherit;background-color:transparent;border-radius:0}.container{width:1100px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;max-width:1100px;box-sizing:border-box;position:relative}.reference-line{position:fixed;top:56px;left:0;right:0;height:1px;background:transparent;z-index:99;pointer-events:none}.content-wrapper{margin:auto;display:block;width:1100px;background:rgba(255,255,255,0);backdrop-filter:blur(var(--dynamic-blur, 4px));-webkit-backdrop-filter:blur(var(--dynamic-blur, 4px));border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:30px;min-height:calc(100vh - 176px);z-index:1;position:relative;margin-bottom:20px;max-width:1100px;box-sizing:border-box;transition:all 0.3s ease;border:1px solid rgba(255,255,255,0.3);isolation:isolate}@media (max-width: 1100px){.container{width:95vw;margin-left:auto;margin-right:auto;max-width:95vw}.reference-line{top:56px;left:0;right:0}.content-wrapper{margin:auto;display:block;width:95vw;background:rgba(255,255,255,0);backdrop-filter:blur(var(--dynamic-blur, 4px));-webkit-backdrop-filter:blur(var(--dynamic-blur, 4px));border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:20px;min-height:calc(100vh - 161px);z-index:1;position:relative;margin-bottom:15px;max-width:95vw;border:1px solid rgba(255,255,255,0.25);isolation:isolate}}.footer{background:rgba(255,255,255,0.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#000;text-align:center;min-height:80px;width:1100px;border-radius:8px;margin:0 auto 20px;padding:15px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:1100px;box-sizing:border-box;border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.footer-contact{width:100%;margin-bottom:10px;display:flex;justify-content:center;align-items:center;gap:20px}.footer-social{width:100%;margin-bottom:8px}.footer-description{font-size:0.9rem}@media (max-width: 1100px){.footer{background:rgba(255,255,255,0.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#000;text-align:center;min-height:80px;line-height:45px;width:95vw;border-radius:0;margin:0 auto 15px;padding:0 20px;max-width:95vw;box-sizing:border-box;border:1px solid rgba(255,255,255,0.2);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.footer-contact{flex-direction:column;gap:5px}}.footer a{color:#000;padding:0px 10px 0px;text-decoration:none}.footer-description{display:block;margin-bottom:1rem;color:#9a9a9a;font-size:0.8rem}.site-header{min-height:56px;width:1100px;position:fixed;top:0;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 5px 6px -6px #bbb;z-index:100;border:1px solid rgba(255,255,255,0.2)}@media (max-width: 1100px){.site-header{min-height:56px;width:95vw;position:fixed;top:0;left:50%;transform:translateX(-50%);background:rgba(255,255,255,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 5px 6px -6px #bbb;z-index:100;border:1px solid rgba(255,255,255,0.2)}}.site-header a{text-decoration:none;color:#000}.site-title{font-size:26px;font-weight:400;line-height:56px;margin-bottom:0;margin-top:0;padding-left:10px;float:left}.menu-list{line-height:56px;float:right}.menu-link{padding:5px 10px}@media (min-width: 1100px){.dropbtn{display:none}.dropdown-content{display:none}}@media (max-width: 1100px){.menu-list{display:none}.site-title{padding-right:0.25rem}.dropbtn{background:rgba(255,255,255,0.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:black;padding:16px;margin-top:4px;font-size:16px;border:1px solid rgba(255,255,255,0.2);cursor:pointer;width:auto;height:auto;border-radius:4px}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;right:0;background:rgba(255,255,255,0.9);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.2);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;border-radius:4px;overflow:hidden}.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;display:block;font-size:16px;border-bottom:1px solid rgba(255,255,255,0.1)}.dropdown-content a:last-child{border-bottom:none}.dropdown-content a:hover{background-color:rgba(255,255,255,0.2)}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:rgba(255,255,255,0.6)}}.posts-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;max-width:1100px;margin:0 auto;padding:0 20px}.featured-post{height:0;padding-bottom:62.5%;margin:0;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.featured-post h2{bottom:0;left:0;right:0;margin:0;padding:15px;position:absolute;background:linear-gradient(to top, rgba(0,0,0,0.8), transparent)}.featured-post h2 span{display:inline-block;color:white;font:bold 18px/24px "Roboto",sans-serif;padding:0;background:none}.featured-post span a{color:#000}.post-link{display:block;text-decoration:none;transition:transform 0.2s ease}.post-link:hover{transform:translateY(-5px)}.post-link:hover .featured-post{box-shadow:0 4px 12px rgba(0,0,0,0.15)}@media (max-width: 600px){.posts-grid{grid-template-columns:1fr;gap:15px}.featured-post{border-radius:6px}.featured-post h2 span{font-size:16px;line-height:20px}}.pagination{text-align:center;margin-top:30px;margin-bottom:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px}.pagination-button{color:#000;border:1px solid #ddd;padding:8px 16px;margin:4px;display:inline-block;font-size:14px;font-weight:500;border-radius:4px;text-decoration:none;transition:all 0.3s ease;min-width:44px;text-align:center}.pagination-button:hover{background-color:#f5f5f5;border-color:#999;color:#333;text-decoration:none}.pagination-current{background-color:#333;color:white;border:1px solid #333;padding:8px 16px;margin:4px;display:inline-block;font-size:14px;font-weight:500;border-radius:4px;min-width:44px;text-align:center}.pagination-ellipsis{color:#999;padding:8px 8px;margin:4px;display:inline-block;font-size:14px;font-weight:500}@media (max-width: 600px){.pagination{gap:4px}.pagination-button,.pagination-current{padding:6px 12px;font-size:13px;min-width:36px;margin:2px}.pagination-ellipsis{padding:6px 6px;font-size:13px;margin:2px}}@media (max-width: 480px){.pagination{gap:2px}.pagination-button,.pagination-current{padding:4px 8px;font-size:12px;min-width:32px;margin:1px}.pagination-ellipsis{padding:4px 4px;font-size:12px;margin:1px}}.page-content{max-width:600px;display:block;margin:10px auto 10px;padding:0px 10px 10px}.post-content{width:600px;display:block;margin:10px auto 10px;max-width:100%;box-sizing:border-box}.post-date-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:#9a9a9a;font-size:0.8rem;width:100%}.post-date-info{display:inline-block;flex:1}.post-copyright{display:inline-block;text-align:right;white-space:nowrap;margin-left:10px}.post-date{display:block;margin-bottom:1rem;color:#9a9a9a;font-size:0.8rem}@media (max-width: 600px){.post-date-container{flex-direction:column;align-items:flex-start}.post-copyright{margin-top:0.25rem;margin-left:0}}.featured-image img{margin:5px auto 25px;display:block;max-width:600px}.post-content article{width:100%;max-width:100%;box-sizing:border-box}.post-content article img{max-width:100%;height:auto;display:block;margin:1rem auto}.post-content article iframe[src*=".pdf"],.post-content article embed[type="application/pdf"],.post-content article object[type="application/pdf"]{max-width:100%;width:100%;min-height:800px;height:800px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;display:block;margin:1rem auto}.post-content article table{max-width:100%;overflow-x:auto;display:block}.post-content article pre{max-width:100%;overflow-x:auto}@media (max-width: 1100px){.post-content{width:90%;display:block;margin:10px auto 10px;max-width:90%}.featured-image img{margin:5px auto 25px;display:block;max-width:90%}.post-content article img{max-width:100%}}@media (max-width: 600px){.post-content{width:95%;display:block;margin:10px auto 10px;max-width:95%}.featured-image img{margin:5px auto 25px;display:block;max-width:95%}.post-content article{width:100%;overflow-wrap:break-word;word-wrap:break-word}.post-content article img{max-width:100%;height:auto}.post-content article iframe,.post-content article video{max-width:100%;height:auto}.post-content article iframe[src*=".pdf"],.post-content article embed[type="application/pdf"],.post-content article object[type="application/pdf"]{max-width:100%;width:100%;min-height:600px;height:600px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9;display:block;margin:1rem auto}}.sharing-icons a{padding-right:10px}.fa-envelope{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-envelope:hover{color:#f39c12}.fa-twitter{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-twitter:hover{color:#00aced}.fa-instagram{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-instagram:hover{color:#375989}.fa-github{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-github:hover{color:#343434}.fa-linkedin{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-linkedin:hover{color:#0073a4}.fa-facebook{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-facebook:hover{color:#3d5b99}.fa-google-plus{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-google-plus:hover{color:#e64a41}.fa-pinterest{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-pinterest:hover{color:#bd081c}.fa-medium{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-medium:hover{color:#00AB6C}.fa-codepen{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-codepen:hover{color:#000}.fa-rss-square{padding:5px;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;-moz-transition:1s;transition:1s}.fa-rss-square:hover{color:#f60}