:root{color-scheme:dark;--bg:#09070f;--panel:#15111f;--line:rgba(220,202,255,.16);--text:#fbf9ff;--muted:#bdb4ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 92% -8%,rgba(130,66,200,.26),transparent 68%),radial-gradient(620px 480px at -5% 60%,rgba(236,79,180,.09),transparent 70%),var(--bg);color:var(--text);font:15px/1.65 Inter,"Microsoft YaHei",system-ui,sans-serif}main{max-width:1240px;margin:0 auto;padding:32px 36px 88px;display:flex;flex-direction:column}header{order:0;display:flex;justify-content:space-between;align-items:center;padding:0 0 24px;border-bottom:1px solid var(--line)}a{color:#eee4ff;text-decoration:none;transition:.18s ease}header a{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#d8c8ff}header a:last-child{color:#fff;background:rgba(168,112,255,.13);border:1px solid rgba(183,142,255,.27);padding:8px 13px;border-radius:999px}header a:hover{color:#fff;transform:translateY(-1px)}h1{order:1;font-size:clamp(38px,5vw,62px);line-height:1.08;letter-spacing:-.065em;font-weight:750;margin:62px 0 13px;max-width:720px;background:linear-gradient(110deg,#fff 10%,#f6ddff 45%,#c897ff);-webkit-background-clip:text;background-clip:text;color:transparent}main>p{order:2;font-size:17px;color:#c9bfda;max-width:600px;margin:0 0 28px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#b998f4;margin-bottom:8px}.purchase-nav{order:3;display:flex;gap:9px;flex-wrap:wrap;margin:0 0 30px}.purchase-nav a{border:1px solid var(--line);background:rgba(18,14,28,.7);border-radius:999px;padding:9px 14px;font-size:13px;color:#e8e1f4}.purchase-nav a:hover{border-color:rgba(215,172,255,.65);background:rgba(133,78,207,.17);color:#fff}section{position:relative;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(28,22,40,.96),rgba(15,13,22,.96));box-shadow:0 18px 52px rgba(0,0,0,.16);margin:0}section h2{font-size:25px;line-height:1.2;letter-spacing:-.035em;margin:0 0 10px}section>p,small{color:var(--muted)}#message{order:4;margin-bottom:18px;padding:0 2px;color:#ffd2a6}#message:empty{display:none}#membership{order:5;margin-bottom:18px;background:radial-gradient(520px 250px at 100% 0,rgba(143,82,214,.20),transparent 72%),linear-gradient(135deg,rgba(29,21,43,.98),rgba(16,13,24,.98))}#wallet{order:6;margin-bottom:18px}#history{order:7}#payment{order:4;margin:0 0 18px;text-align:center;background:linear-gradient(135deg,#231a35,#12101a)}#payment[hidden]{display:none}.membership-state{padding:16px 18px;margin:20px 0;border:1px solid var(--line);border-radius:12px;background:rgba(8,7,13,.34);color:#d8cde9}.membership-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.membership-card{padding:23px;border:1px solid rgba(214,191,255,.16);border-radius:15px;background:linear-gradient(145deg,rgba(37,27,53,.92),rgba(19,16,28,.92));display:flex;flex-direction:column}.membership-card:nth-child(2){border-color:rgba(201,152,255,.46);background:radial-gradient(330px 180px at 100% 0,rgba(156,87,235,.24),transparent 75%),linear-gradient(145deg,rgba(39,25,57,.96),rgba(20,15,31,.96))}.membership-name{font-size:18px;font-weight:750;color:#f2eaff;margin-bottom:14px}.membership-card strong{font-size:38px;line-height:1;font-weight:750;letter-spacing:-.06em}.membership-card>span{font-size:13px;color:var(--muted);margin-top:7px}.membership-card ul{flex:1;padding:18px 0;margin:18px 0;list-style:none;border-top:1px solid var(--line);color:#ddd5ea;font-size:14px;line-height:2}.membership-card li:before{content:"✦";margin-right:9px;color:#c89bff}.tabs{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:12px;background:rgba(8,7,12,.45);margin:16px 0}.tabs button{border:0;border-radius:8px;padding:10px 17px;font-size:14px;color:#cbbfda;background:transparent}.tabs button[aria-pressed=true]{background:linear-gradient(115deg,#d646ae,#7947d8);color:#fff;box-shadow:0 8px 18px rgba(130,68,215,.3)}button,input{font:inherit;border:1px solid var(--line);border-radius:10px;padding:11px 15px;color:var(--text);background:#110e18}button{cursor:pointer;transition:.18s ease}button.primary{background:linear-gradient(115deg,#d846ae,#7545d5);border-color:transparent;color:#fff;font-weight:750}button.primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 10px 22px rgba(151,72,211,.22)}button:disabled{opacity:.48;cursor:not-allowed}button:not(:disabled):hover{border-color:rgba(218,185,255,.75)}input{width:190px;background:rgba(5,5,9,.4)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}.metric{padding:17px;border:1px solid var(--line);border-radius:12px;background:rgba(7,6,12,.28)}.metric span{font-size:13px;color:var(--muted);display:block}.metric b{display:block;margin-top:5px;font-size:29px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}.metric:first-child b{color:#f2e7ff}.notice{padding:13px 15px;border-left:2px solid #c285ff;background:rgba(132,76,194,.10);border-radius:0 9px 9px 0;font-size:14px}.amounts{display:flex;gap:10px;flex-wrap:wrap}.amounts button{min-width:92px;background:rgba(14,11,21,.55)}#rate,#owner{font-size:14px}#pay{margin-top:8px;min-width:220px}#qr{display:block;margin:22px auto;background:#fff;border-radius:12px;max-width:100%}table{width:100%;border-collapse:collapse;font-size:14px}th{font-weight:600;color:#bfb4ce}td,th{text-align:left;padding:15px 10px;border-bottom:1px solid var(--line)}.scroll{overflow:auto}:focus-visible{outline:2px solid #dbb6ff;outline-offset:3px}@media(max-width:720px){main{padding:22px 18px 50px}header{padding-bottom:18px}header a:last-child{padding:7px 10px}h1{margin-top:42px}.membership-plans,.grid{grid-template-columns:1fr}.membership-card{padding:20px}section{padding:22px}.amounts input,#pay{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}html{scroll-behavior:auto}}