.profile-page{width:100%;padding-bottom:3rem}.account-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:0 0 15px 15px;margin-bottom:2rem;padding:2rem 0;animation:.5s profile-slide-in}.account-header h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.account-header .user-name{opacity:.9;font-size:1.2rem}.profile-admin-entry .btn-warning{box-shadow:0 4px 14px #0003}.profile-tabs{border:1px solid var(--border-color,#e5e7eb);background:var(--bg-primary,#fff);border-radius:var(--radius-xl,.75rem);box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:1rem;list-style:none;display:flex;position:relative}.profile-tabs:before{content:"";background:linear-gradient(135deg, var(--bg-secondary,#f8fafc) 0%, var(--bg-primary,#fff) 100%);border-radius:var(--radius-xl,.75rem);z-index:0;position:absolute;inset:0}.profile-tabs button{z-index:1;border-radius:var(--radius-lg,.5rem);cursor:pointer;letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);background:#e5e7eb;border:2px solid #d1d5db;padding:1.2rem 2rem;font-size:.95rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden;color:#000!important}.profile-tabs button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.profile-tabs button:hover:before{left:100%}.profile-tabs button:hover:not(.active){box-shadow:var(--shadow-md,0 4px 6px #0000001a);background:#d1d5db;border-color:#9ca3af;transform:translateY(-1px)}.profile-tabs button.active{box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a), inset 0 1px 0 #ffffff4d;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;transform:translateY(-2px);color:#fff!important}.profile-tabs button.active:after{content:"";border-radius:0 0 var(--radius-lg,.5rem) var(--radius-lg,.5rem);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:3px;position:absolute;bottom:-3px;left:0;right:0}.balance-section{margin-bottom:2rem}.balance-card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:1.5rem;animation:.6s ease-out profile-slide-in-up;position:relative;overflow:hidden;box-shadow:0 10px 30px #667eea4d}.balance-card:before{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);width:200%;height:200%;animation:20s linear infinite profile-rotate;position:absolute;top:-50%;left:-50%}.balance-header{z-index:2;opacity:.9;margin-bottom:1rem;font-size:1.1rem;font-weight:600;position:relative}.balance-header i{margin-right:.5rem;font-size:1.2rem}.balance-amount{z-index:2;text-shadow:0 2px 4px #0000004d;letter-spacing:2px;margin-bottom:.5rem;font-size:2.5rem;font-weight:700;transition:all .3s;position:relative}.balance-amount.balance-updated{animation:1s ease-in-out profile-balance-pulse}.balance-desc{z-index:2;opacity:.8;font-size:.95rem;font-weight:500;position:relative}.balance-increase{color:#fff;z-index:10;background:#28a745e6;border-radius:25px;padding:.5rem 1rem;font-size:1.1rem;font-weight:700;animation:.5s ease-out profile-slide-in-right,2s ease-in-out .5s forwards profile-fade-out;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.payment-methods{max-width:600px;margin:0 auto}.amount-options{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;display:grid}.amount-option{text-align:center;cursor:pointer;width:100%;font:inherit;color:inherit;appearance:none;background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s}.amount-option:hover{border-color:#28a745;transform:translateY(-2px);box-shadow:0 4px 12px #28a74526}.amount-option.selected{background:#f8fff9;border-color:#28a745;box-shadow:0 4px 12px #28a74533}.amount-option .value,.amount-value{color:#28a745;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.amount-option .hint,.amount-desc{color:#6c757d;font-size:.9rem}.amount-promo{color:#b45309;background:#fff3cd;border-radius:999px;margin-top:.5rem;padding:.15rem .55rem;font-size:.8rem;font-weight:700;display:inline-block}.payment-method-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s;display:flex}.payment-method-item:hover{border-color:#28a745;box-shadow:0 2px 8px #28a7451a}.payment-icon{background:#28a745;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.payment-icon.alipay{background:#1677ff}.payment-icon i{color:#fff;font-size:1.5rem}.payment-info{text-align:left;flex:1}.payment-info h6{color:#333;margin-bottom:.25rem}.billing-table{border-collapse:collapse;background:#fff;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 10px #0000000f}.billing-table th,.billing-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f3f4;padding:1rem .75rem;font-size:.9rem}.billing-table th{color:#495057;background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:600}.billing-table tbody tr:hover{background-color:#f8f9fa}.billing-pager{justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.pay-modal{z-index:1050;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pay-modal-panel{text-align:center;background:#fff;border-radius:16px;width:min(400px,100%);padding:2rem;animation:.3s profile-modal-in}.pay-modal-panel img{object-fit:contain;width:200px;height:200px;margin:.75rem auto;display:block}.api-box{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000001a}.api-key-display{text-align:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1rem 0 0;padding:1.5rem;font-family:monospace;font-size:1.1rem}@keyframes profile-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes profile-slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes profile-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes profile-balance-pulse{0%{transform:scale(1)}50%{color:#28a745;transform:scale(1.1)}to{transform:scale(1)}}@keyframes profile-slide-in-right{0%{opacity:0;transform:translateY(-50%)translate(100%)}to{opacity:1;transform:translateY(-50%)translate(0)}}@keyframes profile-fade-out{0%{opacity:1}to{opacity:0}}@keyframes profile-modal-in{0%{opacity:0;transform:scale(.8)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.account-header h1{font-size:1.75rem}.balance-amount{font-size:2.2rem}.balance-header{font-size:1rem}.profile-tabs button{padding:.9rem 1.25rem;font-size:.85rem}.amount-options{grid-template-columns:1fr}.payment-method-item{text-align:center;flex-direction:column;align-items:stretch}.payment-info{text-align:center}}.account-guide{color:#334155;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:860px;margin:.5rem auto 1rem;padding:1.75rem 1.5rem;line-height:1.75;box-shadow:0 10px 15px -3px #0000000f}.account-guide h2,.account-guide h3{color:#0f172a}.account-guide h2{margin-bottom:.75rem;font-size:1.35rem}.account-guide h3{margin-top:1.25rem;margin-bottom:.5rem;font-size:1.1rem}.account-guide p{margin-bottom:.75rem}.account-guide a{color:#4f46e5;font-weight:600}.account-guide ul,.account-guide ol{margin:0 0 .85rem;padding-left:1.3rem}.account-guide li{margin:.28rem 0}.account-guide .help-links span{color:#334155;font-weight:400}.account-guide .help-table-wrap{margin-bottom:.85rem;overflow-x:auto}.account-guide table{border-collapse:collapse;width:100%;font-size:.95rem}.account-guide th,.account-guide td{text-align:left;vertical-align:top;border:1px solid #e2e8f0;padding:.55rem .65rem}.account-guide th{color:#0f172a;background:#f8fafc;font-weight:600}@media (max-width:768px){.account-guide{padding:1.25rem 1rem}}
