/* ui-account — 10.29 走查对齐：B12 会员页 / E09 关于页
   只作用于 .member-benefits / .price-zone / .about-* / .about-menu，
   不动全局 .card / .btn / .menu-row / .sticky-action。 */

/* ---------- B12 会员页 ---------- */

/* UI-124：设计的首屏只有返回键 + 权益大卡，页题只保留在无障碍树里 */
.member-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* 壳层把 member 页 main 的上内边距归零（给页面自己的 64px 页题带用）；本页没有页题带，
   所以权益卡要自己让开左上 40px 圆形返回（设计卡顶实测 y=66）。 */
.product.view-member .member-benefits{margin-top:66px}

/* UI-124/125/126/127：卡内 eyebrow + 区题 + 细分割线 + 勾选两行权益 + 虚线胶囊，装饰改水印图 */
.member-benefits{padding:20px 20px 21px;border-radius:24px}
.member-benefits .benefit-star{position:absolute;right:-38px;top:-36px;width:304px;height:auto;font-size:0;opacity:.12;pointer-events:none}
.member-benefits .benefit-eyebrow{display:block;font-size:12px;font-weight:600;line-height:18px;letter-spacing:.04em;color:#FFFFFFEB}
.member-benefits h2{max-width:200px;margin:8px 0 0;font-size:26px;font-weight:900;line-height:1.3;letter-spacing:0}
.member-benefits .benefit-lead{margin:10px 0 0;font-size:14px;line-height:24px;color:#FFFFFFE0}
.member-benefits .benefit-rule{display:block;height:1px;margin:16px 0 0;background:#FFFFFF52}
.member-benefits .benefit-head{margin:10px 0 0;font-size:14px;font-weight:800;line-height:20px;color:#fff}
.member-benefits .benefit-list{display:grid;gap:11px;margin:10px 0 0;padding:0;list-style:none}
.member-benefits .benefit-list li{display:grid;grid-template-columns:28px 1fr;align-items:start;padding:0;font-size:12px;line-height:20px}
.member-benefits .benefit-list li>img{width:16px;height:16px;margin:2px 0 0;display:block}
.member-benefits .benefit-list li b{display:block;font-size:15px;font-weight:800;line-height:21px;color:#fff}
.member-benefits .benefit-list li span{display:block;font-size:12px;line-height:20px;color:#FFFFFFE0}
.member-benefits .benefit-more{display:inline-flex;align-items:center;height:26px;margin:12px 0 0;padding:0 16px;border:1px dashed #FFFFFF73;border-radius:999px;font-size:12px;line-height:1;color:#fff}

/* 黄条（UI-132 冲突项，不动文案与顺序，只收边距让首屏更好读） */
.member-notice{margin:16px 0 0;padding:12px 16px;line-height:1.65}

/* UI-130：价格区标题行 */
.section-head.member-price-head{margin:20px 0 10px}
.member-price-head h2{font-size:17px;font-weight:900;line-height:24px}
.member-price-head .price-lock{padding:4px 10px;background:#EEECEE;color:var(--faint);font-size:12px;font-weight:700;line-height:18px}

/* UI-128/129/130：四档价格卡同一套排版；未开通时整区去色（灰底 + 虚线 + 不可点） */
.price-zone{gap:10px}
.price-zone .price-grid{opacity:1;filter:none}
.price-zone.disabled{padding:0;border:0;background:transparent;opacity:1}
.price-zone.disabled .price-card{opacity:1;filter:none}
.price-zone .price-card{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:11px 10px;border-radius:16px;text-align:center;background:#F7F7F7;border:1px dashed #EDEDED;box-shadow:none;opacity:1;filter:none}
.price-zone .price-card b{font-size:16px;font-weight:800;line-height:21px;color:#818181}
.price-zone .price-card .price-days{font-size:12px;font-weight:400;line-height:17px;color:#BDBDBD}
.price-zone .price-card strong{font-size:20px;font-weight:800;line-height:26px;color:#818181}
.price-zone .price-card del{font-size:12px;line-height:15px;color:#BABABA;text-decoration:line-through}
.price-zone .price-card .early{align-self:center;margin:1px 0 0;padding:1px 10px;border-radius:999px;background:#ABABAB;color:#fff;font-size:11px;font-weight:600;line-height:17px}
.price-zone .price-intro .price-card{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;text-align:left}
.price-zone .price-intro .price-card .price-copy{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.price-zone .price-intro .price-card b{font-size:18px;line-height:24px}
.price-zone .price-intro .price-card .price-days{flex-basis:100%}
.price-zone .price-intro .price-card strong{font-size:22px;line-height:26px}
.price-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:#ABABAB;color:#fff;font-size:11px;font-weight:600;line-height:1}

/* 已开通态（B05）沿用品牌色：价格主粉、早鸟胶囊实心、首月卡特价粉底 */
.price-zone:not(.disabled) .price-card{background:#fff;border:1px solid var(--line)}
.price-zone:not(.disabled) .price-card b{color:var(--ink)}
.price-zone:not(.disabled) .price-card strong{color:var(--accent)}
.price-zone:not(.disabled) .price-card .price-days{color:var(--faint)}
.price-zone:not(.disabled) .price-card .price-tag{background:var(--pink);color:var(--accent)}
.price-zone:not(.disabled) .price-card .early{background:var(--accent);color:#fff}
.price-zone:not(.disabled) .price-intro .price-card{background:var(--pink);border-color:#FFD9E4}

/* UI-129：早鸟说明条（浅粉底 + 早鸟胶囊 + 剩余天数取真实 offer） */
.early-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;padding:10px 12px;border-radius:12px;background:#FFF4F6;font-size:13px;line-height:20px;color:var(--ink)}
.early-copy{flex:1 1 auto;min-width:0}
.early-flag{flex:none;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;border-radius:7px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;line-height:1}
.early-note b{font-weight:800}
.early-note .early-days{color:var(--accent)}

.member-price-note{margin:14px 0 0;text-align:center;color:var(--faint)}

/* UI-131：动作区收高，初始视口不再压住黄条第二行 */
.sticky-action.member-action{gap:0;padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));bottom:calc(-20px + env(safe-area-inset-bottom))}
.member-action .btn{min-height:48px}
.member-action .btn.ghost{min-height:40px;margin-top:6px}
.member-action .text-link{margin-top:2px;font-size:13px}

/* ---------- E09 关于页 ---------- */

/* UI-145/146：图标 / 名称 / 版本各居中，图标换 App 圆角图标 84px；页脚落到底部 */
.about-page{display:flex;flex-direction:column;min-height:100%}
.about-head{display:flex;flex-direction:column;align-items:center;gap:0;margin:22px 0 24px;text-align:center}
.about-head img{width:84px;height:84px;border-radius:0;display:block}
.about-head h1{margin:8px 0 0;font-size:20px;font-weight:800;line-height:1.3;color:var(--ink)}
.about-head p{margin:6px 0 0;font-size:12px;line-height:16px;color:#B9B4B6}

/* 1030 走查 #29：E9 改成「信息卡」——公司 / ICP / 公安备案 / 小红书（带复制）。
   协议与客服入口已移除，UI-147 那张四项入口卡不再使用。 */
.about-head .about-tagline{margin:14px 0 0;font-size:14px;line-height:1.7;color:#6F666B}
.about-info{margin:0;padding:0 20px;border-radius:24px;background:#fff}
.about-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #F6F5F6;font-size:15px;line-height:20px;color:var(--ink)}
.about-row:last-child{border-bottom:0}
.about-row>span{flex:none;width:76px;font-size:13px;color:var(--faint)}
.about-row>b,.about-row>a{flex:1;min-width:0;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.about-row>a{color:#6F666B;font-weight:500}
.about-row>.about-pending{color:var(--faint);font-weight:400}
.copy-btn{flex:none;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:700;color:var(--accent);min-height:0}

/* E10 修改昵称：裸壳 + 居中页题，随机昵称胶囊在输入框下方，保存钉在底部 */
.product.view-nickname main{padding-top:0}
.product.view-nickname .page-title{height:64px;margin:0;padding:0;justify-content:center;align-items:center;text-align:center}
.product.view-nickname .page-title .eyebrow{display:none}
.product.view-nickname .page-title h1{font-size:15px;font-weight:700;line-height:24px}
.product.view-nickname .back.back-icon{position:absolute;top:12px;left:20px;width:40px;height:40px;min-height:40px;margin:0;border:1px solid #EFEAEC}
.nickname-form{display:flex;flex-direction:column;gap:0;min-height:calc(100dvh - 120px);margin-top:18px}
.nickname-field{gap:8px;font-size:13px;font-weight:400;color:var(--muted)}
.nickname-field input{font-size:20px;font-weight:700;border-radius:16px;padding:14px 16px}
.random-nickname{align-self:flex-start;margin-top:12px;padding:8px 16px;border:0;border-radius:999px;background:var(--pink);color:var(--accent);font-size:14px;font-weight:700;line-height:1.4}
.nickname-form .small{margin:16px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.nickname-form .btn[type=submit]{margin-top:auto;margin-bottom:18px}

/* B06 兑换激活码：裸壳 + 居中页题，大标题/输入框/按钮紧凑排列，说明在按钮下方 */
.product.view-redeem main{padding-top:0}
.product.view-redeem .page-title{height:64px;margin:0;padding:0;justify-content:center;align-items:center;text-align:center}
.product.view-redeem .page-title .eyebrow{display:none}
.product.view-redeem .page-title h1{font-size:15px;font-weight:700;line-height:24px}
.product.view-redeem .back.back-icon{position:absolute;top:12px;left:20px;width:40px;height:40px;min-height:40px;margin:0;border:1px solid #EFEAEC}
.redeem-form{display:flex;flex-direction:column;gap:0;margin-top:14px}
.redeem-head{margin:0 0 18px;font-size:28px;font-weight:900;line-height:1.3}
.redeem-field{gap:8px;font-size:13px;font-weight:400;color:var(--muted)}
.redeem-field input{height:60px;font-size:20px;font-weight:700;border-radius:16px;text-transform:uppercase}
.redeem-form .btn{margin-top:20px}
.redeem-note{margin:18px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
/* 输入时不出现浏览器默认的蓝色 focus 环，改用主色细描边 + 淡粉光圈 */
.form input:focus,.form input:focus-visible,.form textarea:focus,.form textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(247,61,102,.12)}

/* E04/E05/E06 注销三步：裸壳 + 大标题，确认框深红，结果页居中 */
/* 注销三步沿用产品容器可用高度，避免桌面外框和 main 留白叠加出滚动。 */
.danger-page{display:flex;flex-direction:column;height:100%;min-height:0}
.danger-page>.danger-form,.danger-page>.deleted-page{flex:1;display:flex;flex-direction:column;min-height:0}
.danger-actions{margin-top:auto;padding:16px 0 calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:0}
.danger-actions .btn{width:100%}
.product.view-delete main,.product.view-delete-verify main,.product.view-delete-done main{padding-top:0;padding-bottom:0;container-type:size;container-name:deletion-screen}
.product.view-delete .back.back-icon,.product.view-delete-verify .back.back-icon{position:absolute;top:12px;left:20px;width:40px;height:40px;min-height:40px;margin:0;border:1px solid #EFEAEC}
.danger-title{margin:48px 0 0;font-size:28px;font-weight:900;line-height:1.3;color:var(--ink)}
.danger-lead{margin:12px 0 0;font-size:15px;line-height:1.7;color:var(--muted)}
.danger-card{margin:18px 0 0;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:#fff}
.danger-item+.danger-item{margin-top:16px}
.danger-item b{display:block;font-size:16px;font-weight:700;line-height:1.5;color:var(--ink)}
.danger-item span{display:block;margin-top:4px;font-size:14px;line-height:1.6;color:var(--muted)}
.danger-form{margin-top:24px;gap:16px;min-height:0}
.danger-form .consent{font-size:14px;line-height:1.6;color:var(--ink)}
#delete-intro-form .btn:disabled{background:#F2EEF0;color:#B9B4B6;opacity:1}
.danger-later{display:block;margin:10px 0 0;text-align:center;font-size:14px;font-weight:700}
.danger-phone{gap:8px;font-size:13px;font-weight:400;color:var(--muted)}
.danger-phone input{height:52px;border-radius:14px}
.danger-resend{display:flex;justify-content:flex-end;margin-top:-10px}
.btn.danger{background:#B3261E;color:#fff}
.btn.danger:disabled{background:#B3261E;color:#fff;opacity:.45}
/* E06：✓ 圆 + 标题 + 说明在上方（顶部约 200），「好的」贴底由 .danger-actions 负责。 */
.deleted-page{padding:48px 0 0;text-align:center}
.deleted-body{padding-top:104px}
.deleted-check{display:inline-grid;place-items:center;width:104px;height:104px;border-radius:50%;background:#FBDDE6}
.deleted-body h1{margin:22px 0 0;font-size:24px;font-weight:900;color:var(--ink)}
.deleted-body p{margin:14px 0 0;font-size:15px;line-height:1.8;color:var(--muted)}
/* E05 的验证码格与 A11 同一套视觉 */
.danger-form .otp-cell{height:54px;border:1.5px solid #F1E7EA;border-radius:12px;background:#FFF7F9;font-size:24px;color:var(--ink)}
.danger-form .otp-cell:focus{outline:none;border:2px solid var(--accent);background:#fff}
.danger-form .otp-cells.invalid .otp-cell{border-color:#E4566E;background:#FDE8EC;color:#B3243B}

/* B13 会员到期回顾：粉 eyebrow + 大标题 + 三列成绩 + 说明 + 主按钮 + 弱化「到期再说」 */
.sheet-expire .bottom-sheet{padding-top:14px}
.sheet-expire .page-title{margin:10px 0 0;gap:0}
.sheet-expire .eyebrow{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:0}
.sheet-expire h1{margin:10px 0 0;font-size:26px;line-height:1.35}
.expire-stats{display:flex;justify-content:space-between;gap:8px;margin:22px 0 0;text-align:center}
.expire-stats>div{flex:1;min-width:0}
.expire-stats b{display:block;font-size:24px;font-weight:900;line-height:1.2;color:var(--ink)}
.expire-stats .expire-bbti{font-size:20px;line-height:1.4}
.expire-stats span{display:block;margin-top:6px;font-size:13px;color:var(--muted)}
.expire-note{margin:22px 0 0;font-size:15px;line-height:1.75;color:var(--muted)}
.sheet-expire .bottom-sheet>.btn{margin-top:22px}

/* B14 会员已到期整页 */
.product.expired-mode{padding-bottom:0}
.expired-page{min-height:100dvh;display:flex;flex-direction:column;padding:12px 20px calc(20px + env(safe-area-inset-bottom))}
.expired-close{position:absolute;top:12px;left:20px;z-index:2;width:40px;height:40px;border:1px solid #EFEAEC;border-radius:50%;background:#fff;color:var(--ink);font-size:18px;line-height:1;display:grid;place-items:center}
.expired-hero{margin:52px 0 0;padding:22px 22px 24px;border-radius:24px;background:#24181E;color:#fff}
.expired-hero .eyebrow{color:#FF8FA9;font-size:13px;font-weight:700;letter-spacing:0}
.expired-hero h1{margin:10px 0 0;font-size:24px;font-weight:900;line-height:1.45;color:#fff}
.expired-hero p{margin:12px 0 0;font-size:13px;color:#B9AEB3}
.expired-survey{margin:16px 0 0;padding:20px 22px;border:1px solid var(--line);border-radius:24px;background:#fff}
.survey-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.survey-head h2{margin:0;font-size:18px;font-weight:900;color:var(--ink)}
.survey-head span{font-size:13px;color:var(--muted)}
.survey-q{margin:14px 0 0;font-size:16px;line-height:1.5;color:var(--ink)}
.survey-options{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.survey-chip{padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;line-height:1.4;color:var(--ink)}
.survey-chip[aria-pressed=true]{border-color:var(--accent);background:var(--pink);color:var(--accent);font-weight:700}
.expired-actions{margin-top:auto;padding-top:24px}
.expired-actions .btn{width:100%}
.expired-actions .sheet-ghost{display:block;width:100%;margin-top:12px;padding:8px 0;border:0;background:none;font-size:14px;font-weight:400;color:var(--muted);text-align:center}

/* B07 兑换成功：整屏确认（粉色对勾 + 标题 + 有效期 + 早鸟卡 + 底部两入口） */
.redeem-done{display:flex;flex-direction:column;align-items:center;min-height:calc(100dvh - 24px);padding:170px 0 12px;text-align:center}
.redeem-check{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--accent)}
.redeem-done h1{margin:14px 0 0;font-size:28px;font-weight:900;line-height:1.35;color:var(--ink)}
.redeem-expiry{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--muted)}
.redeem-lead{margin:2px 0 0;font-size:15px;line-height:1.6;color:var(--ink)}
.redeem-offer{align-self:stretch;margin:24px 0 0;padding:20px 22px;border-radius:22px;background:#FFE5EC;text-align:left}
.redeem-offer h2{margin:0;font-size:18px;font-weight:900;line-height:1.4;color:var(--accent)}
.redeem-offer p{margin:8px 0 0;font-size:15px;line-height:1.7;color:var(--ink)}
.redeem-actions{align-self:stretch;margin-top:auto;padding-top:32px}
.redeem-actions .btn{width:100%}
.redeem-home{display:block;margin:14px 0 0;font-size:15px;font-weight:400;color:var(--muted);text-align:center}

/* 已开通态：权益卡下方一条真实有效期状态（设计包无此画面，沿用 B12 版式） */
.member-status{display:flex;align-items:center;gap:10px;margin:14px 0 0;padding:12px 16px;border-radius:14px;background:#FFF0F3}
.member-status b{flex:none;color:var(--accent);font-size:13px;font-weight:800}
.member-status span{font-size:13px;line-height:1.6;color:var(--ink)}

/* 10.29 E01：粉底整条贴边（无品牌顶栏），资料卡白底不叠出粉边；统计卡加「练习足迹」 */
.product.view-me main{padding-top:0}
.product.view-me .me-hero{margin:0 -24px;padding:calc(34px + env(safe-area-inset-top)) 24px 34px;border-radius:0 0 26px 26px}
.product.view-me .me-card{margin:0;padding:20px 18px;border-radius:22px;box-shadow:0 8px 24px #24181e14}
.me-who{gap:8px;flex:1}
.me-meta{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;line-height:1.6;color:var(--muted)}
.me-meta .me-state{font-size:13px;font-weight:400;color:var(--muted)}
.me-meta i{font-style:normal;color:#C9BFC4}
.me-meta .me-phone{font-size:13px;color:var(--muted)}
.product.view-me .me-hero+.me-stats{margin-top:8px}
.product.view-me .me-stats{padding:16px 14px 12px;border-radius:22px}
.me-stats-label{display:block;margin-bottom:10px;text-align:center;font-size:12px;color:var(--muted)}
.product.view-me .me-stats .stats b{font-size:24px}
.me-stats .stats>*+*{position:relative}
.me-stats .stats>*+*::before{content:"✦";position:absolute;left:-7px;top:2px;color:#F3B3C3;font-size:10px;line-height:1}
.product.view-me .member-card{background:#FFE9EF;border:0;border-radius:22px;padding:18px 20px}
.product.view-me .member-card .btn{width:100%;margin-top:6px}
.product.view-me .menu{margin:18px 0 0}
.product.view-me .menu .menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;font-size:15px}
.product.view-me .menu .menu-row::after{content:"›";flex:none;font-size:18px;line-height:1;color:#C9C3C6}

/* 10.31 E9：按产品最新稿，信息右对齐，复制用黑字。 */
.about-row>b,.about-row>a{text-align:right}
.about-row>a{font-weight:600;color:var(--ink)}
.about-row>a::after{content:"›";display:inline-block;margin-left:10px;color:#C9C1C5;font-weight:400}
.about-info .copy-btn{color:var(--ink)}
.about-copyright{margin:auto 0 0;padding:32px 0 12px;text-align:center;font-size:12px;line-height:1.7;color:var(--faint)}

/* 小屏根据实际产品容器高度收紧留白，不裁掉正文和操作区。 */
@container deletion-screen (max-height: 680px){
 .danger-title{margin-top:56px;font-size:26px}
 .danger-lead{margin-top:8px;font-size:14px;line-height:1.6}
 .danger-card{margin-top:14px;padding:16px 18px}
 .danger-item+.danger-item{margin-top:12px}
 .danger-item b{font-size:15px}
 .danger-item span{font-size:13px;line-height:1.5}
 .danger-form{margin-top:16px;gap:10px}
 .danger-form .consent{font-size:13px}
 .danger-form .form-status:empty{display:none}
 .danger-actions{padding:10px 0 calc(16px + env(safe-area-inset-bottom))}
 .danger-later{margin-top:6px;padding:6px 0}
 .deleted-page{padding-top:40px}
 .deleted-body{padding-top:56px}
}
@container deletion-screen (max-height: 540px){
 .danger-title{margin-top:52px;font-size:24px}
 .danger-card{margin-top:10px;padding:12px 16px}
 .danger-item+.danger-item{margin-top:8px}
 .danger-form{margin-top:12px;gap:8px}
 .danger-actions .btn{min-height:48px;padding:10px 16px}
 .danger-actions{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
 .deleted-body{padding-top:24px}
 .deleted-check{width:88px;height:88px}
}