*{box-sizing:border-box}
.phone{background:#fff;color:#111}
.personal{width:100%;min-height:760px;background:#fff;padding-bottom:62px}
.personal header{height:48px;background:#1d1e22;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;font-size:17px}
.personal header .back,.personal header span{position:absolute;top:0;height:48px;width:48px;display:grid;place-items:center;border:0;background:none;color:#fff;text-decoration:none;font-size:28px}
.personal header .back{left:0}
.personal header span{right:4px;font-size:20px}
.profile{background:#1d1e22;color:#fff;display:flex;align-items:center;gap:14px;padding:12px 18px 22px}
.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:1px solid #fff;font-size:26px}
.profile h2{margin:0;font-size:16px}
.profile p{margin:6px 0 0;color:#bbb;font-size:12px}
.wallet{margin:-1px 12px 12px;padding:14px;border-radius:0 0 14px 14px;background:linear-gradient(120deg,#fff2dd,#edc48f);position:relative;color:#111}
.wallet small,.wallet strong{display:block}
.wallet strong{font-size:26px;margin-top:4px}
.wallet div{position:absolute;right:12px;top:22px;display:flex;gap:8px}
.wallet button{border:0;border-radius:20px;padding:8px 18px;background:#28292c;color:#fff;font-weight:bold}
.wallet button+button{background:#ff9611}
.vip-banner{display:block;position:relative;margin:12px;border-radius:28px;background:linear-gradient(90deg,#222,#4b4239);color:#f5cf95;padding:10px 52px;text-decoration:none}
.vip-banner span{position:absolute;left:12px;font-size:28px}
.vip-banner b{display:block;font-size:18px}
.vip-banner small{display:block;font-size:11px;color:#cfb88e}
.vip-banner em{position:absolute;right:10px;top:10px;border-radius:50%;background:#ffe4ae;color:#a77b44;padding:8px;font-size:14px;font-style:normal}
.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px 16px}
.menu-grid a{display:grid;place-items:center;gap:6px;padding:14px 2px;color:#ff8e00;text-decoration:none;font-size:20px}
.menu-grid span{font-size:12px;color:#111}
.personal nav{position:absolute;left:0;right:0;bottom:0;height:58px;background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around}
.personal nav a{display:grid;place-items:center;color:#999;text-decoration:none;font-size:18px}
.personal nav small{font-size:10px}
.personal nav .active{color:#ff8e00}