._container_7m5vg_1{max-width:400px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center}._header_7m5vg_11{margin-bottom:20px}._header_7m5vg_11 h3{margin:0 0 10px;color:#2d3748;font-size:20px}._timer_7m5vg_21{color:#e53e3e;font-weight:700;font-size:18px}._qrCodeSection_7m5vg_27{margin:20px 0;padding:30px;background:#f7fafc;border-radius:12px;border:2px dashed #e2e8f0}._qrCode_7m5vg_27{width:280px;height:280px;border-radius:8px;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;margin:0 auto;display:block}@media (max-width: 768px){._qrCode_7m5vg_27{width:240px;height:240px}}@media (max-width: 480px){._qrCode_7m5vg_27{width:200px;height:200px}}._qrCodeError_7m5vg_61{color:#e53e3e;padding:40px;font-size:16px}._instructions_7m5vg_67{margin:20px 0;text-align:left}._instructions_7m5vg_67 p{margin:0 0 10px;font-weight:700;color:#2d3748;text-align:center}._instructions_7m5vg_67 ol{margin:10px 0;padding-left:20px}._instructions_7m5vg_67 li{margin:5px 0;color:#4a5568}._statusSection_7m5vg_89{margin:20px 0}._statusIndicator_7m5vg_93{font-size:24px;margin-bottom:10px}._statusIndicator_7m5vg_93._waiting_7m5vg_98{animation:_pulse_7m5vg_1 2s infinite}._statusIndicator_7m5vg_93._polling_7m5vg_102{animation:_spin_7m5vg_1 1s linear infinite}._statusIndicator_7m5vg_93._success_7m5vg_106{color:#38a169}._statusIndicator_7m5vg_93._failed_7m5vg_110{color:#e53e3e}._statusIndicator_7m5vg_93._timeout_7m5vg_114{color:#d69e2e}@keyframes _pulse_7m5vg_1{0%,to{opacity:1}50%{opacity:.5}}@keyframes _spin_7m5vg_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._statusMessage_7m5vg_128{color:#4a5568;margin:0;font-size:14px}._actions_7m5vg_134{display:flex;gap:12px;margin-top:20px}._completeButton_7m5vg_140{flex:1;padding:12px;background:linear-gradient(135deg,#07c160,#00b050);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}._completeButton_7m5vg_140:hover:not(:disabled){transform:translateY(-1px)}._completeButton_7m5vg_140:disabled{opacity:.6;cursor:not-allowed;transform:none}._cancelButton_7m5vg_163{flex:1;padding:12px;background:#e2e8f0;color:#4a5568;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s}._cancelButton_7m5vg_163:hover{background:#cbd5e0}._pollingButton_7m5vg_179{flex:1;padding:12px;background:#bee3f8;color:#2b6cb0;border:none;border-radius:8px;font-size:16px;cursor:not-allowed}._retryButton_7m5vg_190{flex:1;padding:12px;background:#4299e1;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s}._retryButton_7m5vg_190:hover{background:#3182ce}._container_r4dch_2{max-width:400px;margin:0 auto;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a}._demoBanner_r4dch_11{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px;border-radius:8px;margin-bottom:20px;text-align:center}._demoBanner_r4dch_11 p{margin:0;font-size:14px}._loadingStatus_r4dch_25{text-align:center;padding:40px 20px}._loadingSpinner_r4dch_30{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #07c160;border-radius:50%;animation:_spin_r4dch_1 1s linear infinite;margin:0 auto 16px}@keyframes _spin_r4dch_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._errorMessage_r4dch_45{text-align:center;padding:20px}._errorMessage_r4dch_45 p{color:#f56565;margin-bottom:16px}._errorMessage_r4dch_45 button{margin:0 8px;padding:8px 16px;border:none;border-radius:6px;background:#e53e3e;color:#fff;cursor:pointer}._paymentInfo_r4dch_65{margin-bottom:24px}._paymentInfo_r4dch_65 h3{margin:0 0 16px;color:#2d3748;font-size:18px}._infoDetails_r4dch_75{background:#f7fafc;padding:16px;border-radius:8px;border-left:4px solid #07c160}._infoDetails_r4dch_75 p{margin:8px 0;display:flex;justify-content:space-between}._infoDetails_r4dch_75 span{font-weight:600;color:#4a5568}._paymentActions_r4dch_93{display:flex;gap:12px;margin-bottom:24px}._payButton_r4dch_99{flex:1;padding:14px;background:linear-gradient(135deg,#07c160,#00b050);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}._payButton_r4dch_99:hover:not(:disabled){transform:translateY(-1px)}._payButton_r4dch_99:disabled{opacity:.6;cursor:not-allowed}._cancelButton_r4dch_121{flex:1;padding:14px;background:#e2e8f0;color:#4a5568;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background .2s}._cancelButton_r4dch_121:hover:not(:disabled){background:#cbd5e0}._cancelButton_r4dch_121:disabled{opacity:.6;cursor:not-allowed}._statusInfo_r4dch_142{font-size:14px;color:#718096;text-align:center}._statusInfo_r4dch_142 p{margin:4px 0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;padding-bottom:80px;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.navbar{position:fixed;top:0;width:100%;background:#242424e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;width:100%}.nav-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:600;color:#646cff;white-space:nowrap}.nav-logo img{width:32px;height:32px;flex-shrink:0}.nav-menu{display:flex;list-style:none;gap:2rem;flex-wrap:wrap}.nav-menu a{color:#ffffffde;text-decoration:none;transition:color .3s ease;font-weight:500;padding:.5rem;border-radius:4px;white-space:nowrap}.nav-menu a:hover{color:#646cff;background:#646cff1a}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#242424,#1a1a1a);position:relative;padding:2rem 1rem}.hero-content{max-width:800px;width:100%}.hero-content h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem;background:linear-gradient(45deg,#646cff,#747bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-content p{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:2rem;color:#ffffffb3;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-button{background:linear-gradient(45deg,#646cff,#747bff);color:#fff;border:none;padding:1rem 2rem;font-size:clamp(1rem,2vw,1.1rem);border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;font-family:inherit;font-weight:500;min-height:48px;min-width:120px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #646cff4d}.about{padding:5rem 0;background:#1a1a1a}.about h2{text-align:center;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem;color:#646cff}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.about-text p{margin-bottom:1rem;color:#ffffffb3;line-height:1.8;font-size:clamp(1rem,2vw,1.1rem)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:center}.stat h3{font-size:clamp(2rem,4vw,2.5rem);color:#646cff;margin-bottom:.5rem}.stat p{color:#ffffffb3;font-size:clamp(.9rem,2vw,1rem)}.services{padding:5rem 0;background:#242424}.services h2{text-align:center;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem;color:#646cff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.service-card{background:#ffffff0d;padding:2rem;border-radius:12px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #646cff33}.service-icon{font-size:clamp(2.5rem,5vw,3rem);margin-bottom:1rem;display:block}.service-card h3{font-size:clamp(1.2rem,3vw,1.5rem);margin-bottom:1rem;color:#646cff}.service-card p{color:#ffffffb3;line-height:1.6;font-size:clamp(.9rem,2vw,1rem)}.contact{padding:5rem 0;background:#1a1a1a}.contact h2{text-align:center;font-size:clamp(2rem,4vw,2.5rem);margin-bottom:3rem;color:#646cff}.contact-content{display:block}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;justify-items:center}.contact-item{background:#ffffff0d;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;text-align:center;width:100%;max-width:300px}.contact-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #646cff26}.contact-item h4{color:#646cff;margin-bottom:.5rem;font-size:clamp(1rem,2.5vw,1.1rem)}.contact-item p{color:#ffffffb3;font-size:clamp(.85rem,2vw,.9rem);margin-bottom:1rem}.contact-item a{color:#ffffffb3;text-decoration:none;transition:color .3s ease;padding:.25rem;border-radius:4px}.contact-item a:hover{color:#646cff;background:#646cff1a}.qr-code{display:flex;flex-direction:column;align-items:center;gap:.5rem}.qr-code img{width:clamp(120px,15vw,150px);height:clamp(120px,15vw,150px);object-fit:contain;border-radius:8px;border:2px solid rgba(100,108,255,.3);transition:border-color .3s ease,transform .3s ease}.qr-code img:hover{border-color:#646cff;transform:scale(1.05)}.qr-code span{font-size:clamp(.75rem,2vw,.8rem);color:#fff9;text-align:center}.icp-footer{position:fixed;bottom:0;left:0;right:0;background-color:#242424f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 0;border-top:1px solid rgba(255,255,255,.1);z-index:1000}.icp-info{max-width:1200px;margin:0 auto;padding:0 20px;text-align:left}.icp-info p{margin:3px 0;font-size:clamp(10px,2vw,12px);line-height:1.4;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.icp-info a{color:#fff9;text-decoration:none;transition:color .3s ease}.icp-info a:hover{color:#fffc}.icp-info img{width:14px;height:14px;vertical-align:middle;margin-right:4px;flex-shrink:0}.pc-mode-indicator{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);color:#1976d2;padding:12px 16px;border-radius:8px;border:2px solid #2196f3;margin:16px 0;display:flex;align-items:center;gap:8px;font-weight:500;box-shadow:0 2px 8px #2196f326}.pc-mode-indicator:before{content:"🖥️";font-size:1.2em}.wechat-auth-indicator{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);color:#2e7d32;padding:12px 16px;border-radius:8px;border:2px solid #4caf50;margin:16px 0;display:flex;align-items:center;gap:8px;font-weight:500;box-shadow:0 2px 8px #4caf5026}.wechat-auth-indicator:before{content:"✅";font-size:1.2em}.payment-demo-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff6b354d;margin:16px 0}.payment-demo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.wechat-auth-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #4caf504d;margin:16px 0}.wechat-auth-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}body{background-color:#fff}.navbar{background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.1)}.nav-menu a{color:#213547}.nav-menu a:hover{color:#646cff;background:#646cff1a}.hero{background:linear-gradient(135deg,#fff,#f8f9fa)}.hero-content p{color:#213547b3}.about{background:#f8f9fa}.about-text p,.stat p{color:#213547b3}.services{background:#fff}.service-card{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.service-card p{color:#213547b3}.contact{background:#f8f9fa}.contact-item{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.contact-item p,.contact-item a{color:#213547b3}.contact-item a:hover{color:#646cff;background:#646cff1a}.qr-code span{color:#21354799}.icp-footer{background-color:#fffffff2;border-top:1px solid rgba(0,0,0,.1)}.icp-info a{color:#0009}.icp-info a:hover{color:#000c}}@media (max-width: 1024px){.container{padding:0 15px}.about-content{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.nav-container{padding:0 15px;flex-wrap:wrap;gap:1rem}.nav-menu{gap:1rem;font-size:.9rem}.hero{padding:1rem}.about-stats,.services-grid,.contact-info{grid-template-columns:1fr;gap:1.5rem}.icp-footer{padding:10px 0}body{padding-bottom:70px}}@media (max-width: 480px){.nav-container{flex-direction:column;gap:.5rem;padding:10px}.nav-logo{font-size:1.2rem}.nav-menu{justify-content:center;gap:.5rem}.nav-menu a{padding:.25rem .5rem;font-size:.85rem}.hero{padding:.5rem;min-height:90vh}.about,.services,.contact{padding:3rem 0}.container{padding:0 10px}body{padding-bottom:80px}}@media (max-width: 360px){.container{padding:0 8px}.contact-item{padding:1rem}.hero{min-height:85vh}}@media (hover: none) and (pointer: coarse){.nav-menu a,.cta-button,.service-card,.contact-item{min-height:44px}.nav-menu a{padding:.75rem}}.payment-page{padding:20px;max-width:600px;margin:0 auto}.payment-page h2{text-align:center;color:#333;margin-bottom:30px}.product-showcase{background:#f8f9fa;border-radius:12px;padding:24px;box-shadow:0 2px 12px #0000001a}.product-showcase h3{color:#007c89;margin-bottom:20px;border-bottom:2px solid #007c89;padding-bottom:8px}.product-details{margin-bottom:24px}.product-details p{margin:12px 0;font-size:16px;line-height:1.5}.product-details span{font-weight:700;color:#555;display:inline-block;width:100px}.error-message{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;padding:12px;margin:16px 0}.error-message p{color:#ff4d4f;margin:0}.payment-actions{display:flex;gap:12px;flex-wrap:wrap}.create-order-btn,.back-btn,.debug-btn{flex:1;min-width:120px;padding:14px 20px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.back-btn{background:#f0f0f0;color:#666;border:1px solid #d9d9d9}.back-btn:hover:not(:disabled){background:#e6f7ff;border-color:#91d5ff;color:#1890ff}.back-btn:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.debug-btn{background:#722ed1;color:#fff;flex:0 0 auto;min-width:100px}.debug-btn:hover:not(:disabled){background:#9254de;transform:translateY(-2px);box-shadow:0 4px 12px #722ed14d}.debug-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.debug-panel{margin-top:24px;background:#fafafa;border:1px solid #d9d9d9;border-radius:8px;padding:16px;max-height:600px;overflow-y:auto}.debug-panel h4{margin:0 0 16px;color:#722ed1;font-size:18px}.debug-entries{margin-bottom:16px}.debug-entry{background:#fff;border:1px solid #e8e8e8;border-radius:6px;margin-bottom:12px;overflow:hidden}.debug-header{background:#f0f0f0;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8}.debug-time{font-size:12px;color:#666;font-family:Courier New,monospace}.debug-type{font-size:12px;font-weight:700;color:#722ed1;background:#f9f0ff;padding:2px 8px;border-radius:12px}.debug-content{padding:12px;margin:0;font-family:Courier New,monospace;font-size:12px;line-height:1.4;background:#fafafa;color:#333;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.debug-actions{display:flex;gap:8px;flex-wrap:wrap}.clear-debug-btn,.copy-debug-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.clear-debug-btn{background:#ff7875;color:#fff}.clear-debug-btn:hover{background:#ff4d4f}.copy-debug-btn{background:#40a9ff;color:#fff}.copy-debug-btn:hover{background:#1890ff}.home-page .card{padding:2em}.home-page .card p{margin:16px 0}@media (max-width: 480px){.payment-page{padding:12px}.product-showcase{padding:16px}.payment-actions{flex-direction:column}.create-order-btn,.back-btn{width:100%}}