/* 复用已确认的墨玉表面、哑金徽记与纸白；只管理会员引导。 */
.home-membership .member-entry{display:flex;align-items:center;gap:10px;width:100%;min-height:72px;text-align:left;padding:12px 14px;background:#f4eddf;border:1px solid #ded1b7;border-radius:14px;color:#514936}
.member-entry img,.member-intro-head img{object-fit:contain;flex:none}
.home-membership .member-entry>span:not(.member-entry-link){flex:1;min-width:0}
.home-membership .member-entry b{display:block;font-size:14px;font-weight:600;line-height:1.6}
.home-membership .member-entry small{display:block;font-size:12px;line-height:1.7;margin-top:2px;color:#715c3d}
.home-membership .member-entry .member-entry-link{flex:none;font-size:12px;font-weight:500;white-space:nowrap}
#me .member-card:not(.is-member){padding:18px;background:var(--card);border:1px solid #ded1b7}
.member-intro-head{display:flex;align-items:center;gap:10px}
.member-intro-head h2{font-family:var(--display);font-size:20px;line-height:1.5;margin:0;color:var(--ink)}
#me .member-card .member-intro-head p{margin:2px 0 0;font-size:13px;line-height:1.7;color:var(--ink-2)}
#me .member-card .member-intro-rule{font-size:17px;font-weight:600;color:#715c3d;margin:14px 0 4px}
.member-intro-rule span{font-weight:400;font-size:12px;color:var(--ink-3);padding:0 8px}
.member-intro-rule+.text-btn{padding:0;min-height:44px}
.member-guide-link{display:flex;align-items:center;gap:3px;min-height:44px;padding:0 2px;background:transparent;color:#e8dcc1;font-size:12px}
.member-guide-link svg{width:17px;height:17px;stroke-width:1.8}
.member-guide-link:focus-visible{outline:2px solid #fff1ce;outline-offset:3px}
#membership .topnav{position:sticky;top:0;z-index:3}
.member-guide-hero{margin:8px 16px 0;padding:24px 22px 18px;border:1px solid #968365;border-radius:18px;background:#173b2c var(--surface-jade) center/cover;color:#e8dcc1;box-shadow:0 3px 12px rgba(30,47,36,.06)}
.member-guide-heading{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.08em;color:#e8dcc1}
.member-guide-heading img{object-fit:contain;flex:none}
.member-guide-hero h1{font-family:var(--display);font-size:25px;line-height:1.5;font-weight:600;margin:18px 0 14px;color:#e8dcc1;text-wrap:balance}
.member-guide-benefit{display:flex;align-items:center;justify-content:space-between;gap:12px}
.member-guide-benefit p{font-size:13px;line-height:1.8;margin:0;color:#d2cbb8}
.member-guide-rate{font-family:Georgia,serif;font-size:68px;line-height:1;color:#e3d1a9;white-space:nowrap}
.member-guide-rate small{font-family:var(--display);font-size:24px;margin-left:4px}
.member-guide-rate.word{font-size:26px}
.member-guide-hero-foot{font-size:12px;line-height:1.7;margin:18px 0 0;padding-top:14px;border-top:1px solid rgba(210,203,184,.22);color:#d2cbb8}
.member-guide-content{padding:24px 22px 32px}
.member-guide-content h2{font-family:var(--display);font-size:19px;line-height:1.5;margin:0 0 16px;color:var(--ink)}
.member-opening-options{display:flex;align-items:center;gap:12px;justify-content:space-between;padding-bottom:20px}
.member-opening-options>div{flex:1;min-width:0}
.member-opening-options>div:last-child{text-align:right}
.member-opening-options>div>span{display:block;font-size:13px;color:var(--ink-2)}
.member-opening-options b{display:block;font-size:28px;line-height:1.5;margin-top:4px;color:#715c3d;font-weight:600;white-space:nowrap}
.member-or{font-size:12px;color:var(--ink-3)}
.member-guide-progress{padding:16px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.member-guide-progress>div{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.7}
.member-guide-progress b{font-weight:500}
.member-guide-progress>div>span{color:#715c3d;white-space:nowrap;font-variant-numeric:tabular-nums}
.member-guide-progress progress{display:block;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;background:#e5e0d6;margin:12px 0;color:#7a694b;appearance:none}
.member-guide-progress progress::-webkit-progress-bar{background:#e5e0d6}
.member-guide-progress progress::-webkit-progress-value{background:#7a694b}
.member-guide-progress progress::-moz-progress-bar{background:#7a694b}
.member-guide-progress p{margin:0;font-size:12px;line-height:1.8;color:var(--ink-2)}
.member-perks{padding:24px 0 8px}
.member-perks>div{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}
.member-perks svg{width:22px;height:22px;color:#7a694b;stroke-width:1.6;margin-top:1px}
.member-perks p{margin:0;font-size:14px;line-height:1.6}
.member-perks b{font-weight:600}
.member-perks small{display:block;font-size:12px;color:var(--ink-2);line-height:1.8;margin-top:3px}
.member-guide-actions{display:grid;gap:4px}
.member-guide-actions .btn{width:100%;min-height:50px;font-size:14px;white-space:normal;line-height:1.6;padding:12px}
.member-guide-actions .text-btn{min-height:44px}
.member-student-link{display:flex;align-items:center;gap:9px;min-height:60px;width:100%;margin:20px 0 0;padding:12px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--ink-2);font-size:12px;line-height:1.8}
.member-student-link>span:nth-child(2){flex:1}
.member-student-link svg{width:20px;height:20px;color:#7a694b;stroke-width:1.6}
.member-guide-rules{margin-top:8px}
.member-guide-rules summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--ink-2);cursor:pointer;list-style:none}
.member-guide-rules summary::-webkit-details-marker{display:none}
.member-guide-rules summary svg{width:18px;height:18px;stroke-width:1.7}
.member-guide-rules[open] summary svg{transform:rotate(90deg)}
.member-guide-rules ul{padding-left:18px;margin:0;font-size:12px;color:var(--ink-2);line-height:1.9}
.member-guide-rules li+li{margin-top:10px}
.member-guide-empty{padding:48px 22px;text-align:center}
.member-guide-empty h2{font-size:18px;line-height:1.5}
.member-guide-empty p{font-size:13px;line-height:1.8;color:var(--ink-2);margin-bottom:24px}
.topup-membership{display:flex;align-items:flex-start;gap:10px;margin:0 16px 14px;padding:14px 16px;background:#f4eddf;border:1px solid #ded1b7;border-radius:12px;color:#514936}
.topup-membership[hidden]{display:none}
.member-hint-icon{flex:none;display:flex}
.member-hint-icon svg{width:20px;height:20px;stroke-width:1.6;margin-top:2px}
.topup-membership b{font-size:13px;font-weight:500;line-height:1.8}
.topup-membership .text-btn{display:block;min-height:44px;padding:0;color:#715c3d;font-size:12px}
.modal-summary .member-pay-note{flex-basis:100%;font-size:13px;line-height:1.8;padding-top:12px;border-top:1px solid var(--line);margin:12px 0 0;color:#715c3d}
@media(max-width:350px){.home-membership .member-entry{gap:8px;padding:12px}.home-membership .member-entry img{width:32px;height:32px}.home-membership .member-entry small{font-size:11px}.member-guide-hero{padding:20px 18px 16px}.member-guide-hero h1{font-size:22px}.member-guide-content{padding:22px 20px 30px}.member-opening-options b{font-size:25px}.member-guide-progress>div{flex-wrap:wrap;gap:2px}.member-guide-rate{font-size:58px}}
