:root{font-family:Inter,Microsoft YaHei,PingFang SC,sans-serif;color:#071515;background:#f7faf9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{font:inherit}button{cursor:pointer}.auth-shell{--bg: #f7faf9;--surface: #fff;--text: #071515;--muted: #536466;--line: rgba(7,21,21,.12);--primary: #ff493d;min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text)}.auth-shell[data-theme=dark]{--bg: #071515;--surface: #102526;--text: #f5fbfa;--muted: #b8c9c8;--line: rgba(245,251,250,.16)}.auth-shell[data-accent=mint]{--primary: #149b99}.auth-shell[data-accent=gold]{--primary: #c9951e}.auth-panel{width:min(420px,100%);display:grid;gap:16px;padding:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 18px 46px #1f292417}.auth-brand{width:180px;max-height:44px;object-fit:contain;object-position:left center}.auth-panel p{color:var(--muted);line-height:1.55}.auth-panel form{display:grid;gap:14px}.auth-panel label{display:grid;gap:7px;color:var(--muted);font-size:14px}.auth-panel input{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.auth-panel .primary{min-height:44px}.form-error{color:#b86861!important}.theme-link{justify-self:start;border:0;color:var(--muted);background:transparent}.access-price{color:var(--primary);font-size:34px}.payment-link{display:grid;place-items:center;min-height:44px;color:#fff;text-decoration:none}.payment-card{display:grid;justify-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:7px;background:color-mix(in srgb,var(--primary) 4%,var(--surface))}.payment-qr{width:264px;height:264px;image-rendering:pixelated;background:#fff}.payment-card .payment-link{width:100%;color:var(--text)}.topup-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin-top:22px;padding:22px 24px;border:1px solid var(--line);border-radius:7px;background:var(--surface)}.topup-panel h2{margin-top:7px;color:var(--primary)}.topup-panel p{margin-top:8px;color:var(--muted);font-size:14px}.topup-form{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.topup-form input,.topup-form select{min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:0 10px}.amount-option{min-height:34px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text)}.topup-quote{min-width:70px;color:var(--primary)}.topup-order{display:grid;justify-items:center;gap:9px;color:var(--muted);font-size:14px}.topup-qr{width:220px;height:220px}.topup-success{display:flex;align-items:center;gap:12px;min-width:330px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,var(--surface));animation:topup-success-in .28s ease-out both}.topup-success>div{display:grid;gap:4px;min-width:0}.topup-success strong{color:var(--accent-dark, #149b99)}.topup-success small{color:var(--muted)}.success-mark{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;background:var(--accent);font-weight:800;animation:success-mark-pop .36s cubic-bezier(.2,.8,.2,1) both}.topup-success .secondary{margin-left:auto;white-space:nowrap}.project-create-form{display:flex;align-items:center;gap:8px}.project-create-form input{width:220px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text)}.project-list{display:grid;gap:8px;margin-top:20px}.project-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.project-row div{display:grid;gap:5px}.project-row small,.project-row time{color:var(--muted);font-size:13px}@keyframes topup-success-in{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes success-mark-pop{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.topup-success,.success-mark{animation:none}}.shell{--bg: #f7faf9;--surface: #fff;--text: #071515;--muted: #536466;--line: rgba(7,21,21,.12);--primary: #ff493d;--accent: #2dbdbb;min-height:100vh;display:grid;grid-template-columns:224px minmax(0,1fr);background:var(--bg);color:var(--text)}.shell[data-theme=dark]{--bg: #071515;--surface: #102526;--text: #f5fbfa;--muted: #b8c9c8;--line: rgba(245,251,250,.16)}.shell[data-accent=mint]{--primary: #149b99}.shell[data-accent=gold]{--primary: #c9951e}.sidebar{display:flex;min-height:100vh;flex-direction:column;gap:26px;padding:24px 16px;border-right:1px solid var(--line);background:var(--surface)}.brand{width:166px;max-height:40px;object-fit:contain;object-position:left center}nav{display:grid;gap:4px}nav a,.sidebar-foot button{padding:11px 13px;border:0;border-radius:6px;color:var(--muted);background:transparent;text-align:left;text-decoration:none}nav a:hover,nav a.active,.sidebar-foot button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,var(--surface))}.sidebar-foot{display:grid;gap:8px;margin-top:auto;color:var(--muted);font-size:12px}.content{width:min(100%,1480px);padding:28px 40px 64px}header,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.eyebrow{color:var(--muted);font-size:13px}h1,h2,h3,p{margin:0}h1{margin-top:7px;font-size:28px}h2{font-size:18px}.toolbar{display:flex;align-items:center;gap:9px}.credits{margin-right:12px;color:var(--muted);font-size:14px}.accent{width:22px;height:22px;border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--line)}.accent.coral{background:#ff493d}.accent.mint{background:#2dbdbb}.accent.gold{background:#c9951e}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.summary>div,.page-section{border:1px solid var(--line);border-radius:7px;background:var(--surface)}.summary>div{display:grid;gap:9px;padding:18px}.summary span,.summary strong{color:var(--muted)}.summary strong{color:var(--primary);font-size:25px}.page-section{margin-top:22px;padding:24px}.section-head p{margin-top:7px;color:var(--muted);font-size:14px}.primary,.secondary{min-height:40px;padding:0 16px;border:1px solid transparent;border-radius:6px;font-weight:700}.primary{color:#fff;background:var(--primary)}.secondary{color:var(--text);border-color:var(--line);background:var(--surface)}.empty{display:flex;align-items:center;gap:28px;min-height:280px;padding:30px 8px}.empty img{width:280px;aspect-ratio:4 / 3;object-fit:cover;border-radius:6px}.empty p{max-width:430px;margin:9px 0 18px;color:var(--muted);line-height:1.6}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;z-index:2;top:0;min-height:auto;flex-direction:row;align-items:center;overflow:auto;padding:10px 14px}.brand{width:120px}.sidebar-foot{display:flex;margin:0 0 0 auto;white-space:nowrap}.sidebar-foot span{display:none}nav{display:flex}.content{padding:22px 16px 48px}.summary{grid-template-columns:1fr}.empty{align-items:flex-start;flex-direction:column}.empty img{width:100%;max-width:360px}.topup-panel{grid-template-columns:1fr}.topup-form,.project-create-form{align-items:stretch;flex-direction:column}.project-create-form input{width:100%}.project-row{align-items:flex-start;flex-direction:column}}