.profile-container{display:flex;justify-content:space-between;gap:20px;margin-top:20px;margin-left:auto;margin-right:auto;min-height:calc(100vh - 200px)}.profile-sidebar{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000f;padding:15px;align-self:start;width:40%;min-width:240px}.user-info{padding:10px;border-bottom:1px solid var(--base-200)}.user-info-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.user-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.user-info-content{flex:1;text-align:left}.user-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.user-id{display:flex;align-items:center;gap:4px;color:var(--text-regular);font-size:12px;opacity:.8}.copy-id{width:14px;height:14px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-regular);opacity:.6;transition:all .3s ease}.copy-id:hover{opacity:1;color:var(--primary)}.vip-banner{background:#f2f5f9;border-radius:26px;padding:12px 16px 8px;display:flex;flex-direction:column;gap:8px}.vip-banner-top{display:flex;align-items:center;justify-content:space-between}.vip-banner-bottom{font-size:13px;color:#333;text-align:center;padding-top:4px;border-top:1px solid #E5E7EB}.pc-link{color:var(--primary)!important;font-weight:600;font-size:14px}.vip-info{display:flex;align-items:flex-start;gap:6px;font-size:14px;color:var(--text-regular);text-align:left}.vip-info-text{color:var(--primary);font-weight:600;font-size:14px}.vip-info svg{color:#ffc107;font-size:14px}.upgrade-btn{padding:2px 10px;background:#fff;color:var(--primary);border-radius:12px;font-size:14px;text-decoration:none;transition:all .3s ease;font-weight:500}.upgrade-btn:hover{background:var(--primary);color:#fff}.profile-nav{padding:8px 0;margin-top:10px}.nav-item{display:flex;align-items:center;align-content:center;gap:15px;padding:10px 20px;color:var(--text-regular);text-decoration:none;transition:all .3s ease;font-size:14px;border-radius:8px;margin-bottom:4px}.nav-item.profile-feedback-btn{display:none}.nav-item i{width:16px;font-size:14px;opacity:.8}.nav-item:hover{color:var(--primary);background:var(--primary-light-9)}.nav-item.active{color:var(--primary);background:var(--primary-light-9);font-weight:500}.profile-logout-btn{display:none}.profile-content{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 2px #0000000f;width:100%;align-self:start;min-height:600px}.content-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--base-200)}.info-form{max-width:100%;border-bottom:1px solid var(--base-200)}.form-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid var(--base-200)}.form-item:last-child{border-bottom:none}.form-item label{width:70px;color:var(--text-regular);font-size:14px;opacity:.8}.form-value{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.form-value span{color:var(--text-primary);font-size:14px}.edit-button{padding:5px 12px;border-radius:8px;border:1px solid #D1D5DB;background:#fff;color:var(--text-regular);font-size:13px;cursor:pointer;transition:all .3s ease}.edit-button:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light-9)}.edit-button.wechat,.tab-content{display:none}.tab-content.active{display:block}.orders-container{background-color:#fff;border-radius:8px;padding:0}.orders-table{width:100%;border-collapse:collapse;font-size:14px}.orders-table th,.orders-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--border-color, #e8e8e8)}.orders-table th{font-weight:500;background-color:var(--bg-gray-1, #f5f5f5)}.orders-table td{color:#334155}.orders-table tr:hover{background-color:#f8fafc}.orders-table .order-number{display:flex;align-items:center;gap:8px}.orders-table .order-remark{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-order-number{width:18px;height:18px;background:none;border:none;cursor:pointer;color:var(--text-secondary, #666);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .3s}.copy-order-number:hover{background-color:var(--bg-gray-1, #f5f5f5);color:var(--primary, #1890ff)}.orders-table .order-number span{color:#334155;font-weight:500;max-width:220px}.orders-table .order-date{color:#64748b}.order-amount{font-weight:500;text-align:right}.order-remark{font-size:12px;color:#64748b;margin-top:4px;white-space:normal;word-break:break-all;line-height:1.4}.empty-state{text-align:center;padding:40px 20px;color:#64748b}.empty-state-icon{font-size:48px;margin-bottom:16px;color:#cbd5e1}.empty-state-text{font-size:16px;margin-bottom:16px}.membership-card{margin-bottom:24px}.membership-info{padding:10px 16px;height:60px;margin-bottom:16px;background:linear-gradient(90deg,var(--primary-light-9, #E5FCFF) 6.13%,var(--primary-light-7, #B2F6FF) 73.18%,var(--primary-light-9, #E5FCFF) 100%);border-radius:8px;display:flex;align-items:center;justify-content:space-between}.membership-info-item{display:flex;align-items:center;gap:8px;font-size:16px}.membership-info-item-expiry{font-size:14px;color:var(--text-regular);opacity:.8}.vip-button{padding:10px;background:#fff;color:var(--primary);border-radius:8px;font-size:14px;box-shadow:0 2px 4px #0000000d;white-space:nowrap}.vip-button:hover{background:var(--primary);color:#fff}.benefits-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:0}.benefit-item{display:flex;flex-direction:column;padding:12px;background-color:#f4fbfc;border-radius:8px;text-align:center}.benefit-name{font-size:14px;color:#4a5568;margin-bottom:8px;text-align:left}.benefit-value{font-size:16px;font-weight:600;color:var(--primary);text-align:left}.pagination{margin:20px 0!important}.orders-pagination-container{display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.profile-container{grid-template-columns:1fr}.profile-sidebar{margin-bottom:20px}.benefits-list{grid-template-columns:repeat(2,1fr);gap:12px}.benefit-value{font-size:24px}.profile-container{flex-direction:column;gap:10px}.profile-sidebar{width:100%;margin-bottom:0}.benefits-list{grid-template-columns:repeat(2,1fr);gap:10px}.benefit-item{padding:2px 8px;flex-direction:row;align-items:center}.benefit-name{font-size:12px;margin-bottom:0;margin-right:10px}.benefit-value{font-size:20px}.orders-table .order-number span,.orders-table .order-payment-method{max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-table{font-size:13px}.profile-logout-btn{display:flex}.profile-content{min-height:0}.nav-item.profile-feedback-btn{display:flex}}