:root{--bg:#101311;--panel:#171c19;--line:#344038;--text:#f5f7f2;--muted:#a9b1aa;--accent:#dfff00;--green:#8dff43;--ink:#101410;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 8%,#26351f 0,transparent 25rem),var(--bg);color:var(--text)}a{color:inherit}.shell{width:min(1180px,calc(100% - 44px));margin:0 auto}
.member-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px;padding:12px max(22px,calc((100vw - 1180px)/2));border-bottom:1px solid #303730;background:#111512e8;backdrop-filter:blur(16px)}.member-brand{display:flex;align-items:center;gap:13px;text-decoration:none;white-space:nowrap}.member-brand img{width:82px;height:32px;object-fit:contain}.member-brand>span{width:1px;height:31px;background:#60675f}.member-brand b{font-size:18px}.member-header nav{display:flex;align-items:center;gap:25px}.member-header nav a{text-decoration:none;color:#c1c8c1;font-size:14px;font-weight:800}.member-header nav a:hover{color:var(--accent)}.member-header .back-shop{padding:10px 15px;border-radius:10px;background:var(--accent);color:var(--ink)}
.hero{display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:68px;min-height:690px;padding-top:70px;padding-bottom:78px}.eyebrow{margin:0 0 17px;color:var(--green);font-size:13px;font-weight:950;letter-spacing:.22em}.hero h1{margin:0;font-size:clamp(45px,4.7vw,62px);line-height:1.06;letter-spacing:-.06em}.hero h1 span,.hero h1 em{display:block}.hero h1 span{white-space:nowrap}.hero h1 em{color:var(--accent);font-style:normal}.hero-lead{max-width:680px;margin:27px 0 0;color:#bbc2bb;font-size:18px;line-height:1.85}.membership-price{display:flex;align-items:baseline;gap:14px;margin:28px 0 6px;flex-wrap:wrap}.membership-price span{color:var(--muted);font-weight:800}.membership-price strong{color:var(--accent);font-size:clamp(40px,5vw,72px);line-height:1;letter-spacing:-.04em}.membership-price del{color:#747b76;font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;text-decoration:none;font-size:15px;font-weight:950}.primary-button{background:var(--accent);color:var(--ink)}.primary-button:hover{background:#efff6a}.secondary-button{border:1px solid #536057;background:#1a201c;color:#eef2ed}.secondary-button:hover{border-color:var(--accent);color:var(--accent)}.hero-notes{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.hero-notes span{padding:7px 11px;border:1px solid #425047;border-radius:99px;color:#aeb7af;font-size:12px;font-weight:800}
.manager-preview{position:relative;padding:26px;border:1px solid #465449;border-radius:30px;background:linear-gradient(155deg,#232a25,#131713);box-shadow:0 38px 80px #0008;transform:rotate(1.5deg)}.preview-head,.library-title,.plugin-row,.license-status{display:flex;align-items:center}.preview-head{justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #39423b}.preview-brand{display:flex;align-items:center;gap:10px}.preview-brand strong{font-style:italic;font-size:26px}.preview-brand span{color:#d8ddd7;font-weight:900}.version{color:#858e86;font-size:12px;font-weight:800}.license-status{gap:14px;margin:22px 0;padding:17px;border-radius:16px;background:var(--accent);color:var(--ink)}.license-status i{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:var(--ink);color:var(--accent);font-style:normal;font-weight:1000}.license-status div,.plugin-row div{display:grid;gap:4px}.license-status small{color:#394234}.library-title{justify-content:space-between;margin-bottom:11px}.library-title span{color:#899189;font-size:12px}.plugin-row{gap:12px;margin-top:9px;padding:13px;border:1px solid #3a433c;border-radius:14px;background:#191e1a}.plugin-icon{display:grid;flex:0 0 39px;height:39px;place-items:center;border-radius:10px;background:#303b32;color:var(--accent);font-size:11px;font-weight:950}.plugin-row div{min-width:0;flex:1}.plugin-row b{font-size:14px}.plugin-row small{color:#899189;font-size:11px}.plugin-row button{border:0;border-radius:9px;background:var(--accent);color:var(--ink);padding:8px 11px;font-weight:900}.plugin-row.installed button{background:#354037;color:#9ea69f}
.membership-plans{padding:76px 0 105px;border-top:1px solid #2d352f}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{position:relative;display:flex;flex-direction:column;min-height:430px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#1b211d,#121612);box-shadow:0 14px 32px #0003}.plan-card.featured{border-color:var(--accent);box-shadow:0 22px 50px #0008}.plan-card.all-site{background:linear-gradient(145deg,#263323,#141a15);border-color:#66815d}.plan-kicker{margin:0;color:var(--green);font-size:11px;font-weight:950;letter-spacing:.16em}.plan-card h3{margin:16px 0 13px;font-size:27px;line-height:1.2}.plan-card strong{color:var(--accent);font-size:46px;line-height:1;letter-spacing:-.05em}.plan-card del{margin:8px 0 0;color:#788178;font-size:13px;font-weight:800}.plan-card>p:not(.plan-kicker){min-height:67px;margin:21px 0;color:var(--muted);font-size:14px;line-height:1.7}.plan-card ul{display:grid;gap:10px;margin:0 0 26px;padding:0;list-style:none;color:#cfd6cf;font-size:13px;font-weight:750}.plan-card li:before{content:'✓';margin-right:9px;color:var(--accent);font-weight:1000}.plan-card a{margin-top:auto;text-align:center}.plan-badge{position:absolute;right:21px;top:21px;padding:5px 9px;border-radius:99px;background:var(--accent);color:var(--ink);font-size:11px;font-weight:950}.plan-note{max-width:850px;margin:21px 0 0;color:#919b92;font-size:13px;line-height:1.7}
.section{padding-top:105px;padding-bottom:105px}.section-heading{max-width:720px;margin-bottom:45px}.section-heading h2,.rules-card h2,.support-card h2{margin:0;font-size:clamp(36px,4.3vw,58px);line-height:1.1;letter-spacing:-.045em}.section-heading>p:last-child,.support-card>div>p{margin:19px 0 0;color:var(--muted);font-size:16px;line-height:1.8}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.benefit-grid article{position:relative;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#1c221e,#151916)}.benefit-grid svg{width:49px;margin-top:40px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.benefit-no{position:absolute;right:25px;top:23px;color:#647066;font-size:12px;font-weight:900}.benefit-grid h3{margin:26px 0 10px;font-size:21px}.benefit-grid p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}
.journey{border-top:1px solid #2d352f;border-bottom:1px solid #2d352f;background:#151916}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.journey-grid article{position:relative;padding:27px;border:1px solid #343e36;border-radius:23px;background:#101411}.journey-grid article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#283129;color:var(--accent);font-size:11px;font-weight:950}.journey-grid h3{margin:22px 0 10px;font-size:21px}.journey-grid article>p{margin:0;color:var(--muted);font-size:14px;line-height:1.72}.step-visual{height:126px;margin-top:22px;border:1px solid #354037;border-radius:17px;background:#191f1a;overflow:hidden}.step-visual.payment{position:relative;display:grid;place-items:center}.step-visual.payment b{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:var(--accent);color:var(--ink);font-size:25px}.step-visual.payment small{position:absolute;bottom:12px;color:#9fa89f;font-weight:800}.step-visual.code{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.step-visual.code small{color:#869087}.step-visual.code b{color:var(--accent);font:900 19px ui-monospace,SFMono-Regular,monospace}.step-visual.code i{color:#657066;font-size:11px;font-style:normal}.step-visual.download{display:grid;place-items:center;align-content:center;gap:7px}.step-visual.download svg{width:43px;fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.step-visual.download small{color:#8b958c}.step-visual.activate,.step-visual.finish{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.step-visual.activate i,.step-visual.finish i{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:var(--accent);color:var(--ink);font-style:normal;font-weight:950}.step-visual.activate b,.step-visual.finish b{font-size:15px}.step-visual.activate small,.step-visual.finish small{color:#859087}.step-visual.pick{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:15px}.step-visual.pick i{font-style:normal;color:#c4cac4;font-size:12px;font-weight:800}.step-visual.pick button{border:0;border-radius:7px;background:var(--accent);color:var(--ink);padding:7px 11px;font-size:11px;font-weight:900}.flow-cta{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:39px}.flow-cta small{color:#7f8980}
.operation-list{display:grid;gap:15px}.operation-list article{display:grid;grid-template-columns:88px 1fr;gap:27px;padding:30px;border:1px solid var(--line);border-radius:23px;background:var(--panel)}.operation-icon{display:grid;width:70px;height:70px;place-items:center;border-radius:19px;background:var(--accent);color:var(--ink);font-size:30px;font-weight:950}.operation-tag{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:950;letter-spacing:.1em}.operation-list h3{margin:0;font-size:24px}.operation-list ol{display:flex;flex-wrap:wrap;gap:9px 28px;margin:20px 0 0;padding:0;list-style:none;counter-reset:ops}.operation-list li{counter-increment:ops;color:#aeb6af;font-size:14px;line-height:1.6}.operation-list li:before{content:counter(ops);display:inline-grid;width:21px;height:21px;margin-right:8px;place-items:center;border:1px solid #536057;border-radius:50%;color:#d9dfd9;font-size:10px;font-weight:900}
.rules{padding-top:15px}.rules-card{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;padding:48px;border:1px solid #52604f;border-radius:29px;background:linear-gradient(130deg,#253025,#161b17)}.rules-card ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.rules-card li{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid #3c473e}.rules-card li:last-child{border-bottom:0}.rules-card li b{color:var(--accent)}.rules-card li span{color:#abb4ac;line-height:1.6}
.support{background:linear-gradient(180deg,transparent,#1b261a 45%,transparent)}.support-card{display:grid;grid-template-columns:1fr 240px;align-items:center;gap:70px;padding:55px;border:1px solid #465346;border-radius:30px;background:#171d18}.support-card>div>p{max-width:690px}.support-qr{display:flex;flex-direction:column;align-items:center}.support-qr img{display:block;width:170px;height:170px;padding:8px;border-radius:18px;background:#fff;object-fit:contain}.support-qr b{margin-top:13px}.support-qr small{margin-top:5px;color:#8c958d;font-size:11px}.faq{padding-top:30px}.faq .section-heading{margin-bottom:28px}.faq details{border-top:1px solid #354037}.faq details:last-child{border-bottom:1px solid #354037}.faq summary{padding:22px 2px;cursor:pointer;font-size:17px;font-weight:900;list-style:none}.faq summary:after{content:"＋";float:right;color:var(--accent)}.faq details[open] summary:after{content:"－"}.faq details p{max-width:800px;margin:-7px 0 23px;color:var(--muted);line-height:1.8}footer{padding:45px 20px 60px;border-top:1px solid #2e362f;color:#7f8980;text-align:center;font-size:13px}footer a{text-decoration:none;color:#aab3aa}footer span{margin:0 9px}footer p{margin:16px 0 0}
/* Membership-plan selection feedback and unified purchase CTA. */
.plan-card{cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),border-color .28s ease,box-shadow .28s ease,background .28s ease}.plan-card:hover{transform:translateY(-5px);border-color:#69786d;box-shadow:0 24px 45px #0007}.plan-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.plan-card.is-selected{z-index:1;transform:translateY(-10px) scale(1.018);border-color:var(--accent);background:linear-gradient(145deg,#242d22,#121711);box-shadow:0 0 0 1px #dfff004d,0 30px 65px #000b,0 0 34px #dfff001c;animation:plan-select .46s cubic-bezier(.2,.8,.2,1)}.plan-card.is-selected:after{content:'已选择';position:absolute;top:20px;right:21px;padding:6px 10px;border:1px solid #f2ff77;border-radius:99px;background:var(--accent);color:var(--ink);font-size:11px;font-weight:950;letter-spacing:.04em;animation:selection-label .35s ease-out}.plan-card.featured.is-selected:after{content:'推荐 · 已选择'}.plan-card.is-selected .plan-badge{right:112px}.plan-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:0 20px;border:1px solid #c8e100;border-radius:14px;background:var(--accent);box-shadow:inset 0 -2px #afc700,0 8px 20px #0003;color:var(--ink);font-size:16px;font-weight:950;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.plan-cta span{font-size:21px;line-height:1;transition:transform .2s ease}.plan-cta:hover{background:#efff6a;box-shadow:inset 0 -2px #c8d95c,0 12px 25px #0006;transform:translateY(-2px)}.plan-cta:hover span{transform:translateX(4px)}.plan-cta:focus-visible{outline:3px solid #fff;outline-offset:3px}.plan-card:not(.is-selected) .plan-cta{background:#202820;border-color:#5b6d5e;box-shadow:none;color:#eef4ee}.plan-card:not(.is-selected) .plan-cta:hover{border-color:var(--accent);background:#2a3528;color:var(--accent)}@keyframes plan-select{0%{transform:translateY(-2px) scale(.986)}58%{transform:translateY(-12px) scale(1.025)}100%{transform:translateY(-10px) scale(1.018)}}@keyframes selection-label{from{opacity:0;transform:translateY(5px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:45px;padding-top:65px}.manager-preview{width:min(570px,100%);margin:auto;transform:none}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card.all-site{grid-column:1/-1;min-height:0}.benefit-grid{grid-template-columns:repeat(2,1fr)}.journey-grid{grid-template-columns:repeat(2,1fr)}.rules-card{grid-template-columns:1fr;gap:25px}.member-header nav a:not(.back-shop){display:none}}
@media(max-width:680px){.shell{width:min(100% - 30px,1180px)}.member-header{min-height:64px;padding:10px 15px}.member-brand img{width:65px}.member-brand b{font-size:16px}.member-brand>span{height:25px}.member-header .back-shop{padding:8px 11px;font-size:12px}.hero{min-height:0;padding-top:55px;padding-bottom:58px}.hero h1{font-size:42px}.hero-lead{font-size:16px}.hero-actions{display:grid}.primary-button,.secondary-button{width:100%}.manager-preview{padding:18px}.plugin-row{padding:10px}.membership-plans{padding:54px 0 74px}.plan-grid{grid-template-columns:1fr;gap:15px}.plan-card,.plan-card.all-site{grid-column:auto;min-height:0;padding:25px 23px;border-radius:20px}.plan-card h3{font-size:26px}.plan-card strong{font-size:42px}.plan-card>p:not(.plan-kicker){min-height:0;margin:18px 0}.plan-card ul{margin-bottom:23px}.section{padding-top:74px;padding-bottom:74px}.benefit-grid,.journey-grid{grid-template-columns:1fr}.benefit-grid article{min-height:260px}.section-heading{margin-bottom:31px}.section-heading h2,.rules-card h2,.support-card h2{font-size:36px}.operation-list article{grid-template-columns:1fr;gap:17px;padding:24px}.operation-icon{width:56px;height:56px;border-radius:15px}.operation-list ol{display:grid}.rules-card{padding:28px 23px}.rules-card li{grid-template-columns:1fr;gap:6px}.support-card{grid-template-columns:1fr;padding:31px 24px}.support-qr{order:-1}.support-qr img{width:150px;height:150px}.hero-notes span{font-size:11px}.manager-preview{border-radius:22px}.preview-brand span{font-size:14px}}