:root{color-scheme:dark;--navy:#020b18;--navy2:#061426;--panel:#0a1b30;--gold:#d8aa4e;--yellow:#ffd45a;--cream:#f6e6bd;--muted:#91a0b5;--line:rgba(216,170,78,.26);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--cream);background:var(--navy)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 8%,rgba(216,170,78,.12),transparent 26%),radial-gradient(circle at 86% 32%,rgba(65,102,150,.16),transparent 30%),var(--navy);color:var(--cream)}button,input{font:inherit}button,a{touch-action:manipulation}.account-header{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(2,11,24,.82);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.account-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-seal{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--yellow);font-family:"STSong",serif;box-shadow:0 0 24px rgba(216,170,78,.18)}.account-brand strong,.account-brand small{display:block}.account-brand strong{font:700 20px "STSong",serif;letter-spacing:.12em}.account-brand small{margin-top:4px;color:var(--muted);font-size:11px}.back-home{color:var(--gold);text-decoration:none;font-weight:700}.account-main{width:min(1200px,calc(100% - 40px));margin:auto;padding:46px 0 80px}.account-loading{text-align:center;padding:20vh 0}.account-loading-mark{display:block;width:38px;height:38px;margin:auto;border:2px solid var(--line);border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}.account-loading h1{font-family:"STSong",serif}.account-loading p,.eyebrow{color:var(--gold);letter-spacing:.16em}.auth-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:620px;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:rgba(6,20,38,.9);box-shadow:0 32px 100px rgba(0,0,0,.4)}.auth-intro{padding:72px 7%;position:relative;background:linear-gradient(145deg,rgba(3,14,30,.76),rgba(8,27,48,.96))}.auth-intro:after{content:"";position:absolute;width:360px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;right:-100px;bottom:-120px;box-shadow:inset 0 0 80px rgba(216,170,78,.06)}.auth-intro h1{margin:18px 0 22px;font:700 clamp(38px,4vw,60px)/1.25 "STSong",serif}.auth-intro h1 em{color:var(--yellow);font-style:normal}.auth-intro>p:not(.eyebrow){max-width:610px;color:#b5c0ce;font-size:17px;line-height:1.9}.auth-proof{display:flex;align-items:center;gap:14px;margin:34px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(2,11,24,.48)}.auth-proof span{font:700 18px "STSong",serif;color:var(--cream)}.auth-proof i{color:var(--yellow)}.auth-proof b{margin-left:auto;padding:7px 10px;border-radius:20px;background:var(--yellow);color:var(--navy);font-size:12px}.auth-intro ul{display:flex;gap:24px;padding:0;list-style:none;color:var(--muted);font-size:13px}.auth-workspace{padding:62px 48px;border-left:1px solid var(--line)}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.auth-tabs button{height:48px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);cursor:pointer}.auth-tabs .is-active{border-color:var(--yellow);color:var(--yellow)}.auth-form{display:none;margin-top:32px}.auth-form.is-active,.auth-form>div{display:grid;gap:18px}.auth-form label{display:grid;gap:8px;color:#bdc7d4;font-size:14px}.auth-form input{height:50px;padding:0 15px;border:1px solid rgba(145,160,181,.28);border-radius:9px;background:#051225;color:#fff;outline:0}.auth-form input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,170,78,.1)}.auth-form button,.pay-action{min-height:50px;border:1px solid var(--gold);border-radius:9px;background:linear-gradient(110deg,#b77a20,var(--yellow));color:#08111e;font-weight:800;cursor:pointer}.text-button{background:transparent!important;color:var(--muted)!important;border:0!important}.form-message,.payment-message{min-height:22px;color:var(--muted);font-size:13px}.is-error{color:#ff8d86!important}.is-success{color:#72d6bd!important}.reports-space{display:grid;gap:26px}.reports-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.reports-heading h1{margin:5px 0;font:700 clamp(34px,4vw,52px) "STSong",serif}.reports-heading small{color:var(--muted)}.reports-heading>div:last-child{display:flex;gap:10px}.reports-heading button,.reports-heading a,.personal-invite button{height:42px;padding:0 17px;border:1px solid var(--line);border-radius:9px;background:#07172a;color:var(--cream);text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.reports-heading a{background:var(--yellow);color:var(--navy);font-weight:800}.dashboard-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.balance-card,.system-card,.personal-invite,.report-list,.points-ledger{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(12,34,59,.92),rgba(4,17,34,.94));box-shadow:0 18px 50px rgba(0,0,0,.2)}.balance-card,.system-card{padding:26px}.balance-card>span,.system-card>span{color:var(--gold);font-size:13px}.balance-card strong{display:block;margin:8px 0;font:700 54px Georgia,serif;color:var(--yellow)}.balance-card p,.system-card p{color:var(--muted)}.balance-card button{height:42px;padding:0 18px;border:0;border-radius:8px;background:var(--yellow);color:var(--navy);font-weight:800;cursor:pointer}.system-card>div{display:flex;align-items:center;gap:18px;margin:25px 0}.system-card b{font:700 24px "STSong",serif}.system-card i{padding:7px 13px;border:1px solid var(--gold);border-radius:30px;color:var(--yellow);font-style:normal;font-size:12px}.account-subnav{display:flex;gap:8px;border-bottom:1px solid var(--line)}.account-subnav button{padding:14px 18px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);cursor:pointer}.account-subnav .is-active{border-color:var(--yellow);color:var(--yellow)}.personal-invite{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;margin-bottom:16px}.personal-invite div{display:grid;gap:5px}.personal-invite span{color:var(--gold);font-size:13px}.personal-invite strong{font:700 24px Georgia,serif;letter-spacing:.12em}.personal-invite small{color:var(--muted)}.report-list,.points-ledger{overflow:hidden}.report-row{display:grid;grid-template-columns:1.2fr .9fr .6fr auto;gap:18px;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(216,170,78,.12)}.report-row h2{margin:0 0 5px;font:700 18px "STSong",serif}.report-row p,.report-row small{margin:0;color:var(--muted)}.report-row button{height:38px;border:1px solid var(--gold);border-radius:8px;background:transparent;color:var(--yellow)}.ledger-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;padding:18px 24px;border-bottom:1px solid rgba(216,170,78,.12)}.ledger-row time,.ledger-row small{color:var(--muted)}.ledger-row strong.is-plus{color:#72d6bd}.ledger-row strong.is-minus{color:#ffb369}.report-empty{padding:64px;text-align:center}.recharge-dialog,.share-dialog{width:min(600px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:18px;background:#07172a;color:var(--cream);box-shadow:0 30px 100px #000}.recharge-dialog::backdrop,.share-dialog::backdrop{background:rgba(0,5,14,.74);backdrop-filter:blur(6px)}.dialog-card,.share-dialog-card{padding:26px}.dialog-card header,.share-dialog-card header{display:flex;justify-content:space-between}.dialog-card h2{margin:5px 0;font:700 28px "STSong",serif}.dialog-close,.share-close{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--cream);font-size:24px}.recharge-note{color:var(--muted)}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.package-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:#041121;color:var(--cream);text-align:left}.package-card strong,.package-card span{display:block}.package-card strong{font-size:24px;color:var(--yellow)}.package-card.is-active{border-color:var(--yellow);box-shadow:0 0 0 2px rgba(255,212,90,.12)}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.payment-methods button{height:44px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted)}.payment-methods .is-active{border-color:var(--gold);color:var(--yellow)}.pay-action{width:100%}.share-poster-frame canvas{display:block;width:min(100%,330px);height:auto;margin:auto}.share-copy{color:var(--muted)}.share-dialog-actions{display:flex;gap:10px}.share-dialog-actions button{flex:1;height:44px}.share-dialog.is-open{display:block;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:100}.account-is-loading .account-main>*:not(.account-loading){display:none!important}@keyframes spin{to{transform:rotate(360deg)}}[hidden]{display:none!important}
@media(max-width:780px){.account-header{height:66px;padding:0 16px}.account-brand small{display:none}.back-home{font-size:13px}.account-main{width:100%;padding:0 0 50px}.auth-card{display:block;min-height:calc(100vh - 66px);border:0;border-radius:0}.auth-intro{padding:34px 22px 28px}.auth-intro h1{font-size:34px}.auth-intro>p:not(.eyebrow){font-size:14px}.auth-proof{margin:23px 0}.auth-proof span{font-size:15px}.auth-proof b{display:none}.auth-intro ul{display:none}.auth-workspace{padding:28px 20px 44px;border:0}.reports-space{padding:26px 16px}.reports-heading{display:block}.reports-heading>div:last-child{display:grid;grid-template-columns:1fr 1fr;margin-top:18px}.reports-heading>div:last-child button:first-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.system-card>div{justify-content:space-between;gap:8px}.system-card b{font-size:19px}.personal-invite{align-items:flex-start;flex-direction:column}.personal-invite button{width:100%;justify-content:center}.report-row{grid-template-columns:1fr auto;padding:18px}.report-row>div:nth-child(2),.report-row>.report-status{grid-column:1/-1}.package-grid{grid-template-columns:1fr 1fr}.dialog-card{padding:20px}.ledger-row{grid-template-columns:1fr auto}.ledger-row small{grid-column:1/-1}.account-subnav{position:sticky;top:66px;z-index:9;background:var(--navy)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Account workbench — mirrors the approved three-column desktop concept. */
.account-main:has(.reports-space:not([hidden])){width:min(1500px,100%);padding:24px clamp(18px,2vw,30px) 40px}.reports-space{grid-template-columns:220px minmax(0,1fr);gap:18px;min-height:calc(100vh - 124px)}.account-sidebar{display:flex;flex-direction:column;min-height:100%;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(8,27,47,.98),rgba(3,14,27,.98));box-shadow:0 20px 60px rgba(0,0,0,.24)}.sidebar-user{display:none;padding:22px;border-bottom:1px solid var(--line)}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{margin-top:4px;color:var(--muted)}.account-sidebar nav{display:grid;padding:10px}.account-sidebar nav button{display:flex;align-items:center;gap:13px;width:100%;height:56px;padding:0 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b3bdcb;text-align:left;cursor:pointer;font:600 16px "STSong",serif}.account-sidebar nav button span{color:var(--gold);font-family:system-ui}.account-sidebar nav button b{margin-left:auto;color:var(--gold);font:700 12px system-ui}.account-sidebar nav button.is-active{border-color:rgba(216,170,78,.42);background:linear-gradient(100deg,rgba(216,170,78,.24),rgba(216,170,78,.06));color:var(--cream)}.sidebar-orbit{position:relative;display:grid;place-items:center;gap:116px;margin-top:auto;padding:50px 12px;color:var(--gold);font:700 14px "STSong",serif}.sidebar-orbit i{position:absolute;width:120px;aspect-ratio:1;border:1px solid rgba(216,170,78,.4);border-radius:50%;box-shadow:inset 0 0 35px rgba(216,170,78,.05)}.sidebar-orbit i:before,.sidebar-orbit i:after{content:"";position:absolute;inset:17%;border:1px solid rgba(216,170,78,.18);border-radius:50%;transform:rotate(55deg)}.sidebar-orbit i:after{inset:48%;background:var(--yellow);box-shadow:0 0 14px var(--yellow)}.sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.sidebar-actions button{height:38px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--muted);font-size:12px}.account-workbench{min-width:0}.reports-heading{min-height:68px;padding:0 6px 16px;border-bottom:1px solid var(--line)}.reports-heading h1{font-size:30px}.reports-heading>a{height:40px;padding:0 20px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--gold);text-decoration:none;display:flex;align-items:center}.balance-hero{position:relative;display:grid;grid-template-columns:1fr 310px auto;align-items:center;min-height:250px;margin:18px 0;padding:30px 36px;overflow:hidden;border:1px solid rgba(216,170,78,.48);border-radius:13px;background:linear-gradient(105deg,rgba(10,31,53,.98),rgba(2,14,28,.98));box-shadow:0 20px 60px rgba(0,0,0,.22)}.balance-hero>div:first-child>span{color:#b9c1cc}.balance-hero strong{display:flex;align-items:baseline;gap:13px;margin:14px 0}.balance-hero strong b{color:#f2c975;font:700 68px Georgia,serif;text-shadow:0 0 24px rgba(216,170,78,.2)}.balance-hero strong small{font:700 23px "STSong",serif}.balance-hero p{color:var(--muted)}.balance-hero em{color:var(--gold);font-style:normal}.balance-hero>button{width:190px;height:54px;border:1px solid #f1cf85;border-radius:9px;background:linear-gradient(110deg,#c58a2d,#f5d78e);color:#161109;font:800 18px "STSong",serif;box-shadow:0 8px 24px rgba(216,170,78,.24)}.balance-orbit{position:relative;width:230px;aspect-ratio:1;opacity:.7}.balance-orbit i,.balance-orbit i:before,.balance-orbit i:after{position:absolute;inset:8%;border:1px solid rgba(216,170,78,.35);border-radius:50%;content:""}.balance-orbit i:before{inset:18%;transform:rotate(35deg)}.balance-orbit i:after{inset:38%;background:radial-gradient(circle,var(--yellow),transparent 44%);box-shadow:0 0 28px rgba(255,212,90,.5)}.balance-orbit span{position:absolute;inset:48% auto auto 50%;transform:translate(-50%,-50%);white-space:nowrap;color:var(--gold);font:700 12px "STSong",serif}.overview-block{margin-top:18px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:rgba(5,20,37,.92)}.overview-block>header{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 20px;border-bottom:1px solid var(--line)}.overview-block h2{margin:0;font:700 21px "STSong",serif}.overview-block h2 small{color:var(--muted);font-size:12px}.overview-block header button{border:0;background:none;color:var(--muted);cursor:pointer}.overview-block .points-ledger,.overview-block .report-list{border:0;border-radius:0;background:transparent;box-shadow:none}.ledger-preview .ledger-row:nth-child(n+4),.report-preview .report-row:nth-child(n+4){display:none}.report-preview .report-empty{padding:40px}.recharge-dialog{position:fixed;inset:0 0 0 auto;width:min(430px,100%);max-width:none;height:100vh;max-height:none;margin:0;border-width:0 0 0 1px;border-radius:0;background:linear-gradient(180deg,#07182a,#03101f);transform:translateX(100%);transition:transform .28s ease}.recharge-dialog[open]{transform:translateX(0)}.recharge-dialog .dialog-card{height:100%;overflow:auto;padding:28px 24px}.recharge-steps{display:grid;grid-template-columns:auto auto 1fr auto auto 1fr auto auto;align-items:center;gap:7px;margin:24px 0;color:var(--muted);font-size:11px}.recharge-steps b{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.recharge-steps b:first-child{background:var(--gold);color:#07111f}.recharge-steps i{height:1px;background:var(--line)}.dialog-card h3{margin:26px 0 10px;font:700 16px "STSong",serif}.order-summary{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:10px;background:rgba(3,14,27,.65)}.order-summary strong{color:var(--yellow);font:700 28px Georgia,serif}.order-summary small{grid-column:1/-1;color:var(--muted)}
@media(max-width:780px){.account-main:has(.reports-space:not([hidden])){padding:0}.reports-space{display:block;min-height:0;padding:0 14px 34px}.account-sidebar{min-height:auto;margin:14px 0;border-radius:14px}.sidebar-user{display:block}.account-sidebar nav{grid-template-columns:repeat(3,1fr);gap:6px}.account-sidebar nav button{height:48px;padding:0 8px;justify-content:center;font:600 12px system-ui}.account-sidebar nav button span{display:none}.account-sidebar nav button b{margin-left:2px}.sidebar-orbit{display:none}.sidebar-actions{position:absolute;top:73px;right:18px;width:150px}.sidebar-actions button:first-child{display:none}.account-workbench{width:100%}.reports-heading{min-height:56px}.reports-heading>div{display:none}.reports-heading>a{width:100%;justify-content:center}.balance-hero{display:block;min-height:245px;margin-top:12px;padding:24px 20px}.balance-hero strong b{font-size:56px}.balance-hero>button{position:absolute;right:18px;bottom:22px;width:145px}.balance-orbit{position:absolute!important;right:-38px;top:8px;width:190px;opacity:.34}.overview-block>header{padding:0 15px}.ledger-row{padding:15px}.report-preview .report-row{grid-template-columns:1fr auto}.recharge-dialog{top:auto;width:100%;height:min(82vh,720px);border-width:1px 0 0;border-radius:20px 20px 0 0;transform:translateY(100%)}.recharge-dialog[open]{transform:translateY(0)}.package-grid{grid-template-columns:1fr 1fr}.recharge-steps span{display:none}.recharge-steps{grid-template-columns:auto 1fr auto 1fr auto}.personal-invite{margin-top:12px}}
.payment-methods button:disabled,.pay-action:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.35)}
.payment-result{margin-top:18px;padding:20px 14px;border:1px solid rgba(216,170,78,.42);border-radius:12px;background:rgba(3,14,27,.74);text-align:center}.payment-result-title{margin:0;color:var(--cream);font-weight:800}.payment-result img{display:block;width:min(280px,100%);height:auto;margin:16px auto;border-radius:8px;background:#fff}.payment-result-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.payment-result-cancel{margin-top:14px;height:38px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.payment-methods button:disabled{border-color:rgba(145,160,181,.2);color:#7f8b9b}