#app{min-height:100vh}*{box-sizing:border-box;padding:0;margin:0}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2)}.cashier-container{max-width:480px;min-height:100vh;padding:20px;margin:0 auto}.cashier-card{overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026}.cashier-header{padding:24px;color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2)}.cashier-header h1{margin-bottom:8px;font-size:20px;font-weight:500}.cashier-amount{font-size:36px;font-weight:700}.cashier-body{padding:24px}.order-info{padding:16px;margin-bottom:20px;background:#f5f7fa;border-radius:8px}.order-info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e8e8e8}.order-info-item:last-child{border-bottom:none}.order-info-label{color:#666}.order-info-value{font-weight:500;color:#333}.payment-methods{margin-bottom:20px}.payment-methods h3{margin-bottom:12px;font-size:16px;color:#333}.payment-method-item{display:flex;align-items:center;padding:16px;margin-bottom:12px;cursor:pointer;border:2px solid #e8e8e8;border-radius:8px;transition:all .3s}.payment-method-item:hover{border-color:#667eea}.payment-method-item.active{background:#f0f3ff;border-color:#667eea}.payment-method-icon{width:40px;height:40px;margin-right:12px}.payment-method-name{font-size:16px;color:#333}.pay-button{width:100%;height:48px;font-size:18px;font-weight:500;color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;transition:all .3s}.pay-button:hover{opacity:.9;transform:translateY(-2px)}.pay-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.countdown{margin-top:16px;font-size:14px;color:#999;text-align:center}.countdown-time{font-weight:500;color:#cf1322}.qrcode-container{padding:20px;text-align:center}.qrcode-container img{max-width:200px;margin:20px auto}.qrcode-tip{margin-top:16px;font-size:14px;color:#666}.result-container{padding:40px 20px;text-align:center}.result-icon{margin-bottom:20px;font-size:64px}.result-icon.success{color:#52c41a}.result-icon.failed{color:#ff4d4f}.result-icon.pending{color:#faad14}.result-title{margin-bottom:12px;font-size:24px;font-weight:500;color:#333}.result-desc{margin-bottom:24px;font-size:14px;color:#666}.result-button{display:inline-block;padding:12px 32px;font-size:16px;color:#fff;text-decoration:none;background:#667eea;border-radius:8px}