.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}:root{--primary:#7252aa;--primary-dark:#5a3f88;--primary-light:#7252aa1a;--primary-shadow:#7252aa4d;--blue:#0078d4;--dark:#323130;--gray:#605e5c;--title:#222;--border:#e1e1e1;--bg-soft:#f8f9fa;--bg-purple:#ece5f7;--white:#fff;--radius-card:24px;--radius-btn:6px;--container:1200px;--font:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font);color:var(--dark);background:var(--white);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-size:15px;line-height:1.6;display:flex}#app{flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex}main[role=main]{flex:1}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:50px}.section-title{color:var(--title);margin-bottom:16px;font-size:46px;font-weight:400;line-height:1.3}.section-subtitle{color:var(--gray);max-width:760px;margin:0 auto;font-size:18px}.header{z-index:1000;background:var(--dark);color:var(--white);border-bottom:1px solid #484644;align-items:center;height:73px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000004d}.header .header-content{align-items:center;width:100%;height:72px;padding:0 24px;display:flex}.logo{align-items:center;display:flex}.logo-icon{width:60px;height:60px;margin-top:8px}.logo-img{object-fit:contain;width:60px;height:60px}.logo-text{color:#fff;white-space:nowrap;font-size:20px;font-weight:600}.nav{flex:1;margin:0 48px}.nav-list{align-items:center;gap:40px;display:flex}.nav-item{list-style:none}.nav-link{color:#fff;padding:12px 0;font-size:14px;transition:all .2s;display:inline}.nav-link:hover,.nav-link.router-link-active{color:#fff}.header-actions{align-items:center;display:flex}.language-btn{cursor:pointer;color:#fff;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:4px;display:flex}.language-circle{border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.login-btn,.register-btn{cursor:pointer;border:none;border-radius:0;padding:8px 12px;font-size:14px;font-weight:500;transition:all .2s}.login-btn{color:#fff;background:0 0}.login-btn:hover{background:#ffffff1a}.register-btn{color:#fff;background:0 0}.register-btn:hover{background:#ffffff1a}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;padding:6px;display:none}.hamburger-line{background:#fff;width:22px;height:2px;margin:4px 0;display:block}.user-menu{position:relative}.user-name{color:#fff;cursor:pointer;padding:6px 8px;font-size:14px}.user-dropdown{background:#fff;border-radius:8px;min-width:140px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 6px 24px #00000026}.user-menu:hover .user-dropdown{display:block}.user-dropdown a{color:var(--dark);border-radius:6px;padding:8px 12px;font-size:14px;display:block}.user-dropdown a:hover{background:var(--bg-soft)}.hero{color:#fff;background:linear-gradient(135deg,#1b1f24,#2d3748,#1a202c);min-height:939px;padding:60px 0 0;position:relative;overflow:hidden}.hero-background{position:absolute;inset:0;overflow:hidden}.hero-background:before{content:"";background:radial-gradient(circle at 20% 80%,#ffffff0d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#93f5ec14 0%,#0000 50%),radial-gradient(circle,#ffffff08 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero .container{max-width:none}.hero-layout{grid-template-columns:675px 675px;align-items:center;gap:50px;max-width:1400px;margin:0 auto;display:grid}.hero-title{color:#fff;margin-bottom:18px;font-size:46px;font-weight:400;line-height:1.35}.hero-title .highlight{color:#fff;font-weight:600}.hero-subtitle{color:#fffffff2;margin-bottom:16px;font-size:18px}.hero-subtitle .top-line{font-size:20px;font-weight:500}.hero-description{color:#fff;max-width:700px;margin-bottom:32px;font-size:18px}.hero-actions{flex-wrap:wrap;gap:20px;margin-bottom:32px;display:flex}.download-btn,.download-vscode-btn{cursor:pointer;border:1px solid var(--primary);border-radius:var(--radius-btn);align-items:center;gap:8px;height:40px;padding:18px 36px;font-family:inherit;font-size:16px;transition:all .2s;display:inline-flex}.download-btn{background:var(--primary);color:#fff}.download-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px)}.download-vscode-btn{color:#fff;background:#ffffff1f;border-color:#ffffff40}.download-vscode-btn:hover{background:#fff3}.btn-icon{align-items:center;font-size:16px;display:inline-flex}.btn-icon svg{width:1em;height:1em}.hero-note{margin-top:8px}.hero-link{color:#ffffffe6;font-size:15px}.hero-link .arrow-icon{margin-left:4px}.hero-visual{justify-content:center;display:flex}.video-container{border-radius:12px;width:600px;max-width:600px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.hero-video{width:100%;display:block}.video-overlay{background:#0000004d;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.video-overlay.hidden{opacity:0;pointer-events:none}.play-button{cursor:pointer;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s;display:flex}.play-button:hover{transform:scale(1.05)}.play-icon{color:var(--primary);font-size:28px}.video-controls{color:#fff;background:linear-gradient(#0000,#000000b3);flex-direction:column;gap:8px;padding:12px 16px;display:flex;position:absolute;bottom:0;left:0;right:0}.progress-bar{background:#ffffff40;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar .progress{background:var(--primary);width:0;height:100%;transition:width .1s linear}.control-buttons{align-items:center;gap:12px;font-size:13px;display:flex}.control-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px}.time-display{flex:1}.announcement-bar{background:#ffffff1a;justify-content:center;align-items:center;height:80px;padding:0;display:flex;position:relative;box-shadow:0 4px 20px #0000001a}.announcement-content{width:100%;max-width:var(--container);justify-content:space-between;align-items:center;padding:0 24px;display:flex}.announcement-left{align-items:center;gap:12px;display:flex}.speaker-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.speaker-icon img{width:24px;height:24px}.announcement-label{color:#000;font-size:18px;font-weight:400}.separator{background:#0003;width:1px;height:40px;margin:0 8px}.announcement-details{flex-direction:column;gap:2px;display:flex}.announcement-title{color:#000;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.announcement-date{color:#000;font-size:16px}.more-link{color:#000;border-radius:4px;padding:4px 8px;font-size:18px;font-weight:500;display:block}.el-icon{justify-content:center;align-items:center;width:1em;height:1em;line-height:1em;display:inline-flex}.el-icon svg{width:1em;height:1em}.ai-features{background:linear-gradient(21.04deg,#ece5f700 49.75%,#ece5f7 108%);padding:60px 0 0}.ai-features .container{max-width:none}.ai-grid-container{grid-template-rows:309.5px 309.5px;grid-template-columns:420px 470px 470px;gap:10px 20px;max-width:1400px;margin:0 auto;display:grid}.ai-grid-cell{border-radius:var(--radius-card);background:#fff;border:none;padding:24px;transition:all .25s;box-shadow:0 2px 4px #00000024,0 0 2px #0000001f}.ai-grid-cell:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000014}.ai-grid-cell--1{color:#fff;background:#000;grid-area:span 2/1;padding:0;overflow:hidden}.ai-grid-cell--1 .img-holder{width:420px;height:236px;overflow:visible}.ai-grid-cell--1 .ai-image{object-fit:cover;width:100%;height:100%}.ai-grid-cell--1 .text-block{color:#fff;padding:24px}.ai-grid-cell--1 .text-block p{color:#fff;font-size:15px}.ai-title{color:#fff;margin-bottom:16px;font-size:30px;font-weight:600}.ai-btn-primary{color:#fff;border-radius:var(--radius-btn);background:var(--primary);border:none;margin-top:0;padding:12px 24px;font-size:14px;transition:all .2s;display:inline-block}.ai-btn-primary:hover{background:var(--primary-dark)}.feature-icon{width:100%;height:54px;color:var(--dark);align-items:center;margin-bottom:16px;display:flex}.feature-icon .icon{width:54px;height:54px}.feature-icon i.el-icon{color:var(--dark);font-size:48px}.feature-title{color:var(--dark);margin-bottom:16px;font-size:20px;font-weight:600}.feature-list li{color:var(--gray);margin-bottom:0;padding-left:20px;font-size:15px;line-height:1.8;position:relative}.feature-list li:before{content:"✓";color:var(--primary);font-weight:700;position:absolute;top:0;left:0}.tech-resources{background:#f8f9fa;padding:60px 0 0}.tech-resources .container{max-width:1400px}.tech-resources .section-header{margin-bottom:80px}.tech-resources .features-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.tech-resources .feature-card{border-radius:var(--radius-card);text-align:center;background:#fff;padding:40px 32px;transition:all .25s}.tech-resources .feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000014}.tech-resources .feature-icon{color:var(--primary);width:48px;height:48px;margin:0 auto 24px}.tech-resources .feature-icon i{color:var(--primary);font-size:48px}.tech-resources .feature-title{margin-bottom:16px;font-size:24px;font-weight:600}.tech-resources .feature-description{color:var(--gray);font-size:16px}.device-support{background:linear-gradient(135deg,#f8f9fa,#fff);padding:60px 0 0}.device-support .container{max-width:1400px}.device-support .section-header{margin-bottom:60px}.tech-categories{grid-template-columns:1fr 1fr;gap:48px;display:grid}.tech-category{background:0 0;border-radius:0;padding:0}.category-header{text-align:center;margin-bottom:32px}.category-title{color:var(--dark);margin-bottom:6px;font-size:20.8px;font-weight:600}.category-subtitle{color:var(--gray);font-size:16px}.tech-items{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.tech-item{flex-direction:column;align-items:center;gap:12px;width:151px;padding:20px;display:flex}.tech-icon-wrapper{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:flex;box-shadow:0 4px 12px #0000001a}.tech-icon{object-fit:contain;width:100%;height:100%}.tech-name{color:var(--dark);text-align:center;font-size:14px;line-height:22.4px}.activity-platform{background:linear-gradient(135deg,#f8f9fa,#fff);padding:60px 0}.activity-platform .container{max-width:1400px}.activity-platform .section-header{margin-bottom:60px}.platform-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px;display:grid}.platform-card{text-align:center;background:#fff;border-radius:16px;padding:40px;transition:all .25s;box-shadow:0 4px 20px #00000014}.platform-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001f}.card-icon{color:var(--blue);margin-bottom:24px;font-size:15px}.card-icon i.el-icon{color:var(--blue);font-size:48px}.card-title{color:var(--dark);margin:0 0 16px;font-size:24px;font-weight:600}.card-description{color:var(--gray);margin-bottom:24px;font-size:16px}.card-features{flex-direction:column;gap:12px;font-size:15px;display:flex}.feature-item{color:var(--dark);align-items:center;gap:8px;font-size:15px;display:flex}.feature-item .feature-icon{width:16px;height:16px;color:var(--primary);margin:0}.feature-item i.el-icon{color:var(--primary);font-size:16px}.platform-stats{background:#fff;border-radius:20px;padding:48px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.stat-item{text-align:center;flex-direction:column;gap:8px;display:flex}.stat-number{color:var(--blue);font-size:40px;font-weight:700;line-height:40px}.stat-label{color:var(--gray);margin-top:0;font-size:16px}.join-us{color:#fff;text-align:center;background:url(/portal-asst-joinUs-L.png) 50%/cover no-repeat;align-items:center;height:272px;padding:0;display:flex}.join-us .content{-webkit-backdrop-filter:brightness(.55);backdrop-filter:brightness(.55);margin:0 auto;padding:0}.join-us .title{margin-bottom:16px;font-size:46px;font-weight:400}.join-us .subtitle{color:#ffffffe6;margin-bottom:40px;font-size:16px}.join-us .btn-primary{background:var(--dark);color:#fff;cursor:pointer;border:none;border-radius:32px;padding:16px 32px;font-size:17.6px;font-weight:600;transition:all .2s}.join-us .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.footer{background:var(--dark);color:#fff;padding:80px 0 0}.footer-main{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:0;display:flex}.footer-left{max-width:547px}.brand-section{margin-bottom:0}.brand-logo{width:200px;height:200px}.brand-description{color:#fff;white-space:nowrap;margin-top:12px;font-size:28.8px}.footer-right{text-align:right}.qr-codes-row{justify-content:flex-end;gap:20px;margin-bottom:24px;display:flex}.qr-code-item{text-align:center}.qr-code-container{background:#ffffff0d;border-radius:12px;width:200px;height:200px;margin-bottom:8px;padding:12px}.qr-code-frame{background:0 0;border-radius:0;width:100%;height:100%;margin-bottom:0;padding:0}.qr-code{object-fit:contain;width:100%;height:100%}.qr-label{color:#ffffffd9;font-size:13px}.copyright,.icp-number{color:#fff9;margin-top:0;font-size:12px}.features-page{background:#fff}.features-hero,.download-hero,.about-hero{background:var(--dark);color:#fff;text-align:center;padding:70px 0}.features-hero .hero-title,.download-hero .hero-title,.about-hero .hero-title{color:#fff;margin-bottom:14px;font-size:40px}.features-hero .hero-subtitle,.download-hero .hero-subtitle,.about-hero .hero-subtitle{color:#ffffffe6;font-size:18px}.main-features{padding:70px 0}.main-features .features-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px;display:grid}.main-features .feature-card{border:1px solid var(--border);border-radius:var(--radius-card);background:#fff;padding:32px 26px;transition:all .25s}.main-features .feature-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #00000014}.main-features .feature-icon{color:var(--primary);margin-bottom:16px}.main-features .feature-icon i{color:var(--primary);font-size:56px}.main-features .feature-icon-svg{width:56px;height:56px}.main-features .feature-title{color:var(--dark);margin-bottom:10px;font-size:20px;font-weight:600}.main-features .feature-description{color:var(--gray);margin-bottom:18px;font-size:14px}.feature-highlights{flex-direction:column;gap:8px;display:flex}.highlight-item{color:var(--dark);align-items:center;gap:8px;font-size:14px;display:flex}.highlight-icon{width:16px;height:16px;color:var(--primary)}.features-page .device-support{background:var(--bg-soft)}.features-page .tech-showcase{text-align:center;margin-bottom:32px}.tech-showcase .tech-title{color:var(--dark);margin-bottom:24px;font-size:30px;font-weight:600}.features-page .tech-categories{grid-template-columns:1fr 1fr}.features-page .tech-item{width:auto}.download{background:#fff}.download-content{padding:70px 0}.content-wrapper{text-align:center;max-width:760px;margin:0 auto}.content-title{color:var(--dark);margin-bottom:24px;font-size:30px;font-weight:600}.download .download-btn{margin-bottom:24px;padding:14px 36px;font-size:16px;display:inline-flex}.description-line{color:var(--dark);margin-bottom:14px;font-size:18px;font-weight:500}.description-text{color:var(--gray);margin-bottom:8px;font-size:15px}.about{background:#fff}.about-content{padding:70px 0}.company-intro{margin-bottom:60px}.intro-layout-wrapper{max-width:1100px;margin:0 auto}.intro-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;display:grid}.intro-text .section-title{text-align:left;font-size:30px}.section-description{color:var(--gray);margin-bottom:16px;font-size:15px;line-height:1.8}.mission-statement{color:var(--primary);font-size:16px;font-weight:600}.intro-visual .intro-image{border-radius:var(--radius-card);width:100%;box-shadow:0 12px 36px #0000001a}.product-history{max-width:900px;margin:0 auto}.product-history .section-title{text-align:center;margin-bottom:40px}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:6px}.timeline-item{gap:30px;margin-bottom:36px;display:flex;position:relative}.timeline-item:before{content:"";background:var(--primary);width:14px;height:14px;box-shadow:0 0 0 2px var(--primary);border:3px solid #fff;border-radius:50%;position:absolute;top:6px;left:-24px}.timeline-year{min-width:80px}.year-text{color:var(--dark);font-size:22px;font-weight:700}.month-text{color:var(--gray);font-size:14px}.timeline-content h3{color:var(--dark);margin-bottom:6px;font-size:18px;font-weight:600}.timeline-content p{color:var(--gray);font-size:14px}.intro-text .article-html p{color:var(--gray);margin-bottom:16px;font-size:15px;line-height:1.8}.about .article-html{color:var(--gray);word-break:break-word;font-size:15px;line-height:1.9}.about .article-html h2{color:var(--dark);margin:0 0 18px;font-size:30px;font-weight:700}.about .article-html h3{color:var(--dark);margin:16px 0 8px;font-size:18px;font-weight:600}.about .article-html p{margin-bottom:14px}.about .article-html strong{color:var(--primary);font-weight:600}.about .article-html img{border-radius:var(--radius-card);max-width:100%;margin:8px 0 20px;box-shadow:0 12px 36px #0000001a}.about .article-html video{background:#000;border-radius:8px;width:100%;max-width:720px;margin:12px 0;display:block}.about .article-html a{color:var(--primary);border-bottom:1px dashed var(--primary);text-decoration:none}.about .article-html a:hover{border-bottom-style:solid}.about .article-html ul,.about .article-html ol{margin:8px 0;padding-left:22px}.about .article-html blockquote{border-left:3px solid var(--primary);color:var(--text-light);background:var(--bg-soft);border-radius:0 6px 6px 0;margin:10px 0;padding:4px 12px}.channel-entry{background:#fff;padding:72px 0}.channel-entry-head{text-align:center;margin-bottom:40px}.channel-entry-head h2{color:var(--dark);margin-bottom:10px;font-size:30px;font-weight:700}.channel-entry-head p{color:var(--gray);font-size:15px}.channel-entry-grid{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.channel-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;flex:380px;max-width:480px;padding:32px 28px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0000000a}.channel-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.channel-dkx{border-top:3px solid #7252aa}.channel-branch{border-top:3px solid #b146c2}.channel-icon{color:#fff;background:#7252aa;border-radius:14px;width:56px;height:56px;margin:0 auto 16px;font-size:24px;font-weight:700;line-height:56px}.channel-icon-branch{background:#b146c2}.channel-card h3{color:var(--dark);margin-bottom:8px;font-size:20px;font-weight:700}.channel-desc{color:var(--gray);margin-bottom:16px;font-size:14px}.channel-features{margin:0 0 24px;padding:0;list-style:none}.channel-features li{color:var(--gray);border-bottom:1px dashed var(--border);padding:6px 0;font-size:13px}.channel-features li:last-child{border-bottom:none}.channel-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;width:100%;height:44px;font-family:inherit;font-size:15px;font-weight:600;display:block}.channel-btn-dkx{background:#7252aa}.channel-btn-dkx:hover{background:#5d4190}.channel-btn-branch{background:#b146c2}.channel-btn-branch:hover{background:#93348f}.card-activate-box{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:20px;padding:24px}.member-status{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.member-status-item{background:var(--bg-soft);border-radius:8px;flex:200px;padding:16px 20px}.member-status-label{color:var(--gray);margin-bottom:6px;font-size:13px}.member-status-value{color:var(--dark);font-size:18px;font-weight:700}.member-status-value.active{color:#52c41a}.member-status-value.expired{color:#f5222d}.member-status-value.withdrawable-value{color:#7252aa}.wd-status{border-radius:4px;padding:2px 10px;font-size:12px;display:inline-block}.wd-status.wd-pending{color:#e6a23c;background:#fff7e6}.wd-status.wd-ok{color:#52c41a;background:#f0f9eb}.wd-status.wd-reject{color:#f5222d;background:#fef0f0}.pager{justify-content:center;align-items:center;gap:12px;margin-top:14px;display:flex}.pager-btn{border:1px solid var(--border);min-width:72px;height:32px;color:var(--dark);cursor:pointer;background:#fff;border-radius:6px;font-size:13px;transition:all .2s}.pager-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pager-btn:disabled{opacity:.5;cursor:not-allowed}.pager-info{color:var(--gray);font-size:13px}.card-activate-form{gap:12px;display:flex}.card-activate-form .form-input{flex:1}.card-activate-form .btn-primary{white-space:nowrap;height:40px;padding:0 28px}.card-activate-tips{margin-top:12px}.card-activate-tips p{color:var(--gray);font-size:12px;line-height:1.8}.my-cards-title{color:var(--dark);margin-bottom:12px;font-size:16px;font-weight:600}.my-cards-table{border-collapse:collapse;width:100%;font-size:14px}.my-cards-table th{text-align:left;color:var(--gray);background:var(--bg-soft);border-bottom:1px solid var(--border);padding:10px 12px;font-weight:500}.my-cards-table td{border-bottom:1px solid var(--border);padding:10px 12px}.my-cards-table .card-no{font-family:Consolas,monospace}.my-cards-empty{text-align:center;color:var(--gray);padding:24px 0;font-size:14px}.card-status-tag{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.card-status-tag.status-0{color:#666;background:#e8e8e8}.card-status-tag.status-1{color:#52c41a;background:#e6f7e6}.card-status-tag.status-2{color:#f5222d;background:#fff1f0}.stopped-reason{color:#999;font-size:12px}.btn-sm{margin-right:4px;padding:4px 10px;font-size:12px}.card-generate-box{text-align:center;margin-top:16px}.generate-hint{color:var(--gray);margin-top:6px;font-size:12px}.recharge-balance-box{background:var(--bg-soft);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.recharge-balance-label{color:var(--gray);font-size:14px}.recharge-balance-amount{color:var(--primary);font-size:28px;font-weight:700}.branch-recharge-notice{background:var(--bg-soft);border-left:4px solid #b146c2;border-radius:8px;padding:20px 24px}.branch-recharge-notice h4{color:#b146c2;margin-bottom:10px;font-size:16px}.branch-recharge-notice p{color:var(--gray);margin-bottom:6px;font-size:14px;line-height:1.6}.login-page,.register-page{background:var(--bg-soft);align-items:center;min-height:calc(100vh - 73px);padding:48px 24px;display:flex}.login-wrapper,.register-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.login-card,.register-card{border-radius:var(--radius-card);background:#fff;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 12px 40px #00000014}.card-header{text-align:center;margin-bottom:28px}.card-header h2{color:var(--dark);margin-bottom:8px;font-size:26px;font-weight:600;line-height:1.3}.card-header p{color:var(--gray);font-size:14px}.card-body{margin-top:8px}.form-group{margin-bottom:18px}.form-label{color:var(--dark);margin-bottom:6px;font-size:14px;display:block}.form-input,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-btn);width:100%;height:42px;color:var(--dark);background:#fff;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.form-input::placeholder{color:#a19f9d}.form-textarea{resize:vertical;height:auto;min-height:120px;padding:12px 14px}.form-error{color:#d13438;margin-bottom:12px;font-size:13px}.message-box{border-radius:var(--radius-btn);margin-bottom:18px;padding:10px 14px;font-size:13px}.msg-error{color:#d13438;background:#fde7e9}.msg-success{color:#107c10;background:#dff6dd}.form-actions{margin-top:4px}.form-actions .btn-primary{background:var(--primary);color:#fff;cursor:pointer;border-radius:var(--radius-btn);border:none;width:100%;height:42px;font-family:inherit;font-size:15px;font-weight:500;transition:background .2s,transform .2s}.form-actions .btn-primary:hover{background:var(--primary-dark)}.form-actions .btn-primary:disabled{opacity:.65;cursor:not-allowed}.form-footer{text-align:center;color:var(--gray);margin-top:18px;font-size:14px}.form-footer a{color:var(--primary)}.form-footer a:hover{text-decoration:underline}.auth-switch{text-align:center;color:var(--gray);margin-top:18px;font-size:14px}.auth-switch a{color:var(--primary)}.account-page{background:#fff;align-items:stretch;min-height:calc(100vh - 73px);display:flex}.account-sidebar{border-right:1px solid var(--border);background:#fff;flex-shrink:0;width:240px;padding:0}.user-info{text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(160deg,#f5f0ff 0%,#fff 100%);padding:32px 16px 24px}.account-avatar{color:#fff;background:linear-gradient(135deg,#7252aa,#b146c2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:30px;font-weight:600;display:flex;box-shadow:0 4px 16px #7252aa40}.user-info-name{color:var(--dark);margin-bottom:6px;font-size:18px;font-weight:600}.user-info-email{color:var(--gray);word-break:break-all;font-size:12px}.account-nav{flex-direction:column;padding:16px 12px;display:flex}.account-nav-item{text-align:left;color:var(--dark);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:10px;margin-bottom:2px;padding:13px 16px;font-family:inherit;font-size:15px;transition:all .2s}.account-nav-item:hover{background:var(--bg-soft);color:var(--primary);border-left-color:#d4c5f0}.account-nav-item.active{background:var(--primary-light);color:var(--primary);border-left-color:var(--primary);font-weight:600}.account-main{background:#f5f5f5;flex:1;min-width:0;padding:32px 40px 60px}.account-content{border-radius:var(--radius-card);background:#fff;width:100%;padding:32px 40px 40px;box-shadow:0 2px 12px #0000000f}.account-content-header{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:20px}.account-content-header h3{color:var(--dark);margin-bottom:6px;font-size:20px;font-weight:600}.account-content-header p{color:var(--gray);font-size:13px}.profile-row{margin-bottom:20px}.account-content .form-input{max-width:360px}.account-content .secret-key-box{max-width:640px}.account-content .form-actions .btn-primary{width:auto;min-width:120px;padding:0 32px}.avatar-row{align-items:center;gap:16px;display:flex}.avatar-preview{background:var(--primary-light);width:72px;height:72px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:600;display:flex}.form-input:disabled{background:var(--bg-soft);color:var(--gray);cursor:not-allowed}.secret-key-box{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-btn);align-items:center;gap:12px;padding:10px 14px;display:flex}.secret-key-text{color:var(--dark);letter-spacing:.5px;flex:1;font-family:Consolas,monospace;font-size:14px}.btn-copy{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;background:0 0;padding:4px 14px;font-family:inherit;font-size:13px;transition:all .2s}.btn-copy:hover{background:var(--primary);color:#fff}.points-summary{text-align:center;padding:32px 0 24px}.points-big{color:var(--primary);font-size:56px;font-weight:700;line-height:1.1}.points-caption{color:var(--gray);margin-top:8px;font-size:14px}.points-tips{border-top:1px solid var(--border);padding-top:20px}.points-tips p{color:var(--gray);margin-bottom:10px;font-size:14px}.recharge-card{border-radius:8px;padding:24px}.recharge-title{color:#303133;margin-bottom:16px;font-size:20px;font-weight:600}.recharge-desc{color:#606266;margin-bottom:28px;font-size:14px;line-height:1.5}.recharge-amounts{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.amount-item{text-align:center;color:#606266;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:4px;width:144px;height:72px;font-size:16px;line-height:72px;transition:border-color .2s,background-color .2s,color .2s}.amount-item:hover{border-color:#409eff}.amount-item.selected{color:#409eff;background:#ecf5ff;border-color:#409eff;font-weight:600}.custom-amount{color:#606266;-moz-appearance:textfield;border:1px solid #dcdfe6;border-radius:4px;outline:none;width:144px;height:38px;margin-bottom:28px;padding:0 12px;font-family:inherit;font-size:14px;transition:border-color .2s;display:block}.custom-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-amount::placeholder{color:#c0c4cc}.custom-amount:focus{border-color:#409eff}.pay-methods{flex-wrap:wrap;gap:16px;margin-bottom:28px;display:flex}.pay-item{color:#606266;cursor:pointer;background:#fff;border:1px solid #dcdfe6;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:96px;height:38px;font-size:13px;transition:border-color .2s,background-color .2s,color .2s;display:flex}.pay-item:hover{border-color:#409eff}.pay-item.selected{color:#409eff;background:#ecf5ff;border-color:#409eff}.pay-item svg{flex-shrink:0;width:18px;height:18px}.recharge-button{color:#fff;cursor:pointer;background:#409eff;border:none;border-radius:4px;width:140px;height:40px;font-family:inherit;font-size:14px;transition:background-color .2s}.recharge-button:hover:not(:disabled){background:#66b1ff}.recharge-button:disabled{cursor:not-allowed;background:#b3d8ff}.security-list{flex-direction:column;display:flex}.security-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:26px 0;display:flex}.security-item:last-child{border-bottom:none}.security-info h4{color:var(--title);margin-bottom:6px;font-size:16px;font-weight:600}.security-info p{color:var(--gray);font-size:14px}.btn-ghost{border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-btn);cursor:pointer;white-space:nowrap;background:#fff;padding:8px 20px;font-family:inherit;font-size:14px;transition:all .2s}.btn-ghost:hover{background:var(--primary);color:#fff}.modal-mask{z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-dialog{background:#fff;border-radius:16px;width:440px;max-width:100%;max-height:calc(100vh - 48px);padding:32px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--title);font-size:20px;font-weight:600}.modal-close{color:var(--gray);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:26px;line-height:1}.modal-close:hover{color:var(--dark)}.modal-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.modal-actions .btn-primary{width:auto;min-width:120px;height:38px;padding:0 28px}.modal-actions .btn-ghost{height:38px;padding:0 28px}.code-input-group{gap:12px;max-width:360px;display:flex}.code-input-group .form-input{flex:1;max-width:none}.btn-send-code{white-space:nowrap;border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-btn);cursor:pointer;background:#fff;min-width:108px;padding:0 16px;font-family:inherit;font-size:13px;transition:all .2s}.btn-send-code:hover:not(:disabled){background:var(--primary);color:#fff}.btn-send-code:disabled{border-color:var(--border);color:var(--gray);cursor:not-allowed}.code-hint{color:var(--gray);margin:-12px 0 16px;font-size:12px}.ticket-wrap{background:var(--bg-soft);padding:60px 0}.ticket-card{border-radius:var(--radius-card);background:#fff;max-width:640px;margin:0 auto;padding:40px;box-shadow:0 12px 40px #0000000f}.ticket-card .section-title{text-align:center;margin-bottom:8px;font-size:28px}.ticket-card .section-subtitle{text-align:center;margin-bottom:28px}.scroll-animation{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.scroll-animation.animate-in{opacity:1;transform:translateY(0)}.fade-in-up{transform:translateY(30px)}.fade-in-left{transform:translate(-30px)}.fade-in-right{transform:translate(30px)}.fade-in-scale{transform:scale(.95)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.learning-hero{background:var(--dark);color:#fff;text-align:center;padding:70px 0}.learning-hero .hero-title{color:#fff;margin-bottom:14px;font-size:40px}.learning-hero .hero-subtitle{color:#ffffffe6;font-size:18px}.learning-content{background:#fff;padding:50px 0 80px}.learning-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:36px;display:flex}.learning-tab{border:1px solid var(--border);color:var(--dark);cursor:pointer;background:#fff;border-radius:999px;padding:8px 24px;font-family:inherit;font-size:14px;transition:all .2s}.learning-tab:hover{border-color:var(--primary);color:var(--primary)}.learning-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:500}.learning-list{flex-direction:column;gap:16px;max-width:900px;margin:0 auto;display:flex}.learning-item{border:1px solid var(--border);border-radius:var(--radius-btn);background:#fff;transition:box-shadow .2s}.learning-item:hover{box-shadow:0 6px 24px #0000000f}.learning-item-head{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:18px 22px;font-family:inherit;display:flex}.learning-item-badge{color:var(--primary);background:var(--primary-light);white-space:nowrap;border-radius:4px;flex-shrink:0;padding:3px 10px;font-size:12px}.learning-item-badge.badge-tutorial{color:#0078d4;background:#0078d41a}.learning-item-badge.badge-guide{color:#107c10;background:#107c101a}.learning-item-badge.badge-faq{color:#d83b01;background:#d83b011a}.learning-item-badge.badge-distribution{color:#b146c2;background:#b146c21a}.learning-item-title{color:var(--title);flex:1;font-size:16px;font-weight:500}.learning-item-arrow{color:var(--gray);flex-shrink:0;font-size:14px;transition:transform .2s}.learning-item-arrow.open{transform:rotate(180deg)}.learning-item-body{padding:0 22px 20px 60px}.learning-item-body p{color:var(--gray);margin-bottom:8px;font-size:14px;line-height:1.8}.learning-item-body .article-html{color:var(--gray);word-break:break-word;font-size:14px;line-height:1.9}.learning-item-body .article-html h2{color:var(--dark);margin:16px 0 8px;font-size:18px}.learning-item-body .article-html h3{color:var(--dark);margin:14px 0 6px;font-size:16px}.learning-item-body .article-html p{margin-bottom:10px}.learning-item-body .article-html video{background:#000;border-radius:8px;width:100%;max-width:720px;margin:12px 0;display:block}.learning-item-body .article-html img{border-radius:8px;max-width:100%;margin:10px 0}.learning-item-body .article-html a{color:var(--primary);border-bottom:1px dashed var(--primary);text-decoration:none}.learning-item-body .article-html a:hover{border-bottom-style:solid}.learning-item-body .article-html ul,.learning-item-body .article-html ol{margin:8px 0;padding-left:22px}.learning-item-body .article-html blockquote{border-left:3px solid var(--primary);color:var(--text-light);background:var(--bg-soft);border-radius:0 6px 6px 0;margin:10px 0;padding:4px 12px}.learning-empty{text-align:center;color:var(--gray);padding:60px 0;font-size:14px}.docs-page{text-align:left;background:#fff;min-height:calc(100vh - 64px);display:flex}.docs-sidebar{background:#fafafa;border-right:1px solid #e8e8e8;flex-shrink:0;width:280px;max-height:calc(100vh - 64px);position:sticky;top:64px;overflow-y:auto}.docs-sidebar-header{z-index:2;background:#fafafa;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:16px 16px 12px;display:flex;position:sticky;top:0}.docs-sidebar-header>span{color:var(--dark);font-size:14px;font-weight:600}.docs-search{border:1px solid #d9d9d9;border-radius:4px;outline:none;flex:1;height:28px;padding:0 10px;font-family:inherit;font-size:12px}.docs-search:focus{border-color:var(--primary)}.docs-toc{padding:8px 0 24px}.docs-toc-item{color:#595959;border-left:2px solid #0000;padding:7px 12px;font-size:13px;line-height:1.5;text-decoration:none;display:block}.docs-toc-item:hover{color:var(--primary)}.docs-toc-item.active{color:var(--primary);border-left-color:var(--primary);background:#7252aa14;font-weight:500}.docs-body{flex:1;min-width:0;padding:40px 56px 80px;overflow-y:auto}.docs-article{max-width:860px;margin:0 auto}.docs-title{color:#1f2329;margin-bottom:24px;font-size:28px;font-weight:600}.docs-content{color:#2f3542;font-size:14.5px;line-height:1.9}.docs-content h3{color:#1f2329;border-left:4px solid var(--primary);margin:32px 0 14px;padding-left:10px;font-size:19px;font-weight:600}.docs-content p{margin:10px 0}.docs-content ul,.docs-content ol{margin:10px 0;padding-left:24px}.docs-content li{margin:5px 0}.docs-content a{color:var(--primary);text-decoration:none}.docs-content a:hover{text-decoration:underline}.docs-content b{color:#1f2329;font-weight:600}.docs-content blockquote{color:#57606a;background:#f6f8fa;border-left:4px solid #d0d7de;border-radius:0 4px 4px 0;margin:14px 0;padding:10px 16px;font-size:13.5px}.docs-content pre{color:#abb2bf;white-space:pre;background:#282c34;border-radius:6px;margin:14px 0;padding:16px 20px;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.7;overflow-x:auto}.docs-footer{color:var(--gray);border-top:1px solid #e8e8e8;margin-top:48px;padding-top:16px;font-size:12px}@media (width<=900px){.docs-page{flex-direction:column}.docs-sidebar{width:100%;max-height:260px;position:static;top:auto}.docs-body{padding:24px 20px 60px}}@media (width<=1100px){.hero-layout{grid-template-columns:1fr}.hero-visual{order:-1}.ai-grid-container{grid-template-rows:auto;grid-template-columns:1fr 1fr}.ai-grid-cell--1{grid-area:auto/span 2}.ai-grid-cell--1 .img-holder{width:100%;height:260px}.tech-resources .features-grid,.platform-grid,.main-features .features-grid{grid-template-columns:1fr 1fr}.intro-layout{grid-template-columns:1fr}}@media (width<=768px){.nav{display:none}.nav.open,.mobile-menu-btn{display:block}.nav-list.open{background:var(--dark);flex-direction:column;gap:4px;padding:12px;display:flex;position:absolute;top:64px;left:0;right:0}.header{height:60px}.header .header-content{height:60px;padding:0 16px}.logo-icon,.logo-img{width:44px;height:44px;margin-top:0}.logo-text{font-size:16px}.header-actions{gap:0}.login-btn,.register-btn{padding:6px 10px;font-size:13px}.language-switcher{display:none}.user-name{padding:4px;font-size:13px}.container{padding:0 16px}.hero{min-height:auto;padding:28px 0 0}.hero-title{font-size:26px;line-height:1.4}.hero-description{margin-bottom:20px;font-size:15px}.hero-actions{gap:12px;margin-bottom:20px}.download-btn,.download-vscode-btn{height:auto;padding:12px 20px;font-size:14px}.video-container{width:100%;max-width:100%}.hero-visual{padding:0 8px}.section-title,.join-us .title{font-size:24px}.section-subtitle{font-size:15px}.announcement-bar{height:auto;padding:10px 0}.announcement-content{align-items:center;gap:8px;padding:0 16px}.announcement-left{gap:8px;min-width:0}.speaker-icon,.speaker-icon img{width:18px;height:18px}.announcement-label{white-space:nowrap;font-size:14px}.separator{height:20px;margin:0 4px}.announcement-details{min-width:0}.announcement-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;overflow:hidden}.announcement-date{font-size:13px}.more-link{white-space:nowrap;padding:4px 6px;font-size:14px}.ai-grid-container,.tech-resources .features-grid,.platform-grid,.main-features .features-grid,.tech-categories,.stats-grid{grid-template-columns:1fr}.ai-grid-cell--1{grid-column:auto}.ai-grid-cell--1 .img-holder{width:100%;height:180px}.ai-grid-cell{padding:18px}.ai-title{font-size:22px}.footer-main{flex-direction:column}.footer-right{text-align:left}.qr-codes-row{justify-content:flex-start;gap:12px}.qr-code-container{width:140px;height:140px}.brand-logo{width:120px;height:120px}.brand-description{margin-top:8px;font-size:20px}.platform-stats{padding:24px}.account-page{flex-direction:column}.account-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;padding:20px 0}.user-info{border-bottom:none;margin-bottom:8px;padding-bottom:8px}.account-avatar{width:56px;height:56px;margin-bottom:8px;font-size:24px}.account-nav{flex-direction:row;gap:8px;padding:0 16px;overflow-x:auto}.account-nav-item{white-space:nowrap;margin-bottom:0}.account-main{padding:16px 12px 40px}.account-content{padding:16px}.learning-tabs{justify-content:flex-start}.learning-item-body{padding:0 18px 16px}.tech-categories{gap:16px}.platform-grid .platform-hero,.join-us{padding:32px 0}.features-grid .feature-card{padding:24px 18px}.account-content{overflow-x:visible}.my-cards-table-wrap,.my-cards-table{width:100%;display:block}.account-content .my-cards-table{white-space:nowrap;overflow-x:auto}.docs-body table,.docs-body pre{max-width:100%}}@media (width<=480px){.hero-layout{gap:24px}.hero-title{font-size:23px}.hero-subtitle,.hero-description{font-size:14px}.announcement-date{display:none}.announcement-title{max-width:46vw}.tech-categories{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.recharge-amount-grid{grid-template-columns:repeat(2,1fr)}.recharge-hero-amount{font-size:30px}.btn-rate-save{padding:4px 10px;font-size:12px}.footer{padding-top:48px}.footer-left{min-width:0;max-width:100%}.footer-left .brand-description{font-size:15px}.footer-right{width:100%}.orders-table-wrapper,.data-table-wrap{overflow-x:auto}.data-table{min-width:640px}}.wechat-qr-box{text-align:center;background:#f8f9fa;border-radius:12px;margin:20px 0;padding:24px}.wechat-qr-img{border-radius:8px;width:200px;height:200px;margin:0 auto 12px;display:block}.wechat-qr-tip{color:var(--gray);font-size:14px}.data-table{border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;width:100%;font-size:13px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.data-table thead th{text-align:left;color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#fafafa;border-bottom:2px solid #f0f0f0;padding:14px 16px;font-size:12px;font-weight:600}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#f6f5ff}.data-table tbody td{color:#333;vertical-align:middle;border-bottom:1px solid #f5f5f5;padding:14px 16px}.data-table tbody tr:last-child td{border-bottom:none}.data-table .mono{color:#555;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.data-table .time{color:#999;white-space:nowrap;font-size:12px}.data-table .badge{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.data-table .badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.orders-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:12px;overflow-x:auto}.orders-empty{text-align:center;padding:60px 0}.orders-empty-icon{opacity:.4;margin-bottom:16px;font-size:48px}.orders-empty p{color:var(--gray);font-size:15px}.recharge-modern{padding:0 0 40px}.recharge-hero{color:#fff;border-radius:16px;margin-bottom:24px;padding:32px 36px;position:relative;overflow:hidden;box-shadow:0 6px 24px #7252aa33}.recharge-hero-bg{background:linear-gradient(135deg,#6a3fab 0%,#863bff 50%,#5a3f88 100%);position:absolute;inset:0}.recharge-hero-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.recharge-hero-left{flex-shrink:0}.recharge-hero-label{opacity:.85;margin-bottom:8px;font-size:14px}.recharge-hero-amount{letter-spacing:-1px;font-size:38px;font-weight:700}.recharge-hero-right{text-align:right}.recharge-hero-info{opacity:.75;font-size:13px;line-height:2}.recharge-pay-list{gap:12px;margin-bottom:20px;display:flex}.recharge-section-title{color:#333;margin-bottom:16px;font-size:15px;font-weight:600}.recharge-amount-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.recharge-amount-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #eee;border-radius:12px;padding:22px 8px;transition:all .2s;position:relative;overflow:hidden}.recharge-amount-card:hover{background:#faf8ff;border-color:#c4b0e8;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.recharge-amount-card.selected{background:linear-gradient(135deg,#f3eeff,#fff);border-color:#863bff;box-shadow:0 4px 16px #863bff26}.recharge-amount-card.featured{border-color:#ddd6f5}.recharge-tag{color:#fff;background:linear-gradient(90deg,#863bff,#7252aa);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:6px;right:6px}.recharge-tag.hot{background:linear-gradient(90deg,#ff6b6b,#ee5a5a)}.recharge-amount-value{color:#333;font-size:22px;font-weight:700}.recharge-amount-card.selected .recharge-amount-value{color:#863bff}.recharge-custom-row{align-items:center;margin-top:12px;display:flex;position:relative}.recharge-custom-input{background:#fff;border:2px solid #eee;border-radius:10px;flex:1;height:48px;padding:0 60px 0 16px;font-size:15px;transition:border-color .2s}.recharge-custom-input:focus{border-color:#863bff;outline:none}.recharge-custom-unit{color:#999;font-size:15px;position:absolute;right:16px}.recharge-pay-card{cursor:pointer;background:#fff;border:1.5px solid #eee;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;transition:all .2s;display:flex}.recharge-pay-card:hover{border-color:#ddd}.recharge-pay-card.selected{background:#faf8ff;border-color:#863bff;box-shadow:0 2px 8px #863bff0f}.recharge-pay-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.alipay-icon{background:#f0f7ff}.wechat-icon{background:#f0fbf0}.recharge-pay-name{color:#333;white-space:nowrap;font-size:13px;font-weight:500}.recharge-pay-check{color:#fff;background:#863bff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:14px;display:flex}.recharge-msg{text-align:center;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.recharge-msg.ok{color:#52c41a;background:#f0fbf0}.recharge-msg.err{color:#f5222d;background:#fff0f0}.recharge-qr-box{text-align:center;background:#f8f9fa;border-radius:12px;margin-bottom:12px;padding:20px}.recharge-qr-frame{background:linear-gradient(135deg,#f3eeff,#fff,#f0f7ff);border-radius:16px;width:220px;height:220px;margin:0 auto 8px;padding:8px;position:relative;box-shadow:0 6px 24px #7252aa26,0 0 0 2px #863bff14}.recharge-qr-img{border-radius:10px;width:100%;height:100%;transition:filter .3s;display:block}.recharge-qr-img.expired{filter:blur(4px);opacity:.5}.recharge-qr-logo{background:0 0;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0000001f}.recharge-qr-logo img{object-fit:contain;width:100%;height:100%}.recharge-qr-wrap{width:220px;margin:0 auto;position:relative}.recharge-qr-expired{cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffeb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.recharge-qr-refresh-icon{color:#863bff;font-size:32px}.recharge-qr-refresh-btn{color:#fff;background:linear-gradient(135deg,#863bff,#7252aa);border-radius:20px;padding:6px 18px;font-size:13px;font-weight:600}.recharge-qr-countdown{color:#f5222d;font-variant-numeric:tabular-nums;font-weight:700}.recharge-qr-tip{color:#666;font-size:13px}.recharge-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#863bff,#7252aa);border:none;border-radius:8px;width:100%;height:40px;margin-bottom:12px;padding:8px 28px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 12px #863bff33}.recharge-qr-center{justify-content:center;margin:24px 0;display:flex}.recharge-qr-panel{text-align:center;background:#fff;border:1px solid #f0eef5;border-radius:16px;padding:24px 28px;box-shadow:0 2px 16px #7252aa0f}.recharge-qr-panel-title{text-align:center;color:#333;border-bottom:1px solid #f5f5f5;margin-bottom:16px;padding-bottom:12px;font-size:15px;font-weight:600}.recharge-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #863bff59}.recharge-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.recharge-security{text-align:center;color:#bbb;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px;display:flex}@media (width<=768px){.recharge-amount-grid{grid-template-columns:repeat(3,1fr)}.recharge-hero-content{flex-direction:column;align-items:flex-start;gap:12px}.recharge-hero-right{text-align:left}}@media (width<=480px){.recharge-amount-grid{grid-template-columns:repeat(2,1fr)}.recharge-hero-amount{font-size:30px}}.rate-tip{color:#888;margin:0 0 10px;font-size:13px;line-height:1.6}.rate-cell{align-items:center;gap:6px;display:flex}.rate-input{color:#333;border:1px solid #e5e0ee;border-radius:6px;outline:none;width:84px;height:32px;padding:0 8px;font-family:inherit;font-size:14px}.rate-input:focus{border-color:#863bff;box-shadow:0 0 0 3px #863bff1f}.rate-suffix{color:#999;font-size:13px}.rate-tag{color:#999;white-space:nowrap;background:#f5f3fa;border-radius:10px;padding:2px 8px;font-size:12px}.rate-tag.rate-custom{color:#863bff;background:#863bff1a}.btn-rate-save{color:#863bff;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #863bff;border-radius:6px;padding:4px 14px;font-family:inherit;font-size:13px}.btn-rate-save:hover{color:#fff;background:#863bff}.btn-rate-save:disabled{opacity:.5;cursor:not-allowed}