body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.weather-effect-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.weather-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:10}.weather-sun-glow{position:absolute;top:-128px;right:-128px;width:600px;height:600px;border-radius:50%;background:#fb923c99;filter:blur(96px);opacity:.6;z-index:0}.weather-sun-glow.winter-sun{background:#bfdbfe99}.weather-sun-rays{position:absolute;top:-80px;right:-80px;width:800px;height:800px;opacity:.3;animation:spin-slow 60s linear infinite;transform-origin:center;z-index:0}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-sun-rays-gradient{position:absolute;inset:0;background:conic-gradient(from 0deg,transparent 0deg,white 20deg,transparent 40deg,white 60deg,transparent 80deg,white 100deg,transparent 120deg);filter:blur(32px)}.weather-sun-pulse{position:absolute;top:40px;right:40px;width:192px;height:192px;border-radius:50%;background:#fef3c7cc;filter:blur(32px);opacity:.8;animation:pulse 3s ease-in-out infinite;z-index:0}.weather-sun-pulse.winter-pulse{background:#eff6ffcc}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.weather-sun-flare-1{position:absolute;top:20%;right:30%;width:96px;height:96px;background:#fed7aa33;border-radius:50%;filter:blur(48px);animation:drift-slow 35s ease-in-out infinite}.weather-sun-flare-2{position:absolute;top:40%;right:60%;width:64px;height:64px;background:#fb923c33;border-radius:50%;filter:blur(32px);animation:drift 25s ease-in-out infinite}@keyframes drift-slow{0%,to{transform:translate(0)}25%{transform:translate(30px,20px)}50%{transform:translate(-20px,40px)}75%{transform:translate(40px,-30px)}}@keyframes drift{0%,to{transform:translate(0)}33%{transform:translate(25px,15px)}66%{transform:translate(-15px,30px)}}.weather-cloud-1{position:absolute;top:10%;left:-200px;width:256px;height:96px;background:#ffffff4d;filter:blur(32px);border-radius:50%;animation:drift 45s ease-in-out infinite}.weather-cloud-2{position:absolute;top:30%;left:-300px;width:384px;height:128px;background:#fff3;filter:blur(48px);border-radius:50%;animation:drift-slow 60s ease-in-out infinite;animation-delay:5s}.weather-lightning{position:absolute;inset:0;background:#fff;z-index:0;pointer-events:none;mix-blend-mode:overlay;animation:flash 7s ease-in-out infinite}@keyframes flash{0%,90%,92%,94%,to{opacity:0}91%,93%{opacity:.7}}.weather-effect-container *{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}@media(max-width:640px){.weather-sun-glow{width:400px;height:400px}.weather-sun-rays{width:600px;height:600px}.weather-sun-pulse{width:120px;height:120px}.weather-sun-flare-1,.weather-sun-flare-2{width:48px;height:48px}.weather-cloud-1{width:180px;height:70px}.weather-cloud-2{width:280px;height:90px}}.visitor-code-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:32px;background-color:#f5f5f7;animation:fadeIn .5s ease-out}.visitor-code-outer-card{width:100%;max-width:480px;border-radius:32px;padding:4px;box-shadow:0 20px 25px -5px #4a8fff4d;animation:slideUp .5s ease-out}.visitor-code-inner-card{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.5)}.visitor-code-title{font-size:28px!important;font-weight:700!important;color:#1f2937!important;text-align:center;margin:0 0 8px!important;letter-spacing:.5px;animation:fadeInDown .6s ease-out .15s both}.date-weather-info{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#ffffffe6;border-radius:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d;font-size:16px;font-weight:500;color:#1f2937;animation:fadeInDown .6s ease-out .3s both}.date-weather-divider{color:#d1d5db;-webkit-user-select:none;user-select:none}.weather-display{display:flex;align-items:center;gap:4px}.visitor-code-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);display:flex;justify-content:center;align-items:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:transform .2s ease;animation:scaleIn .4s cubic-bezier(.68,-.55,.265,1.55) .3s both}.visitor-code-avatar:hover{transform:scale(1.05)}.visitor-code-avatar img{width:100%;height:100%;object-fit:cover}.visitor-code-handle{font-size:16px;font-weight:500;color:#6b7280;animation:fadeInDown .6s ease-out .45s both}.visitor-code-qr-wrapper{background:#f5f5f7;padding:24px;border-radius:16px;box-shadow:0 1px 2px #0000000d;margin:12px 0;animation:fadeInScale .6s ease-out .6s both;display:flex;justify-content:center;align-items:center}.visitor-code-qr-wrapper svg,.visitor-code-qr-wrapper canvas{display:block;border-radius:8px;animation:qrPulse 2s ease-in-out infinite}.visitor-code-refresh-btn{width:100%;max-width:1000px;margin-top:20px;margin-bottom:10px;padding:16px 32px;font-size:16px;font-weight:700;color:#1f2937;background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;animation:fadeInDown .6s ease-out .75s both}.visitor-code-refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;background:#ffffffd9}.visitor-code-refresh-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.visitor-code-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.icon-refreshing{animation:spin .6s linear}.visitor-code-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:48px;color:#6b7280;min-height:300px}.visitor-code-loading p{margin:0;animation:pulse 1.5s ease-in-out infinite}.spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top-color:#4a8fff;border-radius:50%;animation:spin 1s linear infinite}.visitor-code-error{padding:16px;background:#fef2f2;border:1px solid #FCA5A5;border-radius:8px;color:#991b1b;text-align:center;margin-bottom:24px;animation:shake .4s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes qrPulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:640px){.visitor-code-outer-card{max-width:100%}.visitor-code-title{font-size:24px!important}.visitor-code-avatar{width:100px;height:100px}.visitor-code-inner-card,.visitor-code-qr-wrapper{padding:16px}.visitor-code-refresh-btn{font-size:14px;padding:14px 24px}}.config-container{padding:20px;max-width:1000px;margin:0 auto}.config-card{box-shadow:0 2px 8px #0000001a}.curl-input-section{padding:20px 0}.section-description{margin-bottom:16px;padding:12px 16px;background:#f0f7ff;border-left:4px solid #1890ff;border-radius:4px}.section-description p{margin:0;color:#0050b3;font-size:14px}.config-actions{display:flex;justify-content:center;padding-top:10px}.ant-form-item-label>label{font-weight:600}.ant-input,.ant-input-number{border-radius:6px}.ant-btn{border-radius:6px;font-weight:500}@media(max-width:768px){.config-container{padding:10px}.config-actions{flex-direction:column;align-items:stretch}.config-actions .ant-space{width:100%;flex-direction:column}.config-actions .ant-space-item,.config-actions button{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{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}.config-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.config-modal{background:#fff;border-radius:16px;padding:40px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.config-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f3f4f6;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#6b7280;transition:all .2s ease}.config-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}@media(max-width:768px){.config-modal{padding:30px 20px}}