:root{--header-height:60px;background-color:#fff;color:#2c3e50;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#fff;min-height:100vh;min-width:320px}a{color:#409eff;text-decoration:none;transition:color .3s ease}a:hover{color:#66b1ff}h1{font-size:2.5em;line-height:1.2}h1,h2{color:#2c3e50;font-weight:600}h2{font-size:2em;line-height:1.3}h3{color:#2c3e50;font-size:1.5em;font-weight:600;line-height:1.4}p{color:#606266;line-height:1.6;margin-bottom:16px}button{background-color:#409eff;border:1px solid transparent;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:12px 24px;transition:all .3s ease}button:hover{background-color:#66b1ff;box-shadow:0 4px 12px #409eff4d;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{background-color:#c0c4cc;box-shadow:none;cursor:not-allowed;transform:none}#app{margin:0;padding:0;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001a;padding:24px;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 20px #00000026}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}@media(max-width:768px){.container{padding:0 15px}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.2em}.card{padding:16px}}@media(max-width:480px){h1{font-size:1.8em}h2{font-size:1.3em}button{font-size:13px;padding:10px 20px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.section-title{color:#333;font-size:1.8em;margin:20px 0;padding-bottom:10px;position:relative;text-align:center}.section-title:after{background-color:#35a2d9;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:100px}