@font-face{font-family:PuHui;src:url("assets/fonts/PuHui-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:PuHui;src:url("assets/fonts/PuHui-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:PuHui;src:url("assets/fonts/PuHui-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--page:#080809;--card:#111112;--card-raised:#151417;--ink:#f7f6f8;--muted:#a7a3ad;--line:#302e34;--purple:#a98cff;--purple-deep:#6e43af;--green:#37e978;--warm:#f4c7b8;--focus:#c9b8ff}
*{box-sizing:border-box}
html{background:var(--page);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -30%,rgba(110,67,175,.24),transparent 42%),var(--page);color:var(--ink);font-family:PuHui,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.membership-page.editorial-home{padding-top:73px;background:radial-gradient(circle at 50% -30%,rgba(110,67,175,.24),transparent 42%),var(--page);color:var(--ink)}
.membership-page.editorial-home::after{display:none}.membership-page .site-header{color:#17151c;font-family:PuHui,"Microsoft YaHei",sans-serif}.membership-page .site-header a{text-decoration:none}.membership-page .site-header .site-name,.membership-page .site-header .guest-links a:first-child{color:#17151c}.membership-page .site-footer{color:#8f8995}.membership-page .site-footer strong{color:#f7f6f8}.membership-page .site-footer-nav a{color:#aaa4b0;text-decoration:none}
button,a{font:inherit}.member-header{width:min(1680px,calc(100% - 64px));height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.member-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:16px;font-weight:500}.brand-dot{width:13px;height:13px;border-radius:50%;background:var(--purple);box-shadow:0 0 0 6px rgba(169,140,255,.13)}
.member-header nav{display:flex;align-items:center;gap:9px}.member-header nav a{min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:999px;color:#d8d5dc;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:border-color .2s,background .2s,color .2s}.member-header nav a:hover{border-color:#77717f;color:#fff;background:#171619}
main{width:min(1680px,calc(100% - 64px));margin:0 auto;padding:70px 0 52px}.member-intro{max-width:880px;margin:0 0 44px}.eyebrow{margin:0;color:var(--purple);font-size:12px;font-weight:700;letter-spacing:.16em}.member-intro h1{margin:16px 0 14px;font-size:clamp(38px,4vw,62px);line-height:1.06;letter-spacing:-.05em;font-weight:500}.member-intro>p:last-child{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.plan-card{position:relative;min-height:535px;padding:31px 28px 30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#121214,#0f0f10);display:flex;flex-direction:column;overflow:hidden}.plan-card.paid{background:linear-gradient(180deg,#17151b,#101011);border-color:#48424f}.plan-card.max{border-color:#5f536c}.plan-card.max:before{content:none}.plan-label{position:absolute;top:24px;right:24px;padding:6px 9px;border:1px solid #4d4654;border-radius:999px;color:#cbc5d3;font-size:11px;line-height:1}.max .plan-label{color:#f2deff;border-color:#746185;background:rgba(169,140,255,.09)}
.plan-top{min-height:151px}.plan-name{margin:0 0 23px;font-size:29px;line-height:1;font-weight:500;letter-spacing:-.02em}.plan-price{display:flex;align-items:baseline;gap:8px;margin:0}.plan-price strong{font-size:46px;line-height:1;font-weight:500;letter-spacing:-.05em}.plan-price span{color:#d0cdd4;font-size:20px}.plan-summary{margin:16px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.membership-page .plan-action{width:100%;min-height:49px;margin:18px 0 29px;border:1px solid #fff;border-radius:999px;background:#f8f7f9;color:#171518;text-decoration:none;display:flex;align-items:center;justify-content:center;font-weight:500;cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.membership-page .plan-action:hover:not(:disabled){transform:translateY(-2px);background:#e9e4f2}.membership-page .plan-action:disabled{cursor:default;color:#918c96;background:#242326;border-color:#39363d}.plan-card.current{border-color:var(--purple);box-shadow:0 0 0 1px var(--purple) inset}.plan-card.current .plan-label{color:#0d0c0f;background:var(--purple);border-color:var(--purple)}
.plan-list{list-style:none;padding:0;margin:0;display:grid;gap:18px}.plan-list li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:start;color:#ece9ee;font-size:14px;line-height:1.5}.plan-list li span{width:14px;height:14px;margin-top:3px;border-radius:50%;background:var(--green);color:#07140c;display:grid;place-items:center;font-size:9px;font-weight:700}.plan-list li.locked{color:#817d86}.plan-list li.locked span{background:#343238;color:#aba6b0}
.same-rights{margin:22px 0 0;padding:22px 26px;border:1px solid #39363f;border-radius:18px;background:#111013;display:grid;grid-template-columns:auto 1fr 1fr;gap:20px;align-items:center}.same-rights strong{color:var(--purple);font-size:15px;white-space:nowrap}.same-rights span{color:#bbb6c1;font-size:13px;line-height:1.6}.member-terms{max-width:980px;margin:22px auto 0;text-align:center;color:#77727d;font-size:12px;line-height:1.7}.member-footer{width:min(1680px,calc(100% - 64px));min-height:76px;margin:auto;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;color:#75717a;font-size:12px}.member-footer a{color:inherit;text-decoration:none}
.upgrade-dialog{width:min(720px,calc(100% - 34px));padding:32px;border:1px solid #d8d3df;border-radius:24px;background:#fbfafc;color:#201d24;box-shadow:0 30px 100px rgba(0,0,0,.55)}.upgrade-dialog::backdrop{background:rgba(4,3,5,.78);backdrop-filter:blur(8px)}.upgrade-dialog[open]{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px 28px}.dialog-close{position:absolute;top:15px;right:17px;width:39px;height:39px;border:0;border-radius:50%;background:#ece9f0;color:#353139;font-size:25px;line-height:1;cursor:pointer}.dialog-copy{align-self:center}.dialog-copy h2{margin:15px 0 13px;font-size:30px;line-height:1.2;letter-spacing:-.035em}.dialog-copy>p:last-child{margin:0;color:#6f6974;font-size:14px;line-height:1.7}.qr-frame{grid-column:2;grid-row:1 / span 2;width:230px;aspect-ratio:1;border:1px solid #ded9e3;border-radius:17px;overflow:hidden;background:white}.qr-frame img{width:100%;height:100%;object-fit:contain;display:block}.qr-note{grid-column:2;margin:0;text-align:center;color:#6f6974;font-size:12px}.dialog-done{grid-column:1;width:max-content;min-height:44px;padding:0 22px;border:0;border-radius:999px;background:#201d24;color:#fff;font-weight:700;cursor:pointer}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:980px){.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-top{min-height:0}.same-rights{grid-template-columns:1fr;gap:8px}.same-rights strong{margin-bottom:5px}}@media(max-width:620px){.member-header,main,.member-footer{width:calc(100% - 32px)}.member-header{height:66px}.member-brand{font-size:14px}.member-header nav{gap:6px}.member-header nav a{min-height:38px;padding:0 11px;font-size:12px}.member-header nav a:first-child{display:none}main{padding:47px 0 38px}.member-intro{margin-bottom:30px}.member-intro h1{font-size:38px}.member-intro>p:last-child{font-size:14px}.plan-grid{gap:14px}.plan-card{padding:27px 22px 25px;border-radius:19px}.plan-name{font-size:26px}.plan-price strong{font-size:42px}.plan-price span{font-size:18px}.plan-action{margin-bottom:25px}.same-rights{padding:20px;border-radius:15px}.member-footer{min-height:68px}.upgrade-dialog{padding:28px 22px 23px}.upgrade-dialog[open]{grid-template-columns:1fr;gap:18px}.dialog-copy h2{font-size:26px}.qr-frame{grid-column:1;grid-row:auto;width:min(240px,100%);margin:auto}.qr-note{grid-column:1}.dialog-done{grid-column:1;width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:620px){.membership-page.editorial-home{padding-top:64px}}
