.account-redesign .account-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;max-width:1320px;padding:32px 0 0;width:calc(100% - 64px);margin:0 auto;align-items:start}
.player-sidebar{position:sticky;top:28px;min-width:0}.player-sidebar .sidebar-title{padding:8px 14px 22px;border-bottom:1px solid #2c3b2e}.player-sidebar .sidebar-title span{display:block;color:#b99c68;font-size:9px;letter-spacing:2px;margin-bottom:4px}.player-sidebar .sidebar-title strong{font:700 27px/1.6 var(--serif);color:#e4d6b4;letter-spacing:3px}.player-section-nav{display:grid;gap:6px;margin:20px 0}.player-section-nav a,.player-section-nav button{display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;padding:12px 14px;min-height:46px;background:none;color:#a8b6a5;border:1px solid transparent;border-radius:6px;font-size:13px;text-align:left}.player-section-nav .nav-symbol{display:grid;place-items:center;width:22px;color:#a69065;font:18px/1 var(--serif)}.player-section-nav a:hover,.player-section-nav button:hover{background:#192a20;border-color:#394831;color:#e6d1a7}.player-section-nav a.is-current{background:#bca05f15;border-color:#8a754149;color:#ecd09b;box-shadow:inset 3px 0 #c6a66d}.player-section-nav .recharge-nav-link{margin-top:5px;color:#e6c488;border-color:#685538;background:#c6a2610b}.player-sidebar .sidebar-help{margin:24px 14px 0;padding-top:22px;border-top:1px solid #2c3b2e}.sidebar-help strong{display:block;color:#bac6b4;font-size:12px;margin-bottom:5px}.sidebar-help p{font-size:11px;color:#859984;line-height:1.9}.sidebar-help button{margin-top:12px;padding:7px 12px;font-size:11px;min-height:34px}.sidebar-stamp{font:64px/1 var(--serif);color:#d4b57716;border:2px solid #b4944b18;width:88px;height:88px;display:grid;place-items:center;margin:36px auto;transform:rotate(-6deg)}
.account-redesign .account-main{min-width:0;padding:0;max-width:none;width:100%;margin:0}.account-redesign .account-breadcrumb{display:flex;align-items:center;gap:10px;color:#859782;font-size:11px;margin-bottom:18px}.account-breadcrumb a{color:#98aa91}.account-breadcrumb span:last-child{color:#c9d1bd}.account-redesign #loading{padding:30px;border:1px solid var(--line);border-radius:8px;color:#a6b59d}.account-redesign #account-error{margin:12px 0}.account-redesign #account-retry{margin:12px 0}
.account-redesign #player-dashboard{display:flex;flex-direction:column;gap:22px}.account-redesign #player-dashboard>*{min-width:0;margin-top:0;margin-bottom:0}.account-redesign .player-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #4b5137;border-radius:10px;padding:32px;background:linear-gradient(100deg,#1d3227,#16281f 62%,#1a2a1e);min-height:245px;display:flex;flex-direction:column;align-items:flex-start;gap:20px;order:0}.player-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 68%,#c1a46809 68%,#c1a46803 69%,transparent 69%),repeating-linear-gradient(0deg,#d1bf8403 0px,#d1bf8403 1px,transparent 1px,transparent 5px);z-index:-1}.player-hero .hero-standard{position:absolute;width:310px;height:300px;right:-4px;top:-22px;object-fit:contain;opacity:.78;pointer-events:none;z-index:-1}.player-hero .hero-intro{max-width:calc(100% - 190px)}.player-hero h1{font:700 clamp(28px,3vw,39px)/1.45 var(--serif);letter-spacing:2px;margin:6px 0 10px;color:#f0e6ca}.player-hero h1 span{font-family:"Microsoft YaHei",sans-serif;font-size:.6em;letter-spacing:0;overflow-wrap:anywhere}.player-hero .hero-description{color:#b5c2aa;font-size:12px;margin-bottom:16px}.player-hero .player-id-line{font-size:11px;color:#aab99e}.account-redesign #player-uid{padding:4px 9px;font:600 12px/1.4 ui-monospace,monospace;background:#17291b;border-color:#75643e;border-radius:4px;box-shadow:none;color:#e4c88c}.player-hero .uid-copy-hint{font-size:10px;color:#a09c80}.account-redesign .account-welcome{margin:0;gap:7px}.account-redesign .account-welcome .small-action{min-height:30px;padding:4px 10px;font-size:11px;background:#0c1b1380;border-color:#536044;color:#cccfb5}.account-redesign .hero-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;width:100%}.account-redesign .account-top-actions{text-align:left}.account-redesign .account-top-actions>div{display:flex;gap:8px;flex-wrap:wrap}.account-redesign .account-top-actions button,.account-redesign .account-top-actions .button{padding:9px 18px;font-size:12px;min-height:40px}.account-redesign #player-rate{font-size:10px;margin-top:5px;color:#a9b69a}
.account-redesign #game-activation-warning{order:2}.account-redesign #player-tips{order:3;padding:12px 18px;border-radius:7px;background:#9c7e3210;border-color:#6c593848}.account-redesign #player-tips strong{font-size:12px}.account-redesign #player-tips ul{font-size:11px}.account-redesign #game-activation-warning{border-radius:7px}.account-redesign .stats{order:4;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:stretch}.account-redesign .stats>article{min-width:0;padding:24px;border:1px solid #344832;border-radius:9px;background:#14231b}.account-redesign .stats article>span{font-size:13px;color:#c6d0bb}.account-redesign .stats article>strong{font:600 clamp(27px,3vw,42px)/1.5 Georgia,"Microsoft YaHei",serif;letter-spacing:.5px;margin:10px 0 4px;color:#edcf93;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.account-redesign .stats article>small{color:#91a48c;font-size:11px;line-height:1.8}.account-redesign .stats .balance-card{position:relative;border-top:1px solid #8f7747!important;background:radial-gradient(ellipse at top right,#a58c3420,transparent 75%),#17281c}.balance-card::after{position:absolute;right:20px;top:20px;content:"币";display:grid;place-items:center;width:35px;height:35px;border:1px solid #997c4744;border-radius:50%;color:#b6985b;font:22px/1 var(--serif)}.account-redesign .stats .total-card{background:#112019}.account-redesign .total-card>strong{font-size:29px}.account-redesign .total-card .ledger-link{margin-top:12px;background:none;border:0;padding:0;min-height:28px;color:#cab07c;font-size:11px}.account-redesign .stats .wallet-card{grid-column:2;grid-row:1/3;background:#17261d}.account-redesign .wallet-card>strong{font-size:33px}.account-redesign .wallet-mode-tabs{margin:18px 0 12px;gap:0;padding:4px;background:#0d1c14;border:1px solid #314730;border-radius:6px}.account-redesign .wallet-mode-tabs button{flex:1;font-size:11px;min-height:34px;border:0;border-radius:4px;background:none;padding:6px}.account-redesign .wallet-mode-tabs button[aria-pressed=true]{background:#35452c;color:#eddaa5}.account-redesign .wallet-card label{margin:12px 0 6px;font-size:11px}.account-redesign .wallet-card :is(input,select){font-size:12px;padding:10px;min-height:40px}.account-redesign .wallet-allocation-row{display:flex;gap:8px}.account-redesign .wallet-allocation-row input{min-width:0;width:0;flex:1}.account-redesign .wallet-allocation-row button{padding:8px 14px;font-size:12px;flex:none}.account-redesign .wallet-tip{margin-top:10px;font-size:10px!important;line-height:1.8;color:#90a285}.account-redesign #wallet-message:empty,.account-redesign .transfer-message:empty{display:none}.account-redesign .wallet-transfer-panel>span{color:#d7c18e;font-size:12px}.account-redesign .wallet-transfer-panel small{font-size:11px;color:#a1b096}
.account-redesign .membership-card{order:5;background:linear-gradient(105deg,#352b1c,#24291b);border:1px solid #725d3459;border-radius:8px;padding:18px 22px;gap:16px}.account-redesign .membership-crest{width:39px;height:45px;font-size:25px}.account-redesign .membership-card strong{font:600 19px var(--serif);letter-spacing:2px}.account-redesign .membership-card p{font-size:11px;line-height:1.7;margin:5px 0}.account-redesign .membership-benefit{color:#b7ad8c}.account-redesign .membership-expiry{font-size:11px}.account-redesign .membership-open{font-size:11px;min-height:36px;padding:7px 12px}
.account-redesign #loyalty-center{order:6;padding:26px;background:#13231b;border-radius:9px;border-color:#344832;scroll-margin-top:24px}.account-redesign .loyalty-heading{margin-bottom:20px;gap:12px}.account-redesign .loyalty-heading h2{font:600 24px var(--serif);letter-spacing:2px}.account-redesign .loyalty-heading p{font-size:11px;color:#93a68a}.account-redesign .points-live-state{font-size:10px;color:#aac695;border-color:#57794d4d;padding:4px 8px;background:#5573440c}.account-redesign .loyalty-grid{grid-template-columns:.75fr 1.25fr;gap:20px}.account-redesign .loyalty-balance{background:#c1a15a09;border:1px solid #aa8f4d33;padding:22px;border-radius:7px}.account-redesign .loyalty-balance strong{font:600 42px/1.5 Georgia,serif;color:#e9cf93}.account-redesign .loyalty-balance small{color:#9fae92;font-size:11px}.account-redesign [data-exchange]{background:#0c1a13;padding:20px;border:1px solid #30432e;border-radius:7px}.account-redesign [data-exchange] h3{margin:0 0 5px;font-size:14px;color:#ddd2b1}.account-redesign [data-exchange] p,.account-redesign [data-exchange] small{font-size:11px;color:#a8b298}.account-redesign [data-exchange] label{font-size:11px;margin:12px 0}.account-redesign [data-exchange] .primary{min-height:38px;font-size:12px}.account-redesign [data-exchange] input{min-height:38px;padding:9px 12px}.account-redesign [data-task-section]{margin-top:24px;padding-top:20px;border-top:1px solid #30452e}.account-redesign .mission-grid{gap:12px}.account-redesign .mission-card{background:#182b1e;border-color:#3b5234;border-radius:7px;padding:18px;min-width:0}.account-redesign .mission-card h4{font-size:13px;margin:0}.account-redesign .mission-card p,.account-redesign .mission-card small{font-size:11px;line-height:1.8;color:#a2b196}.account-redesign .mission-card strong{color:#e3c483;font-size:18px}.account-redesign #loyalty-center details{margin-top:18px;border-top:1px solid #30432d;padding-top:14px}.account-redesign #loyalty-center summary{color:#b9c4a8;font-size:12px;cursor:pointer}.account-redesign [data-ledger]{max-height:260px;overflow:auto}.account-redesign #loyalty-center [data-status]:empty{display:none}
.account-redesign .online-card{order:7;background:#13231b;border-color:#344832;border-radius:9px;padding:26px;box-shadow:none;scroll-margin-top:24px}.account-redesign .online-heading{padding-bottom:16px}.account-redesign .online-heading h2{font:600 24px var(--serif);letter-spacing:1px}.account-redesign .online-stat,.account-redesign .online-milestone{min-height:0;background:#17291c;border-color:#3c51313d;border-radius:7px;padding:17px}.account-redesign .online-stat>strong{font-size:22px;color:#dce5cf}.account-redesign .online-milestone>strong{font-size:21px}.account-redesign .online-stat>span,.account-redesign .online-milestone>span{font-size:11px}.account-redesign .online-cycle{background:#23331c;border-radius:4px;font-size:11px}.account-redesign .online-progress-panel{background:#101d15;border-color:#7b6d3e3d}.account-redesign #character-profile{order:1;margin:0;padding:26px;background:#13231b;border:1px solid #344832;border-radius:9px;scroll-margin-top:24px}.account-redesign .sg-character-heading h2{font:600 24px var(--serif);letter-spacing:1px}.account-redesign .sg-character-heading>div>span{font-size:10px;color:#b99c68}.account-redesign .sg-character-status,.account-redesign .sg-character-note{font-size:10px;line-height:1.8;color:#91a288}.account-redesign .sg-character-cards article{background:#18291d;border-color:#3b5034;border-radius:7px}.account-redesign .sg-character-cards dl{gap:14px}.account-redesign .sg-character-cards dd{color:#dfd5b6}.account-redesign .sg-character-refresh{font-size:11px;min-height:32px}
.account-redesign .player-login{gap:36px;margin-top:12px;padding:36px;border:1px solid #3e4b33;border-radius:12px;background:#14241a}.account-redesign .player-motto{padding:30px 0;border:0;background:url('/assets/battle-standard.svg') right bottom / 235px auto no-repeat;min-height:360px}.account-redesign .player-motto h2{font:700 46px/1.4 var(--serif);letter-spacing:4px;position:relative;margin:12px 0 20px}.account-redesign .player-motto p{max-width:260px;font-size:12px;line-height:2;color:#a3b293}.account-redesign .player-login .card{padding:28px;background:#0d1b13;border-color:#3c4c32;border-radius:9px}.account-redesign .player-login h2{font:600 25px var(--serif);letter-spacing:2px;margin-bottom:12px}.account-redesign .player-login .check{font-size:11px}.account-redesign .player-login p{font-size:11px}.account-redesign:has(#player-dashboard[hidden]) .player-sidebar{display:none}.account-redesign:has(#player-dashboard[hidden]) .account-layout{grid-template-columns:minmax(0,1fr);max-width:1080px}
@media(max-width:1100px){.account-redesign .account-layout{grid-template-columns:170px minmax(0,1fr);gap:20px;width:calc(100% - 40px)}.account-redesign .player-hero{padding:26px}.player-hero .hero-standard{width:260px;right:-45px}.player-hero .hero-intro{max-width:calc(100% - 130px)}.account-redesign .stats>article{padding:19px}.account-redesign .loyalty-grid{grid-template-columns:1fr 1.25fr}.account-redesign .membership-card>div{flex:1}.account-redesign .membership-expiry{margin-left:auto;white-space:normal;line-height:1.7}}
@media(max-width:900px){.account-redesign .account-layout{display:block}.player-sidebar{position:static;margin:0 0 20px}.player-sidebar .sidebar-title,.sidebar-help,.sidebar-stamp{display:none}.player-section-nav{display:flex;overflow:auto;gap:6px;margin:0;padding-bottom:6px}.player-section-nav a,.player-section-nav button{width:auto;flex:none;min-height:39px;padding:8px 13px;font-size:12px;background:#14221a;border:1px solid #2b412e}.player-section-nav .nav-symbol{display:none}.player-section-nav .recharge-nav-link{margin:0}.account-redesign .account-breadcrumb{display:none}}
@media(max-width:600px){.account-redesign .account-layout{width:calc(100% - 28px);padding-top:20px}.account-redesign #player-dashboard{gap:16px}.account-redesign .player-hero{padding:22px 19px;gap:16px}.player-hero .hero-standard{width:230px;height:250px;right:-72px;top:0;opacity:.4}.player-hero .hero-intro{max-width:calc(100% - 50px)}.player-hero h1{font-size:30px}.player-hero .hero-description{font-size:11px;margin-bottom:12px}.player-hero .uid-copy-hint{display:none}.account-redesign .hero-controls{gap:15px}.account-redesign .account-top-actions{width:100%}.account-redesign .account-top-actions>div{display:grid;grid-template-columns:1fr 1fr}.account-redesign .account-top-actions small{font-size:10px}.account-redesign .stats{grid-template-columns:1fr 1fr;gap:10px}.account-redesign .stats>article{padding:17px 14px}.account-redesign .stats .wallet-card{grid-column:1/-1;grid-row:auto;padding:21px}.account-redesign .stats article>span{font-size:11px}.account-redesign .stats article>strong{font-size:28px}.account-redesign .stats article>small{font-size:10px}.balance-card::after{display:none}.account-redesign .total-card .ledger-link{font-size:10px}.account-redesign .membership-card{padding:16px;gap:12px;flex-wrap:wrap}.account-redesign .membership-card>div{min-width:calc(100% - 64px)}.account-redesign .membership-open{margin-left:51px}.account-redesign #loyalty-center,.account-redesign .online-card,.account-redesign #character-profile{padding:20px 16px}.account-redesign .loyalty-heading{flex-wrap:wrap}.account-redesign .loyalty-grid{grid-template-columns:1fr;gap:12px}.account-redesign .loyalty-balance{padding:17px 20px}.account-redesign .loyalty-balance strong{font-size:37px;margin:5px 0}.account-redesign [data-exchange]{padding:17px}.account-redesign .online-overview{grid-template-columns:1fr 1fr}.account-redesign .online-stat:nth-child(3){grid-column:1/-1}.account-redesign .online-milestones{grid-template-columns:1fr}.account-redesign .online-stat,.account-redesign .online-milestone{padding:15px}.account-redesign .online-heading h2{font-size:22px}.account-redesign .online-stat>strong{font-size:20px}.account-redesign .player-login{display:block;padding:20px}.account-redesign .player-motto{min-height:210px;padding:10px 0 25px;background-size:190px}.account-redesign .player-motto h2{font-size:34px}.account-redesign .player-motto p{max-width:210px}.account-redesign .player-login .card{padding:21px}}

/* Finishing details and readable mobile controls. */
.account-redesign .sidebar-stamp{font-size:32px;letter-spacing:2px;white-space:nowrap}
.account-redesign .player-login .player-motto h2{font-size:46px;line-height:1.4}
.account-redesign .uid-copy-hint{display:none}
.account-redesign #player-uid[role="button"]+.uid-copy-hint{display:inline}
.account-redesign .stats article>small,.account-redesign .wallet-tip{font-size:12px!important}
.account-redesign .wallet-card label,.account-redesign .wallet-mode-tabs button{font-size:12px}
@media(max-width:600px){.account-redesign .player-login .player-motto h2{font-size:34px}.account-redesign .membership-expiry{display:block;margin-left:51px;flex:1 1 auto}.account-redesign .membership-open{margin-left:51px}.account-redesign .stats article>small{font-size:11px!important}.account-redesign .wallet-card :is(input,select),.account-redesign [data-exchange] input{font-size:16px}.account-redesign .account-welcome .small-action{min-height:36px;font-size:12px}.account-redesign .hero-description{font-size:12px}.account-redesign #player-uid[role="button"]+.uid-copy-hint{display:none}}

@media(max-width:600px){.account-redesign .hero-intro{max-width:100%}.account-redesign .player-hero h1{font-size:clamp(24px,6.6vw,30px)}.account-redesign .hero-standard{opacity:.28}.account-redesign .account-top-actions button,.account-redesign .account-top-actions .button{padding:10px 9px}}

@media(max-width:600px){.account-redesign .player-motto{background-size:105px;background-position:right top}.account-redesign .player-motto p{max-width:100%}.account-redesign .recharge-footer>span{display:block}.account-redesign .membership-open{margin-left:51px}}