:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2e7;--panel:rgba(255,252,244,.86);--panel-strong:#fffdf8;--border:rgba(42,55,28,.12);--text:#182012;--muted:#65725c;--accent:#2f6f4e;--accent-strong:#164d34;--sky:#376d9f;--gold:#a56d13;--danger:#a43b2c;--danger-soft:rgba(164,59,44,.12);--success-soft:rgba(47,111,78,.14);--gold-soft:rgba(165,109,19,.16);--shadow:0 24px 80px rgba(50,61,34,.14);--radius-lg:30px;--radius-md:18px;--radius-sm:12px;--font-body:"IBM Plex Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display:"Avenir Next", "Segoe UI", "PingFang SC", sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 0 0,rgba(175,218,151,.52),transparent 32%),radial-gradient(circle at 100% 100%,rgba(110,158,205,.28),transparent 34%),linear-gradient(135deg,#eef2e7 0%,#f6efe0 52%,#edf4eb 100%);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}input,select{border-radius:var(--radius-sm);background:var(--panel-strong);width:100%;color:var(--text);border:1px solid rgba(42,55,28,.16);outline:none;padding:.86rem .95rem;transition:border-color .14s,box-shadow .14s,transform .14s}input:focus,select:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 4px rgba(47,111,78,.12)}label{gap:.45rem;display:grid}label span{color:var(--text);font-size:.9rem;font-weight:700}.card,.client-sidebar,.login-card{border:1px solid var(--border);background:var(--panel);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.card,.login-card{border-radius:var(--radius-lg);padding:1.35rem}.btn{border:none;border-radius:999px;padding:.76rem 1.1rem;transition:transform .14s,opacity .14s,background .14s}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.58;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), #4f946f);color:#fff}.btn-secondary{color:var(--text);background:rgba(24,32,18,.08)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-block{width:100%}.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .7rem;font-size:.78rem;font-weight:800}.login-shell{grid-template-columns:minmax(0,1.15fr) minmax(360px,460px);align-items:center;gap:2rem;min-height:100vh;padding:max(1.2rem,min(4vw,4rem));display:grid}.login-copy h1{max-width:12ch;font-family:var(--font-display);letter-spacing:-.06em;margin:0;font-size:max(2.9rem,min(6vw,5.8rem));line-height:.93}.login-copy p{max-width:42rem;color:var(--muted);font-size:1.05rem;line-height:1.8}.login-points{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.login-points>div{border:1px solid var(--border);background:rgba(255,255,255,.48);border-radius:22px;padding:1rem}.login-points strong,.login-points span{display:block}.login-points span{color:var(--muted);margin-top:.45rem;line-height:1.6}.login-card{gap:1rem;padding:1.5rem;display:grid}.login-tabs,.input-action,.table-actions{gap:.65rem;display:flex}.login-tabs .btn{flex:1}.login-form,.stack-form{gap:1rem;display:grid}.login-welcome{background:radial-gradient(circle at 100% 0,rgba(55,109,159,.22),transparent 36%),linear-gradient(135deg,rgba(47,111,78,.13),rgba(255,255,255,.58));border:1px solid rgba(47,111,78,.18);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;animation:.52s cubic-bezier(.2,.8,.2,1) both welcome-rise;display:grid;position:relative;overflow:hidden}.login-welcome:after{content:"";filter:blur(2px);background:rgba(255,255,255,.35);border-radius:999px;width:7rem;height:7rem;animation:4.8s ease-in-out infinite welcome-glow;position:absolute;top:-40%;bottom:auto;left:-20%;right:auto}.login-welcome p,.login-welcome strong,.login-welcome small{z-index:1;display:block;position:relative}.login-welcome p{color:var(--muted);letter-spacing:.18em;margin:0 0 .2rem;font-size:.82rem;font-weight:900}.login-welcome strong{color:var(--accent-strong);font-family:var(--font-display);letter-spacing:-.04em;font-size:1.65rem}.login-welcome small{color:var(--muted);margin-top:.22rem;line-height:1.55}.welcome-orbit{z-index:1;background:linear-gradient(135deg, var(--accent), #4f946f);border-radius:22px;place-items:center;width:3.6rem;height:3.6rem;animation:3.6s ease-in-out infinite welcome-float;display:grid;position:relative;box-shadow:0 14px 34px rgba(47,111,78,.24)}.welcome-orbit:before{content:"客";color:#fff;font-family:var(--font-display);font-size:1.55rem;font-weight:900}.welcome-orbit i{transform-origin:1.75rem 1.75rem;background:#fff;border-radius:999px;width:.42rem;height:.42rem;animation:2.8s linear infinite welcome-spin-a;position:absolute;box-shadow:0 0 14px rgba(255,255,255,.92)}.welcome-orbit i:first-child{transform:rotate(0)translate(1.75rem)}.welcome-orbit i:nth-child(2){animation-name:welcome-spin-b;transform:rotate(120deg)translate(1.75rem)}.welcome-orbit i:nth-child(3){animation-name:welcome-spin-c;transform:rotate(240deg)translate(1.75rem)}.agreement-check{background:rgba(47,111,78,.08);border:1px solid rgba(47,111,78,.18);border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.7rem;padding:.9rem 1rem}.agreement-check input{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin:.18rem 0 0;transform:none}.agreement-check span{color:var(--muted);font-size:.88rem;font-weight:600;line-height:1.65}.agreement-check a{color:var(--accent-strong);text-underline-offset:.18em;font-weight:900;text-decoration:underline}.input-action input{flex:1}.input-action .btn{flex:none}.client-shell{grid-template-columns:290px minmax(0,1fr);min-height:100vh;display:grid}.client-sidebar{border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;align-self:start;height:calc(100vh - 2.6rem);margin:1.3rem;padding:1.25rem;display:flex;position:sticky;top:1.3rem;overflow:auto}.client-brand{align-items:center;gap:.8rem;display:flex}.client-brand>span{background:linear-gradient(135deg, var(--accent), var(--sky));color:#fff;border-radius:18px;place-items:center;width:3.1rem;height:3.1rem;font-weight:900;display:grid}.client-brand strong,.client-brand small{display:block}.client-brand strong{font-family:var(--font-display);font-size:1.3rem}.client-brand small,.client-profile span,.client-profile small,.list-row span,.table-meta,.empty-text{color:var(--muted)}.client-nav{gap:.7rem;margin:2rem 0;display:grid}.client-nav-item{color:var(--muted);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;border-radius:18px;gap:.24rem;padding:.95rem 1rem;display:grid}.client-nav-icon{display:none}.client-nav-item.router-link-active{color:var(--accent-strong);background:linear-gradient(135deg,rgba(47,111,78,.16),rgba(47,111,78,.04))}.client-nav-item span{font-weight:800}.client-nav-item small{font-size:.78rem}.client-profile{background:rgba(255,255,255,.56);border-radius:22px;gap:.45rem;padding:1rem;display:grid}.client-profile strong{font-family:var(--font-display)}.client-workspace{padding:1.5rem 1.5rem 2.5rem 0}.client-topbar{justify-content:space-between;align-items:end;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.client-topbar h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:max(2rem,min(3vw,3rem))}.client-user-pill{border:1px solid var(--border);color:var(--muted);background:rgba(255,255,255,.55);border-radius:999px;padding:.8rem 1rem}.view-section{gap:1rem;padding:0 1.5rem;animation:.22s fade-in;display:grid}.balance-hero{background:radial-gradient(circle at 100%,rgba(55,109,159,.18),transparent 34%),linear-gradient(135deg,rgba(255,253,248,.98),rgba(239,246,232,.78));justify-content:space-between;align-items:center;gap:1rem;min-height:220px;display:flex;overflow:hidden}.balance-hero h2{color:var(--accent-strong);font-family:var(--font-display);letter-spacing:-.08em;margin:0;font-size:max(3rem,min(8vw,6rem))}.balance-hero p,.card-heading p{color:var(--muted)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border:1px solid var(--border);box-shadow:var(--shadow);background:rgba(255,255,255,.54);border-radius:24px;padding:1.1rem}.metric-card span,.order-action-card span{color:var(--muted);font-size:.9rem;display:block}.metric-card strong,.order-action-card strong{font-family:var(--font-display);margin-top:.5rem;font-size:2rem;display:block}.two-column,.orders-client-grid,.shop-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.orders-client-grid{grid-template-columns:minmax(0,1fr) 320px}.shop-client-grid{grid-template-columns:360px minmax(0,1fr)}.card-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.card-heading h2{margin:0;font-size:1.15rem}.list-stack,.shop-list{gap:.7rem;display:grid}.list-row{background:rgba(255,255,255,.52);border-radius:18px;justify-content:space-between;gap:1rem;padding:.85rem;display:flex}.list-row strong,.list-row span{display:block}.row-right{justify-items:end;gap:.35rem;display:grid}.order-action-card{align-content:center;gap:1rem;display:grid}.payment-channel-note{background:rgba(47,111,78,.08);border:1px solid rgba(47,111,78,.18);border-radius:18px;justify-content:space-between;gap:1rem;padding:.95rem 1rem;display:flex}.payment-channel-note span,.wechat-qr-panel span,.wechat-empty span{color:var(--muted)}.wechat-pay-card{align-content:start;display:grid}.wechat-qr-panel{gap:.75rem;display:grid}.wechat-qr-panel img{border:10px solid var(--panel-strong);border-radius:20px;width:232px;max-width:100%;box-shadow:0 18px 45px rgba(24,32,18,.12)}.wechat-qr-panel strong,.wechat-empty strong{margin-top:.28rem;display:block}.wechat-empty{align-content:center;gap:.7rem;min-height:260px;display:grid}.order-status-totals{gap:.65rem;display:grid}.order-status-totals>div{border:1px solid var(--border);background:rgba(255,255,255,.52);border-radius:16px;padding:.8rem}.wechat-payment-dialog{border:1px solid var(--border);width:min(94vw,520px);color:var(--text);background:rgba(255,252,244,.96);border-radius:30px;padding:0;box-shadow:0 32px 110px rgba(24,32,18,.28)}.wechat-payment-dialog::backdrop{backdrop-filter:blur(5px);background:radial-gradient(circle,rgba(47,111,78,.18),transparent 38%),rgba(24,32,18,.42)}.dialog-shell{padding:1.25rem}.dialog-qr-panel{text-align:center;justify-items:center}.management-card{position:relative;overflow:hidden}.management-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--sky), var(--gold));height:6px;position:absolute;top:0;bottom:0;left:0;right:0}.management-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.mini-filter{align-items:center;gap:.65rem;display:flex}.mini-filter input{width:110px}.table-wrap{-webkit-overflow-scrolling:touch;background:rgba(255,255,255,.52);border-radius:18px;max-width:100%;position:relative;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid rgba(42,55,28,.08);padding:.9rem .8rem}th{z-index:1;color:var(--muted);background:rgba(255,252,244,.96);font-size:.86rem;position:sticky;top:0}tbody tr:hover{background:rgba(47,111,78,.05)}.table-actions .btn{padding:.45rem .75rem;font-size:.84rem}.mono-cell{overflow-wrap:anywhere;font-family:JetBrains Mono,Consolas,monospace;font-size:.88rem}.money-cell{color:var(--accent-strong);font-weight:900}.ledger-detail{min-width:260px;max-width:520px;color:var(--muted);line-height:1.55}.table-meta{margin:1rem 0 0}.status-chip{background:rgba(24,32,18,.08);border-radius:999px;align-items:center;padding:.32rem .7rem;font-size:.8rem;font-weight:800;display:inline-flex}.status-active,.status-paid{background:var(--success-soft);color:var(--accent-strong)}.status-pending,.status-suspended{background:var(--gold-soft);color:var(--gold)}.status-offline,.status-disabled,.status-canceled{background:var(--danger-soft);color:var(--danger)}.shop-card{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:rgba(255,255,255,.54);border-radius:20px;gap:.45rem;padding:1rem;display:grid}.shop-card.active{background:rgba(47,111,78,.1);border-color:rgba(47,111,78,.35)}.shop-card span{color:var(--muted)}.shop-detail-card{gap:1rem;display:grid}.shop-detail-heading{align-items:center}.account-exit-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.account-exit-card h2{margin:0 0 .35rem;font-size:1.15rem}.account-exit-card p{color:var(--muted);margin:0}.toast-stack{z-index:50;gap:.75rem;display:grid;position:fixed;top:1.2rem;right:1.2rem}.toast{color:#fff;border-radius:18px;min-width:240px;max-width:420px;padding:.95rem 1rem;box-shadow:0 18px 45px rgba(24,32,18,.22)}.toast-success{background:linear-gradient(135deg, var(--accent), #4f946f)}.toast-error{background:linear-gradient(135deg,#8f2f22,#c24d3a)}.toast-fade-enter-active,.toast-fade-leave-active{transition:all .18s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translateY(-8px)}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes welcome-float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}@keyframes welcome-spin-a{0%{transform:rotate(0)translate(1.75rem)}to{transform:rotate(360deg)translate(1.75rem)}}@keyframes welcome-spin-b{0%{transform:rotate(120deg)translate(1.75rem)}to{transform:rotate(480deg)translate(1.75rem)}}@keyframes welcome-spin-c{0%{transform:rotate(240deg)translate(1.75rem)}to{transform:rotate(600deg)translate(1.75rem)}}@keyframes welcome-glow{0%,to{opacity:.42;transform:translate(0)}50%{opacity:.82;transform:translate(7rem,3rem)}}@media (max-width:1180px){.metric-grid,.two-column,.orders-client-grid,.shop-client-grid,.login-points{grid-template-columns:1fr}}@media (max-width:900px){.login-shell,.client-shell{grid-template-columns:1fr}.client-sidebar{height:auto;margin:1rem 1rem 0;position:static}.client-topbar,.balance-hero,.management-head,.card-heading{flex-direction:column;align-items:stretch}.mini-filter{flex-direction:column;align-items:stretch}.mini-filter input,.mini-filter .btn,.balance-hero .btn{width:100%}.list-row{flex-direction:column}.row-right{justify-items:start}.client-shell{padding-bottom:calc(6.2rem + env(safe-area-inset-bottom));display:block}.client-sidebar{z-index:40;height:auto;padding:.7rem .85rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(255,252,244,.94);border-width:1px 0 0;border-radius:24px 24px 0 0;margin:0;display:block;position:fixed;top:auto;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -18px 48px rgba(50,61,34,.16)}.client-brand,.client-profile{display:none}.client-nav{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:.4rem;margin:0;display:grid;overflow:visible}.client-nav-item{order:var(--mobile-order);text-align:center;white-space:nowrap;background:rgba(24,32,18,.06);border-radius:999px;justify-self:center;place-items:center;gap:0;width:2.9rem;min-width:2.6rem;height:2.9rem;padding:0;display:grid}.client-nav-icon{border-radius:999px;place-items:center;width:1.65rem;height:1.65rem;display:grid}.client-nav-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.42rem;height:1.42rem}.client-nav-item-main{background:linear-gradient(135deg, var(--accent), #4f946f);color:#fff;width:3.65rem;height:3.65rem;margin-top:-.7rem;box-shadow:0 10px 26px rgba(47,111,78,.3)}.client-nav-item-main .client-nav-icon{width:2.25rem;height:2.25rem}.client-nav-item-main .client-nav-icon svg{stroke-width:1.9px;width:1.78rem;height:1.78rem}.client-nav-item.router-link-active{color:var(--accent-strong);background:rgba(47,111,78,.18);box-shadow:0 8px 20px rgba(47,111,78,.16)}.client-nav-item.router-link-active .client-nav-icon{background:var(--accent);color:#fff}.client-nav-item-main.router-link-active{background:linear-gradient(135deg, var(--accent), #4f946f);color:#fff;box-shadow:0 12px 28px rgba(47,111,78,.36)}.client-nav-item-main.router-link-active .client-nav-icon{background:0 0}.client-nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.client-nav-item small{display:none}.client-workspace{padding:.85rem .85rem 1.2rem}.client-topbar{padding:.75rem .1rem .9rem}.client-topbar h1{font-size:max(1.75rem,min(10vw,2.35rem))}.client-user-pill{border-radius:18px;width:100%;padding:.72rem .85rem}.view-section{padding:0}.card,.login-card,.balance-hero{border-radius:22px;padding:1rem}.login-shell{padding:1rem}.login-copy h1{font-size:max(2.2rem,min(13vw,3.3rem))}.login-points,.metric-grid,.metric-grid.two{grid-template-columns:1fr}.metric-card{border-radius:20px;padding:1rem}.metric-card strong,.order-action-card strong,.balance-hero h2{letter-spacing:-.04em;font-size:max(1.65rem,min(9vw,2.4rem))}.orders-client-grid,.shop-client-grid,.two-column{grid-template-columns:1fr}.card-heading,.management-head,.account-exit-card{gap:.75rem}.account-exit-card,.mini-filter,.input-action,.payment-channel-note,.table-actions{flex-direction:column;align-items:stretch}.mini-filter input,.mini-filter .btn,.input-action .btn,.table-actions .btn,.balance-hero .btn{width:100%}.wechat-payment-dialog{border-radius:24px;width:calc(100vw - 1rem);max-height:calc(100dvh - 2rem);overflow:auto}.dialog-shell{padding:1rem}.wechat-qr-panel img{width:min(232px,78vw)}.table-wrap{border:1px solid rgba(42,55,28,.08);border-radius:16px;width:100%}.table-wrap:after{content:"左右滑动查看更多";color:var(--muted);background:linear-gradient(rgba(255,252,244,.2),rgba(255,252,244,.92));padding:.5rem .75rem;font-size:.78rem;display:block;position:sticky;bottom:0;left:0}table{min-width:720px}th,td{padding:.78rem .68rem}th{font-size:.8rem;top:0}.ledger-detail{min-width:220px}.toast-stack{top:.8rem;bottom:auto;left:.8rem;right:.8rem}.toast{width:100%;min-width:0;max-width:none}}@media (max-width:560px){.login-tabs,.form-actions{flex-direction:column}.login-tabs .btn,.form-actions .btn{width:100%}.client-nav-item{width:2.6rem;height:2.6rem}.client-nav-item-main{width:3.45rem;height:3.45rem}table{min-width:680px}}
