/* 我的 - 子页面公共样式 */
.mp-page{background:#f5f5f5;min-height:100vh;padding-bottom:24px}
.mp-header{display:flex;align-items:center;justify-content:center;height:46px;background:#fff;position:sticky;top:0;z-index:10;font-size: 21px;font-weight:600;border-bottom:1px solid #eee;color:#333}
.mp-header a.mp-back{position:absolute;left:12px;text-decoration:none;font-size: 29px;color:#333;line-height:1}
.mp-card{background:#fff;margin:10px 12px;border-radius:10px;padding:14px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.mp-empty{text-align:center;color:#999;padding:48px 16px;font-size: 20px}
.mp-list-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f3f3f3;text-decoration:none;color:#333}
.mp-list-item:last-child{border-bottom:none}
.mp-avatar{width:44px;height:44px;border-radius:50%;background:#e8f8ef;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;font-size: 23px}
.mp-avatar img{width:100%;height:100%;object-fit:cover}
.mp-meta{flex:1;min-width:0}
.mp-meta .name{font-size: 20px;font-weight:600;margin-bottom:4px}
.mp-meta .sub{font-size: 18px;color:#999}
.mp-btn{display:inline-block;padding:8px 16px;background:#17c45b;color:#fff;border:none;border-radius:18px;font-size: 19px;text-decoration:none;cursor:pointer}
.mp-btn-outline{background:#fff;color:#17c45b;border:1px solid #17c45b}
.mp-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.mp-stat{background:#f8fbf9;border-radius:8px;padding:14px;text-align:center}
.mp-stat .num{font-size: 27px;font-weight:700;color:#17c45b}
.mp-stat .lbl{font-size: 18px;color:#666;margin-top:4px}
.mp-form-row{padding:12px 0;border-bottom:1px solid #f0f0f0}
.mp-form-row label{display:block;font-size: 19px;color:#666;margin-bottom:6px}
.mp-form-row input,.mp-form-row textarea{width:100%;border:1px solid #eee;border-radius:8px;padding:10px;font-size: 20px;box-sizing:border-box}
.mp-submit{display:block;width:100%;height:44px;line-height:44px;text-align:center;background:#17c45b;color:#fff;border:none;border-radius:22px;font-size: 21px;font-weight:600;margin-top:16px;cursor:pointer}
.mp-rank-no{width:28px;text-align:center;font-weight:700;color:#999;flex-shrink:0}
.mp-rank-no.top{color:#ff9800}
.mp-text{white-space:pre-wrap;line-height:1.7;font-size: 20px;color:#444}
.mp-medal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mp-medal{text-align:center;padding:12px 6px;border-radius:8px;background:#f8f8f8;opacity:.45}
.mp-medal.owned{opacity:1;background:#f0faf4}
.mp-medal .icon{font-size: 33px}
.mp-medal .name{font-size: 18px;margin-top:6px;color:#333}
.mp-activity{display:block;text-decoration:none;color:#333;border-bottom:1px solid #f3f3f3;padding:12px 0}
.mp-activity:last-child{border-bottom:none}
.mp-activity h4{margin:0 0 6px;font-size: 20px}
.mp-activity p{margin:0;font-size: 19px;color:#666;line-height:1.5}