@font-face{font-family:"汉呈水墨中国风";font-weight:600;font-style:normal;src:local("汉呈水墨中国风"),url("../fonts/汉呈水墨中国风.ttf") format("truetype")}html,body{height:100%;margin:0;padding:0;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variant-numeric:normal;line-height:1.8;background-color:#f9f9f9;color:#333}body{display:flex;flex-direction:column;min-height:100vh}.wrapper{margin:0 auto;padding:0 1rem;flex:1;display:flex;flex-direction:column;width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}.home .wrapper{max-width:1200px}.post .wrapper{max-width:800px}header{background:#fff;border-bottom:1px solid #ddd;padding:0.4rem 0 0.5rem 0}header nav{display:flex;justify-content:space-between;align-items:center}.site-title{font-family:"汉呈水墨中国风";font-size:120px;font-weight:bold;line-height:1.2;color:#8f6a2e}nav .nav-left,nav .nav-right,.nav-right-toggle{display:flex}nav .nav-right{margin-left:auto}nav ul{list-style:none;padding:0;display:flex;margin:0;text-align:center}nav ul li{display:inline-block}.nav-right ul li{margin:0 0 0 1.0rem}.nav-left ul li{margin:0 1.0rem 0 0}nav ul li a{color:#333;text-decoration:none;font-weight:normal}nav ul li{box-sizing:border-box;font-size:14.4px}nav ul li a:hover{color:#8f6a2e}.dropbtn{background-color:#d0d0d0;color:white;padding:4px;border:none;cursor:pointer}.dropbtn:hover{background-color:#4CAF50}.hamburger-icon{cursor:pointer;width:15px;height:15px;display:flex;flex-direction:column;justify-content:space-between}.hamburger-icon div{width:100%;height:3px;background-color:white;border-radius:1px}.dropdown{position:relative;display:none}.dropdown-content{display:none;position:absolute;right:0;top:100%;background-color:#f9f9f9;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1}.dropdown-content a{color:black;padding:6px 8px;text-decoration:none;display:block;text-align:center}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropbtn{background-color:#8f6a2e}header h1{margin:0.5rem 0 0.25rem;font-size:2rem;text-align:left}main{display:flex;flex:1;padding:2rem 0.5rem;background:#fff}.post-content{width:100%}.post-title{font-size:2.5rem;margin-bottom:0.5rem;text-align:center;font-family:'Times New Roman', serif}.post-date{font-size:1rem;color:#666;text-align:center;margin-bottom:1rem;font-style:italic}main .content{display:flex;flex-direction:column;flex:3;font-size:1.125rem;line-height:1.8}.content p{margin-bottom:0.5rem}.content h2,.content h3,.content h4{margin-top:2rem;margin-bottom:1rem;color:#444}.headlines{margin:0 0 2rem 0;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.focused-post{display:inline-block;margin-right:10px}.focused-post,.focused-img{width:280px;height:280px}.focused-img{object-fit:cover;border-right:1px solid #ddd;border-radius:4px 0 0 4px}.top-posts{flex:1;text-align:left;padding:0 1rem;margin-right:10px}.top-posts h1,.top-posts h2{display:flex;justify-content:left;align-items:center;line-height:1.9;margin:0;color:#444}.top-posts a{text-decoration:none;color:inherit}.swiper-container{width:380px;height:280px;position:relative;overflow:hidden;margin:0 auto}.swiper-slide{display:flex !important;justify-content:center !important;align-items:center !important;width:100%;height:100%;background-color:#444}.swiper-slide img{max-width:100%;max-height:100%;object-fit:cover !important;display:block;margin:auto}.swiper-button-next,.swiper-button-prev{color:rgba(255,255,255,0.9) !important;width:15px;height:15px;top:50%;opacity:0;transition:opacity 0.3s}.swiper-container:hover .swiper-button-next,.swiper-container:hover .swiper-button-prev{opacity:1}.swiper-button-next{right:10px}.swiper-button-prev{left:10px}.swiper-pagination{bottom:10px}.swiper-container .swiper-pagination-bullet-active{background-color:rgba(255,255,255,0.7) !important}.post-img{max-width:100%;height:auto;margin:1.5rem 0;display:block;margin-left:auto;margin-right:auto}.post-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:18px;text-align:left;display:flex;justify-content:center;align-items:center}.post-table table{margin:0 auto;border-collapse:collapse}.post-table th,.post-table td{border:1px solid #dddddd;padding:8px}.post-table th{background-color:#f2f2f2}.post-table tr:nth-child(even){background-color:#f9f9f9}blockquote{border-left:5px solid #ccc;padding:10px 15px;margin:20px 0;font-style:italic;background-color:#f9f9f9;color:#555;position:relative;quotes:"“" "”" "‘" "’"}blockquote p{margin:0}figure{text-align:center}figcaption{font-size:0.9em;color:#555;margin-top:0.5em}.sidebar{flex:1;margin-left:2rem;background:transparent;padding:0;border:none;box-shadow:none}.sidebar .sidebar-featured,.sidebar-cats{background:#fff;padding:0.8rem 1rem 1rem 1rem;border:1px solid #ddd;border-radius:4px;margin:0 0 1rem 0}.sidebar-featured h2,.sidebar-featured h3,.sidebar-cats h2,.sidebar-cats h3{margin:0 0 0.5rem 0;line-height:1.0;color:#555 !important}.group-head{margin:0 0 0.5rem 0;line-height:0.5;color:#555 !important}.sidebar-cats{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;padding:0.8rem 0.5rem 0.5rem 0.5rem}a.post-tag{float:left;display:inline-block;box-sizing:border-box;font-size:12.6px;background:#f0f0f0;border-radius:3px;color:#999;padding:0 5.4px 2.7px 9px;margin:9px 9px 0 0;text-decoration:none;vertical-align:bottom}a.post-tag:hover{text-decoration:none;color:white;background:#8f6a2e}.list-item{display:flex;border:1px solid #ddd;border-radius:4px;margin-bottom:1rem;padding:0;background:#fff;overflow:hidden;min-height:150px}.list-img{width:150px;height:150px;object-fit:cover;border-right:1px solid #ddd;border-radius:4px 0 0 4px;margin:0 0.3rem 0 0}.list-item .list-item-right-part{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.list-item-content{padding:0.5rem 0.5rem 0 0.5rem}.list-item .list-item-cats{padding:0 0.5rem 0.5rem 0;font-size:0.8rem;color:#333;text-align:right}.list-item .list-item-cats span{display:inline-block;margin-left:0.5rem}.top-post{display:flex;align-items:center}.top-post div{margin-right:5px;transform:translateY(-2px);display:flex;align-items:center}.post-list-headline,.top-posts-headline{display:inline-block;font-size:1.2rem;color:#444;text-decoration:none;margin:0 0 0.2rem;line-height:1.45}.post-list-headline{display:inline-block;font-size:1.3rem;font-weight:600}.post-list-headline:hover,.top-posts-headline:hover,.top-posts a:hover{color:#8f6a2e}.post-list-byline{font-size:0.8rem;color:#333;margin:0 0 0.2rem;line-height:1.2}.post-list-summary{font-size:0.9rem;margin:0;color:#333;line-height:1.2}.featured-post-headline{display:inline-block;line-height:1.3;font-size:0.9rem;color:#444;text-decoration:none}.featured-post-headline:hover{color:#8f6a2e}.post-footer{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 0 0;padding:0;border-top:1px solid #ddd}.post-footer .left{display:flex;flex-direction:row}.left p,.right p{margin:0.5rem 1.0rem 0.5rem 0.5rem}.post-footer .right{text-align:right}.post-footer span{margin:0}.post-content a,.post-footer a{color:#333;text-decoration:none;border-bottom:1.5px dashed #007bff;transition:color 0.3s, border-color 0.3s}.post-content a:hover,.post-footer a:hover{color:#8f6a2e;border-color:#0056b3}footer{background:#fff;color:#333;text-align:center;padding:1rem 0;border-top:1px solid #ddd;width:100%;margin-top:auto}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding:1rem 0;border-top:1px solid #ddd}.pagination a{color:#8f6a2e;text-decoration:none;font-weight:bold}.pagination a:hover{text-decoration:underline}.pagination span{font-size:1rem;color:#333}@media (max-width: 1200px){.home .wrapper{width:95%}.post .wrapper{width:85%}main{flex-direction:column}.sidebar{margin-left:0;margin-top:2rem}}@media (max-width: 992px){.list-item-content{padding:0.3rem 0.5rem 0 0.5rem}.post-list-headline{font-size:0.9rem}.post-list-byline{font-size:0.7rem}.post-list-summary{font-size:0.7rem}.home .wrapper{width:95%}.post .wrapper{width:90%}.post-title{font-size:2rem}.post-date{font-size:0.9rem}.headlines{flex-direction:column}.list-item{min-height:100px}.list-img{width:100px;height:100px}.headlines{flex-direction:column !important}.swiper-container{margin:10px auto !important}.top-posts{display:block !important;margin:10px auto !important}.swiper-container{width:80vw;height:60vw}}@media (max-width: 768px){nav{padding:0 8px}.list-item-content{padding:0.2rem 0.5rem 0 0.5rem}.post-list-headline{font-size:0.9rem}.post-list-byline{font-size:0.6rem}.post-list-summary{font-size:0.6rem}.list-item{min-height:100px}.list-img{width:100px;height:100px}.wrapper{padding:0}.home .wrapper{width:100%}.post .wrapper{width:95%}.post-title{font-size:1.75rem}.post-date{font-size:0.8rem}.focused-post{display:none}.swiper-container{width:80vw;height:60vw}.headlines{flex-direction:column !important;margin:0 0 0.8rem 0}.swiper-container{margin:20px auto !important}.top-posts h2{font-size:1.5rem}.top-posts-headline{font-size:1.1rem;line-height:1.3 !important}}@media (max-width: 576px){.wrapper{padding:0}.home .wrapper{width:100%}.post .wrapper{width:100%}.post-title{font-size:1.5rem}.post-date{font-size:0.75rem}.list-item{min-height:70px}.list-img{width:70px;height:70px}.list-item-content{padding-top:0.3rem}.post-list-headline{display:inline-block;font-size:0.8rem;line-height:1.3 !important;margin-top:0.2rem}.post-list-summary{display:none}.focused-post{display:none}.headlines{flex-direction:column}.top-posts{padding:0;margin:0}.top-posts h2{display:flex;justify-content:left;align-items:center;font-size:1.1rem}.top-posts-headline{font-size:0.9rem}.top-post div{font-size:1.0rem}.focused-headline{display:inline-block;line-height:1.3}.swiper-container{width:80vw;height:60vw}.site-title{font-size:5rem}.nav-right ul{display:none;flex-direction:column;width:100%}.nav-right.active ul{display:flex}.dropdown{display:inline-block}}@media (max-width: 350px){.site-title{font-size:4rem}.top-posts h2{font-size:1.0rem}.top-posts-headline{font-size:0.7rem}.top-post div{font-size:0.8rem}}