*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:#fff;box-shadow:0 2px 8px #0000001a;padding:16px 0;position:sticky;top:0;z-index:100;transition:transform .3s ease}.header.hidden{transform:translateY(-100%)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:16px}.logo img{width:60px;height:60px;object-fit:contain}.logo-text h1{font-size:24px;font-weight:700;color:#333}.logo-text p{font-size:14px;color:#666;margin-top:4px}.header-nav{display:flex;align-items:center;gap:16px}.language-switcher{display:flex;align-items:center;margin-left:16px;padding-left:16px;border-left:1px solid #e0e0e0}.language-dropdown{position:relative;display:inline-block}.language-dropdown-toggle{background:none;border:1px solid #e0e0e0;color:#333;padding:6px 12px;border-radius:16px;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.language-dropdown-toggle:hover{border-color:#667eea;color:#667eea}.dropdown-arrow{font-size:10px;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.language-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:120px;overflow:hidden}.language-dropdown-item{display:block;width:100%;padding:8px 16px;text-align:left;background:none;border:none;font-size:14px;color:#333;cursor:pointer;transition:all .3s ease}.language-dropdown-item:hover{background-color:#f0f0f0;color:#667eea}.language-dropdown-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-nav-btn{color:#333;text-decoration:none;font-size:16px;padding:8px 16px;border-radius:4px;transition:all .3s ease}.header-nav-btn:hover{background-color:#f0f0f0}.header-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;font-size:16px;padding:10px 20px;border-radius:20px;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.header-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.main{padding:40px 0}.hero{text-align:center;margin-bottom:40px}.hero h2{font-size:36px;font-weight:700;color:#333;margin-bottom:16px}.hero p{font-size:18px;color:#666;max-width:600px;margin:0 auto}.search-section{margin-bottom:40px}.search-box{position:relative;max-width:600px;margin:0 auto;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#999;width:20px;height:20px}.search-input{width:100%;padding:16px 16px 16px 48px;font-size:16px;border:2px solid #e0e0e0;border-radius:25px;outline:none;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-clear{position:absolute;right:16px;background:none;border:none;cursor:pointer;color:#999;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.search-clear:hover{color:#666}.continent-nav-section{margin-bottom:40px}.continent-nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.continent-btn{padding:10px 20px;border:1px solid #e0e0e0;background:#fff;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease}.continent-btn:hover{border-color:#667eea;color:#667eea}.continent-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.continent-section{display:flex;flex-direction:column;gap:40px}.continent-block{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #00000014}.continent-title{font-size:24px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.region-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start}@media (max-width: 768px){.region-grid{gap:10px}.region-card{flex:0 0 calc(50% - 5px)!important;max-width:calc(50% - 5px)!important;min-width:unset!important}}.region-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:12px 15px;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;flex:0 0 calc(20% - 12px);max-width:calc(20% - 12px);min-width:150px}@media (max-width: 768px){.region-card{flex:0 0 calc(50% - 7.5px);max-width:calc(50% - 7.5px);min-width:unset}}@media (max-width: 480px){.region-card{flex:0 0 calc(50% - 7.5px);max-width:calc(50% - 7.5px)}}.region-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f;border-color:#667eea}.region-icon{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5;flex-shrink:0}.region-icon img{width:100%;height:100%;object-fit:cover}.region-name{font-size:14px;font-weight:500;color:#333;flex:1}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.modal.active{opacity:1;visibility:visible}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:90vh;overflow-y:auto;position:relative;padding:32px;box-shadow:0 10px 40px #0003}.modal-header{margin-bottom:24px;border-bottom:2px solid #f0f0f0;padding-bottom:20px}.modal-header-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.modal-icon{width:60px;height:60px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.modal-icon img{width:100%;height:100%;object-fit:cover}.modal-title{font-size:24px;font-weight:600;color:#333}.modal-header-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.modal-subtitle{font-size:16px;color:#666}.modal-price-section{display:flex;align-items:center;gap:8px}.modal-price-label{font-size:16px;color:#666}.modal-price{font-size:24px;font-weight:600;color:#667eea}.modal-close{font-size:24px;cursor:pointer;color:#fff;transition:all .3s ease;line-height:1;background:linear-gradient(135deg,#667eea,#764ba2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.modal-close:hover{transform:rotate(90deg);box-shadow:0 4px 8px #0003}.selection-info{display:flex;align-items:center;gap:24px;margin-bottom:24px;padding:16px;background:#f8f9fa;border-radius:12px;flex-wrap:wrap}.selection-label{font-size:16px;font-weight:600;color:#333}.selection-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}.selection-item svg{width:16px;height:16px;color:#667eea}.price-item{font-weight:600;color:#333}.price-label{font-size:14px;color:#666}.price-value{font-size:16px;color:#667eea;font-weight:600}.detail-sections-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.detail-section{background:#f8f9fa;border-radius:12px;padding:20px}.detail-section h3{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;display:flex;align-items:center;gap:8px}.select-hint{font-size:14px;font-weight:400;color:#999}.section-content{display:flex;flex-wrap:wrap;gap:12px}.select-option{padding:8px 16px;background:#fff;border:1px solid #e0e0e0;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease}.select-option:hover{border-color:#667eea;color:#667eea}.select-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.select-option.disabled{opacity:.5;cursor:not-allowed}.select-option.disabled:hover{border-color:#e0e0e0;color:#666}.coverage-content{display:flex;flex-wrap:wrap;gap:8px}.coverage-tag{padding:4px 12px;background:#fff;border:1px solid #e0e0e0;border-radius:12px;font-size:12px;color:#666}.buy-section{display:flex;flex-wrap:wrap;gap:20px;padding:20px;background:linear-gradient(135deg,#f0f4ff,#e8efff);border-radius:16px;border:2px solid #667eea;margin-top:25px}.selected-package-info{flex:1 1 400px;min-width:400px;background:#fff;padding:15px 20px;border-radius:12px;font-size:14px;color:#555;line-height:1.8}.info-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.info-label{font-weight:600;color:#333}.info-value{color:#666}.plan-id-value{display:flex;align-items:center;gap:8px}.copy-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;margin-left:8px;padding:6px 10px;border-radius:6px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.copy-btn.copied{background:#4caf50;transform:scale(.95)}.copy-btn svg{width:16px;height:16px}.buy-btn-container{flex:1 1 300px;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.copy-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;background:linear-gradient(135deg,#fff7e6,#fff1cc);border:1px solid #ffd591;border-radius:8px;font-size:13px;color:#d48806;width:100%;max-width:300px}.copy-hint svg{width:16px;height:16px}.buy-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:30px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 25px #667eea66;width:100%;max-width:100%}.buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #667eea80}.buy-btn svg{width:20px;height:20px}.floating-contact-btn{position:fixed;bottom:200px;right:30px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:30px;font-size:12px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 25px #667eea66;z-index:99;text-align:center;min-width:80px}.floating-contact-btn:hover{transform:translateY(-4px);box-shadow:0 8px 30px #667eea80}.floating-contact-btn svg{width:20px;height:20px}#rechargeModal .modal-content{max-width:500px;text-align:center}#rechargeModal h3{font-size:20px;font-weight:600;color:#333;margin-bottom:16px}#rechargeModal p{font-size:16px;color:#666;margin-bottom:24px}.qr-code-container{margin-bottom:24px}.qr-code{width:200px;height:200px;object-fit:contain;margin-bottom:12px}.qr-code-text{font-size:14px;color:#666}.operation-guide{margin-top:24px}.operation-guide h4{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.guide-image{width:100%;max-width:400px;border-radius:8px;border:1px solid #e0e0e0}.close{position:absolute;top:16px;right:20px;font-size:24px;cursor:pointer;color:#999;transition:color .3s ease}.close:hover{color:#333}.search-no-result{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014}.search-no-result h3{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}.search-no-result p{font-size:16px;color:#666}.footer{background:#fff;box-shadow:0 -2px 8px #0000001a;padding:24px 0;margin-top:60px}.footer .container{text-align:center}.footer p{font-size:14px;color:#666}@media (max-width: 1199px){.region-card{flex:0 0 calc(25% - 11px);max-width:calc(25% - 11px)}}@media (max-width: 991px){.region-card{flex:0 0 calc(33.333% - 10px);max-width:calc(33.333% - 10px)}}@media (max-width: 768px){.header .container{flex-direction:column;gap:16px}.header-nav{flex-wrap:wrap;justify-content:center}.hero h2{font-size:28px}.hero p{font-size:16px}.region-card{flex:0 0 calc(50% - 7.5px);max-width:calc(50% - 7.5px)}.modal-content{width:95%;padding:24px}.selection-info{flex-direction:column;align-items:flex-start;gap:12px}.selected-package-info,.buy-btn-container{flex:1 1 100%;min-width:100%}.floating-contact-btn{bottom:160px;right:20px;padding:12px;font-size:10px;min-width:70px}.floating-contact-btn svg{width:20px;height:20px}}@media (max-width: 480px){.region-card{flex:0 0 100%;max-width:100%}}.features-section{margin:40px 0;padding:20px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.feature-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;padding:30px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #0000001a}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.feature-icon svg{width:30px;height:30px}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:10px;color:#333}.feature-card p{color:#666;font-size:14px;line-height:1.5}.pricing-section{margin:60px 0;padding:40px 0;background:#f8f9fa;border-radius:10px}.section-title{text-align:center;font-size:24px;font-weight:600;margin-bottom:10px;color:#333}.section-subtitle{text-align:center;font-size:16px;color:#666;margin-bottom:30px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.pricing-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.pricing-card.popular{border:2px solid #667eea}.pricing-card.special{border:2px solid #764ba2}.popular-badge,.special-badge{position:absolute;top:0;right:0;background:#667eea;color:#fff;padding:5px 15px;font-size:12px;font-weight:600;border-radius:0 10px}.special-badge{background:#764ba2}.pricing-header{padding:30px 20px;text-align:center;border-bottom:1px solid #eee}.pricing-header h3{font-size:20px;font-weight:600;margin-bottom:15px;color:#333}.pricing-price{font-size:32px;font-weight:700;color:#667eea}.currency{font-size:20px;vertical-align:top;margin-right:5px}.amount{font-size:32px}.period{font-size:14px;color:#666;margin-left:5px}.pricing-features{padding:20px}.pricing-features ul{list-style:none;padding:0;margin:0}.pricing-features li{padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;color:#666;font-size:14px}.pricing-features li svg{width:16px;height:16px;margin-right:10px;color:#667eea}.pricing-btn{display:block;width:80%;margin:20px auto;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-align:center;text-decoration:none;border-radius:25px;font-weight:600;transition:all .3s ease}.pricing-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.pricing-grid.short-video{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.pricing-card.compact .pricing-header{padding:20px}.pricing-card.compact .pricing-price{font-size:24px}.devices-section{margin:60px 0;padding:40px 0}.devices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px}.device-card{background:#fff;border-radius:10px;padding:30px 20px;text-align:center;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative}.device-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.device-card.popular{border:2px solid #667eea}.device-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.device-icon svg{width:30px;height:30px}.device-card h3{font-size:16px;font-weight:600;margin-bottom:10px;color:#333;min-height:48px}.device-price{font-size:24px;font-weight:700;color:#667eea;margin-bottom:10px}.device-desc{color:#666;font-size:14px;line-height:1.5}@media (max-width: 768px){.features-grid,.pricing-grid,.devices-grid{grid-template-columns:1fr}.section-title{font-size:20px}.section-subtitle{font-size:14px}.pricing-header h3{font-size:18px}.pricing-price,.amount{font-size:24px}}.installation-guide{background-color:#f8f9fa}.installation-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:40px;flex-wrap:wrap}.tab-btn{padding:12px 30px;border:2px solid #e0e0e0;background:#fff;border-radius:25px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 4px #00000014}.tab-btn:hover{border-color:#667eea;color:#667eea}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.installation-content{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 12px #00000014}.os-guide{display:flex;flex-direction:column;gap:40px}.qr-code-section{text-align:center;margin-bottom:20px}.qr-code-img{max-width:300px;height:auto;border-radius:12px;box-shadow:0 4px 12px #0000001a}.installation-steps{display:flex;flex-direction:column;gap:30px}.installation-steps h3{font-size:20px;font-weight:600;color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.installation-steps h3.chinese{font-size:18px;color:#666;margin-top:5px;border-bottom:none;margin-bottom:20px}.step-section{margin-bottom:20px}.step-section h4{font-size:18px;font-weight:500;color:#333;margin-bottom:15px;display:flex;align-items:center;gap:10px}.installation-steps ol{list-style-type:decimal;padding-left:20px;display:flex;flex-direction:column;gap:15px}.installation-steps li{font-size:16px;line-height:1.5;display:flex;flex-direction:column;gap:5px}.installation-steps li span.chinese{color:#666;font-size:15px}@media (max-width: 768px){.installation-tabs{flex-direction:column;align-items:center}.tab-btn{width:80%;max-width:300px}.installation-content{padding:20px}.qr-code-img{max-width:250px}.installation-steps h3{font-size:18px}.installation-steps h4{font-size:16px}.installation-steps li{font-size:15px}.installation-steps li span.chinese{font-size:14px}}@media (max-width: 480px){.installation-content{padding:16px}.qr-code-img{max-width:200px}.installation-steps h3{font-size:16px}.installation-steps h4{font-size:15px}.installation-steps li{font-size:14px}.installation-steps li span.chinese{font-size:13px}}.auth-modal{max-width:420px;padding:30px}.auth-modal h2{margin-bottom:20px;text-align:center}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;color:#333}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.captcha-row{display:flex;gap:10px;align-items:center}.captcha-row input{flex:1}.captcha-img{cursor:pointer;flex-shrink:0}.form-error{color:#e74c3c;font-size:13px;margin-bottom:10px}.form-success{color:#27ae60;font-size:13px;margin-bottom:10px}.auth-switch{text-align:center;margin-top:16px;font-size:13px;color:#666}.auth-switch a{color:#3498db;cursor:pointer;text-decoration:underline}.btn-primary{width:100%;padding:12px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer}.btn-primary:hover{background:#2980b9}.btn-primary:disabled{background:#95a5a6;cursor:not-allowed}.btn-secondary{width:100%;padding:12px;background:#95a5a6;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer}.btn-scan{margin-top:8px;padding:8px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.purchase-btn{margin-top:10px;background:#e67e22!important;color:#fff!important;text-decoration:none!important}.purchase-btn:hover{background:#d35400!important}.purchase-modal{max-width:500px;padding:30px}.purchase-step h3{margin-bottom:16px}.card-type-options{display:flex;gap:20px;margin:20px 0}.card-type-btn{flex:1;padding:20px;border:2px solid #ddd;border-radius:10px;background:#f9f9f9;cursor:pointer;text-align:center;font-size:16px;transition:all .2s}.card-type-btn.active{border-color:#3498db;background:#e8f4fd}.card-type-icon{display:block;font-size:32px;margin-bottom:8px}.order-confirm p{margin:8px 0;font-size:14px}.wechat-pay-qr{text-align:center;margin:20px 0}.wechat-pay-qr img{margin:10px auto}.verify-page{max-width:600px;margin:40px auto;padding:30px}.verify-method-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tab-btn{padding:8px 16px;border:1px solid #ddd;border-radius:6px;background:#f9f9f9;cursor:pointer;font-size:13px}.tab-btn.active{background:#3498db;color:#fff;border-color:#3498db}.verify-form{margin-top:20px}.verify-success{text-align:center;padding:40px;font-size:18px;color:#27ae60}.user-info{display:flex;align-items:center;gap:8px}.user-phone{font-size:13px;color:#333}.auth-buttons{display:flex;gap:6px}.my-terminals{max-width:800px;margin:40px auto;padding:30px}.terminal-section{margin-bottom:30px}.terminal-section h3{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #eee}.terminal-list{display:flex;flex-direction:column;gap:12px}.terminal-card{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid #eee;border-radius:8px;background:#fafafa}.terminal-info{display:flex;flex-direction:column;gap:4px}.terminal-id{font-weight:600;font-size:14px}.terminal-plan{font-size:12px;color:#888}.btn-sm{width:auto;padding:6px 16px;font-size:13px}.add-terminal{margin-top:20px;padding:16px;border:1px dashed #ddd;border-radius:8px}.add-terminal h4{margin-bottom:12px}.add-terminal-form{display:flex;gap:10px}.add-terminal-form input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:6px}.empty-hint{color:#999;text-align:center;padding:20px}.my-orders{max-width:800px;margin:40px auto;padding:30px}.order-list{display:flex;flex-direction:column;gap:16px}.order-card{border:1px solid #eee;border-radius:8px;overflow:hidden}.order-header{display:flex;justify-content:space-between;padding:12px 16px;background:#f5f5f5;font-size:13px}.order-no{color:#555}.order-status{font-weight:600}.status-pending{color:#e67e22}.status-paid{color:#3498db}.status-processing{color:#9b59b6}.status-completed{color:#27ae60}.status-failed{color:#e74c3c}.status-refunded,.status-cancelled{color:#95a5a6}.order-body{padding:16px}.order-body p{margin:4px 0;font-size:14px}.order-actions{padding:12px 16px;border-top:1px solid #eee;text-align:right}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.page-container{min-height:60vh}