*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f5f5f5}#app{min-height:100vh}@media screen and (max-width: 768px){body{font-size:16px}}.btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s}.btn-primary{background-color:#409eff;color:#fff}.btn-primary:hover{background-color:#66b1ff}.btn-danger{background-color:#f56c6c;color:#fff}.btn-danger:hover{background-color:#f78989}.btn-success{background-color:#67c23a;color:#fff}.btn-success:hover{background-color:#85ce61}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:#606266}.form-input,.form-select,.form-textarea{width:100%;padding:10px;border:1px solid #dcdfe6;border-radius:4px;font-size:14px;transition:border-color .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#409eff}.form-textarea{min-height:80px;resize:vertical}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:white;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000001a;margin-bottom:20px}@media screen and (max-width: 768px){.container{padding:10px}.card{padding:15px;margin-bottom:15px}.btn{padding:12px 20px;font-size:16px}}