:root{--primary-color:#FF6B00;--primary-light:#FF9A56;--primary-dark:#E05D00;--primary-gradient:linear-gradient(135deg,var(--primary-color),var(--primary-light));--secondary-color:#6C5CE7;--secondary-light:#A29BFE;--accent-color:#00CEC9;--accent-light:#55EFC4;--gold-color:#FFD700;--silver-color:#C0C0C0;--bronze-color:#CD7F32;--text-dark:#2D3436;--text-medium:#636E72;--text-light:#B2BEC3;--bg-light:#F5F6FA;--bg-white:#FFFFFF;--border-color:#EAEAEA;--shadow-sm:0 4px 12px rgba(0,0,0,0.08);--shadow-md:0 8px 24px rgba(0,0,0,0.12);--shadow-lg:0 16px 32px rgba(0,0,0,0.16);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:16px;--transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}
.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0px;position:relative;width:100%;min-height:130px}
.page-title{display:flex;align-items:center}
.page-title h1{font-size:32px;font-weight:700;position:relative;padding-left:20px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-title h1::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:var(--primary-gradient);border-radius:3px}
.int-box{display:flex;align-items:center;gap:20px}
.guest-points-display1{display:flex;align-items:center;background-color:#fff;border-radius:var(--radius-xl);padding:16px 24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;border:1px solid #fff;min-width:240px;height:140px;width:300px}
.guest-points-display1::before{position:absolute;top:0;left:0;width:100%;height:100%}
.guest-points-display{display:flex;align-items:center;background-color:var(--bg-white);border-radius:var(--radius-xl);padding:8px 16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;border:1px solid #fff;min-width:240px;height:140px;width:300px}
.guest-points-display::before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,107,0,0.03) 0%,rgba(255,107,0,0.1) 50%,rgba(255,107,0,0.03) 100%)}
.points-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(255,107,0,0.1),rgba(108,92,231,0.1));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;color:var(--primary-color);font-size:24px;flex-shrink:0}
.points-content{display:flex;flex-direction:column}
.points-title{font-size:14px;color:var(--text-medium);margin-bottom:4px}
.points-value{font-size:20px;font-weight:700;color:var(--text-dark);position:relative;letter-spacing:2px}
.check-in-box{background-color:#fff;border-radius:var(--radius-xl);padding:16px 24px;box-shadow:var(--shadow-sm);border:1px solid #fff;min-width:240px;position:relative;overflow:hidden;width:300px;height:140px}
.check-in-box::before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,206,201,0.03) 0%,rgba(0,206,201,0.1) 50%,rgba(0,206,201,0.03) 100%)}
.check-in-header{display:flex;align-items:center;margin-bottom:8px}
.check-in-icon{width:36px;height:36px;background:rgba(0,206,201,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;color:var(--accent-color);font-size:18px}
.check-in-title{font-size:14px;color:var(--text-medium)}
.check-in-value{font-size:16px;font-weight:700;color:var(--accent-color);margin-left:48px}
.check-in-btn{padding:6px 16px;background:var(--accent-color);color:white;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);margin-top:12px;width:170px;display:flex;align-items:center;justify-content:center;z-index:99;display:block;position:relative;float:right;top:-50px}
.check-in-btn i{margin-right:8px}
.check-in-btn:hover{background:#00b5b0;box-shadow:0 4px 12px rgba(0,206,201,0.3)}
.check-in-btn.disabled{background:#f5f5f5;cursor:not-allowed;border:1px solid #d3d3d3;color:#8a8a8a}
.login-actions{display:flex;flex-direction:column;gap:12px;z-index:99}
.login-actions1{display:flex;flex-direction:column;z-index:99;background:#fff;width:240px;border-radius:10px;border:1px solid #fff;text-align:center;padding:10px;height:135px;position:relative}
.login-actions1::before{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,206,201,0.03) 0%,rgba(0,206,201,0.1) 50%,rgba(0,206,201,0.03) 100%)}
.login-btn{padding:12px 79px;background:#0094E8;color:white;border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px rgba(255,107,0,0.2);display:flex;align-items:center;justify-content:center;min-width:140px;border-radius:8px}
.login-btn i{margin-right:8px}
.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,107,0,0.3)}
.register-btn{padding:8px 89px;background:transparent;color:#0094E8;border:1px solid #0094E8;border-radius:var(--radius-lg);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;min-width:140px;border-radius:8px}
.register-btn:hover{background:rgba(255,107,0,0.05);border-color:#0094E8}
.vip-benefits{position:absolute;right:0;bottom:-30px;background:linear-gradient(135deg,var(--gold-color),var(--bronze-color));color:white;padding:6px 16px;border-radius:var(--radius-lg);font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(255,215,0,0.3);display:flex;align-items:center}
.vip-benefits i{margin-right:6px}
.filter-section{background-color:var(--bg-white);border-radius:10px;padding:24px;margin-bottom:30px;box-shadow:var(--shadow-sm)}
.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.filter-title{font-size:18px;font-weight:700;color:var(--text-dark);display:flex;align-items:center}
.filter-title i{margin-right:12px;color:var(--primary-color);font-size:18px}
.sort-options{display:flex;align-items:center}
.sort-label{font-size:14px;color:var(--text-medium);margin-right:12px}
.sort-select{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-white);font-size:14px;color:var(--text-dark);cursor:pointer;transition:var(--transition);appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:36px}
.sort-select:hover{border-color:var(--primary-light)}
.sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(255,107,0,0.1)}
.filter-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.filter-tag{padding:5px 30px;background-color:var(--bg-light);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);border:1px solid var(--border-color);color:var(--text-medium);display:flex;align-items:center}
.filter-tag i{margin-right:8px;font-size:14px}
.filter-tag.active,.filter-tag:hover{background-color:#fff;color:var(--primary-color);border-color:var(--primary-color);color:var(--primary-color)}
.filter-tag:hover a{color:var(--primary-color)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:15px}
.product-card{background-color:var(--bg-white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);cursor:pointer;position:relative}
.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}
.product-badge{position:absolute;top:16px;left:16px;background-color:var(--accent-color);color:white;padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:700;z-index:1;box-shadow:0 4px 8px rgba(0,206,201,0.3)}
.product-badge.hot{background-color:var(--primary-color);box-shadow:0 4px 8px rgba(255,107,0,0.3)}
.product-badge.new{background-color:var(--secondary-color);box-shadow:0 4px 8px rgba(108,92,231,0.3)}
.product-badge.vip{background:linear-gradient(135deg,var(--gold-color),var(--bronze-color));box-shadow:0 4px 8px rgba(255,215,0,0.3)}
.product-image-container{position:relative;width:100%;height:200px;overflow:hidden}
.product-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.product-card:hover .product-image{transform:scale(1.05)}
.product-info{padding:10px 15px}
.product-name{font-size:16px;font-weight:700;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.product-desc{font-size:13px;color:var(--text-medium);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.product-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.product-stock{font-size:12px;color:var(--text-light);padding:4px 8px;border-radius:var(--radius-xs);background-color:rgba(178,190,195,0.1)}
.product-stock.in-stock{color:var(--accent-color);background-color:rgba(0,206,201,0.1)}
.product-rating{display:flex;align-items:center;font-size:12px;font-weight:600;color:var(--text-medium)}
.product-rating i{color:var(--gold-color);margin-right:4px;font-size:12px}
.product-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-color);padding-top:10px;width:100%}
.product-points{display:flex;flex-direction:column;color:#d60000}
.points-value{color:#;font-size:20px;font-weight:700;line-height:1}
.points-label{font-size:12px;color:var(--text-light);margin-top:4px}
.original-points{font-size:14px;color:var(--text-light);text-decoration:line-through;margin-left:4px}
.exchange-btn{padding:8px 56px;background:var(--primary-gradient);color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center}
.exchange-btn i{margin-right:8px;font-size:12px}
.exchange-btn:hover{background:var(--primary-color);box-shadow:0 4px 12px rgba(255,107,0,0.3);transform:translateY(-2px)}
.exchange-btn.disabled{background:var(--bg-light);color:var(--text-light);cursor:not-allowed;box-shadow:none}
.exchange-btn.disabled:hover{transform:none}
.vip-section{border-radius:var(--radius-xl);margin-bottom:30px;position:relative;overflow:hidden;width:100%;position:absolute;top:-60px}
.vip-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%}
.vip-header{display:flex;align-items:center;margin-bottom:20px;position:relative;z-index:1}
.vip-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--gold-color),var(--bronze-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;color:white;font-size:24px}
.vip-title{font-size:30px;font-weight:700;background:linear-gradient(135deg,var(--gold-color),var(--bronze-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vip-desc{font-size:14px;color:var(--text-medium);margin-left:64px;margin-bottom:20px;position:relative;z-index:1}
@media (max-width:1024px){.int-box{flex-direction:column;align-items:flex-end}
    .guest-points-display,.check-in-box{width:100%}
    .login-actions{flex-direction:row;width:100%}
    .login-btn,.register-btn{flex:1}
}@media (max-width:768px){.container{padding:24px 16px}
    .page-header{flex-direction:column;align-items:flex-start}
    .page-title{margin-bottom:20px}
    .int-box{width:100%;align-items:stretch}
    .vip-benefits{position:static;margin-top:16px;width:fit-content}
    .filter-header{flex-direction:column;align-items:flex-start}
    .sort-options{margin-top:16px;width:100%}
    .sort-select{flex-grow:1}
    .products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
}@media (max-width:480px){.filter-tags{gap:8px}
    .filter-tag{padding:8px 12px;font-size:13px}
    .products-grid{grid-template-columns:1fr}
    .vip-header{flex-direction:column;align-items:flex-start}
    .vip-icon{margin-right:0;margin-bottom:12px}
    .vip-desc{margin-left:0}
}.pagination{display:flex;list-style:none;padding:0;margin:0;justify-content:center;align-items:center}
.pagination li{display:inline-block;margin-right:10px}
.pagination li.active{background-color:#0094E8;color:#fff;padding:5px 10px}
.pagination li a.prev,.pagination li a.next{background-color:#d9d9d9;color:#333;border-color:#ccc}
.pagination li a{display:inline-block;padding:5px 10px;color:#333;text-decoration:none}
.pagination li span.delimiter{color:#999}
.pc-more-goods{float:right;width:976px;margin-top:40px;padding-bottom:20px}
.maxwindex{}
.filter-tags .active a{color:var(--primary-color)}
.userimg{width:80px;height:60px;text-align:center;width:160px;display:none}
.userimg img{border-radius:50%;width:60px;margin:0 auto}
.username{font-size:16px;width:100%;text-align:center;color:#000;line-height:40px;margin-top:25px}
.out-log{background:#d8d8d8;border-radius:10px;color:#fff;text-align:center;padding:6px 10px;position:relative;z-index:99}
.out-log:hover{color:#fff;background:#000}
.exchange-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease}
.exchange-modal.active{opacity:1;visibility:visible}
.modal-content1{background-color:white;border-radius:var(--radius-xl);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:translateY(20px);transition:all 0.3s ease}
.exchange-modal.active .modal-content1{transform:translateY(0)}
.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}
.modal-title{font-size:20px;font-weight:700;color:var(--text-dark)}
.close-modal{background:none;border:none;font-size:20px;color:var(--text-light);cursor:pointer;transition:var(--transition)}
.close-modal:hover{color:var(--primary-color)}
.modal-body{padding:24px}
.product-info-section{display:flex;margin-bottom:24px;padding-bottom:24px;border-bottom:1px dashed var(--border-color)}
.product-image-modal{width:160px;height:160px;border-radius:var(--radius-md);object-fit:cover;margin-right:24px;flex-shrink:0}
.product-details{flex:1}
.product-name-modal{font-size:18px;font-weight:700;margin-bottom:8px}
.product-points-modal{font-size:24px;font-weight:700;color:var(--primary-color);margin-bottom:12px}
.product-desc-modal{font-size:14px;color:var(--text-medium);line-height:1.6;margin-bottom:16px}
.product-stock-modal{display:inline-block;padding:4px 12px;background-color:rgba(0,206,201,0.1);color:var(--accent-color);border-radius:var(--radius-sm);font-size:13px;font-weight:600}
.exchange-steps{display:flex;margin-bottom:24px;position:relative}
.step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}
.step-number{width:32px;height:32px;border-radius:50%;background-color:var(--bg-light);color:var(--text-medium);display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;border:2px solid var(--border-color)}
.step.active .step-number{background-color:var(--primary-color);color:white;border-color:var(--primary-color)}
.step.completed .step-number{background-color:var(--accent-color);color:white;border-color:var(--accent-color)}
.step-title{font-size:14px;color:var(--text-medium);text-align:center}
.step.active .step-title{color:var(--primary-color);font-weight:600}
.step.completed .step-title{color:var(--accent-color)}
.step-line{position:absolute;top:16px;left:0;right:0;height:2px;background-color:var(--border-color);z-index:0}
.step-progress{position:absolute;top:16px;left:0;height:2px;background-color:var(--accent-color);transition:width 0.3s ease}
.address-section{margin-bottom:24px}
.section-title{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center}
.section-title i{margin-right:8px;color:var(--primary-color)}
.address-list{}
.address-item{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:var(--transition);position:relative;float:left;margin-right:10px}
.address-item:hover{border-color:var(--primary-light)}
.address-item.selected{border-color:var(--primary-color);background-color:rgba(255,107,0,0.05)}
.address-item.selected::after{content:'';position:absolute;top:-1px;right:-1px;width:24px;height:24px;background-color:var(--primary-color);border-radius:0 var(--radius-md) 0 12px;display:flex;align-items:center;justify-content:center;color:white;font-size:12px}
.address-item.selected::before{content:'✔';font-weight:900;position:absolute;top:0;right:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;z-index:1}
.address-name{font-weight:700;margin-bottom:4px}
.address-name span{margin-left:8px;font-size:12px;padding:2px 6px;background-color:var(--primary-color);color:white;border-radius:var(--radius-xs)}
.address-detail{font-size:14px;color:var(--text-medium);margin-bottom:4px;line-height:1.5}
.address-phone{font-size:14px;color:var(--text-medium)}
.add-address{display:flex;align-items:center;justify-content:center;padding:16px;border:1px dashed var(--border-color);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;transition:var(--transition)}
.add-address:hover{border-color:var(--primary-color);background-color:rgba(255,107,0,0.05)}
.add-address i{margin-right:8px}
.confirm-section{background-color:var(--bg-light);border-radius:var(--radius-md);padding:20px;margin-top:24px}
.confirm-row{display:flex;justify-content:space-between;margin-bottom:12px}
.confirm-label{font-size:14px;color:var(--text-medium)}
.confirm-value{font-size:14px;font-weight:600;color:var(--text-dark)}
.confirm-points{color:var(--primary-color);font-size:18px;font-weight:700}
.confirm-balance{font-size:14px;color:var(--text-medium);margin-top:4px}
.confirm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.cancel-btn{padding:12px 24px;background-color:var(--bg-white);color:var(--text-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}
.cancel-btn:hover{border-color:var(--text-light)}
.confirm-btn{padding:12px 24px;background:var(--primary-gradient);color:white;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center}
.confirm-btn i{margin-right:8px}
.confirm-btn:hover{background:var(--primary-color);box-shadow:0 4px 12px rgba(255,107,0,0.3)}
.confirm-btn.disabled{background:var(--text-light);cursor:not-allowed;box-shadow:none}
@media (max-width:768px){.modal-content1{width:95%}
    .product-info-section{flex-direction:column}
    .product-image-modal{width:100%;height:auto;max-height:200px;margin-right:0;margin-bottom:16px}
    .exchange-steps{padding:0 16px}
    .step-title{font-size:12px}
}.address-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:1001;opacity:0;visibility:hidden;transition:all 0.3s ease}
.address-modal.active{opacity:1;visibility:visible}
.address-modal-content{background-color:white;border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);transform:translateY(20px);transition:all 0.3s ease}
.address-modal.active .address-modal-content{transform:translateY(0)}
.address-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}
.address-modal-title{font-size:20px;font-weight:700;color:var(--text-dark)}
.close-address-modal{background:none;border:none;font-size:20px;color:var(--text-light);cursor:pointer;transition:var(--transition)}
.close-address-modal:hover{color:var(--primary-color)}
.address-modal-body{padding:24px}
.form-group{margin-bottom:20px}
.form-label{display:block;font-size:14px;color:var(--text-medium);margin-bottom:8px;font-weight:600}
.form-control{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;transition:var(--transition)}
.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(255,107,0,0.1)}
.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
.default-address{display:flex;align-items:center;margin-top:16px}
.default-address input{margin-right:8px}
.default-address label{font-size:14px;color:var(--text-medium)}
#address-list{height:100px}
.listbox{width:100%;overflow-x:scroll}
#datanint{color:#CC0000}
.int-box .imboxpng{margin-right:10px}
.int-box .imboxpng img{}
.filter-section h3{font-size:15px;color:var(--text-medium);display:flex;align-items:center;height:33px;line-height:33px;margin:0}
.filter-tags .unkj{background:none;border:0}