:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif}body{background-color:#f9f9f9;color:#333;line-height:1.6;padding:20px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px;padding:30px;background:linear-gradient(45deg,#2e7d32,#388e3c);color:#fff;border-radius:15px;box-shadow:0 10px 20px #2e7d324d}h1{font-size:2.8rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.2rem;font-weight:300;max-width:800px;margin:0 auto}.timeline{position:relative;padding:40px 0}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;background:#4caf50;border-radius:2px;transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:60px;display:flex;align-items:center;justify-content:center}.timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-date{flex:0 0 150px;text-align:center;position:relative;z-index:1}.timeline-date:after{content:"";position:absolute;width:30px;height:30px;background-color:#fff;border:4px solid #4caf50;border-radius:50%;top:45px;left:60px;z-index:2}.timeline-item:nth-child(2n) .timeline-date:after{left:-90px}.timeline-date h3{font-size:1.8rem;color:#2e7d32;background:#ffffffe6;display:inline-block;padding:10px 20px;border-radius:50px;box-shadow:0 3px 10px #0000001a}.timeline-content{flex:1;background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 30px #00000026;position:relative;transition:all .4s ease;display:flex;flex-direction:column;align-items:center}.timeline-content:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003}.timeline-img{width:300px;height:230px;border-radius:12px;margin-bottom:20px;box-shadow:0 10px 25px #0003;background-size:cover;background-position:center;position:relative;overflow:hidden;border:5px solid #f0f0f0}.params-table{width:100%;border-collapse:collapse;margin:20px 0;background-color:#f9f9f9;border-radius:8px;overflow:hidden}.params-table th,.params-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0}.params-table th{background-color:#4caf50;color:#fff;font-weight:400}.params-table tr:nth-child(2n){background-color:#f2f2f2}.stage{font-size:1.8rem;color:#f57c00;margin-bottom:15px;padding-bottom:10px;border-bottom:2px dashed #c8e6c9;text-align:center}.description{font-size:1.1rem;color:#555;line-height:1.7;margin-bottom:15px;text-align:justify}.tip{background-color:#fff8e1;padding:12px;border-radius:8px;font-style:italic;margin-top:10px;border-left:4px solid #ff9800;width:100%;box-sizing:border-box}@media (max-width: 900px){.timeline:before{left:30px}.timeline-item{flex-direction:column!important;align-items:flex-start;margin-left:60px}.timeline-date{text-align:left;margin-bottom:20px;padding:0;position:relative}.timeline-date h3{display:inline-block;margin-left:20px}.timeline-date:after{left:-45px;top:45px}.timeline-item:nth-child(2n) .timeline-date:after{left:-45px}.timeline-img{width:100%;height:250px;margin:20px 0}.timeline-content:before{display:none}}footer{text-align:center;padding:30px;margin-top:40px;color:#757575;font-size:1rem;background:#ffffffb3;border-radius:15px;border-top:3px solid #4caf50}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}