*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#303133;background:#f5f6fa;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px}#app{min-height:100%}.page{max-width:480px;min-height:100vh;padding:16px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a}.btn{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#f56c6c,#e6213a);border:none;border-radius:23px;justify-content:center;align-items:center;width:100%;height:46px;font-size:17px;font-weight:600;display:flex}.btn:active{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.plain{color:#e6213a;background:#fff;border:1px solid #e6213a}.btn.primary{background:linear-gradient(135deg,#409eff,#2b7de9)}.form-item{margin-bottom:14px}.form-item .form-label{color:#606266;margin-bottom:6px;font-size:14px;display:block}.form-item .form-input{background:#fff;border:1px solid #dcdfe6;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px;font-size:16px}.form-item .form-input:focus{border-color:#e6213a}.form-links{color:#409eff;justify-content:space-between;margin-top:14px;font-size:14px;display:flex}.form-links .link{color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0}.page-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-header .page-title{font-size:20px;font-weight:700}.page-header .header-actions{color:#606266;gap:12px;font-size:14px;display:flex}.page-header .header-actions .action{color:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none}.record-list{list-style:none}.record-list .record-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.record-list .record-item:last-child{border-bottom:none}.record-list .record-item .record-info{flex-direction:column;gap:4px;display:flex}.record-list .record-item .record-info .record-prize{font-size:16px;font-weight:600}.record-list .record-item .record-info .record-time{color:#909399;font-size:12px}.record-list .record-item .record-tag{border-radius:10px;padding:2px 10px;font-size:12px}.record-list .record-item .record-tag.win{color:#e6213a;background:#e6213a14}.record-list .record-item .record-tag.not-win{color:#909399;background:#f4f4f5}.empty-tip{text-align:center;color:#909399;padding:32px 0;font-size:14px}.result-mask{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.result-dialog{text-align:center;background:#fff;border-radius:16px;width:78%;max-width:320px;padding:28px 20px 20px}.result-dialog .result-title{margin-bottom:12px;font-size:20px;font-weight:700}.result-dialog .result-title.win{color:#e6213a}.result-dialog .result-title.not-win{color:#909399}.result-dialog .result-prize{color:#303133;margin-bottom:20px;font-size:17px}.result-dialog .result-btn{border-radius:21px;width:80%;height:42px;margin:0 auto}.h5-toast{color:#fff;text-align:center;z-index:999;background:#000000bf;border-radius:8px;max-width:80%;padding:10px 16px;font-size:14px;line-height:1.5;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}