body{background:url('../img/beijing.jpg') no-repeat center center fixed;background-size:cover;position:absolute;width:100%;height:100%;z-index:-1}
body{background-image:url('../img/beijing.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}
html,body{height:100%;margin:0;padding:0}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(to right,rgb(13,13,13),rgb(60,60,60));background-size:400% 400%;animation:gradientBG 5s ease infinite;-webkit-animation:gradientBG 5s ease infinite;will-change:background-position;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
body::after{content:"";position:fixed;left:0;right:0;bottom:0;height:80px;background:linear-gradient(
        to top,rgba(34,34,34,0.6) 0%,rgba(34,34,34,0.25) 60%,rgba(0,0,0,0) 100%
    );pointer-events:none;z-index:0}
@keyframes gradientBG{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}@-webkit-keyframes gradientBG{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}.container{margin:0;padding:0;background-color:transparent;height:80px;z-index:2;position:fixed;bottom:0;left:0;background:transparent !important;background:transparent !important;z-index:0}
#jsi-flying-fish-container canvas{background-color:transparent !important;z-index:1;position:relative}
#jsi-flying-fish-container{position:fixed;bottom:0;left:0;height:120px;z-index:1;background-color:transparent;pointer-events:none}
.domain-text{color:#FFD200;font-size:18px;font-weight:bold;text-align:center;flex:1}
.line-item{background-color:#2b2b2b}
.copy-btn{background:linear-gradient(90deg,#FFD200,#FFB300);border:none;color:#000;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:bold;font-size:15px;transition:all 0.25s ease;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.copy-btn:hover{background:linear-gradient(90deg,#FFE45C,#FFC640);transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,0.4)}
.line-item{background-color:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.domain-text{color:#FFD200;text-align:center;font-weight:600}
.domain-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.copy-btn{background:linear-gradient(90deg,#FFD200,#FFB300);border:none;color:red;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.25s ease;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.copy-btn:hover{background:linear-gradient(90deg,#FFE45C,#FFC640);transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,0.4)}
.copy-btn.copied{box-shadow:0 0 15px rgba(255,255,255,0.8),0 0 30px rgba(255,255,255,0.6)}
.domain-text{color:white;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.copy-btn{background:linear-gradient(90deg,#FFD966,#FFCC33);border:none;color:#5B3A29;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.25s ease;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.copy-btn:hover{background:linear-gradient(90deg,#FFE87C,#FFD54F);transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,0.4)}
.copy-btn.copied{box-shadow:0 0 15px rgba(255,255,255,0.8),0 0 30px rgba(255,255,255,0.6)}
.domain-text{color:white;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.line-item-container{display:flex;align-items:center;gap:10px}
.domain-box{flex:1;border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:8px 12px;background-color:rgba(255,255,255,0.06);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.domain-text{color:white;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}
.btn-wrapper{flex-shrink:0}
.copy-btn{background:linear-gradient(90deg,#FFD966,#FFCC33);border:none;color:#5B3A29 !important;padding:10px 22px;border-radius:8px;cursor:pointer;font-weight:bold;font-size:16px;transition:all 0.25s ease;box-shadow:0 2px 5px rgba(0,0,0,0.3)}
.copy-btn:hover{background:linear-gradient(90deg,#FFE87C,#FFD54F);transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,0.4)}
.copy-btn.copied{box-shadow:0 0 15px rgba(255,255,255,0.8),0 0 30px rgba(255,255,255,0.6)}
.domain-box{display:flex;align-items:center;justify-content:center}
.domain-box{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.domain-text{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.domain-text{font-family:'Arial Rounded MT Bold','Helvetica Rounded','Segoe UI Rounded',sans-serif}
#myAlert{color:#FFD200 !important;background:rgba(255,255,255,0.8) !important;backdrop-filter:blur(6px) !important;-webkit-backdrop-filter:blur(6px) !important;box-shadow:0 0 8px rgba(255,255,255,0.6) !important;padding:8px 16px !important;border-radius:12px !important;font-size:14px !important;font-weight:bold !important;z-index:99999999 !important;opacity:0 !important;transition:opacity 0.4s ease,transform 0.4s ease !important;text-align:center !important}
#myAlert.show{opacity:1 !important;transform:translate(-50%,-50%) scale(1.05) !important}
@keyframes breathingGlow{0%{filter:brightness(1)}
50%{filter:brightness(1.4)}
100%{filter:brightness(1)}
}50%{color:#3CB371}
100%{color:#1E5631}
}.domain-text{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:768px){.domain-text{max-width:70vw}
}50%{color:#3CB371}
100%{color:#1E5631}
}50%{background:linear-gradient(90deg,#1E5631,#3CB371)}
100%{background:linear-gradient(90deg,#3CB371,#1E5631)}
}50%{background-position:100% 50%}
100%{background-position:0% 50%}
}#copyAlert 


    50%{background-position:100% 50%}
100%{background-position:0% 50%}
}#copyAlert 


    50%{color:#00FF7F}
100%{color:#006400}
}.copy-btn{transition:box-shadow 0.3s ease}
.copy-btn.glow{box-shadow:0 0 12px rgba(255,215,0,0.9)}
#copyAlert{background:rgba(255,255,255,0.5) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;box-shadow:0 0 10px rgba(255,255,255,0.3) !important;position:fixed !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;padding:14px 24px !important;background:rgba(255,255,255,0.45) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border-radius:12px !important;box-shadow:0 0 6px rgba(255,255,255,0.6) !important;opacity:0 !important;pointer-events:none !important;transition:opacity 0.25s ease !important;z-index:2147483647 !important;text-align:center !important;min-width:220px !important;max-width:90% !important;box-sizing:border-box !important}
#copyAlert.show{opacity:1 !important;pointer-events:auto !important;transform:translate(-50%,-50%) scale(1.02) !important}
#copyAlert .alert-first{color:#000 !important;font-size:18px !important;font-weight:600 !important;text-shadow:0 0 4px rgba(0,0,0,0.6) !important;line-height:1.2 !important}
@keyframes flowingGreen{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}@keyframes breathingGreen{0%{color:#006400}
50%{color:#00FF7F}
100%{color:#006400}
}.copy-btn.glow{box-shadow:0 0 12px rgba(255,215,0,0.9) !important;transition:box-shadow 0.25s ease !important}
.copy-btn{box-shadow:none !important}
html,body{margin:0px;width:100%;height:100%;overflow:hidden}
#canvas{position:absolute;width:100%;height:100%}
.main{position:absolute;left:0;right:0;top:0;bottom:0;z-index:9999999;display:flex;align-items:center;justify-content:center;flex-direction:column}
.main_c{padding:20px;box-sizing:border-box;max-width:520px;transform:scale(0.90);border-radius:20px;color:#fff;animation:gradientBG1 5s ease infinite}
@keyframes gradientBG1{0%{background-color:rgba(45,45,45,0.75)}
50%{background-color:rgba(65,65,65,0.85)}
100%{background-color:rgba(45,45,45,0.75)}
}50%{background-color:rgba(82,82,82,0.72)}
100%{background-color:rgba(105,105,105,0.57)}
}.main_d{padding:0 17px}
.main_url{border-radius:10px;background:#fff;flex:1;height:41px;line-height:41px;text-align:center;color:#3d7bf6;font-weight:bold}
.main_but{margin-left:20px;flex-shrink:0;width:88px;height:41px;background:url("./img/go.png") no-repeat;background-size:100% 100%;text-align:center;line-height:41px;cursor:pointer}
@keyframes rotate{0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}.main_b{margin:0 auto 10px;width:420px;font-weight:bold;display:flex;align-items:center;justify-content:center;font-size:80px;animation:rotate 3s infinite}
#myAlert{color:#FFD966;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.9);background:rgba(0,0,0,0.75);padding:10px 20px;border-radius:12px;font-size:18px;font-weight:bold;z-index:99999999;opacity:0;transition:opacity 0.4s ease,transform 0.4s ease}
#myAlert.show{opacity:1;transform:translate(-50%,-50%) scale(1.05)}
@media (max-width:768px){.main_b{width:280px}
}.line-list{display:flex;flex-direction:column;gap:16px;margin-top:30px}
.line-item{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #D1C0A5;border-radius:12px;padding:8px}
.line-item-left{display:flex;align-items:center;flex-shrink:0}
.line-item-left img{width:35px;height:35px}
.line-item-left span{color:white;font-size:14px;white-space:nowrap;margin-left:4px;display:inline-block;min-width:56px;text-align:center}
.line-item-right{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;width:90px;height:32px}
.line-item-right img{width:85px;height:32px;object-fit:contain}
.flex{display:flex}
.flex-col{flex-direction:column}
.gap-y-4{gap:16px 0}
.gap-x-2{gap:0 8px}
.items-center{align-items:center}
.justify-between{justify-content:space-between}
.flex-shrink-0{flex-shrink:0}
.flex-1{flex:1}
.text-white{color:white}
.text-sm{font-size:14px}
.whitespace-nowrap{white-space:nowrap}
.ml-1{margin-left:4px}
.inline-block{display:inline-block}
.min-w-\[56px\]{min-width:56px}
.min-w-\[60px\]{min-width:60px}
.text-center{text-align:center}
.text-\[\#FFD200\]{color:#FFD200}
.text-\[\#2AFF00\]{color:#2AFF00}
.w-\[35px\]{width:35px}
.h-\[35px\]{height:35px}
.w-full{width:100%}
.h-full{height:100%}
.h-8{height:32px}
.border{border-width:1px}
.border-\[\#D1C0A5\]{border-color:#D1C0A5}
.rounded-xl{border-radius:12px}
.p-2{padding:8px}
html,body{width:100%;height:100%;margin:0;padding:0}
body{background:-webkit-linear-gradient(right,rgb(105,105,105),rgb(250,250,210));background:-moz-linear-gradient(right,rgb(105,105,105),rgb(250,250,210));background:-o-linear-gradient(right,rgb(105,105,105),rgb(250,250,210));background:linear-gradient(to right,rgb(105,105,105),rgb(250,250,210));background-size:400% 400%;animation:gradientBG 5s ease infinite;background-attachment:fixed}
@keyframes gradientBG{0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}.container{margin:0;padding:0;background-color:transparent;width:100%;height:80px;z-index:-1;position:fixed;bottom:0;left:0;background:transparent !important;background:transparent !important;z-index:0}
#letter-container{overflow:hidden;height:35px;display:inline-block;margin:0 2px;vertical-align:middle;width:auto}
#letter{color:yellow;text-align:center;display:inline-block;height:fit-content;transition:transform 0.5s ease,width 0.3s ease}
#letter div{height:35px;line-height:35px;text-align:center;white-space:nowrap;color:yellow}
.domain-text{color:inherit}
.line-list .copy-btn{background-color:#FFD700;color:brown;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;box-shadow:0 0 8px rgba(255,215,0,0.7);font-size:16px;font-weight:600}