*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Microsoft YaHei,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}#root{width:100%;min-height:100vh}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;font-family:Arial,sans-serif;display:flex;align-items:center;justify-content:center}.container{max-width:400px;width:100%;background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 30px #0003;text-align:center}h1{color:#333;margin-bottom:25px;font-size:1.5em;font-weight:700}.upload-section{margin-bottom:25px}.upload-btn{background:linear-gradient(45deg,#dc143c,#ff6b6b);color:#fff;border:none;padding:18px 35px;font-size:16px;border-radius:30px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc143c4d;width:100%;max-width:280px}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #dc143c66}.upload-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-section{background:#fff5f5;border-radius:12px;padding:15px;margin-bottom:20px;border:1px solid #fed7d7}.error-message{color:#e53e3e;font-size:14px;margin:0}.result-section{background:#f8f9fa;border-radius:15px;padding:20px;border:2px dashed #dc143c}.generated-qr{max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:20px}.download-btn{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;border:none;padding:15px 30px;font-size:15px;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d;width:100%;max-width:200px}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}@media (max-width: 480px){.app{padding:10px}.container{padding:20px;border-radius:15px}h1{font-size:1.3em;margin-bottom:20px}.upload-btn{padding:16px 30px;font-size:15px}.download-btn{padding:14px 25px;font-size:14px}}