*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;min-height:100vh;color:#1f2937;background:#f5f5f5}#root{min-height:100vh}button:active{transform:scale(.98)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.weixin-pay-wrapper{background:#ededed;height:100vh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0}.weixin-top-info{background:#ededed;padding:32px 20px 20px;text-align:center}.weixin-title{font-size:20px;color:#000;font-weight:400;margin-bottom:0}.weixin-order{font-size:14px;color:#999;margin-top:12px;letter-spacing:.5px}.weixin-amount{font-size:64px;color:#000;font-weight:700;text-align:center;padding:24px 20px 36px;background:#ededed;letter-spacing:-2px}.weixin-info-section{background:#fff;margin:0;padding:16px 20px}.weixin-row{display:flex;justify-content:space-between;align-items:center}.weixin-label{font-size:15px;color:#999;font-weight:400}.weixin-value{font-size:15px;color:#000;font-weight:400}.weixin-pay-btn{width:calc(100% - 28px);height:50px;background:#09bb07;color:#fff;border:none;border-radius:4px;font-size:17px;font-weight:400;margin:28px 14px 0;cursor:pointer}.weixin-pay-btn:active{background:#07a803}.weixin-safe-text{font-size:13px;color:#b2b2b2;text-align:center;padding:0 20px;margin-top:460px;line-height:1.8}.pc-pay-wrapper{background:#fff;min-height:100vh;overflow:hidden;display:flex;flex-direction:column}.pc-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fff}.pc-header-left{display:flex;align-items:center;gap:8px}.pc-header-icon{font-size:18px}.pc-header-title{font-size:16px;color:#333;font-weight:500}.pc-contact-btn{background:#ff6b35;color:#fff;border:none;border-radius:16px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer}.pc-pay-title{font-size:16px;color:#999;text-align:center;margin-top:16px;margin-bottom:12px}.pc-pay-method{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.pc-method-text{font-size:16px;color:#333;font-weight:500}.pc-amount{font-size:44px;color:#386cfa;font-weight:700;text-align:center;margin-bottom:24px}.pc-amount-unit{font-size:20px;font-weight:400;margin-left:4px}.pc-qrcode-section{display:flex;justify-content:center;margin:0 20px 16px;padding:16px;background:#fff;border-radius:8px}.pc-scan-tip{font-size:16px;color:#333;text-align:center;margin-bottom:8px;font-weight:500}.pc-scan-instruction{font-size:14px;color:#888;text-align:center;line-height:1.6;padding:0 20px}.icp-info{position:fixed;bottom:5px;left:50%;transform:translate(-50%);font-size:10px;color:#ccc;text-align:center;z-index:1;opacity:.6}.qrcode-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.skeleton-box{width:200px;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}.skeleton-text{margin-top:16px;font-size:14px;color:#9ca3af;font-weight:500}.service-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.service-icon{font-size:64px;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.service-title{font-size:20px;font-weight:600;color:#1d1d1f;margin-bottom:12px;letter-spacing:-.3px}.service-desc{font-size:15px;color:#6b7280;margin-bottom:28px;line-height:1.6;max-width:320px}.service-contact-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff;border:none;padding:14px 32px;border-radius:980px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff6b354d}.service-contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566;background:linear-gradient(135deg,#ff8c5a,#ff6b35)}.btn-icon{font-size:18px}@media (max-width: 500px){.weixin-top-info{padding:28px 16px 16px}.weixin-title{font-size:19px}.weixin-amount{font-size:56px;padding:20px 16px 32px}.weixin-pay-btn{width:calc(100% - 24px);height:48px;margin:24px 12px 0}.weixin-safe-text{margin-top:380px}.pc-header{padding:12px 16px}.pc-pay-title{font-size:15px}.pc-amount{font-size:36px}.pc-qrcode-section{margin:0 16px 16px;padding:16px}}@media (max-width: 600px){.skeleton-box{width:160px;height:160px}.skeleton-text{font-size:13px}.service-entry{padding:30px 16px}.service-icon{font-size:52px;margin-bottom:16px}.service-title{font-size:18px;margin-bottom:10px}.service-desc{font-size:14px;margin-bottom:24px}.service-contact-btn{padding:12px 28px;font-size:15px}}