*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#333;line-height:1.6}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 20px #0000000d}.nav-container{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700}.logo-icon{font-size:28px}.logo-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:#666;text-decoration:none;font-size:15px;transition:color .3s}.nav-links a:hover{color:#667eea}.btn-login{padding:10px 24px!important;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border-radius:25px}.hero{min-height:100vh;padding:120px 20px 60px;display:flex;align-items:center;justify-content:center;gap:60px;max-width:1200px;margin:0 auto}.hero-content{flex:1}.hero-content h1{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:#666;margin-bottom:30px;max-width:500px}.hero-actions{display:flex;gap:15px;margin-bottom:50px}.btn{padding:14px 32px;border-radius:30px;font-size:16px;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.btn-secondary{border:2px solid #667eea;color:#667eea}.hero-stats{display:flex;gap:40px}.stat-item{text-align:center}.stat-number{display:block;font-size:32px;font-weight:700;color:#667eea}.stat-label{font-size:14px;color:#999}.hero-visual{flex:0 0 300px}.phone-mockup{width:280px;height:550px;background:linear-gradient(145deg,#333,#1a1a1a);border-radius:45px;padding:15px;box-shadow:0 30px 60px #0000004d}.phone-screen{width:100%;height:100%;background:#fff;border-radius:35px;overflow:hidden}.pay-demo{padding:30px 20px}.product-card{background:#f5f5f5;border-radius:12px;overflow:hidden;margin-bottom:20px}.product-img{height:200px;background:url(/assets/iphone-17-pro-max-efgzMQLy.jpg) center/cover}.product-info-demo{padding:15px}.product-name{font-size:14px;margin-bottom:8px}.product-price{font-size:20px;color:#f56c6c;font-weight:700}.pay-buttons{display:flex;flex-direction:column;gap:10px}.pay-btn{padding:15px;border-radius:25px;text-align:center;color:#fff;font-size:14px}.pay-btn.wechat{background:#07c160}.pay-btn.alipay{background:#1677ff}.features{padding:100px 20px;background:#f8fafc}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;margin-bottom:15px}.section-header p{color:#666;font-size:18px}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;padding:40px 30px;border-radius:16px;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.feature-icon{font-size:48px;margin-bottom:20px}.feature-card h3{font-size:20px;margin-bottom:12px}.feature-card p{color:#666;font-size:15px}.how-it-works{padding:100px 20px}.steps{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:20px}.step{text-align:center;flex:1}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin:0 auto 20px}.step h3{font-size:18px;margin-bottom:10px}.step p{color:#666;font-size:14px}.step-arrow{font-size:24px;color:#ccc}.order-query{padding:100px 20px;background:#f8fafc}.query-form{max-width:500px;margin:0 auto 30px;display:flex;gap:10px}.query-form input{flex:1;padding:15px 20px;border:2px solid #e0e0e0;border-radius:30px;font-size:16px;outline:none;transition:border-color .3s}.query-form input:focus{border-color:#667eea}.query-form button{padding:15px 35px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;font-size:16px;cursor:pointer;transition:transform .3s}.query-form button:hover:not(:disabled){transform:translateY(-2px)}.query-form button:disabled{opacity:.6;cursor:not-allowed}.order-result{max-width:500px;margin:0 auto;background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 30px #0000000d}.result-header{text-align:center;margin-bottom:20px}.status{padding:8px 20px;border-radius:20px;font-size:14px}.status.paid{background:#e8f5e9;color:#4caf50}.status.pending{background:#fff3e0;color:#ff9800}.info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#999}.query-tabs{max-width:500px;margin:0 auto 20px;display:flex;justify-content:center;gap:20px}.query-tabs .tab{padding:10px 25px;border-radius:20px;cursor:pointer;transition:all .3s;color:#666;border:2px solid transparent}.query-tabs .tab:hover{color:#667eea}.query-tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.order-list{max-width:500px;margin:0 auto}.list-header{text-align:center;color:#666;margin-bottom:15px}.order-item{background:#fff;border-radius:12px;padding:15px 20px;margin-bottom:10px;box-shadow:0 4px 15px #0000000d}.order-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.order-no{font-size:14px;color:#999}.status-tag{padding:4px 12px;border-radius:12px;font-size:12px}.status-tag.paid{background:#e8f5e9;color:#4caf50}.status-tag.pending{background:#fff3e0;color:#ff9800}.order-item-body{display:flex;justify-content:space-between;margin-bottom:8px}.order-item-body .amount{color:#f56c6c;font-weight:700}.order-item-footer{font-size:12px;color:#999}.no-result{text-align:center;color:#999;padding:40px}.footer{background:#1a1a2e;color:#fff;padding:60px 20px 20px}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:40px;border-bottom:1px solid #333}.footer-brand .logo-icon,.footer-brand .logo-text{font-size:24px}.footer-brand p{margin-top:15px;color:#888}.footer-links h4,.footer-contact h4{margin-bottom:20px;font-size:16px}.footer-links a{display:block;color:#888;text-decoration:none;margin-bottom:10px;transition:color .3s}.footer-links a:hover{color:#fff}.footer-contact p{color:#888;margin-bottom:10px}.footer-bottom{text-align:center;padding-top:20px;color:#666;font-size:14px}@media(max-width:768px){.hero{flex-direction:column;text-align:center;padding-top:100px}.hero-content h1{font-size:32px}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions,.hero-stats{justify-content:center}.hero-visual{display:none}.features-grid{grid-template-columns:1fr}.steps{flex-direction:column}.step-arrow{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr;text-align:center}.nav-links{display:none}}