*{margin:0;padding:0;box-sizing:border-box;font-family:'PingFang SC','Microsoft YaHei',sans-serif}
:root{--taqu-yellow:#FFD700;--taqu-dark:#333333;--taqu-light:#FFF9C4;--taqu-orange:#FFA500;--taqu-gray:#F5F5F5;--breadcrumb-bg:linear-gradient(135deg,#FFECB3 0%,#FFD54F 100%);--breadcrumb-active:#FF5722}
body{background:linear-gradient(135deg,#FFFFFF 0%,#FFF9C4 100%);color:#333;line-height:1.6;min-height:100vh;padding:20px}
.container{max-width:1200px;margin:0 auto}
.header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:16px 20px;row-gap:10px;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-bottom:30px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{width:52px;height:52px;border-radius:12px;object-fit:cover}
.logo h1{margin:0;font-size:1.55rem;line-height:1.2;color:var(--taqu-dark)}
.nav{display:flex;align-items:center;flex-wrap:wrap;margin-left:auto;column-gap:18px;row-gap:8px}
.nav a{color:var(--taqu-dark);text-decoration:none;font-weight:600;padding:8px 12px;border-radius:8px;transition:background .2s}
.nav a:hover{background:var(--taqu-yellow)}
.nav a:nth-child(1),.nav a:nth-child(2){display:none}
.breadcrumb{padding:12px 20px;background:var(--breadcrumb-bg);border-radius:8px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;align-items:center}
.breadcrumb a{text-decoration:none;color:#5D4037;font-weight:500;transition:all .3s;display:flex;align-items:center}
.breadcrumb a:hover{color:var(--breadcrumb-active);transform:translateY(-1px)}
.breadcrumb i{margin:0 10px;color:#E65100;font-size:.9rem}
.breadcrumb .current{color:var(--breadcrumb-active);font-weight:600}
.main-content{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:30px}
.recharge-section{flex:2;min-width:300px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,.05)}
.help-section{flex:1;min-width:300px;background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px rgba(0,0,0,.05)}
.section-title{font-size:1.5rem;color:var(--taqu-dark);margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--taqu-yellow);display:flex;align-items:center}
.section-title i{margin-right:10px;color:var(--taqu-orange)}
.input-group{margin-bottom:20px}
.input-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--taqu-dark)}
.input-group input{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s}
.input-group input:focus{border-color:var(--taqu-orange);outline:0}
.ratio-info{background:var(--taqu-light);padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;border-left:4px solid var(--taqu-orange)}
.ratio-info h3{color:var(--taqu-orange);margin-bottom:5px}
.packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px}
.package{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .3s;position:relative;overflow:visible}
.package:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.1)}
.package.selected{border-color:var(--taqu-orange);background:var(--taqu-light)}
.package.selected::after{content:'✓';position:absolute;top:-10px;right:-10px;background:var(--taqu-orange);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:2}
.gift-badge{position:absolute;top:0;right:0;background:#FF5722;color:#fff;padding:3px 8px;border-top-right-radius:8px;border-bottom-left-radius:10px;font-size:.7rem;font-weight:700;z-index:5;display:inline-block}
.package-amount{font-size:1.2rem;font-weight:700;color:var(--taqu-dark)}
.package-coins{font-size:.9rem;color:#64748b;margin-top:5px}
.package-gift{font-size:.8rem;color:#FF5722;margin-top:3px;font-weight:600}
.gift-info{background:linear-gradient(135deg,#FFFDE7 0%,#FFECB3 100%);padding:15px;border-radius:8px;margin-bottom:20px;border-left:4px solid var(--taqu-orange)}
.gift-info h3{color:var(--taqu-orange);margin-bottom:10px}
.gift-info ul{list-style:none;padding-left:5px}
.gift-info li{margin-bottom:5px;display:flex;align-items:center}
.gift-info li::before{content:'🎁';margin-right:8px}
.payment-methods{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}
.payment-method{flex:1;border:2px solid #e2e8f0;border-radius:8px;padding:12px;text-align:center;cursor:pointer;transition:all .3s;max-width:150px;background:#fff}
.payment-method.selected{border-color:var(--taqu-orange);background:var(--taqu-light)}
.pay-icon{display:block;width:40px;height:40px;margin:0 auto 8px;object-fit:contain;background-size:contain;background-repeat:no-repeat;background-position:center;font-size:0;color:transparent;line-height:0;overflow:hidden}

/* 修正路径：imafes -> images */
.payment-method[data-method="alipay"] .pay-icon{background-image:url("/images/alipay.svg")}
.payment-method[data-method="wechat"] .pay-icon,
.payment-method[data-method="wx"] .pay-icon,
.payment-method[data-method="weixin"] .pay-icon{background-image:url("/images/wechat.svg")}

.payment-method span{display:block;font-weight:600}
.payment-logo{font-size:2rem;margin-bottom:8px}
.alipay{color:#1677FF}
.wechat{color:#07C160}
.btn-recharge{width:100%;padding:16px;background:linear-gradient(90deg,var(--taqu-orange) 0%,#FF8C00 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}
.btn-recharge:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,165,0,.3)}
.orders-slider{background:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,.05);overflow:hidden}
.orders-title{font-size:1.3rem;color:var(--taqu-dark);margin-bottom:15px;display:flex;align-items:center}
.orders-title i{margin-right:10px;color:var(--taqu-orange)}
.orders-container{height:40px;overflow:hidden;position:relative}
.order-item{padding:8px 0;display:flex;justify-content:space-between;animation:slide 20s infinite}
@keyframes slide{0%{transform:translateY(0)}10%{transform:translateY(0)}20%{transform:translateY(-40px)}30%{transform:translateY(-40px)}40%{transform:translateY(-80px)}50%{transform:translateY(-80px)}60%{transform:translateY(-120px)}70%{transform:translateY(-120px)}80%{transform:translateY(-160px)}90%{transform:translateY(-160px)}100%{transform:translateY(0)}}
.help-item{margin-bottom:20px}
.help-item h3{color:var(--taqu-dark);margin-bottom:10px;display:flex;align-items:center}
.help-item h3 i{margin-right:10px;color:var(--taqu-orange)}
.help-item p{color:#64748b;padding-left:30px}
footer{text-align:center;padding:20px;color:#64748b;font-size:.9rem;background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05)}
@media (max-width:900px){.nav{column-gap:14px}}
@media (max-width:768px){
  .header{position:relative;margin-bottom:72px}
  .logo{order:1}
  .nav{order:2;position:absolute;right:20px;bottom:10px;display:flex;flex-direction:column;align-items:flex-end;row-gap:10px;margin-left:0}
}
@media (max-width:480px){
  .nav a{padding:6px 10px}
  .packages{grid-template-columns:repeat(2,minmax(0,1fr))}
}
a,a:visited,a:hover,a:active,a:focus{color:currentColor;text-decoration:none}
@media (max-width:768px){
  .nav{row-gap:5px}
}