body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;padding:20px 10px;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;box-sizing:border-box;background:linear-gradient(135deg,#f6f9ff 0%,#eef3ff 30%,#f0f5ff 60%,#ffffff 100%);}.voucher-container{width:100%;max-width:400px;box-sizing:border-box;}.voucher-card{background-color:white;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.1);text-align:center;}.qr-title{font-size:23px;font-weight:700;color:#2b5ce1;margin-bottom:12px;text-align:center;}.qr-code-area{margin-bottom:15px;transition:filter 0.3s,opacity 0.3s;}.qr-code-placeholder{width:180px;height:180px;margin:0 auto 10px;display:flex;justify-content:center;align-items:center;background-color:#FFFFFF;border-radius:8px;padding:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}.qr-code-placeholder canvas,.qr-code-placeholder img,.qr-code-placeholder table{max-width:100%;max-height:100%;display:block;border-radius:4px;}.qr-code-placeholder table{border-radius:4px;overflow:hidden;}.no-coupon{color:#e74c3c;font-weight:700;}.code-number{font-size:18px;font-weight:bold;color:#333;margin-top:20px;transition:filter 0.3s,opacity 0.3s;}.refresh-button{background:none;border:none;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:15px auto 10px;padding:5px 10px;}.refresh-icon{font-size:20px;line-height:1;margin-right:8px;color:#ff6600;display:inline-block;}.refresh-icon.rotating{animation:rotate 1.5s linear infinite;}.refresh-button #refreshText{color:#999;}.refresh-button.refreshing #refreshText{color:#999;}.qr-code-area.refreshing .qr-code-placeholder,.qr-code-area.refreshing .code-number{filter:blur(3px);opacity:0.7;transition:filter 0.3s,opacity 0.3s;}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.refresh-button:hover:not(:disabled){opacity:0.8;}.refresh-button:disabled{opacity:0.6;cursor:not-allowed;}.divider{border:0;height:1px;background-color:#f0f0f0;margin:20px 0;}.details-list{text-align:left;padding:0 10px;}.detail-item{display:flex;justify-content:flex-start;margin-bottom:8px;font-size:14px;line-height:1.5;}.label{color:#333;min-width:60px;font-weight:bold;}.value{color:#333;font-weight:bold;flex-grow:1;}.detail-item:nth-child(1) .value,.detail-item:nth-child(2) .value{font-weight:bold;font-size:15px;}.instructions{background-color:#fff;border-radius:12px;padding:15px;margin-top:20px;font-size:13px;line-height:1.6;color:#555;}.instructions-title{font-size:15px;font-weight:bold;color:#333;margin:0 0 12px 0;padding:0;}.instructions ol{padding-left:20px;margin:0;list-style-type:decimal;}.instructions li{margin-bottom:8px;}