.profile-main{position:relative;z-index:1;flex:1 0 auto;padding:54px 0 82px}
.profile-shell{max-width:1180px}
.profile-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.profile-kicker,.profile-panel-kicker,.profile-order-label{color:#70e8f7;font-size:9px;font-weight:900;letter-spacing:.18em}
.profile-hero h1{margin:9px 0 0;color:#f6fdff;font-size:clamp(38px,5vw,58px);font-weight:950;letter-spacing:-.055em}
.profile-hero p{margin:10px 0 0;color:#86a5b9;font-size:13px}
.profile-primary-button,.profile-outline-button,.profile-steam-link,.profile-logout-link,.profile-empty a{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:11px;font-weight:850;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.profile-primary-button{min-height:43px;padding:0 16px;border:1px solid rgba(100,229,250,.35);background:linear-gradient(135deg,#087fbd,#16bad7);box-shadow:0 12px 28px rgba(0,125,178,.2);color:#fff}
.profile-primary-button:hover,.profile-outline-button:hover,.profile-steam-link:hover,.profile-empty a:hover{color:#fff;transform:translateY(-2px)}
.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.profile-account-card,.profile-panel{position:relative;overflow:hidden;border:1px solid rgba(103,214,243,.14);border-radius:18px;background:linear-gradient(145deg,rgba(8,34,60,.9),rgba(3,16,34,.95));box-shadow:0 24px 65px rgba(0,7,22,.3),inset 0 1px 0 rgba(205,247,255,.04);backdrop-filter:blur(18px)}
.profile-account-card{padding:30px 24px 24px;text-align:center}
.profile-account-glow{position:absolute;top:-110px;left:50%;width:230px;height:230px;border-radius:50%;background:rgba(24,204,231,.18);filter:blur(38px);transform:translateX(-50%)}
.profile-avatar-wrap{position:relative;display:inline-flex;margin-bottom:15px}
.profile-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px;border:3px solid rgba(111,235,250,.5);border-radius:28px;background:linear-gradient(135deg,#0a7ebd,#103253);box-shadow:0 12px 32px rgba(0,8,28,.4),0 0 28px rgba(31,211,239,.16);color:#c7f8ff;font-size:34px;font-weight:900;object-fit:cover}
.profile-online-dot{position:absolute;right:4px;bottom:4px;width:16px;height:16px;border:3px solid #071a32;border-radius:50%;background:#43e2b1;box-shadow:0 0 12px rgba(67,226,177,.7)}
.profile-online-label{display:block;color:#7de9c3;font-size:10px;font-weight:800}.profile-online-label i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#43e2b1}
.profile-account-card h2{position:relative;margin:13px 0 7px;overflow:hidden;color:#f3fbff;font-size:19px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.profile-account-card code{display:block;color:#7899ad;font-family:"Cascadia Code",Consolas,monospace;font-size:10px}
.profile-steam-link,.profile-logout-link{width:100%;min-height:39px;margin-top:21px}.profile-steam-link{border:1px solid rgba(100,229,250,.3);background:rgba(8,99,143,.28);color:#9feefa}.profile-logout-link{min-height:auto;margin-top:14px;color:#68879d}.profile-logout-link:hover{color:#ff9da7}
.profile-content{min-width:0}.profile-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 4px 18px}.profile-section-heading h2{margin:7px 0 0;color:#f2fbff;font-size:25px;font-weight:900}
.profile-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(103,214,243,.12);border-radius:11px;background:rgba(2,14,31,.7)}.profile-tabs a{padding:9px 12px;border-radius:8px;color:#6e8ea4;font-size:10px;font-weight:850;text-decoration:none}.profile-tabs a:hover,.profile-tabs a.active{background:linear-gradient(135deg,#087fbd,#16bad7);color:#fff}
.profile-panel{margin-bottom:20px}.profile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px 18px;border-bottom:1px solid rgba(103,214,243,.1)}.profile-panel-header h3{margin:6px 0 0;color:#f2fbff;font-size:18px;font-weight:900}
.profile-outline-button{min-height:37px;padding:0 12px;border:1px solid rgba(103,224,246,.25);background:rgba(6,75,111,.24);color:#95eefa;white-space:nowrap}
.profile-empty{display:flex;align-items:center;flex-direction:column;gap:7px;padding:45px 20px 48px;color:#7796aa;text-align:center}.profile-empty>i{margin-bottom:7px;color:#37d5ec;font-size:30px}.profile-empty strong{color:#eafaff;font-size:14px}.profile-empty span{font-size:11px}.profile-empty a{margin-top:10px;padding:9px 13px;color:#8feafa}
.profile-ticket-list,.profile-order-list{display:flex;flex-direction:column}.profile-ticket-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto 14px;gap:13px;align-items:center;min-height:76px;padding:12px 24px;border-bottom:1px solid rgba(103,214,243,.08);color:inherit;text-decoration:none;transition:background .2s ease,padding .2s ease}.profile-ticket-row:last-child{border-bottom:0}.profile-ticket-row:hover{padding-left:28px;background:rgba(22,149,194,.1)}
.profile-ticket-icon,.profile-product-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(100,225,247,.17);border-radius:11px;background:rgba(8,103,146,.2);color:#75e7f6}.profile-ticket-main,.profile-ticket-meta,.profile-order-product>span:last-child{min-width:0}.profile-ticket-main strong,.profile-ticket-main small,.profile-ticket-meta small,.profile-order-product strong,.profile-order-product small{display:block}.profile-ticket-main strong{overflow:hidden;color:#eafaff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-ticket-main small,.profile-ticket-meta small,.profile-order-product small{margin-top:5px;color:#6d8ca1;font-size:9px}.profile-ticket-main b,.profile-order-bottom b,.profile-order-product small b{margin:0 5px;color:#3d6278}.profile-ticket-meta{text-align:right}
.profile-status{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid rgba(116,190,211,.2);border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}.profile-status:before{width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor;content:""}.profile-status.pending,.profile-status.new,.profile-status.waiting{background:rgba(244,184,72,.1);color:#f3c866}.profile-status.success,.profile-status.resolved{background:rgba(67,226,177,.1);color:#63e4b6}.profile-status.progress{background:rgba(75,185,255,.1);color:#73cfff}.profile-status.muted,.profile-status.closed{background:rgba(135,157,174,.1);color:#a0b4c0}.profile-status.danger{background:rgba(255,108,125,.1);color:#ff8e9c}.profile-row-arrow{color:#4e7188}
.profile-order-card{padding:19px 24px;border-bottom:1px solid rgba(103,214,243,.08)}.profile-order-card:last-child{border-bottom:0}.profile-order-top,.profile-order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-order-top strong{display:block;margin-top:6px;color:#aec7d3;font-family:"Cascadia Code",Consolas,monospace;font-size:10px}.profile-order-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:17px 0}.profile-order-product{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid rgba(103,214,243,.09);border-radius:11px;background:rgba(2,16,33,.42)}.profile-product-icon{width:32px;height:32px;flex:0 0 32px;border-radius:9px;font-size:12px}.profile-order-product strong{overflow:hidden;color:#eafaff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.profile-order-bottom{color:#6f8ea2;font-size:9px}.profile-order-bottom strong{color:#72e8f5;font-family:"Cascadia Code",Consolas,monospace;font-size:17px}.profile-order-gifts{margin-top:13px;padding:9px 11px;border:1px solid rgba(229,174,75,.16);border-radius:9px;background:rgba(185,126,25,.08);color:#e7bd67;font-size:10px}
.profile-cn-orders{border-top:1px solid rgba(103,214,243,.12)}.profile-cn-orders-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 4px}.profile-cn-orders-heading small{color:#6f8ea2;font-size:10px}.profile-cn-order-card{position:relative}.profile-cn-order-card .profile-order-label{color:#f08b91}.profile-cn-renew{display:flex;justify-content:flex-end;margin-top:14px}.profile-cn-renew button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid rgba(239,75,87,.48);border-radius:9px;background:linear-gradient(135deg,rgba(177,35,50,.3),rgba(99,20,31,.42));color:#ffdce0;font-size:10px;font-weight:850;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.profile-cn-renew button:hover{transform:translateY(-1px);border-color:#f05c68;background:linear-gradient(135deg,rgba(210,46,61,.48),rgba(120,24,36,.55));color:#fff}.profile-cn-renew button i{color:#ff7882}
@media(max-width:850px){.profile-layout{grid-template-columns:1fr}.profile-account-card{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:center;text-align:left}.profile-avatar-wrap{grid-row:span 4;margin:0}.profile-online-label,.profile-account-card h2,.profile-account-card code{grid-column:2}.profile-steam-link,.profile-logout-link{grid-column:2;width:auto}}
@media(max-width:600px){.profile-main{padding-top:34px}.profile-hero,.profile-section-heading{align-items:stretch;flex-direction:column}.profile-primary-button{align-self:flex-start}.profile-tabs{align-self:flex-start}.profile-panel-header{align-items:flex-start;flex-direction:column}.profile-ticket-row{grid-template-columns:34px minmax(0,1fr) 14px;padding:12px 15px}.profile-ticket-meta{grid-column:2/3;text-align:left}.profile-row-arrow{grid-column:3;grid-row:1/span 2}.profile-order-card,.profile-panel-header{padding-right:15px;padding-left:15px}}

.profile-panel-description{max-width:560px;margin:8px 0 0;color:#7595a9;font-size:11px;line-height:1.65}
.profile-payment-method-modal{--profile-payment-accent:#36cbe8}.profile-payment-method-modal .modal-dialog{max-width:430px}.profile-payment-method-modal .modal-content{position:relative;padding:30px;border:1px solid rgba(103,214,243,.2);border-radius:16px;background:linear-gradient(150deg,rgba(10,30,53,.98),rgba(3,12,26,.99));color:#eafaff;box-shadow:0 24px 70px rgba(0,0,0,.55)}.profile-payment-close{position:absolute;top:14px;right:16px;border:0;background:transparent;color:#7898aa;cursor:pointer;font-size:17px}.profile-payment-close:hover{color:#fff}.profile-payment-kicker{color:#59dff1;font-size:9px;font-weight:850;letter-spacing:.16em}.profile-payment-method-modal h2{margin:9px 0 7px;color:#f1fcff;font-size:22px;font-weight:900}.profile-payment-method-modal p{margin:0 0 18px;color:#7898aa;font-size:11px}.profile-payment-options{display:grid;gap:10px}.profile-payment-options button{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;border:1px solid rgba(103,214,243,.15);border-radius:11px;background:rgba(5,24,44,.72);color:#eafaff;text-align:left;cursor:pointer;transition:.18s ease}.profile-payment-options button:hover{border-color:rgba(103,224,246,.62);background:rgba(11,67,91,.58);transform:translateY(-1px)}.profile-payment-options button>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.profile-payment-options strong{font-size:12px}.profile-payment-options small{color:#7898aa;font-size:9px}.profile-payment-options>button>.fa-angle-right{color:#5fd9eb}.profile-payment-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;font-size:18px;font-weight:900}.profile-payment-wechat{background:#19aa68}.profile-payment-alipay{background:#1677d2;font-size:20px}
.profile-leaderboard-count{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid rgba(103,224,246,.18);border-radius:999px;background:rgba(6,75,111,.2);color:#8feafa;font-size:10px;font-weight:850;white-space:nowrap}
.profile-leaderboard-body{padding:20px 24px 24px}
.profile-leaderboard-mobile-label{display:none;color:#83a5b8;font-size:10px;font-weight:850;letter-spacing:.05em}
.profile-leaderboard-select{display:none;width:100%;min-height:42px;margin:8px 0 14px;padding:0 12px;border:1px solid rgba(103,214,243,.2);border-radius:10px;background:#071d35;color:#eafaff;font-size:12px}
.profile-leaderboard-server-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px}
.profile-leaderboard-server{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid rgba(103,214,243,.12);border-radius:13px;background:rgba(2,16,33,.45);color:#8daabd;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.profile-leaderboard-server:hover,.profile-leaderboard-server.active{border-color:rgba(98,224,247,.55);background:linear-gradient(135deg,rgba(8,109,154,.35),rgba(4,42,75,.55));color:#f2fdff;transform:translateY(-2px)}
.profile-leaderboard-server-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:rgba(36,190,220,.13);color:#71e8f7}
.profile-leaderboard-server-copy{display:flex;flex-direction:column;min-width:0;flex:1}.profile-leaderboard-server-copy strong{overflow:hidden;color:inherit;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-leaderboard-server-copy small{margin-top:4px;color:#7294a9;font-size:9px}.profile-leaderboard-server-rank{color:#72e8f5;font-family:"Cascadia Code",Consolas,monospace;font-size:11px;font-weight:900}
.profile-leaderboard-stat-panel{display:none;padding:18px;border:1px solid rgba(103,214,243,.13);border-radius:15px;background:linear-gradient(145deg,rgba(5,34,59,.7),rgba(2,14,29,.75));box-shadow:inset 0 1px 0 rgba(205,247,255,.035)}.profile-leaderboard-stat-panel.active{display:block}
.profile-leaderboard-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}.profile-leaderboard-region{color:#70e8f7;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.profile-leaderboard-panel-top h4{margin:7px 0 0;color:#effcff;font-size:17px;font-weight:900}.profile-leaderboard-panel-top .profile-outline-button{min-height:32px;font-size:9px}
.profile-leaderboard-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px}.profile-leaderboard-highlight-grid>div{padding:13px;border:1px solid rgba(103,214,243,.1);border-radius:11px;background:rgba(3,21,39,.55)}.profile-leaderboard-highlight-grid small{display:block;color:#7193a8;font-size:9px}.profile-leaderboard-highlight-grid strong{display:block;margin-top:8px;color:#f0fdff;font-family:"Cascadia Code",Consolas,monospace;font-size:20px;font-weight:900}
.profile-leaderboard-metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.profile-leaderboard-metric-grid>div{padding:11px 10px;border:1px solid rgba(103,214,243,.08);border-radius:10px;background:rgba(3,20,37,.4)}.profile-leaderboard-metric-grid span{display:flex;align-items:center;gap:5px;color:#7898ab;font-size:9px}.profile-leaderboard-metric-grid span i{color:#63dff0}.profile-leaderboard-metric-grid strong{display:block;margin-top:7px;color:#dffaff;font-family:"Cascadia Code",Consolas,monospace;font-size:12px}.profile-leaderboard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#67879b;font-size:9px}.profile-leaderboard-footer strong{color:#9ac0cc;font-family:"Cascadia Code",Consolas,monospace;font-weight:600}.profile-leaderboard-empty{padding-top:50px;padding-bottom:54px}
@media(max-width:850px){.profile-leaderboard-server-list{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-leaderboard-metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.profile-leaderboard-body{padding:16px 15px 18px}.profile-leaderboard-mobile-label{display:block}.profile-leaderboard-select{display:block}.profile-leaderboard-server-list{display:none}.profile-leaderboard-panel-top{flex-direction:column}.profile-leaderboard-panel-top .profile-outline-button{align-self:flex-start}.profile-leaderboard-highlight-grid{grid-template-columns:1fr 1fr}.profile-leaderboard-highlight-grid>div:first-child{grid-column:span 2}.profile-leaderboard-metric-grid{grid-template-columns:1fr 1fr}.profile-leaderboard-footer{align-items:flex-start;flex-direction:column;gap:5px}}