@charset "utf-8";
/* CSS Document */
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding:0;}
body{ font:12px/1.5 tahoma,'微软雅黑';background:#041f26; min-width:1000px;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,b{font-style:normal;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{border:0;}
button,input,select,textarea{font-size:100%;outline:none;}
table{border-collapse:collapse;border-spacing:0;}
td,th,ul,ol{padding:0;list-style-type:none;}
.pr{ position:relative;}
.pa{ position:absolute;}
.both{ clear:both;}
.dis{ display:block;}
.mt20{ margin-top:20px !important;}
.mb50{ margin-bottom:50px !important;}
.hidden{display:block;width:0;height:0;overflow:hidden;}

.we{ width:100%;min-height:1000px;margin:0px auto;background:url(../../images/event/20260404/bg.jpg) no-repeat center top}
/* head */
.head{width:1200px;height:450px;margin:0 auto;background:url(../../images/event/20260404/head.jpg) no-repeat center top}
.logo{width:147px; height:79px;top:20px;left:0px;background:url(http://images.ttgames.net/Ghost/images/event/public/logo.png) no-repeat;}
.top{width:103px;height:105px;top:0px;}
.web{background:url(http://images.ttgames.net/Ghost/images/event/public/web.png) no-repeat;right:110px;}
.yxxz{background:url(http://images.ttgames.net/Ghost/images/event/public/yxxz.png) no-repeat;right:0px;}
.time{right:160px;top:350px;width:562px; height: 28px;font-size: 18px;text-align: center;color: #fff;line-height: 28px;}

.logindiv{bottom:80px;left:380px;width:360px;height:40px;display:block;}
.unlogin{font-size:16px; width:auto; height:40px; line-height:40px; float:left;color:#82c884; font-weight:bold}
.unlogin a{text-decoration:none;}
.unlogin a:hover{text-decoration:none;}
.unlogin strong{font-size:15px;color:#82c884;}
.titn,.an{width:66px;height:28px;display:block;line-height:26px;background:#b04442;text-align:center;color:#ffffff;border-radius:3px;cursor:pointer; font-size:15px; margin-left:10px; margin-top:7px;float:right; border:none}
.ann{width:70px;height:28px; font-weight:bold;line-height:25px;}
.del{width:auto; height:40px; line-height:40px;float:left;display:block;font-weight:bold}
#logined{font-size:16px; width:800px; height:40px; line-height:40px; float:left;color:#82c884;}
#logined a{text-decoration:none;}
#logined a:hover{text-decoration:none;}
.exchange{float:left;width:70px; height:40px;display:block; margin-left:10px;}
.weekgift{ margin-top:0px;}
/*绑定弹窗*/
.level{position:relative;border:4px #20c5cf solid;background:#046f91;padding:26px;display:none; max-width:1000px;}
.level .bd{ min-width:360px; height:36px; display:block; overflow:hidden; line-height:36px;}
.level .bd select{ width:160px;}
.level h3{color:f4e7d2;text-align:center;line-height:45px;font-size:24px;margin-bottom:15px;}
.level li{display:block;margin-bottom:15px;float:left;margin-left:7px;}
.close{background:url(http://images.ttgames.net/Ghost/images/event/public/close.png) no-repeat;width:40px;height:40px;display:block;position:absolute;right:-20px;top:-20px;overflow:hidden;text-indent:-999em;}
.showselect{height:28px;line-height:28px; border:1px solid #b9ab9e;font-size:14px;padding-left:5px;vertical-align:middle;padding:4px 1px;}
.selname{font-size:18px;vertical-align:middle;color:#82c884;font-weight:bold}
.level .btn{background:#b04442;margin:0px auto;border-radius:3px;width:70px;color:#fff;height:30px;line-height:30px;display:block;font-size:15px;border:none;display:inline-block; vertical-align:middle;border-radius:5px;}
/*main*/
.main{width:1200px;min-height:1600px;margin:0px auto;z-index:1;background:url(../../images/event/20260404/cc.jpg) no-repeat center top;}
.cc{ min-height:180px;width:1200px;margin:0px auto; padding:5px 0px 100px 0px;}
.c_box{ height:auto;min-height:220px;background:url(../../images/event/20260404/c_main.png) repeat-y center top; padding:10px 100px;margin:100px auto; }
.c_top{ left:0px; top:-100px}
.c_bottom{left:0px; bottom:-100px;}

.tit{width:800px;height:100px; margin:0px auto;text-indent: -9999px;}
.tit1{background:url(../../images/event/20260404/tit1.png) no-repeat center;}
.tit2{background:url(../../images/event/20260404/tit2.png) no-repeat center;}
.tit3{background:url(../../images/event/20260404/tit3.png) no-repeat center;}
.tit4{background:url(../../images/event/20260404/tit4.png) no-repeat center;}
.tit5{background:url(../../images/event/20260404/tit5.png) no-repeat center;}

.f_tit{width:500px;height:36px;color:#d3fffc;font-size:26px;font-weight:bold;text-align:center;line-height:50px;margin:0px auto;}
.cc p{font-size:16px;color:#d3fffc;line-height:26px;margin:0px auto 20px auto;width:920px; padding:0px;}
.cc span{ color:#ff621d;}
.tu{ width:520px; height:180px;display:block; border:3px #6a3b09 solid; overflow:hidden; margin:30px auto; background:#fdf0c6; text-align:center; border-radius:6px}
.tu img{width:333px;height:180px;}
.tab{width:100%; margin:30px auto;text-align:center; border:1px solid #00e3fe; z-index:9; position:relative;}
.tab th{padding:12px 0px;height:auto;letter-spacing:1px;color:#30fff3;font-weight:bold;font-size:18px;border:1px solid #00e3fe; background:#0a5889}
.tab td{padding:8px;font-size:14px;height:auto;line-height:24px;border:1px solid #00e3fe;color:#d3fffc;}
.tab td img{ width:30px; height:auto;padding-top:5px;}
.tab strong{ font-size:17px}
.tab1 tr:nth-child(2n){background:#07456c;}
.xqjs{width:980px;height:72px;display:block; margin:50px auto;}
.lq{background:url(../../images/event/20260404/an.png) repeat-y center top;top:0px;width:300px;color:#04c5ed;height:72px;line-height:72px;display:block;font-size:30px; font-weight:bold; text-align:center;cursor:pointer;z-index:999;}
.xq1{ left:0px;}
.xq2{ right:0px;}

.tab .tr1{background:#fdf6ea;}

.jieshao{padding:20px 60px; width:800px;}
.jieshao p{font-size:16px;color:#d3fffc;line-height:30px;margin:20px auto;padding:0px;}

.ts{ width:700px;height:220px;padding-top:39px; margin:0 auto;}
.ts h2{ font-size:30px; color:#82c884; font-weight:bold;}
.ts ul{ width:795px; float:left; margin-top:10px; _display:inline;}
.ts li{ width:795px; float:left; line-height:26px; color:#82c884;font-size:14px;}
.ts li span{ color:#00c0ff;}
/* foot */
.foot{ width:100%;height:100px;margin:0px auto;font-size:18px;line-height:100px;text-align:center;color:#727272; background:#000000;}


.lottery-container {max-width:900px;width: 100%;background: rgba(8, 14, 26, 0.7);backdrop-filter: blur(3px);border-radius: 48px;border: 1px solid rgba(0, 255, 255, 0.4);box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08);padding:50px; position:relative; z-index:999}
/* 头部简化 - 只保留右侧万能碎片（但已移除，留空以便布局） */
.header {margin-bottom: 24px;border-bottom: 2px solid rgba(0, 255, 255, 0.4);padding-bottom: 16px;/* 无内容，保留仅为了分隔线，但也可删除，为了布局稳定保留空div */}
/* 奖品网格 */
.prize-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin:0px auto 50px auto;}
.prize-card {border-radius: 24px;padding: 16px 8px;text-align: center;backdrop-filter: blur(4px);box-shadow: 0 8px 14px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.05);transition: all 0.2s ease;cursor: pointer;position: relative;overflow: hidden;border: 1px solid rgba(255,255,255,0.2);}
.prize-card.rarity-green { background: linear-gradient(145deg, #0e2a1a, #051a0a); border-top: 2px solid #4caf50; }
.prize-card.rarity-blue { background: linear-gradient(145deg, #0e1e2f, #04121f); border-top: 2px solid #2196f3; }
.prize-card.rarity-purple { background: linear-gradient(145deg, #241a3a, #100b1f); border-top: 2px solid #9c27b0; }
.prize-card.rarity-orange { background: linear-gradient(145deg, #3e2612, #1f1206); border-top: 2px solid #ff9800; }
.prize-card.highlight-permanent {box-shadow: 0 0 0 3px #ffdd44, 0 0 0 6px rgba(255, 200, 0, 0.5), 0 0 20px gold;transform: scale(1.02);border-color: #ffcc33 !important;}
.prize-card.highlight-marquee {box-shadow: 0 0 0 3px cyan, 0 0 0 6px rgba(0, 255, 255, 0.4);transform: scale(1.02);border-color: cyan !important;}
.prize-card:hover {transform: translateY(-5px);box-shadow: 0 12px 24px rgba(0,200,255,0.2);}
.lv-badge {font-size: 1.5rem;font-weight: 800;background: linear-gradient(135deg, #E0E5FF, #AAB4FF);-webkit-background-clip: text;background-clip: text;color: transparent;}
.fraction-text {font-size: 1.1rem;font-weight: 600;color: #ccd6f0;background: #00000066;display: inline-block;padding: 4px 12px;border-radius: 40px;margin-top: 8px;font-family: monospace;}
.prize-name {font-size: 0.75rem;margin-top: 8px;color: #b9c7e0;}
.weapon-icon {font-size: 2rem;margin-bottom: 6px;display: block;}
.weapon-icon img{ width:auto; height:80px;}
/* 按钮区域 */
.button-bar {display: flex;flex-wrap: wrap;justify-content: center;gap: 18px;margin: 20px 0 28px;}
.action-btn {background: #111a2b;border: none;padding: 12px 28px;font-size: 1.2rem;font-weight: bold;border-radius: 60px;color: #eef5ff;cursor: pointer;transition: 0.2s;box-shadow: 0 5px 0 #03060c;border: 1px solid #2f6f8f;min-width: 180px;}
.action-btn:active { transform: translateY(2px); box-shadow: 0 2px 0 #03060c; }
.action-btn.primary { background: linear-gradient(95deg, #1f3b4c, #0f2a38); border-color: #2affdd; }
.action-btn.warning { background: linear-gradient(95deg, #4a2e2e, #3a1c1c); border-color: #ff7e5e; }
.action-btn:disabled {opacity: 0.5;cursor: not-allowed;transform: none;filter: grayscale(0.2);}
.exchange-wrapper {display: flex;justify-content: center;margin: 16px 0 20px;}
.exchange-btn-large {background: linear-gradient(95deg, #5e3a1f, #3a281c);border: 1px solid #ffb347;padding: 12px 36px;font-size: 1.2rem;font-weight: bold;border-radius: 60px;color: #ffefb9;cursor: pointer;transition: 0.2s;box-shadow: 0 5px 0 #2a1a0a;}
.exchange-btn-large:active {transform: translateY(2px);box-shadow: 0 2px 0 #2a1a0a;}
.info-panel {display: flex;justify-content: flex-end;align-items: center;margin-top: 12px;background: #01051155;border-radius: 60px;padding: 8px 24px;}
.toast-message {display: none;  /* 隐藏默认提示文字，但保留用于动态显示 */}
.view-record {background: #2d3348;padding: 8px 20px;border-radius: 40px;font-weight: bold;color: #f3e5ab;cursor: pointer;border: none;}
/* 弹窗 */
.reward-popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0,0,0,0.9);backdrop-filter: blur(12px);border: 2px solid gold;border-radius:8px;padding:50px;text-align: center;z-index: 2000;color: #ffefb9;font-weight: bold;font-size: 1.5rem;box-shadow: 0 0 30px rgba(255,215,0,0.5);animation: fadeInOut 2s ease forwards;pointer-events: none;white-space: nowrap;}@keyframes fadeInOut {0% { opacity: 0; transform: translate(-50%, -50%) scale(0.8); }15% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }85% { opacity: 1; transform: translate(-50%, -50%) scale(1); }100% { opacity: 0; transform: translate(-50%, -50%) scale(0.9); visibility: hidden; }}
/* 模态窗 */
.modal {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.9);backdrop-filter: blur(8px);z-index: 1000;justify-content: center;align-items: center;}
.modal-content {background: #0d1427e6;width: 90%;max-width: 750px;border-radius: 48px;border: 1px solid cyan;padding: 24px;color: white;max-height: 80vh;display: flex;flex-direction: column;}
.modal-header {display: flex;justify-content: space-between;border-bottom: 1px solid cyan;padding-bottom: 12px;margin-bottom: 16px;font-size: 1.4rem;}
.exchange-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px,1fr));gap: 12px;overflow-y: auto;padding: 8px;}
.exchange-item {background: #07101f;border-radius: 32px;padding: 12px;display: flex;justify-content: space-between;align-items: center;border-left: 5px solid gold;}
.exchange-btn {background: #ffb347;border: none;padding: 6px 14px;border-radius: 40px;font-weight: bold;cursor: pointer;}
.close-modal {background: crimson;border: none;padding: 8px 24px;border-radius: 40px;margin-top: 18px;cursor: pointer;}
.record-list {overflow-y: auto;flex: 1;}
.record-item {background: #07101f;margin: 8px 0;padding: 10px 16px;border-radius: 40px;border-left: 5px solid gold;}

@media (max-width: 750px) {
.prize-grid { gap: 10px; }
.action-btn { padding: 8px 16px; font-size: 1rem; min-width: 140px; }
.reward-popup { font-size: 1rem; padding: 12px 24px; white-space: normal; width: 80%; }
}