body{background:#f5f5f5;font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;line-height:1.8;margin:0;padding:0}
#divAll{box-shadow:0 2px 10px rgba(0,0,0,.08);background:#fff;border-radius:4px;max-width:1200px;margin:0 auto}
#divTop{padding:20px 20px 0;text-align:center}
#BlogTitle a{color:#222;text-decoration:none;font-size:28px}
#BlogSubTitle{color:#999;font-size:14px;font-weight:normal;margin:5px 0 15px}
#divNavBar{background:#1a73e8;padding:0 20px}
#divNavBar ul{list-style:none;margin:0;padding:0;overflow:hidden}
#divNavBar ul li{float:left}
#divNavBar ul li a{display:block;color:#fff;padding:12px 18px;text-decoration:none;font-size:15px;transition:background .3s}
#divNavBar ul li a:hover{background:#1557b0}
#divMain{width:72%;float:left;padding:20px;box-sizing:border-box}
#divSidebar{width:25%;float:right;padding:20px 10px;box-sizing:border-box}
.post{padding:20px;margin-bottom:20px;border-bottom:1px solid #eee;border-radius:4px}
.post-title{font-size:22px;font-weight:bold;line-height:1.4;margin:10px 0}
.post-title a{color:#222;text-decoration:none}
.post-title a:hover{color:#1a73e8}
.post-date{color:#999;font-size:13px;margin-bottom:10px}
.post-body{font-size:16px;line-height:1.9;word-break:break-all}
.post-body p{text-indent:2em;margin-bottom:15px}
.post-body img{max-width:100%;height:auto;display:block;margin:15px auto;border-radius:4px}
.post-body a{color:#1a73e8}
.post-footer{color:#999;font-size:13px;margin-top:20px;padding-top:10px;border-top:1px dashed #eee}
.pagebar{text-align:center;padding:20px}
.pagebar a,.pagebar span{padding:8px 14px;margin:0 3px;border:1px solid #ddd;border-radius:3px;text-decoration:none;color:#555}
.pagebar a:hover{background:#1a73e8;color:#fff;border-color:#1a73e8}
.function{padding:15px;margin-bottom:20px;background:#fafafa;border-radius:4px}
.function_t{font-size:17px;font-weight:bold;border-left:4px solid #1a73e8;padding-left:10px;margin-bottom:10px}
.function_c ul{list-style:none;padding:0}
.function_c ul li{padding:6px 0;border-bottom:1px dotted #eee}
.function_c ul li a{color:#444;text-decoration:none;font-size:14px}
.function_c ul li a:hover{color:#1a73e8}
.breadcrumb{padding:10px 20px;font-size:14px;color:#888;background:#fafafa;border-radius:4px;margin-bottom:15px}
.breadcrumb a{color:#1a73e8;text-decoration:none}
.clear{clear:both}
#divBottom{background:#333;color:#aaa;padding:30px 20px;margin-top:30px;text-align:center}
#divBottom a{color:#aaa;text-decoration:none}
.related{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:15px 0}
.related-item{padding:12px;background:#fafafa;border-radius:4px}
.related-item a{font-size:15px;color:#333;text-decoration:none;line-height:1.5}
.related-item a:hover{color:#1a73e8}
.related-item .meta{color:#999;font-size:12px;margin-top:5px}
@media(max-width:768px){#divMain,#divSidebar{width:100%;float:none}}