:root{color:#172033;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.page-shell{width:min(100%,680px);min-height:100vh;margin:auto;padding:20px 18px 34px}.topbar,.brand,.section-heading,.payment-card{display:flex;align-items:center}.topbar,.section-heading{justify-content:space-between}.brand{gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;font-weight:800;background:#101828;box-shadow:0 5px 15px #10182833}.brand b,.brand small{display:block}.brand small{margin-top:2px;color:#7b8494;font-size:11px}.balance-chip,.recommended{border-radius:999px;font-size:12px;font-weight:650}.balance-chip{padding:7px 10px;border:0;color:#2456b9;background:#eaf1ff;cursor:pointer}.workspace{margin-top:28px;padding:16px;border:1px solid #e3e8f0;border-radius:10px;background:#fff;box-shadow:0 12px 30px #23344d0b}.workspace-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;color:#202a3d;font-weight:700}.agent-pill{padding:5px 8px;border-radius:999px;color:#50617d;background:#f0f3f8;font-size:11px}.message{max-width:88%;padding:12px 13px;margin:10px 0;border-radius:9px;font-size:14px;line-height:1.65}.message p{margin:5px 0 0}.user-message{margin-left:auto;color:#fff;background:#256de0}.agent-message{color:#46546c;background:#f2f5f9}.low-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 12px;padding:13px;border-radius:8px;color:#6c4a0a;background:#fff8e7}.low-balance p{margin:3px 0 0;font-size:12px}.low-balance button{flex:0 0 auto;padding:8px 10px;border:0;border-radius:6px;color:#fff;background:#d98316;font-size:12px;font-weight:700;cursor:pointer}.composer{display:flex;align-items:center;justify-content:space-between;padding:11px 11px 11px 13px;border:1px solid #e0e5ee;border-radius:8px;color:#9aa3b2;font-size:13px}.composer button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:7px;color:#fff;background:#266fdf;font-size:19px}.recharge-section{margin-top:30px}.eyebrow{margin:0 0 6px;color:#64748b;font-size:12px;font-weight:700;letter-spacing:.06em}h2,p{margin-top:0}h2{margin-bottom:5px;font-size:19px}.section-heading>span{color:#8690a2;font-size:12px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plan{position:relative;min-height:142px;padding:16px 10px;text-align:left;color:#566176;border:1px solid #e1e6ee;border-radius:8px;background:#fff;cursor:pointer}.plan.selected{color:#1f4fae;border:2px solid #3478e5;background:#f8fbff}.plan-name,.plan span:last-child{display:block;font-size:12px}.plan strong{display:block;margin:9px 0 6px;color:#172033;font-size:22px}.recommended{position:absolute;top:-9px;right:8px;padding:3px 7px;color:#fff;background:#3478e5}.payment-card{gap:13px;margin-top:20px;padding:18px;border:1px solid #e3e7ef;border-radius:8px;background:#fff}.payment-card>div:nth-child(2){flex:1}.payment-card p{margin-bottom:0;color:#657087;font-size:12px;line-height:1.6}.alipay-icon,.qr span{display:grid;place-items:center;color:#fff;background:#1677ff}.alipay-icon{width:38px;height:38px;border-radius:9px;font-size:23px;font-weight:700}.payment-card button{padding:10px 13px;border:0;border-radius:7px;color:#fff;background:#1677ff;font-weight:700;cursor:pointer}footer{margin-top:26px;text-align:center;color:#9aa3b2;font-size:11px}dialog{width:min(360px,calc(100vw - 32px));padding:27px 22px 23px;border:0;border-radius:12px;box-shadow:0 22px 70px #17203345;text-align:center}dialog::backdrop{background:#17203366}.close{position:absolute;right:11px;top:7px;border:0;background:transparent;color:#778197;font-size:25px;cursor:pointer}.order-line{color:#3e495c;font-size:14px}.qr{display:grid;place-items:center;width:176px;height:176px;margin:20px auto 12px;border:10px solid #f5f7fb;background:repeating-linear-gradient(45deg,#eef2f8 0 3px,#fff 3px 7px)}.qr span{width:68px;height:68px;border-radius:14px;font-size:42px;font-weight:700}.muted{margin-bottom:5px;font-weight:700}.subtle{margin:0;color:#8a94a6;font-size:12px}@media(max-width:430px){.plans{gap:7px}.plan{min-height:132px;padding:14px 8px}.plan strong{font-size:19px}.payment-card{align-items:flex-start;flex-wrap:wrap}.payment-card button{margin-left:51px;width:calc(100% - 51px)}}