.app{font-family:Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;display:flex;flex-direction:column;min-height:100vh}header{background-color:#4fc08d;padding:20px;color:#fff}nav{display:flex;justify-content:center;gap:20px}nav a{color:#fff;text-decoration:none;font-weight:700;padding:8px 16px;border-radius:4px;transition:background-color .3s}nav a:hover{background-color:#fff3}nav a.router-link-active{background-color:#ffffff4d}main{flex:1;padding:20px}footer{background-color:#f8f9fa;padding:15px;font-size:.9rem;color:#6c757d}.icp{margin-top:8px;font-size:.85rem}.icp a{color:#6c757d;text-decoration:none}.icp a:hover{text-decoration:underline}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;font-family:Microsoft YaHei,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;color:#333}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;color:#2c3e50}.container{max-width:1200px;margin:0 auto;padding:0 20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;margin-bottom:20px;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.btn{display:inline-block;background-color:#4fc08d;color:#fff;padding:8px 16px;border-radius:4px;text-decoration:none;transition:background-color .3s;border:none;cursor:pointer}.btn:hover{background-color:#3da978}.text-center{text-align:center}.section{margin:2rem 0}.section-title{font-size:2rem;color:#2c3e50;margin-bottom:1.5rem;text-align:center;position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:#4fc08d}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}