.mine-page, .mine-page button { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.mine-page { padding-top: 8px; }
.mine-title { margin: 0 0 16px; text-align: center; font-size: 22px; font-weight: 700; }
.member-profile { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; }
.default-avatar { width: 67px; height: 67px; display: flex; align-items: center; justify-content: center; border: 3px solid #fff; border-radius: 50%; background: linear-gradient(135deg, #bfe4ff, #437fc3); box-shadow: 0 2px 7px #1e5a8a33; font-size: 38px; }
.member-profile > div:nth-child(2) { display: flex; flex: 1; flex-direction: column; gap: 7px; }
.member-profile strong { font-size: 18px; font-weight: 700; }
.member-profile small { color: #647280; font-size: 14px; }
.member-profile button { padding: 8px 10px; border: 1px solid #087bd8; border-radius: 17px; background: #fff; color: #087bd8; font-size: 12px; }
.member-overview { position: relative; overflow: hidden; padding: 20px; border-radius: 14px; color: #0c4d8b; background: linear-gradient(135deg, #ecf9ff, #bfe7ff); box-shadow: 0 6px 13px #176fa525; }
.member-overview::after { content: 'LAE'; position: absolute; right: 22px; bottom: 25px; color: #087bd814; font-size: 72px; font-weight: 800; }
.member-overview-head { display: flex; align-items: center; gap: 9px; }
.member-overview-head strong { font-size: 19px; }
.member-overview-head button { padding: 6px 10px; border: 0; border-radius: 14px; background: #287abe; color: #fff; font-size: 12px; }
.member-overview > p { position: relative; z-index: 1; margin: 10px 0 0; color: #345a7e; font-size: 14px; }
.member-mark { position: absolute; z-index: 1; right: 28px; top: 44px; color: #238ce3; font-size: 68px; text-shadow: 2px 3px 2px #fff; }
.show-cert { position: absolute; z-index: 2; top: 0; right: 0; padding: 10px 12px; border: 0; border-radius: 0 14px 0 14px; background: #36516b; color: #fff; font-size: 13px; }
.member-overview-foot { position: relative; z-index: 1; display: flex; justify-content: space-between; margin: 22px -20px -20px; padding: 12px 20px; background: #c9ecff; font-size: 13px; }
.member-overview-foot button { border: 0; background: transparent; color: #1263a9; font-size: 13px; }
.profile-progress { margin-top: 16px; padding: 14px 12px; display: flex; align-items: center; gap: 8px; font-size: 14px; }
.profile-progress i { flex: 1; height: 8px; overflow: hidden; border-radius: 8px; background: #e5e6e5; }
.profile-progress i b { display: block; width: 0; height: 100%; background: #087bd8; }
.profile-progress span { font-size: 13px; }
.profile-progress button { border: 0; background: transparent; color: #087bd8; font-size: 13px; }
.member-notice { margin: 12px 0; color: #495b68; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cert-mask { position: absolute; z-index: 60; inset: 0; display: flex; align-items: center; justify-content: center; padding: 18px; background: #071d2e88; }
.cert-panel { position: relative; width: 100%; padding: 24px 13px 18px; border-radius: 11px; background: #fff; }
.cert-panel h2, .cert-panel h3 { margin: 0; text-align: center; font-size: 16px; }
.cert-panel h3 { margin-top: 7px; font-size: 17px; }
.cert-close { position: absolute; top: 16px; right: 12px; width: 26px; height: 26px; border: 2px solid #89939c; border-radius: 50%; background: #fff; color: #69737c; font-size: 25px; line-height: 18px; }
.cert-card { min-height: 200px; margin-top: 19px; padding: 17px 0 14px 136px; border-radius: 8px; background: radial-gradient(circle at 82% 38%, #fcfff9, #effff7 25%, transparent 48%), linear-gradient(135deg, #b4e8ff, #f6fdf8 52%, #9edcf5); color: #1567a9; }
.cert-card p { margin: 0 0 9px; font-size: 14px; }

/* 正式会员注册 / 登录 */
.auth-page { min-height: 100vh; padding: 0 0 86px; background: #f4f8fc; }
.auth-hero { min-height: 240px; padding: 29px 24px 34px; color: #fff; background: linear-gradient(135deg, #07579d, #129de8); }
.auth-back { float: right; width: 32px; height: 32px; border: 0; border-radius: 50%; background: #ffffff20; color: #fff; font-size: 28px; line-height: 24px; }
.auth-hero img { width: 46px; height: 46px; padding: 5px; border-radius: 13px; background: #fff; object-fit: contain; vertical-align: middle; }
.auth-hero > span { display: inline-block; margin-left: 10px; color: #cdeeff; font-size: 10px; letter-spacing: 1.3px; vertical-align: middle; }
.auth-hero strong { display: block; margin-top: 32px; font-size: 25px; letter-spacing: .3px; }
.auth-hero p { margin: 7px 0 0; color: #d7f1ff; font-size: 13px; }
.auth-card { position: relative; z-index: 2; margin: -29px 16px 0; padding: 22px 20px; border-radius: 15px; background: #fff; box-shadow: 0 8px 22px #16456816; }
.account-tabs { display: grid; grid-template-columns: 1fr 1fr; margin: -7px -5px 18px; padding: 4px; border-radius: 9px; background: #eef5fa; }
.account-tabs button { padding: 9px 5px; border: 0; border-radius: 7px; background: transparent; color: #668096; font-size: 15px; font-weight: 600; }
.account-tabs button.active { color: #087bd8; background: #fff; box-shadow: 0 2px 5px #153b5b14; }
.auth-tabs { display: flex; border-bottom: 1px solid #edf1f4; }
.auth-tabs button { position: relative; flex: 1; padding: 0 0 13px; border: 0; background: transparent; color: #758496; font-size: 16px; font-weight: 600; }
.auth-tabs button.active { color: #087bd8; }
.auth-tabs button.active::after { content: ''; position: absolute; right: 25%; bottom: -1px; left: 25%; height: 2px; border-radius: 2px; background: #087bd8; }
.auth-card form { display: flex; flex-direction: column; gap: 15px; padding-top: 20px; }
.auth-card label { display: flex; flex-direction: column; gap: 8px; color: #31475d; font-size: 14px; font-weight: 600; }
.auth-card input { width: 100%; padding: 13px 12px; border: 1px solid #dce7f0; border-radius: 8px; outline: none; color: #1d3349; font: 15px -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.auth-card select { width: 100%; padding: 13px 29px 13px 12px; border: 1px solid #dce7f0; border-radius: 8px; outline: none; appearance: auto; background: #fff; color: #1d3349; font: 15px -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
.region-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.auth-card input:focus { border-color: #0b85df; box-shadow: 0 0 0 3px #0b85df17; }
.auth-tip { margin: -2px 0 2px; color: #8796a4; font-size: 12px; line-height: 1.7; }
.auth-submit { padding: 13px; border: 0; border-radius: 8px; background: #087bd8; color: #fff; font-size: 16px; font-weight: 600; box-shadow: 0 6px 12px #087bd83a; }
.auth-submit:disabled { opacity: .65; }
.default-avatar img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.member-overview.member-pending { background: linear-gradient(135deg, #f5fbff, #d4efff); }

/* 视频发布：个人会员与单位会员共用 */
.publish-sheet-page { position: fixed; z-index: 80; inset: 0; display: flex; align-items: flex-end; }
.publish-dim { position: absolute; inset: 0; background: #12263d77; }
.publish-sheet { position: relative; width: 100%; overflow: hidden; border-radius: 16px 16px 0 0; background: #fff; }
.publish-sheet h3 { margin: 0; padding: 22px; text-align: center; color: #263d54; font-size: 17px; }
.publish-sheet button { display: block; width: 100%; padding: 20px; border: 0; border-top: 1px solid #edf1f5; background: #fff; color: #24394e; font-size: 17px; }
.publish-sheet .cancel { margin-top: 8px; border-top: 8px solid #f4f6f8; color: #6f7e8d; }
.publish-page { min-height: 100vh; padding-bottom: 86px; background: #f4f7fa; }
.publish-page .activity-top { background: #fff; }
.publish-form { margin: 16px; padding: 18px; }
.publish-user { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid #edf1f4; }
.publish-user > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #e7f3ff; color: #087bd8; font-size: 20px; }
.publish-user div { display: flex; flex-direction: column; }
.publish-user small { margin-top: 2px; color: #8595a5; font-size: 12px; }
.publish-form form { display: flex; flex-direction: column; gap: 15px; }
.publish-form label { display: flex; flex-direction: column; gap: 8px; color: #31475d; font-size: 14px; font-weight: 600; }
.publish-form input,.publish-form textarea { width: 100%; padding: 12px; border: 1px solid #dce7f0; border-radius: 8px; background: #fff; color: #24394e; font: 14px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; }
.publish-form textarea { min-height: 96px; resize: vertical; }
.publish-form label small { color: #8a99a8; font-size: 11px; font-weight: 400; }
.publish-note { margin: -2px 0 1px; color: #7f8f9e; font-size: 12px; line-height: 1.7; }
.video-cover img { width: 100%; height: 100%; object-fit: cover; }

/* 常用功能统一为首页的正文层级，避免字体偏小、粗细不一。 */
.mine-page .menu button { padding: 16px 0; font-size: 15px; font-weight: 600; }
.mine-page .menu small { margin-top: 5px; font-size: 12px; font-weight: 400; }