/* 主色调改为橘黄色 (#FF8C00) */
    .user-center-container {
        display: flex;
        margin-top: 20px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0,0,0,.1);
        margin-bottom: 30px;
    }
    
    .user-sidebar {
        width: 220px;
        background: #f8f8f8;
        border-right: 1px solid #eee;
    }
    
    .user-info {
        padding: 20px;
        text-align: center;
        border-bottom: 1px solid #eee;
    }
    
    .avatar {
        width: 80px;
        height: 80px;
        margin: 0 auto 10px;
        border-radius: 50%;
        overflow: hidden;
    }
    
    .avatar img {
        width: 100%;
        height: 100%;
    }
    
    .username {
        font-size: 16px;
        color: #333;
    }
    
    .user-menu {
        padding: 10px 0;
    }
    
    .menu-item {
        padding: 12px 20px;
        cursor: pointer;
    }
    
    .menu-item a {
        display: flex;
        align-items: center;
        color: #666;
        text-decoration: none;
    }
    
    .menu-item i {
        margin-right: 10px;
        font-size: 16px;
    }
    
    .menu-item:hover, .menu-item.active {
        background: #FFF3E0; /* 浅橘黄色背景 */
    }
    
    .menu-item:hover a, .menu-item.active a {
        color: #FF8C00; /* 橘黄色文字 */
    }
    
    .user-content {
        flex: 1;
        padding: 20px;
    }
    
    .content-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }
    
    .content-header h3 {
        font-size: 18px;
        color: #333;
    }
    
    .order-filter a {
        display: inline-block;
        margin-left: 15px;
        padding: 5px 10px;
        color: #666;
        text-decoration: none;
    }
    
    .order-filter a.active {
        color: #FF8C00; /* 橘黄色文字 */
        background: #FFF3E0; /* 浅橘黄色背景 */
        border-radius: 4px;
    }
    
    .order-list table {
        width: 100%;
        border-collapse: collapse;
    }
    
    .order-list th, .order-list td {
        padding: 12px 8px;
        text-align: center;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }
    
    .order-list th {
        background: #fafafa;
        font-weight: 500;
    }
    
    .status {
        display: inline-block;
        padding: 3px 8px;
        border-radius: 4px;
        font-size: 12px;
    }
    
    .status.completed {
        color: #52c41a;
        background: #f6ffed;
    }
    
    .status.pending {
        color: #faad14;
        background: #fffbe6;
    }
    
    .status.paid {
        color: #FF8C00; /* 橘黄色文字 */
        background: #FFF3E0; /* 浅橘黄色背景 */
    }
    
    .status.canceled {
        color: #f5222d;
        background: #fff1f0;
    }
    .pagination {
        padding:10px 0;
    }
    .pagination a {
        display: inline-block;
        margin: 0 5px;
        padding: 5px 10px;
        color: #666;
        text-decoration: none;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
    }
    .pagination a.active, .pagination a:hover {
        color: #FF8C00 !important; /* 橘黄色文字 */
        border-color: #FF8C00 !important; /* 橘黄色边框 */
        background-color:#fff;
    }
    
    .pagination .disabled {
        color: #d9d9d9;
        cursor: not-allowed;
    }
    
    /* 搜索框区域样式 - 橘黄色主题 */
    .order-search-box {
        margin-bottom: 20px;
        padding: 15px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(0,0,0,.1);
    }
    
    .search-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .search-input {
        display: flex;
        flex: 1;
        margin-right: 15px;
    }
    
    .search-input input {
        flex: 1;
        padding: 8px 12px;
        border: 1px solid #d9d9d9;
        border-radius: 4px 0 0 4px;
        outline: none;
        text-align: left;
    }
    
    .search-btn {
        padding: 8px 15px;
        background: #FF8C00; /* 橘黄色背景 */
        color: #fff;
        border: none;
        border-radius: 0 4px 4px 0;
        cursor: pointer;
    }
    
    .search-btn:hover {
        background: #FFA500; /* 稍亮的橘黄色 */
    }
    
    .advanced-search a {
        color: #FF8C00; /* 橘黄色文字 */
        text-decoration: none;
    }
    
    .advanced-panel {
        margin-top: 15px;
        padding: 15px;
        background: #fafafa;
        border-radius: 4px;
    }
    
    .advanced-row {
        display: flex;
        margin-bottom: 10px;
    }
    
    .advanced-item {
        display: flex;
        align-items: center;
        margin-right: 20px;
    }
    
    .advanced-item label {
        margin-right: 8px;
        white-space: nowrap;
    }
    
    .advanced-item select, 
    .advanced-item input {
        padding: 5px 8px;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        text-align: left;
    }
    
    .date-input, .amount-input {
        width: 180px;
    }
    
    .reset-btn {
        padding: 5px 10px;
        margin-left: 10px;
        background: #fff;
        color: #666;
        border: 1px solid #d9d9d9;
        border-radius: 4px;
        cursor: pointer;
    }
    
    .reset-btn:hover {
        color: #FF8C00; /* 橘黄色文字 */
        border-color: #FF8C00; /* 橘黄色边框 */
    }

    /*proinfo*/
    .profile-tabs {
        display: flex;
        border-bottom: 1px solid #eee;
    }
    
    .profile-tabs a {
        padding: 8px 15px;
        margin-right: 5px;
        color: #666;
        text-decoration: none;
        border-bottom: 2px solid transparent;
    }
    
    .profile-tabs a.active {
        color: #FF8C00;
        border-bottom-color: #FF8C00;
    }
    
    .profile-form {
        max-width: 600px;
        margin: 0 auto;
    }
    
    .form-group {
        margin-bottom: 20px;
    }
    
    .form-group label {
        display: block;
        margin-bottom: 8px;
        font-weight: 500;
        color: #333;
    }
    
    .required {
        color: #FF8C00;
    }
    
    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group input[type="tel"],
    .form-group input[type="date"],
    .form-group input[type="password"],
    .form-group select,
    .form-group textarea {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
    }
    
    .form-group input:focus,
    .form-group select:focus,
    .form-group textarea:focus {
        border-color: #FF8C00;
        outline: none;
        box-shadow: 0 0 0 2px rgba(255, 140, 0, 0.2);
    }
    
    .radio-group {
        display: flex;
        gap: 20px;
    }
    
    .radio-group label {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    
    .radio-group input[type="radio"] {
        margin-right: 5px;
        accent-color: #FF8C00;
    }
    
    .region-select {
        display: flex;
        gap: 10px;
    }
    
    .region-select select {
        flex: 1;
    }
    
    textarea {
        min-height: 100px;
        resize: vertical;
    }
    
    .error-message {
        color: #f5222d;
        font-size: 12px;
        margin-top: 5px;
        display: none;
    }
    
    .form-actions {
        display: flex;
        justify-content: flex-end;
        gap: 15px;
        margin-top: 30px;
    }
    
    .submit-btn {
        padding: 10px 20px;
        background: #FF8C00;
        color: white;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-weight: 500;
    }
    
    .submit-btn:hover {
        background: #FF6D00;
    }
    
    .reset-btn {
        padding: 10px 20px;
        background: white;
        color: #666;
        border: 1px solid #ddd;
        border-radius: 4px;
        cursor: pointer;
    }
    
    .reset-btn:hover {
        color: #FF8C00;
        border-color: #FF8C00;
    }