*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding-top:50px;color:#000;font-family:"Open Sans",sans-serif;font-size:1.1em;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:600;color:#172b3e;font-family:"Montserrat",sans-serif;line-height:1.5}h1{color:#13469f;font-size:2.5em}h1 a,h1 a:visited{text-decoration:none;color:#13469f}h2{font-size:2em}a,a:visited{color:#061a5b;text-decoration:underline;font-weight:bold}a:hover{color:#13469f;text-decoration:underline}header{position:relative;background:transparent;padding:0;margin:0 auto;height:30vh;min-height:200px;display:flex;justify-content:flex-end;align-items:center;width:100%;max-width:1000px;box-sizing:border-box;overflow:visible}header .header-image{position:absolute;left:0;top:100%;transform:translateY(-50%);width:1440px;height:700px;object-fit:contain;object-position:left center;z-index:-1}header h1{position:relative;top:120px;z-index:1;color:#000;font-size:2.0em;text-shadow:1px 1px 2px rgba(120,120,120,0.7);padding-right:180px}@media (max-width: 1024px){header h1{top:60px;padding-right:40px}}@media (max-width: 768px){header h1{top:20px;padding-right:20px;font-size:1.5em}header .header-image{width:100%;height:auto}}main.no-sidebar{margin:0 auto;padding:20px 40px;max-width:1000px;min-height:100vh}main.with-sidebar{margin:0 auto;padding:20px 40px;max-width:1000px;min-height:100vh}time{color:#898989}.container{max-width:1000px;margin:0 auto}aside{position:fixed;top:0;left:0px;background:#fff;width:100%;z-index:2;border-bottom:1px solid #fff;box-shadow:0px 1px 1px rgba(4,25,54,0.1)}aside nav{float:left;margin:0 100 auto;max-width:800px}aside nav ul{margin:0;padding:0;list-style:none}aside nav ul li{float:left;position:relative}aside nav ul li a{text-decoration:none;display:block;padding:15px;font-family:'Muli', sans-serif;line-height:20px;margin-bottom:-1px;box-shadow:0}aside nav ul li a:hover,aside nav ul li a:active{background:#0d2e67;text-decoration:none;color:#13469f}aside nav:after{content:'';display:table;clear:both}footer{text-align:center;padding:40px}.post-list{list-style:none;padding:0}.post-list li{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f8fafc}.post-list li:last-child{border-bottom:none}.post-list h3{margin:0.5rem 0;font-size:1.4rem;line-height:1.3}.post-list .post-meta{display:block;color:#898989;font-size:0.9rem;margin-bottom:0.5rem;font-weight:normal}.post-list .post-link{color:#172b3e;text-decoration:none}.post-list .post-link:hover{color:#13469f;text-decoration:underline}.post-list-heading{margin-top:2rem;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #13469f}main img{max-width:80%;height:auto;display:block;margin:1.5rem auto}main p>img+em,main p+p>em:only-child{display:block;text-align:center;color:#666;font-size:0.9rem;font-style:italic}main p:has(>img)+p:has(>em:only-child){margin-top:-1rem;margin-bottom:1.5rem}@media (max-width: 768px){body{padding-top:50px}.sidebar{transform:translateX(-100%);transition:transform 0.3s ease;z-index:5}.sidebar.mobile-open{transform:translateX(0)}main.no-sidebar,main.with-sidebar{margin-left:0;padding:15px;max-width:100%}header{width:100%;height:25vh;min-height:150px}header h1{font-size:1.8rem;padding:0 20px}aside nav ul{flex-wrap:wrap;justify-content:center}aside nav ul li a{padding:10px 12px;font-size:0.9rem}.post-list h3{font-size:1.2rem}}@media (min-width: 769px) and (max-width: 1024px){main.with-sidebar,main.no-sidebar{padding:20px 30px}}.sidebar{position:fixed;left:calc((100vw - 1000px) / 2 - 20px - 300px);top:400px;width:300px;height:calc(100vh - 400px);background:transparent;padding:15px;overflow-y:auto;font-family:Arial, sans-serif;font-size:0.9em}@media (max-width: 1640px){.sidebar{display:none}}.sidebar a{display:block;margin:3px 0;text-decoration:none;color:#333;padding:5px 10px;text-align:right;transition:background-color 0.2s ease}.sidebar a:hover{background-color:rgba(0,0,0,0.05)}.sidebar a.active{background-color:rgba(19,70,159,0.1);color:#13469f;font-weight:bold;border-right:3px solid #13469f}.sidebar .outline-h1{font-size:1.1em;font-weight:bold;padding-right:10px}.sidebar .outline-h2{font-size:0.95em;font-weight:normal;padding-right:10px}.sidebar .outline-h3{font-size:0.85em;font-weight:normal;padding-right:10px}.sidebar .outline-h4{font-size:0.8em;padding-right:10px}.navbar{height:40px;display:flex;align-items:center;justify-content:space-between;background:#e7edf4;padding:0 15px;position:fixed;top:0;left:0;width:100%;z-index:10;box-shadow:0px 1px 5px rgba(0,0,0,0.1)}.navbar .gdzhao-link{display:flex;align-items:center;color:#061a5b;text-decoration:none;font-size:1.2rem;font-weight:bold;height:40px}.navbar .gdzhao-link:hover{color:#13469f;background:#e7edf4}.navbar .nav-links{list-style:none;display:flex;gap:20px;margin:0;padding:0}.navbar .nav-links li a{color:#061a5b;text-decoration:none;font-size:1rem}.navbar .nav-links li a:hover{color:#13469f}.post-card{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s ease, box-shadow 0.2s ease;text-decoration:none;color:inherit;margin-bottom:1.5rem}.post-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.post-card:hover .post-card__title{color:#13469f}.post-card__thumbnail{flex-shrink:0;width:180px;height:140px;overflow:hidden;background:#e7edf4}.post-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.post-card:hover .post-card__thumbnail img{transform:scale(1.05)}.post-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #13469f 0%, #0b285b 100%)}.post-card__placeholder span{font-size:3rem;font-weight:bold;color:#fff;text-transform:uppercase;font-family:"Montserrat",sans-serif}.post-card__content{flex:1;padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.post-card__date{font-size:0.85rem;color:#888;margin-bottom:0.5rem}.post-card__title{font-family:"Montserrat",sans-serif;font-size:1.25rem;font-weight:600;color:#172b3e;margin:0 0 0.5rem 0;line-height:1.3;transition:color 0.2s ease}.post-card__excerpt{font-size:0.9rem;color:#666;margin:0;line-height:1.5}.post-card__tags{margin-top:0.75rem;display:flex;flex-wrap:wrap;gap:0.5rem}.post-card__tag{font-size:0.75rem;padding:0.25rem 0.6rem;background:#e7edf4;color:#13469f;border-radius:4px;font-weight:500}.post-cards{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 600px){.post-card{flex-direction:column}.post-card__thumbnail{width:100%;height:160px}.post-card__content{padding:1rem}.post-card__title{font-size:1.1rem}}.research-card{display:flex;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:transform 0.2s ease, box-shadow 0.2s ease;text-decoration:none;color:inherit;margin-bottom:1.5rem}.research-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,0.15)}.research-card:hover .research-card__title{color:#13469f}.research-card__thumbnail{flex-shrink:0;width:200px;height:160px;overflow:hidden;background:#e7edf4}.research-card__thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.research-card:hover .research-card__thumbnail img{transform:scale(1.05)}.research-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #103c88 0%, #081e44 100%)}.research-card__placeholder span{font-size:3rem;font-weight:bold;color:#fff;text-transform:uppercase;font-family:"Montserrat",sans-serif}.research-card__content{flex:1;padding:1.25rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.research-card__date{font-size:0.85rem;color:#888;margin-bottom:0.5rem;font-weight:500}.research-card__title{font-family:"Montserrat",sans-serif;font-size:1.3rem;font-weight:600;color:#172b3e;margin:0 0 0.5rem 0;line-height:1.3;transition:color 0.2s ease}.research-card__description{font-size:0.9rem;color:#666;margin:0;line-height:1.5}.research-card__tags{margin-top:0.75rem;display:flex;flex-wrap:wrap;gap:0.5rem}.research-card__tag{font-size:0.75rem;padding:0.25rem 0.6rem;background:#e7edf4;color:#13469f;border-radius:4px;font-weight:500}.research-cards{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 600px){.research-card{flex-direction:column}.research-card__thumbnail{width:100%;height:180px}.research-card__content{padding:1rem}.research-card__title{font-size:1.1rem}}
