*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #000000;--fg: #ffffff;--muted: #9ca3af;--muted-strong: #d1d5db;--line-soft: rgba(255, 255, 255, .05);--pointer-x: 50%;--pointer-y: 50%}html{background:var(--bg)}body{min-height:100vh;overflow-x:hidden;font-family:PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}#root{min-height:100vh}.page-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;background:#000;color:#fff;overflow:hidden}.page-shell:before,.page-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.page-shell:before{z-index:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px}.page-shell:after{z-index:0;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.08) 0%,transparent 42%);opacity:.9}.interactive-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.light-orb{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(255,255,255,.15) 0%,transparent 50%);opacity:.2}.grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px}.top-nav{position:fixed;top:0;z-index:20;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand-lockup{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;cursor:default;color:inherit;text-decoration:none}.brand-invert{padding:.1rem .4rem;background:#fff;color:#000}.brand-outline{padding:.1rem .4rem;border:1px solid #fff;color:#fff}.brand-tech{margin-left:.5rem;font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);opacity:.75}.hero{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:5.5rem 1rem 1rem}.hero-content{width:100%;max-width:860px;text-align:center}.eyebrow{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);color:var(--muted);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase}.title-stack{display:flex;flex-direction:column;align-items:center}.title-group{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.title-line{width:5rem;height:1px;background:linear-gradient(90deg,transparent,#fff)}.title-line.reverse{background:linear-gradient(90deg,#fff,transparent)}.hero-title{font-size:clamp(3rem,9vw,8rem);font-weight:200;letter-spacing:.24em;color:#fff;line-height:1}.title-divider{margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem}.diamond{width:.5rem;height:.5rem;background:#fff;transform:rotate(45deg)}.divider-line{width:6rem;height:1px;background:#ffffff80}.hero-subtitle{margin-top:2rem;color:var(--muted-strong);font-size:clamp(1.25rem,3vw,2rem);font-style:italic;font-weight:300;letter-spacing:.14em}.hero-description{margin:1.5rem auto 0;max-width:640px;color:var(--muted);font-size:clamp(.95rem,2vw,1.3rem);line-height:1.9;letter-spacing:.12em;font-weight:300;padding:0 1rem}.hero-actions{margin-top:2.75rem;display:flex;justify-content:center;align-items:center;padding:0 1rem}.primary-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;width:min(100%,18rem);padding:1.1rem 2rem;border:none;background:#fff;color:#000;text-decoration:none;font-size:1rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;transition:transform .3s ease;cursor:pointer}.primary-btn:hover{transform:translateY(-2px)}.btn-text,.btn-icon{position:relative;z-index:1}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.primary-btn:hover .btn-icon{transform:translate(6px)}.btn-hover{position:absolute;top:0;left:-100%;width:100%;height:100%;background:#e5e7eb;transition:left .3s ease}.primary-btn:hover .btn-hover{left:0}.footer{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1rem 1.75rem;border-top:1px solid var(--line-soft);text-align:center;color:#6b7280;font-size:.75rem;letter-spacing:.08em}.beian-row{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.icp-info a,.public-security-info{color:inherit;text-decoration:none;transition:color .2s ease}.icp-info a{text-decoration:underline;text-underline-offset:2px}.icp-info a:hover,.public-security-info:hover{color:#fff}.beian-icon{width:16px;height:16px;display:block;flex-shrink:0}.reveal{opacity:0;animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.top-nav{padding:1rem}.brand-tech{display:none}.title-group{gap:.75rem}.title-line{width:2.8rem}.divider-line{width:4rem}.hero-title{letter-spacing:.18em}.hero-description{letter-spacing:.08em}.footer{padding-bottom:2rem}}@media(max-width:480px){.hero{padding-left:1rem;padding-right:1rem}.eyebrow{font-size:.68rem;letter-spacing:.22em}.hero-title{letter-spacing:.12em}.desktop-break{display:none}}.support-main,.pay-main{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;padding:6.5rem 1.25rem 2rem}.support-panel,.pay-panel{width:100%;max-width:760px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2rem}.support-tag,.pay-tag{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--muted);font-size:.75rem;letter-spacing:.22em;text-transform:uppercase}.support-title,.pay-title{font-size:clamp(2rem,6vw,4.2rem);font-weight:200;letter-spacing:.14em;line-height:1.1}.support-subtitle,.pay-subtitle{margin-top:1rem;color:var(--muted-strong);font-size:1rem;letter-spacing:.1em}.support-note,.pay-note,.support-disclaimer{margin-top:1.5rem;color:var(--muted);line-height:1.8;font-size:.95rem}.tier-grid{margin-top:2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.tier-card{position:relative;padding:1.4rem;border:1px solid rgba(255,255,255,.12);background:#ffffff05}.tier-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 65%);pointer-events:none}.tier-name{color:var(--muted);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}.tier-price{margin-top:.75rem;font-size:2rem;font-weight:700;letter-spacing:.04em}.tier-points{margin-top:.5rem;color:#f5d66f;font-size:.9rem;letter-spacing:.1em}.tier-copy{margin-top:.9rem;color:var(--muted-strong);font-size:.88rem}.support-actions,.pay-actions{margin-top:2rem;display:flex;gap:1rem;flex-wrap:wrap}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-width:11rem;padding:1rem 1.4rem;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;text-decoration:none;letter-spacing:.12em;transition:border-color .2s ease,transform .2s ease;cursor:pointer}.ghost-btn:hover{border-color:#fff6;transform:translateY(-1px)}.ghost-btn[aria-disabled=true]{cursor:not-allowed;opacity:.65}.support-status{margin-top:1rem;display:inline-flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border:1px solid rgba(255,255,255,.14);color:var(--muted-strong);font-size:.75rem;letter-spacing:.12em}.status-dot{width:.55rem;height:.55rem;border-radius:999px;background:#fff;box-shadow:0 0 12px #ffffff8c}.pay-shell{display:flex;flex-direction:column;gap:1rem}.pay-summary{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.pay-meta-card{margin-bottom:1.35rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff08}.pay-meta-row{display:flex;justify-content:space-between;gap:1rem;padding:.38rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.pay-meta-row:last-child{border-bottom:none}.pay-meta-label{color:var(--muted);font-size:.82rem;letter-spacing:.08em}.pay-meta-value{color:#fff;font-size:.92rem;text-align:right}.pay-amount{font-size:2.4rem;font-weight:700;letter-spacing:.04em}.pay-points{margin-top:.65rem;color:#f5d66f;font-size:1rem;letter-spacing:.12em}.pay-message{color:var(--muted);font-size:.95rem;line-height:1.8}.pay-alert{margin-top:1rem;padding:.85rem .95rem;border:1px solid rgba(245,214,111,.24);background:#f5d66f14;color:#f5d66f;font-size:.88rem;line-height:1.8}.pay-spinner{width:3rem;height:3rem;border:3px solid rgba(255,255,255,.12);border-top-color:#fff;border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.support-panel,.pay-panel{padding:1.35rem}.tier-grid{grid-template-columns:1fr}.support-actions,.pay-actions{flex-direction:column}.primary-btn,.ghost-btn{width:100%}}