.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:1.125rem;text-align:center;font-size:.9375rem;height:2.75rem;line-height:2.75rem}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:.75rem;padding:.9375rem;margin-bottom:.9375rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.tag{display:inline-block;font-size:.6875rem;color:#0f95b0;background:rgba(15,149,176,.1);padding:.125rem .375rem;border-radius:.125rem;margin-right:.3125rem}.section-title{font-size:1.0625rem;font-weight:700;color:#333;position:relative;padding-left:.625rem;margin-bottom:.9375rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.1875rem;height:.9375rem;background:#0f95b0;border-radius:.09375rem}.price{font-size:1rem;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:.75rem;color:#999;text-decoration:line-through;margin-left:.3125rem}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}body{width:100%;height:100%;overflow-x:hidden}.my-container{min-height:100vh;background:#f5f6fa;padding-bottom:1.25rem}.my-container .user-card{background:linear-gradient(135deg,#0f95b0,#89c4c1);padding:1.25rem .9375rem;display:flex;justify-content:space-between;align-items:center}.my-container .user-card .user-info{display:flex;align-items:center}.my-container .user-card .user-info .avatar{width:3.75rem;height:3.75rem;border-radius:50%;border:.125rem solid rgba(255,255,255,.3);margin-right:.625rem}.my-container .user-card .user-info .info .name{font-size:1.125rem;color:#fff;font-weight:700;margin-bottom:.25rem;display:block}.my-container .user-card .user-info .info .id{font-size:.8125rem;color:rgba(255,255,255,.9)}.my-container .user-card .vip-info{text-align:right}.my-container .user-card .vip-info .level{font-size:1rem;color:#fff;font-weight:700;margin-bottom:.25rem;display:block}.my-container .user-card .vip-info .desc{font-size:.75rem;color:rgba(255,255,255,.9)}.my-container .quick-access{margin:-1.25rem .625rem 0;background:#fff;border-radius:.75rem;padding:.9375rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;box-shadow:0 .0625rem .25rem rgba(0,0,0,.05)}.my-container .quick-access .access-item{text-align:center}.my-container .quick-access .access-item .count{font-size:1.125rem;color:#0f95b0;font-weight:700;margin-bottom:.25rem;display:block}.my-container .quick-access .access-item .label{font-size:.8125rem;color:#666}.my-container .function-list{margin-top:.625rem;margin-left:.15625rem}.my-container .function-list .section{margin-bottom:.625rem}.my-container .function-list .section .section-title{font-size:.875rem;color:#999;padding:.625rem .9375rem}.my-container .function-list .section .menu-list{background:#fff}.my-container .function-list .section .menu-list .menu-item{display:flex;justify-content:space-between;align-items:center;padding:.9375rem;border-bottom:.03125rem solid #eee}.my-container .function-list .section .menu-list .menu-item:last-child{border-bottom:none}.my-container .function-list .section .menu-list .menu-item .left{display:flex;align-items:center}.my-container .function-list .section .menu-list .menu-item .left .iconfont{font-size:1.25rem;color:#0f95b0;margin-right:.625rem}.my-container .function-list .section .menu-list .menu-item .left .label{font-size:.9375rem;color:#333}.my-container .function-list .section .menu-list .menu-item .right{display:flex;align-items:center}.my-container .function-list .section .menu-list .menu-item .right .value{font-size:.8125rem;color:#999;margin-right:.375rem}.my-container .function-list .section .menu-list .menu-item .right .tag{font-size:.6875rem;color:#0f95b0;background:rgba(15,149,176,.1);padding:.125rem .375rem;border-radius:.125rem;margin-right:.375rem}.my-container .function-list .section .menu-list .menu-item .right .icon-arrow-right{font-size:.75rem;color:#999}.my-container .function-list .section .menu-list .menu-item:active{background:#fafafa}.my-container .logout-btn{margin:1.25rem .9375rem;height:2.75rem;line-height:2.75rem;text-align:center;font-size:.9375rem;color:#f56c6c;background:#fff;border-radius:.75rem}.my-container .logout-btn:active{background:#fafafa}
|
