.myinfo-html{--ui-card-radius:12px;--ui-page-padding:16px;--ui-hero-bleed:0px;--ui-section-gap:12px;--ui-gap:8px;--ui-title-size:20px;--ui-label-size:16px;--ui-body-size:15px;--ui-caption-size:14px;--ui-en-size:12px;min-height:100vh;padding-bottom:80px;background:#f5f7fa}.myinfo-html .profile-hero{position:relative;margin:0 0 var(--ui-section-gap)}.myinfo-html .profile-hero__banner{height:100px;margin:0;border-radius:0 0 10px 10px;padding:14px 16px 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#4c8bf5,#3974f6);-webkit-box-shadow:0 6px 16px rgba(57,116,246,.15);box-shadow:0 6px 16px rgba(57,116,246,.15)}.myinfo-html .profile-hero__title{color:#fff;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:.5px;text-align:center;opacity:.95}.myinfo-html .profile-card{position:relative;margin:-32px var(--ui-page-padding) 0;padding:18px 16px 14px;border-radius:var(--ui-card-radius);background:#fff;border:none;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06)}.myinfo-html .profile-card__top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:14px;padding-top:0}.myinfo-html .profile-card__avatar{width:56px;height:56px;margin-top:-32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #fff;-webkit-box-shadow:0 3px 10px rgba(0,0,0,.08);box-shadow:0 3px 10px rgba(0,0,0,.08);background:#fff;-ms-flex-negative:0;flex-shrink:0}.myinfo-html .profile-card__identity{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:10px}.myinfo-html .profile-card__name{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;font-size:var(--ui-title-size);line-height:28px;font-weight:700;color:#1f2329;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myinfo-html .profile-card__tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;padding:0 18px;min-width:96px;height:38px;border-radius:19px;background:-webkit-gradient(linear,left top,left bottom,from(#fafcff),to(#f2f7ff));background:linear-gradient(180deg,#fafcff,#f2f7ff);border:1px solid #dde7f6;color:#3974f6;-webkit-box-shadow:0 2px 8px rgba(72,112,193,.06);box-shadow:0 2px 8px rgba(72,112,193,.06);font-size:15px;font-weight:700;line-height:1}.myinfo-html .profile-card__toggle{width:100%;margin-top:16px;min-height:44px;padding:0 16px;border:none;border-radius:10px;background:#e8eef6;color:#2c3e50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;font-weight:600;cursor:pointer}.myinfo-html .profile-card__toggle .van-icon{font-size:17px;color:#5a6a7a}.myinfo-html .profile-card__info{margin-top:14px;border-radius:12px;background:#f5f7fa;border:1px solid #e2e6ec;overflow:hidden}.myinfo-html .profile-card__row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid #e8ebf0}.myinfo-html .profile-card__row:last-child{border-bottom:0}.myinfo-html .profile-card__row--id{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:14px;padding-bottom:14px}.myinfo-html .profile-card__label{-webkit-box-flex:0;-ms-flex:0 0 84px;flex:0 0 84px;color:#6b7c91;font-size:16px;font-weight:500;line-height:1.4}.myinfo-html .profile-card__value{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:right;min-width:0;color:#111827;font-size:16px;font-weight:700;line-height:1.5;word-break:break-word}.myinfo-html .profile-card__value--id{font-size:15px;letter-spacing:.5px;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.myinfo-html .my-grid-section{margin:0 var(--ui-page-padding) 8px}.myinfo-html .my-grid-section--first{margin-top:0}.myinfo-html .my-grid-section__title{margin:0 0 6px 4px;color:#2a3344;font-size:16px;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.myinfo-html .my-grid-card{border-radius:var(--ui-card-radius);padding:6px 4px;background:#fff;border:none;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.04);box-shadow:0 1px 8px rgba(0,0,0,.04)}.myinfo-html .my-grid-card .van-grid-item__content{min-height:76px;padding:6px 4px 4px;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.myinfo-html .my-grid-card .my-grid-item-text,.myinfo-html .my-grid-card .van-grid-item__text{font-size:15px;line-height:1.25;min-height:20px;max-height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#3f4859;white-space:normal;word-break:break-word;overflow-wrap:anywhere;overflow:hidden;font-weight:500}.myinfo-html .my-grid-card .my-grid-item-text.text-small,.myinfo-html .my-grid-card .van-grid-item__text.text-small{font-size:13px;-webkit-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:center top;transform-origin:center top}.myinfo-html .my-grid-card .my-grid-icon-wrap{width:48px;height:44px;border-radius:12px;background:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}.myinfo-html .my-grid-card .my-grid-icon-wrap .svg-icon,.myinfo-html .my-grid-card .my-grid-icon-wrap .van-icon{width:32px;height:32px;color:#165dff;fill:#165dff;font-size:30px}.myinfo-html .action-list{margin:0 var(--ui-page-padding) var(--ui-section-gap);border-radius:var(--ui-card-radius);background:#fff;-webkit-box-shadow:0 1px 8px rgba(0,0,0,.04);box-shadow:0 1px 8px rgba(0,0,0,.04);overflow:hidden}.myinfo-html .action-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px;cursor:pointer;-webkit-transition:background .15s ease;transition:background .15s ease;border-bottom:1px solid #f4f6f8}.myinfo-html .action-item:last-child{border-bottom:none}.myinfo-html .action-item:active{background:#f7f9fc}.myinfo-html .action-item__left{gap:14px}.myinfo-html .action-item__icon,.myinfo-html .action-item__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.myinfo-html .action-item__icon{width:40px;height:40px;border-radius:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px}.myinfo-html .action-item__icon--edit{background:#e8f0fe;color:#4c7cf9}.myinfo-html .action-item__icon--logout{background:#fee8e8;color:#ef4444}.myinfo-html .action-item__icon--service{background:#e8f4ff;color:#3974f6}.myinfo-html .action-item__text{font-size:16px;font-weight:500;color:#1f2329}.myinfo-html .action-item__arrow{font-size:16px;color:#c5c9d0}.myinfo-html .van-tabbar{border-top:1px solid #e8eaed;-webkit-box-shadow:0 -2px 12px rgba(0,0,0,.03);box-shadow:0 -2px 12px rgba(0,0,0,.03)}.myinfo-html .van-tabbar-item{font-size:12px}.myinfo-html .van-tabbar-item__icon{font-size:24px}.myinfo-html .cs-dialog{position:relative;padding:16px;text-align:center}.myinfo-html .cs-dialog__title{font-size:16px;font-weight:600;color:#1f2329;margin-bottom:12px}.myinfo-html .cs-dialog__img-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:360px){.myinfo-html .profile-hero__banner{height:90px;padding-top:12px}.myinfo-html .profile-card__avatar{width:52px;height:52px;margin-top:-28px}.myinfo-html .profile-card__identity{gap:8px}.myinfo-html .my-grid-icon-wrap{width:48px;height:44px}.myinfo-html .my-grid-icon-wrap .svg-icon,.myinfo-html .my-grid-icon-wrap .van-icon{width:30px;height:30px;font-size:28px}.myinfo-html .my-grid-item-text,.myinfo-html .van-grid-item__text{font-size:13px}}