*{box-sizing:border-box}.test{border:2px solid red}.navbar-button{display:flex;justify-content:space-evenly;align-items:center;width:100%}.research-card{max-width:80%;margin:2rem auto;background:linear-gradient(135deg,#f8f9fa,#ffffff 50%,#f0f8f0);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;opacity:0;transform:translateY(50px);animation:slideInUp 1s ease-out forwards;position:relative}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.card-content{display:flex;min-height:400px;position:relative}.left-section{flex:1 1;padding:2rem;justify-content:flex-start;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(240,248,240,.3))}.left-section,.title-image-group{display:flex;flex-direction:column}.title-image-group{align-items:center;gap:1rem;margin-bottom:1rem;height:100%}.research-title{font-size:1.8rem;font-weight:700;color:#2d3748;text-align:center;margin:0;font-family:Microsoft YaHei,sans-serif}.image-container{width:100%;max-width:500px;aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15);position:relative}.research-image{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease}.image-container:hover .research-image{transform:scale(1.05)}.right-section{flex:1 1;position:relative;overflow:hidden;border-left:1px solid rgba(34,197,94,.2)}.content-area{padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;background:transparent;border:2px solid rgba(34,197,94,.3);border-left:none;border-radius:0 16px 16px 0;box-shadow:inset 0 0 20px rgba(34,197,94,.1);transition:all .4s ease}.slide-overlay{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#1a69d1,#16a34a);transition:left .4s cubic-bezier(.4,0,.2,1);z-index:1}.right-section:hover .slide-overlay{left:0}.right-section:hover .content-area{border-color:transparent;box-shadow:none}.section-number{font-size:3rem;font-weight:700;color:#22c55e;margin:0 0 1rem;transition:color .4s ease;position:relative;z-index:3}.right-section:hover .section-number{color:white}.content-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0 0 1rem;line-height:1.4;transition:color .4s ease;position:relative;z-index:3}.right-section:hover .content-title{color:white}.content-text{font-size:.9rem;line-height:1.6;color:#4b5563;margin:0;text-align:justify;transition:color .4s ease;position:relative;z-index:3;min-height:-moz-fit-content;min-height:fit-content}.right-section:hover .content-text{color:rgba(255,255,255,.95)}@media (max-width:768px){.card-content{flex-direction:column}.right-section{border-left:none;border-top:1px solid rgba(34,197,94,.2)}.content-area{border-radius:0 0 16px 16px;border-left:2px solid rgba(34,197,94,.3)}}