.member-page, .member-page button { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.member-page { min-height: calc(100vh - 30px); padding: 0 10px 108px; background: #f5f5f5; }
.member-top { height: 65px; margin: 0 -10px; padding: 0 13px; display: flex; align-items: center; justify-content: space-between; color: #fff; background: #1374bf; }
.member-top strong { font-size: 18px; }
.member-top button { border: 0; background: transparent; color: #fff; font-size: 37px; line-height: 1; }
.member-top span { padding: 5px 10px; border-radius: 15px; background: #fff8; color: #123b62; font-weight: 700; }
.member-tier-card { height: 94px; margin: 0 -1px; padding: 18px 18px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; border-radius: 10px; color: #385685; background: repeating-linear-gradient(155deg, #e9edff 0 2px, #f5f6ff 2px 7px); }
.member-tier-card strong { font-size: 18px; }
.member-tier-card b { margin-left: 8px; color: #536896; font-size: 14px; letter-spacing: 1px; }
.member-tier-card p { margin: 8px 0 0; color: #47566d; font-size: 12px; }
.member-tier-card .member-code { margin-top: 6px; color: #2f5c89; font-size: 12px; }
.member-tier-card > span { color: #91a7d2; font-size: 51px; text-shadow: 2px 2px 0 #fff; }
.member-rights { margin-top: -1px; padding: 0 10px 15px; border-radius: 10px; }
.tier-tabs { display: grid; grid-template-columns: repeat(5, 1fr); height: 61px; align-items: end; }
.tier-tabs button { position: relative; height: 45px; border: 0; border-bottom: 2px solid transparent; background: #fff; color: #4a4f56; font-size: 15px; white-space: nowrap; }
.tier-tabs button.active { color: #087bd8; border-color: #087bd8; }
.tier-tabs em { position: absolute; top: -17px; left: 50%; transform: translateX(-50%); padding: 2px 5px; border-radius: 2px; background: #f12417; color: #fff; font-style: normal; font-size: 9px; }
.rights-list { padding: 15px 17px; border-radius: 7px; background: linear-gradient(145deg, #eef8ff, #fff 45%); }
.rights-list article { margin-bottom: 21px; }
.rights-list article:last-child { margin-bottom: 2px; }
.rights-list strong { display: block; color: #1c557c; font-size: 15px; font-weight: 600; }
.rights-list p { margin: 10px 0 0 27px; color: #525b63; font-size: 13px; line-height: 1.5; }
.rights-list p::first-letter { color: #f28a28; }
.rights-note { margin: 18px 0 0; text-align: center; color: #474f59; font-size: 13px; }
.member-pay { position: fixed; z-index: 4; right: 0; bottom: 78px; left: 0; height: 67px; padding: 8px 17px; display: flex; align-items: center; justify-content: space-between; background: #fff; box-shadow: 0 -3px 10px #1b335314; }
.member-pay div { display: flex; flex-direction: column; gap: 3px; }
.member-pay b { color: #ff3a32; font-size: 18px; }
.member-pay span { color: #5e656a; font-size: 12px; }
.member-pay button { width: 180px; height: 46px; border: 0; border-radius: 5px; background: #1474bf; color: #fff; font-size: 16px; font-weight: 700; }
.level .mine-code { display: block; margin-top: 4px; font-size: 10px; letter-spacing: .2px; }