*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--primary-color: #509495;--dark-color: #333;--light-color: #f4f4f4;--gray-color: #666}body{line-height:1.6;color:var(--dark-color);background-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#fff;box-shadow:0 2px 5px #0000001a;padding:1rem 0;position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center}.logo img{height:40px;margin-right:20px}.logo h1{color:var(--primary-color);font-size:1.8rem}nav{margin-top:10px}nav ul{display:flex;list-style:none}nav ul li{margin-left:2rem}nav ul li a{color:var(--dark-color);text-decoration:none;font-weight:500;transition:color .3s}nav ul li a:hover{color:var(--primary-color)}.hero{position:relative;color:#fff;text-align:center;padding:6rem 0;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800'%20height='600'%20viewBox='0%200%20800%20600'%3e%3c!--%20电路板背景%20--%3e%3crect%20width='800'%20height='600'%20fill='%232d2d2d'/%3e%3c!--%20电路板主体%20--%3e%3crect%20x='100'%20y='100'%20width='600'%20height='400'%20fill='%233a3a3a'%20rx='15'%20ry='15'/%3e%3c!--%20芯片区域%20--%3e%3crect%20x='250'%20y='200'%20width='300'%20height='200'%20fill='%234a4a4a'%20rx='5'%20ry='5'/%3e%3c!--%20接口区域%20--%3e%3crect%20x='150'%20y='250'%20width='80'%20height='100'%20fill='%234a4a4a'%20rx='5'%20ry='5'/%3e%3crect%20x='570'%20y='250'%20width='80'%20height='100'%20fill='%234a4a4a'%20rx='5'%20ry='5'/%3e%3c!--%20细节线路%20--%3e%3cpath%20d='M150,300%20H250%20M550,300%20H570%20M300,200%20V150%20M500,200%20V150%20M300,400%20V450%20M500,400%20V450'%20stroke='%23509495'%20stroke-width='2'/%3e%3c!--%20焊点%20--%3e%3ccircle%20cx='250'%20cy='300'%20r='3'%20fill='%23509495'/%3e%3ccircle%20cx='550'%20cy='300'%20r='3'%20fill='%23509495'/%3e%3ccircle%20cx='300'%20cy='200'%20r='3'%20fill='%23509495'/%3e%3ccircle%20cx='500'%20cy='200'%20r='3'%20fill='%23509495'/%3e%3ccircle%20cx='300'%20cy='400'%20r='3'%20fill='%23509495'/%3e%3ccircle%20cx='500'%20cy='400'%20r='3'%20fill='%23509495'/%3e%3c/svg%3e") no-repeat center center/cover;filter:blur(4px);z-index:-1}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#000000b3,#000000b3);z-index:-1}.hero h2{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.8rem 2rem;border-radius:5px;text-decoration:none;font-weight:500;transition:background-color .3s}.btn:hover{background-color:#7d5fbf}.introduction{padding:4rem 0}.introduction h2{text-align:center;margin-bottom:3rem;color:var(--dark-color);font-size:2rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.feature{background-color:var(--light-color);padding:2rem;border-radius:10px;text-align:center}.feature h3{color:var(--primary-color);margin-bottom:1rem}.flashing-guide{background-color:var(--light-color);padding:4rem 0 6rem}.flashing-guide h2{text-align:center;margin-bottom:3rem;color:var(--dark-color);font-size:2rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.step{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 5px #0000001a}.step h3{color:var(--primary-color);margin-bottom:1rem}.log-output{margin-top:2rem}.log-output h3{margin-bottom:1rem}.testing-guide{padding:4rem 0;background-color:#fff}.testing-guide .container{max-width:1200px;margin:0 auto;padding:0 20px}.testing-guide h2{text-align:center;margin-bottom:40px;color:var(--dark-color);font-size:2.5em}.testing-guide .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.testing-guide .step{background-color:var(--light-color);padding:25px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.testing-guide .step p{margin:15px 0;line-height:1.6;color:#555}.form-group{margin:15px 0}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#333}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;box-sizing:border-box}.testing-guide .btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:12px 24px;text-decoration:none;border-radius:5px;transition:background-color .3s;border:none;cursor:pointer;font-size:16px}.testing-guide .btn:hover{background-color:#3a5ce5}footer{background-color:var(--dark-color);color:#fff;text-align:center;padding:2rem 0}footer a{color:var(--primary-color);text-decoration:none}.hint-text{display:block;color:#666;font-size:.85em;margin-top:5px}.resources{padding:4rem 0;background-color:var(--light-color)}.resources h2{text-align:center;margin-bottom:3rem;color:var(--dark-color);font-size:2rem}.resource-section{margin-bottom:4rem}.resource-section h3{text-align:center;margin-bottom:2rem;color:var(--primary-color);font-size:1.5rem}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.resource-card{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.resource-card h4{color:var(--primary-color);margin-bottom:1rem;font-size:1.2rem}.resource-card p{margin-bottom:1.5rem;color:var(--gray-color);line-height:1.6}.resource-btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.6rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:500;transition:background-color .3s ease}.resource-btn:hover{background-color:#407d7e}@media (max-width: 768px){.resources-grid{grid-template-columns:1fr}}@media (max-width: 768px){.features{grid-template-columns:1fr}nav ul{flex-direction:column}nav ul li{margin:.5rem 0}}@media (max-width: 500px){.hero h2{font-size:2rem}.hero p{font-size:1rem}}
