:root{--base-radius:8px;--base-bg:#191109;--border-color:#5d4918;--highlight-color:#F9CA68;--selected-color:#ffd700}
*{margin:0;padding:0}
body{max-width:100vw;overflow-x:hidden}
.zhifufm_group{max-width:100%;overflow-x:hidden}
.local-exclamation-circle{display:inline-block;width:13px;height:13px;border:2px solid #ffffff;border-radius:50%;color:#ffffff;text-align:center;line-height:16px;font-size:12px;font-weight:bold;margin:0 3px}
.local-exclamation-circle::after{content:"!"}
.sidebar li,.zhifufm_mylist ul li,.mygro li,.zfpaymd li{list-style:none !important}
.wp.guclearfix.zhifufm_group{display:flex;align-items:flex-start;gap:0px;padding:20px 0px 0px 0px;box-sizing:border-box;width:100%}
.side{width:200px;flex-shrink:0;position:sticky;top:0px;border-radius:var(--base-radius);padding:15px 0px 20px 0px;box-shadow:0 2px 10px rgba(0,0,0,0.5);margin-right:15px;background:rgba(0,0,0,.1)}
.czmain{flex:1;min-width:0}
.cz_rg{position:relative;padding:30px 116px;background-color:var(--base-bg);border-radius:var(--base-radius);border:1px solid var(--border-color);width:100%;box-shadow:rgb(0,0,0,0.7) 1px 1px 5px inset;margin:20px 0;box-sizing:border-box}
.czttsz{font-size:18px;color:var(--highlight-color);height:40px;line-height:20px;margin-bottom:15px;border-bottom:1px dashed var(--border-color);padding-bottom:10px}
.online-recharge-background{background-color:var(--base-bg);padding:0px;border-radius:0;margin-bottom:0px}
.recharge-and-activity{display:flex;gap:20px;align-items:flex-start}
.recharge-container-wrapper{min-width:700px;margin-left:0px;box-sizing:border-box}
.anniversary-activity{min-width:300px;max-width:400px;padding:20px;background:rgba(0,0,0,0.4);border:1px solid var(--border-color);border-radius:var(--base-radius);box-shadow:0 4px 15px rgba(249,202,104,0.2);margin-top:80px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-sizing:border-box}
.activity-title{font-size:18px;color:#efb55c;font-weight:bold;margin-bottom:12px;text-align:center;border-bottom:1px dashed var(--border-color);padding-bottom:10px}
.activity-content{font-size:16px;color:var(--highlight-color);line-height:2.6;text-align:center}
.activity-highlight{color:#FFD700;font-weight:bold;display:block}
.activity-note{margin-top:20px;padding:1px;background:#b97a2a;border-radius:50px;text-align:center;color:#ffffff;font-weight:bold}
.current-group-info{color:var(--highlight-color);font-weight:bold;font-size:16px;margin-bottom:15px;padding-left:30px;background:url(../images/ico3.png) left center no-repeat;background-size:20px 20px;line-height:20px;min-height:20px}
.chargebox{width:100%;max-width:670px;margin:20px 20px 0px 30px;box-sizing:border-box;background:var(--base-bg);border-radius:var(--base-radius);padding:0px}
.service-list{display:inline-block;margin-bottom:20px;cursor:pointer;position:relative;background:var(--base-bg);border:1px solid var(--border-color);border-radius:var(--base-radius);padding:15px;color:var(--highlight-color);font-size:14px;text-align:center;margin-right:15px;margin-bottom:15px;min-width:200px;transition:all 0.3s ease;box-sizing:border-box}
.service-list.actives{border-color:var(--selected-color);background:rgb(51 41 11)}
.service-list.actives::after{content:'✓';position:absolute;bottom:5px;right:5px;color:#4CAF50;font-weight:bold;font-size:16px}
.service-list:hover{background:rgba(88,76,40,0.3);border-color:var(--highlight-color);transform:translateY(-2px)}
.service-list>em{display:block;border:1px solid #EEE;overflow:hidden;margin:0 10px 0 0px;padding:0;float:left;padding:15px;border-radius:50%;background-color:#FFF;width:45px;height:45px}
.service-list>em img{width:45px;height:45px;transition:transform 0.3s ease}
.service-list:hover>em img{transform:scale(1.1)}
.service-list>.kekecent{float:left;margin-top:5px}
.service-list>.kekecent>b{font-size:24px;height:40px;line-height:40px;display:block;text-align:left}
.service-list>.kekecent p{display:block;line-height:20px;color:#666;font-size:14px;padding-top:2px}
.service-list .ms{color:var(--highlight-color) !important;font-size:14px !important}
.payment-methods{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}
.payment-btn{flex:1;min-width:120px;border:1px solid var(--border-color) !important;border-radius:var(--base-radius) !important;padding:10px 15px;cursor:pointer;transition:all 0.3s ease;position:relative;display:flex;align-items:center;justify-content:center;background:var(--base-bg) !important}
.payment-btn:hover{background:rgba(88,76,40,0.3) !important;border-color:var(--highlight-color) !important;transform:translateY(-2px)}
.payment-btn.selected{border-color:var(--selected-color) !important;background:rgba(255,215,0,0.1) !important}
.payment-btn img{width:108px;height:38px}
.recharge-btn{background-color:#584c28 !important;color:#ffffff !important;text-decoration:none !important;border:#867234 solid 1px !important;border-radius:var(--base-radius) !important;padding:13px 90px !important;font-size:18px !important;cursor:pointer !important;transition:all 0.3s ease !important;display:inline-block !important;margin:50px 0 !important;line-height:normal !important;box-shadow:none !important;outline:none !important;text-align:center !important;position:relative;overflow:hidden}
.recharge-btn:hover{background-color:#6f5e27 !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 4px 8px rgba(0,0,0,0.3) !important}
.recharge-btn:active{transform:translateY(0) !important;background:linear-gradient(45deg,#a0872f,#bb9f42) !important}
.recharge-btn:disabled{background-color:#888 !important;cursor:not-allowed !important;transform:none !important}
.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:10px}
@keyframes spin{to{transform:rotate(360deg)}
}.grcz{padding:10px 0 20px;margin-bottom:20px}
.zftt{height:30px;line-height:30px;font-size:16px;font-weight:bold;padding:0 0 10px 0;color:#FF8600}
.zfend{font-size:14px;color:#d2d2d2;line-height:1.6}
.lgfkts{margin:0 0 10px 0;color:#d2d2d2;font-size:14px}
.lgfkts strong{color:#f9ff00;margin:0 10px}
.payppifo{font-size:14px;border-top:1px dashed var(--border-color);padding:15px 0 0 0;margin:20px 0 0 0;color:#d2d2d2}
.ppifots{color:#95963c}
.zfpaymd{padding:10px 10px;overflow:hidden;display:flex;justify-content:flex-start;gap:40px}
.zfpaymd li{text-align:center;transition:box-shadow 0.3s ease;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;border-radius:var(--base-radius);padding:0px;background:var(--base-bg)}
.zfpaymd li:hover{box-shadow:0px 0px 15px rgba(230,175,87,0.8);background:rgba(88,76,40,0.3);transform:translateY(-2px);border-color:var(--highlight-color)}
.zfpaymd li img{width:300px;border:1px solid var(--border-color);border-radius:var(--base-radius);transition:transform 0.3s ease}
.zfpaymd li:hover img{transform:scale(1.02)}
.zfpaymd li span{display:block;color:var(--highlight-color);font-size:16px;margin-bottom:10px;font-weight:bold}
.header.fix{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:15px 20px;background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.user-info-container{display:flex;align-items:center;gap:15px}
.uhead{position:relative;display:inline-block}
.uhead .head{width:50px;height:50px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,0.2)}
.uhead .hi{position:absolute;bottom:-5px;right:-5px;width:20px;height:20px}
.username{font-size:16px;font-weight:bold;color:#333;text-decoration:none}
.user-group-info{display:flex;flex-direction:column;gap:8px;text-align:right}
.group-item{line-height:1.4}
.current{color:#666;font-size:14px}
.currents{color:#999;font-size:13px}
@media (min-width:769px){.recharge-and-activity{display:flex;gap:200px;align-items:flex-start}
.recharge-container-wrapper{min-width:700px;flex-shrink:0}
.desktop-activity{display:block !important;min-width:300px;max-width:400px;margin-top:80px;padding:20px;background:rgba(0,0,0,0.4);border:1px solid var(--border-color);border-radius:var(--base-radius);box-shadow:0 4px 15px rgba(249,202,104,0.2)}
.btn-container{margin-left:100px}
.zfpaymd{display:flex;gap:50px}
.header.fix{flex-wrap:nowrap}
.user-group-info{min-width:250px}
}@media (max-width:768px){.wp.guclearfix.zhifufm_group{flex-direction:column;padding:0 10px}
.side{width:100%;position:static;margin-bottom:20px;margin-right:0}
.recharge-and-activity{display:block !important;gap:0 !important;max-width:100% !important;overflow-x:hidden !important}
.desktop-activity{display:none !important;width:0 !important;height:0 !important;padding:0 !important;margin:0 !important;border:none !important}
.recharge-container-wrapper{min-width:100% !important;max-width:100% !important;padding:0 5px !important}
.chargebox{max-width:100% !important;padding:0 5px !important}
.service-list{display:inline-block !important;width:calc(50% - 10px) !important;min-width:auto !important;margin-right:8px !important;margin-bottom:15px !important;vertical-align:top !important;padding:10px !important}
.service-list:nth-child(even){margin-right:0 !important}
.btn-container{margin-left:0 !important;text-align:center !important;padding:0 10px !important}
.recharge-btn{margin:20px auto !important;width:100% !important;max-width:300px !important}
.zfpaymd{display:block !important;max-width:100% !important}
.zfpaymd li{margin-bottom:20px !important;text-align:center !important;padding:0 5px !important}
.side{overflow-x:auto !important;max-width:100% !important}
.sidebar{display:flex !important;white-space:nowrap !important;padding:10px 5px !important}
.header.fix{padding:12px 15px !important;flex-direction:column;align-items:flex-start;gap:15px}
.user-info-container{width:100%;justify-content:flex-start}
.user-group-info{width:100%;text-align:left;gap:5px}
.group-item{line-height:1.3}
.current{font-size:13px !important}
.currents{font-size:12px !important}
.payment-methods{flex-direction:column}
.payment-btn{min-width:100%}
.zfpaymd{flex-direction:column;gap:20px;padding:0 10px}
.zfpaymd li{width:100%}
.zfpaymd li img{width:100%;max-width:280px}
.cz_rg{padding:20px 15px}
.chargebox{max-width:100%}
.service-list>em{width:35px;height:35px;padding:10px}
.service-list>em img{width:35px;height:35px}
.service-list>.kekecent>b{font-size:18px;height:30px;line-height:30px}
.service-list>.kekecent p{font-size:12px;line-height:16px}
}@media (min-width:769px) and (max-width:1024px){.wp.guclearfix.zhifufm_group{padding:0 10px}
.recharge-container-wrapper{min-width:500px}
.anniversary-activity{margin-top:40px;max-width:300px}
}