*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Microsoft YaHei,微软雅黑,sans-serif;background:linear-gradient(135deg,#ffebee,#ffcdd2 20%,#ffecb3,#ffebee 80%,#ffcdd2);background-attachment:fixed;color:#333;min-height:100vh;position:relative;overflow-x:hidden}body:before,body:after{content:none}.festive-redpackets{display:none}.App{max-width:1400px;margin:0 auto;padding:30px}.App-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px 30px;border:2px solid transparent;border-radius:20px;background:linear-gradient(#fffffff2,#fffffff2) padding-box,linear-gradient(135deg,#f00000,#ff5050) border-box;box-shadow:0 15px 40px #0003,0 0 60px #f000001a}.App-header:hover{transform:translateY(-5px);box-shadow:0 25px 60px #0000004d,0 0 80px #f0000026}.app-logo{display:flex;align-items:center;gap:20px}.app-logo:hover{transform:scale(1.08)}.binance-logo{width:80px;height:80px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 35px #f7931a66;background:none;border:none;border-radius:0;overflow:visible}.binance-logo-inner{width:80px;height:80px;position:relative;background:linear-gradient(135deg,#f7931a,gold);border-radius:50%;box-shadow:0 15px 40px #f7931a99,0 0 80px #f7931a4d,inset 0 5px 15px #ffffff80,inset 0 -5px 15px #00000026;border:3px solid white;background:radial-gradient(circle at 30% 30%,#fff6,#fff0 50%),radial-gradient(circle at 70% 70%,#00000026,#0000 50%),linear-gradient(135deg,#f7931a,gold)}.binance-logo-inner:before{content:"₿";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;font-weight:700;color:#fff;text-shadow:0 5px 20px rgba(0,0,0,.5),0 0 30px rgba(255,255,255,.4);z-index:2}.binance-logo-inner:after{content:none}.binance-logo:hover{transform:scale(1.1);box-shadow:0 18px 50px #f7931a99}.app-title{margin:0;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3.2rem;font-weight:900;text-shadow:0 3px 10px rgba(0,0,0,.2),0 0 40px rgba(255,215,0,.5);letter-spacing:-.5px;line-height:1.2}.header-right{display:flex;align-items:center;gap:20px}.twitter-link{display:flex;align-items:center;justify-content:center;text-decoration:none}.twitter-link:hover{transform:scale(1.15)}.twitter-icon{width:50px;height:50px;background:linear-gradient(135deg,#1da1f2,#0094f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;box-shadow:0 10px 30px #1da1f266,0 0 50px #1da1f233;position:relative;overflow:hidden}.twitter-icon:before{content:none}.twitter-icon:hover{box-shadow:0 15px 40px #1da1f299,0 0 70px #1da1f24d;transform:rotate(15deg) scale(1.1)}.wallet-info{display:flex;align-items:center}.connect-btn{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:15px 30px;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:700;box-shadow:0 12px 30px #ffd70066,0 0 50px #ffd70033;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.connect-btn:before{content:none}.connect-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 18px 40px #ffd70099,0 0 70px #ffd7004d}main{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;padding:50px;box-shadow:0 30px 100px #0000004d,inset 0 2px #ffffffb3,0 0 100px #f0000033;border:3px solid transparent;background:linear-gradient(#fffffffa,#fffffffa) padding-box,linear-gradient(135deg,#f00000,#ff5050) border-box;position:relative;overflow:hidden}main:hover{box-shadow:0 40px 120px #0006,inset 0 2px #ffffffe6,0 0 120px #f0000040}main:before{content:none}.error-message{background:linear-gradient(135deg,#fff1f0fa,#ffe6e1fa);border:3px solid transparent;background:linear-gradient(#fff1f0fa,#ffe6e1fa) padding-box,linear-gradient(135deg,red,#ff5050) border-box;color:#cf1322;padding:20px 25px;border-radius:20px;margin-bottom:25px;box-shadow:0 10px 30px #cf13224d,0 0 50px #cf132226;font-size:1.1rem;font-weight:600;position:relative;overflow:hidden}.error-message:before{content:"⚠️ ";margin-right:10px;font-size:1.3rem;vertical-align:middle}.success-message{background:linear-gradient(135deg,#f6ffedfa,#ebffdcfa);border:3px solid transparent;background:linear-gradient(#f6ffedfa,#ebffdcfa) padding-box,linear-gradient(135deg,#52c41a,#73d13d) border-box;color:#52c41a;padding:20px 25px;border-radius:20px;margin-bottom:25px;box-shadow:0 10px 30px #52c41a4d,0 0 50px #52c41a26;font-size:1.1rem;font-weight:600;position:relative;overflow:hidden}.success-message:before{content:"🎉 ";margin-right:10px;font-size:1.3rem;vertical-align:middle}section{margin-bottom:40px}section h2{margin-top:0;margin-bottom:25px;background:linear-gradient(135deg,#1890ff,#40a9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;font-weight:700;text-shadow:0 0 15px rgba(24,144,255,.3)}.round-details,.hold-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:25px}.detail-item{display:flex;flex-direction:column;padding:20px;background:linear-gradient(135deg,#fafafaf2,#f0f0f0f2);border-radius:15px;border:2px solid transparent;background:linear-gradient(#fafafff2,#f0f0f0f2) padding-box,linear-gradient(135deg,#f00000,#ff5050) border-box;box-shadow:0 10px 30px #0000001a}.detail-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003,0 0 30px #f000001a}.detail-label{font-size:1rem;color:#8c8c8c;margin-bottom:10px;font-weight:500}.detail-value{font-size:1.3rem;font-weight:700;color:#262626;background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-eligible{color:#52c41a;font-weight:700;text-shadow:0 0 10px rgba(82,196,26,.5)}.status-not-eligible{color:#cf1322;font-weight:700;text-shadow:0 0 10px rgba(207,19,34,.5)}.status-pending{color:#faad14;font-weight:700;text-shadow:0 0 10px rgba(250,173,20,.5)}section h2{margin-top:0;margin-bottom:25px;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;font-weight:700;text-shadow:0 0 20px rgba(255,215,0,.4)}.action-buttons{display:flex;gap:15px;margin-top:25px}.btn{padding:18px 35px;border:3px solid transparent;border-radius:40px;cursor:pointer;font-size:1.2rem;font-weight:800;box-shadow:0 15px 40px #0000004d,0 0 60px #ffd70033;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;line-height:1.3;background-clip:padding-box;font-family:Segoe UI,Roboto,Microsoft YaHei,微软雅黑,sans-serif}.btn:before,.btn:after{content:none}.btn:disabled{background:linear-gradient(135deg,#e0e0e0,#d0d0d0);color:#8c8c8c;cursor:not-allowed;box-shadow:0 5px 15px #0000001a,inset 0 2px 5px #0000001a;opacity:.7}.btn-primary{background:linear-gradient(135deg,gold,#ffed4e,gold);color:#333;border-color:transparent}.btn-primary:hover:not(:disabled){transform:translateY(-8px) scale(1.08);box-shadow:0 25px 60px #ffd70099,0 0 100px #ffd7004d}.btn-success{background:linear-gradient(135deg,red,#ff5050,red);color:#fff;border-color:transparent}.btn-success:hover:not(:disabled){transform:translateY(-8px) scale(1.08);box-shadow:0 25px 60px #f009,0 0 100px #ff00004d}.btn-secondary{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);color:#333}.btn-secondary:hover:not(:disabled){transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px #0000004d,0 0 70px #00000026}.btn-warning{background:linear-gradient(135deg,#faad14,#ffc53d);color:#fff}.btn-warning:hover:not(:disabled){transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px #faad1480,0 0 70px #faad1440}.btn-success{background:linear-gradient(135deg,#52c41a,#73d13d);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px #52c41a80,0 0 70px #52c41a40}.btn-danger{background:linear-gradient(135deg,#ff4d4f,#ff7875);color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px #ff4d4f80,0 0 70px #ff4d4f40}.redpackets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px}.redpacket-item{background:linear-gradient(135deg,#e74c3c,#c0392b);border:3px solid #f1c40f;border-radius:10px 10px 20px 20px;padding:25px 20px 40px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 15px 30px #c0392b66,inset 0 3px 5px #ffffff4d;position:relative;overflow:hidden;aspect-ratio:3/4}.redpacket-item:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(90deg,#c0392b,#e74c3c,#c0392b);border-bottom:3px solid #f1c40f}.redpacket-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:15px;background:linear-gradient(90deg,#c0392b,#e74c3c,#c0392b);border-top:3px solid #f1c40f}.redpacket-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #c0392b80,inset 0 3px 8px #fff6}.redpacket-item.claimed{background:linear-gradient(135deg,#d5dbdb,#aab7b8);border:3px solid #95a5a6}.redpacket-item.claimed:before{background:linear-gradient(90deg,#95a5a6,#d5dbdb,#95a5a6);border-bottom:3px solid #7f8c8d}.redpacket-item.claimed:after{background:linear-gradient(90deg,#95a5a6,#d5dbdb,#95a5a6);border-top:3px solid #7f8c8d}.redpacket-item.claimed:hover{box-shadow:0 20px 40px #95a5a666,inset 0 3px 8px #fff6}.redpacket-header{display:flex;flex-direction:column;align-items:center;margin-bottom:15px;text-align:center}.redpacket-id{font-weight:700;color:#f1c40f;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.redpacket-amount{font-size:2rem;font-weight:900;color:#f1c40f;text-shadow:0 2px 10px rgba(0,0,0,.3),0 0 20px rgba(241,196,15,.6);line-height:1.2}.redpacket-item.claimed .redpacket-amount{color:#27ae60;text-shadow:0 2px 10px rgba(0,0,0,.3),0 0 20px rgba(39,174,96,.5)}.redpacket-winner{font-size:.9rem;color:#34495e;margin-bottom:20px;word-break:break-all;text-align:center;font-weight:600}.redpacket-action{display:flex;justify-content:center;margin-top:15px}.claimed-badge{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:700;box-shadow:0 8px 20px #27ae6066,0 0 20px #27ae6033;text-transform:uppercase;letter-spacing:.5px}.round-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;margin-bottom:30px}.detail-item{display:flex;flex-direction:column;padding:25px;background:linear-gradient(135deg,#fafafafa,#f0f0f0fa);border:2px solid transparent;background:linear-gradient(#fafafafa,#f0f0f0fa) padding-box,linear-gradient(135deg,#f00000,#ff5050) border-box;border-radius:20px;box-shadow:0 15px 40px #0003,inset 0 2px #ffffffb3}.detail-item:hover{transform:translateY(-5px);box-shadow:0 25px 60px #0000004d,inset 0 3px #ffffffe6}.detail-label{font-size:1.1rem;color:#8c8c8c;margin-bottom:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:1.5rem;font-weight:900;color:#262626;background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hold-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:25px;margin-bottom:25px}.rules-info{margin-top:50px}.rules-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.rules-section{background:linear-gradient(135deg,#fff1f0f2,#ffe1dcf2);border:2px solid transparent;background:linear-gradient(#fff1f0f2,#ffe1dcf2) padding-box,linear-gradient(135deg,#f00000,#ff5050) border-box;border-radius:20px;padding:30px;box-shadow:0 15px 40px #00000026}.rules-section:hover{transform:translateY(-5px);box-shadow:0 25px 60px #00000040,0 0 30px #f000001a}.rules-section h3{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:800;margin-bottom:20px;text-shadow:0 0 15px rgba(255,215,0,.3)}.rules-section ul{list-style-type:none;padding:0;margin:0}.rules-section li{margin-bottom:15px;font-size:1.1rem;color:#333;position:relative;padding-left:30px;line-height:1.6}.rules-section li:before{content:"🎉";position:absolute;left:0;top:0;font-size:1.2rem}.rules-section strong{background:linear-gradient(135deg,red,#ff5050);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.sub-rules{margin-top:10px;margin-bottom:0;margin-left:20px}.sub-rules li{margin-bottom:10px;font-size:1rem}.sub-rules li:before{content:"✨";font-size:1rem}@media (max-width: 768px){.rules-content{grid-template-columns:1fr}.rules-section{padding:20px}}section h2{margin-top:0;margin-bottom:35px;background:linear-gradient(135deg,red,gold,red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3rem;font-weight:900;text-shadow:0 5px 20px rgba(255,0,0,.5),0 0 60px rgba(255,215,0,.7),0 0 100px rgba(255,0,0,.3);line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:2px;position:relative}section h2:before,section h2:after{content:"🧧";display:inline-block;margin:0 20px;font-size:2.5rem;vertical-align:middle}@media (max-width: 768px){.App-header{flex-direction:column;align-items:flex-start}.wallet-info{margin-top:15px}.round-details,.hold-details,.redpackets-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:linear-gradient(135deg,#fffffffa,#f5f5f5fa);border:2px solid transparent;background:linear-gradient(#fffffffa,#f5f5f5fa) padding-box,linear-gradient(135deg,#f00000,#ff5050) border-box;border-radius:20px;box-shadow:0 20px 60px #0000004d,0 0 40px #f0000033;width:90%;max-width:500px;overflow:hidden}.modal:hover{transform:translateY(-5px);box-shadow:0 30px 80px #0006,0 0 60px #f000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:linear-gradient(135deg,#fafafaf2,#f0f0f0f2);border-bottom:2px solid rgba(240,0,0,.3)}.modal-header h3{margin:0;font-size:1.5em;background:linear-gradient(135deg,#333,#666);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.modal-close{background:none;border:none;font-size:1.8em;cursor:pointer;color:#666}.modal-close:hover{color:#333;transform:rotate(90deg)}.modal-body{padding:25px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555}.form-group input{width:100%;padding:12px 15px;border:2px solid rgba(255,215,0,.3);border-radius:12px;font-size:1em;box-shadow:inset 0 3px 10px #0000001a}.form-group input:focus{outline:none;border-color:gold;box-shadow:inset 0 3px 15px #00000026,0 0 20px #ffd7004d}.contract-address-info{background:linear-gradient(135deg,#f0f0f0e6,#e6e6e6e6);padding:15px;border-radius:12px;font-family:monospace;font-size:.9em;word-break:break-all;border:2px solid rgba(255,215,0,.3);box-shadow:0 3px 15px #0000001a}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#fafafaf2,#f0f0f0f2);border-top:2px solid rgba(255,215,0,.3)}.btn-success{background-color:#52c41a;color:#fff}.btn-success:hover:not(:disabled){background-color:#73d13d}