*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#app,body,html{width:100%;height:100%}@media screen and (max-width:768px){html{font-size:.37333rem}}:root{--primary-color:#4a90e2;--accent-color:#357abd;--success-color:#4caf50;--warning-color:#ff9800;--danger-color:#ff6b6b;--text-primary:#333;--text-secondary:#666;--text-hint:#999;--border-color:#e0e0e0;--background-color:#f5f5f5;--card-background:#fff}.card{background:var(--card-background);border-radius:.32rem;box-shadow:0 .05333rem .21333rem rgba(0,0,0,.06);margin:.32rem;padding:.42667rem}.btn-primary,.gradient-bg{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))}.btn-primary{color:#fff;border:none;border-radius:.21333rem;padding:.32rem .64rem;font-size:.42667rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary:active{transform:scale(.98)}.page-container{width:100%;min-height:100vh;background-color:var(--background-color);padding-bottom:1.6rem}.page-content{padding:.42667rem}@supports(padding-top:env(safe-area-inset-top)){.page-container{padding-bottom:calc(1.6rem + env(safe-area-inset-bottom))}}